.app-frame.installed-app-frame{--app-bottom-height:72px;background:var(--bg);min-height:100dvh;display:block}.installed-app-topbar{z-index:44;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0}.installed-app-account-row{justify-content:space-between;align-items:center;gap:8px;min-height:62px;padding:6px 12px;display:flex}.installed-app-brand{min-width:0;min-height:44px;color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:flex}.installed-app-brand img{object-fit:contain;width:30px;height:30px}.installed-app-brand svg{flex-shrink:0}.installed-app-brand strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.installed-app-account-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.installed-app-account-actions :is(.icon-btn,.user-menu-trigger,.notification-bell-trigger){width:44px;min-width:44px;height:44px;color:var(--ink);box-shadow:none;background:0 0;border-color:#0000;justify-content:center;padding:8px}.installed-app-account-actions .notification-bell-label{display:none}.installed-app-context{justify-content:space-between;align-items:center;gap:12px;padding:0 12px 6px;display:flex}.installed-app-context>span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px;overflow:hidden}.installed-app-context>button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:var(--panel-soft);cursor:pointer;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.installed-app-frame .installed-app-main{min-width:0;padding-bottom:calc(var(--app-bottom-height) + env(safe-area-inset-bottom,0px) + 16px)}.installed-app-frame .content{min-width:0;padding:16px 12px 24px}.installed-app-frame #notifications{scroll-margin-top:130px}.installed-app-frame .maintenance-banner a[href^=\/system-settings]{display:none}.installed-app-bottom{z-index:45;padding:0 6px env(safe-area-inset-bottom,0px);border-top:1px solid var(--line);background:var(--panel);position:fixed;inset:auto 0 0;box-shadow:0 -6px 24px #0000000f}.installed-app-tabs{width:100%;max-width:720px;min-height:var(--app-bottom-height);align-items:stretch;margin:0 auto;display:flex}.installed-app-tabs>a{min-width:0;min-height:64px;color:var(--muted);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:5px;padding:8px 2px;font-size:10px;font-weight:600;line-height:1.2;text-decoration:none;display:flex;position:relative}.installed-app-tabs>a.active{color:var(--ink);background:color-mix(in srgb, var(--accent) 14%, transparent)}.installed-app-tabs>a.active:before{content:"";background:var(--accent);border-radius:0 0 4px 4px;width:24px;height:3px;position:absolute;top:0}.installed-app-tabs>a:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.installed-app-frame .team-chat-widget{--team-chat-bottom:calc(var(--app-bottom-height) + env(safe-area-inset-bottom,0px) + 14px);--team-chat-right:12px;--team-chat-size:52px}.installed-app-menu-backdrop{padding:12px 12px calc(84px + env(safe-area-inset-bottom,0px));align-items:flex-end}.modal-panel.installed-app-menu{width:min(520px,100%);max-height:calc(100dvh - 120px - env(safe-area-inset-bottom,0px))}.installed-app-menu .modal-body{gap:6px;padding:12px;display:grid}.installed-app-menu .modal-body>a{border:1px solid var(--line);min-height:52px;color:var(--ink);background:var(--panel);border-radius:10px;align-items:center;gap:12px;padding:12px;font-size:14px;text-decoration:none;display:flex}.installed-app-menu .modal-body>a span{flex:1}.installed-app-menu .modal-body>a svg{flex-shrink:0}.installed-app-menu .modal-body>a[aria-current=page]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--panel))}.desktop-portal-notice>.panel{justify-items:start;gap:14px;max-width:600px;margin:24px auto;display:grid}.desktop-portal-notice :is(h1,p){margin:0}.desktop-portal-notice p{color:var(--muted);line-height:1.6}.installed-app-home{gap:20px;max-width:900px;margin:0 auto;padding:16px 12px 24px;display:grid}.installed-app-welcome{color:#f9f9f6;background:#151515;border-radius:18px;justify-items:start;gap:10px;padding:22px 18px;display:grid}.installed-app-welcome time{color:#d6d5cd;letter-spacing:.04em;font-size:11px}.installed-app-welcome h1{overflow-wrap:anywhere;color:#fff;max-width:100%;margin:0;font-size:clamp(24px,6vw,32px);line-height:1.2}.installed-app-welcome p{color:#d6d5cd;margin:0;font-size:14px}.installed-app-welcome .btn{color:#111;background:#ffc600;border-color:#ffc600;justify-content:center;width:100%;min-height:48px;margin-top:6px}.installed-app-attendance{color:#f9f9f6;align-items:center;gap:6px;min-height:44px;font-size:12px;display:inline-flex}.installed-app-work h2{margin:0 0 12px;font-size:17px}.installed-app-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.installed-app-work-grid>a{border:1px solid var(--line);background:var(--panel);min-width:0;min-height:144px;color:var(--ink);border-radius:14px;align-content:start;gap:9px;padding:16px 12px;text-decoration:none;display:grid;position:relative}.installed-app-work-grid strong{font-size:15px}.installed-app-work-grid span{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.5}.installed-app-tile-arrow{color:var(--muted);position:absolute;top:16px;right:12px}@media (min-width:768px){.app-frame.installed-app-frame{--app-bottom-height:80px}.installed-app-frame .content{max-width:1600px;margin-inline:auto;padding:24px}.installed-app-account-row,.installed-app-context{max-width:1600px;margin-inline:auto;padding-inline:24px}.installed-app-brand img{width:36px;height:36px}.installed-app-brand strong{font-size:16px}.installed-app-tabs{max-width:1100px}.installed-app-tabs>a{gap:7px;min-height:80px;font-size:12px}.installed-app-tabs>a>svg{width:24px;height:24px}.installed-app-home{gap:24px;max-width:1100px;padding:24px}.installed-app-welcome{padding:28px}.installed-app-welcome .btn{width:auto;min-width:240px}.installed-app-work-grid{gap:16px}.installed-app-work-grid>a{min-height:160px;padding:20px}.installed-app-menu-backdrop{padding-bottom:calc(var(--app-bottom-height) + 16px + env(safe-area-inset-bottom,0px))}.modal-panel.installed-app-menu{width:min(680px,100%)}.installed-app-menu .modal-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}}@media (min-width:1024px){.installed-app-work-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}