:root{--navy:#082940;--navy-2:#0b3853;--blue:#2f6fed;--ink:#14233b;--muted:#6d7f98;--line:#dfe8f1;--surface:#fff;--canvas:#f3f7fb;--shadow:0 18px 55px rgba(19,45,75,.11);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}
*{box-sizing:border-box}html{min-height:100%;background:var(--canvas)}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#f7fbff 0,#eef5fa 100%);overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.ambient{position:fixed;border-radius:999px;filter:blur(1px);pointer-events:none}.ambient-one{width:480px;height:480px;right:-220px;top:-220px;background:rgba(40,196,185,.12)}.ambient-two{width:360px;height:360px;left:-180px;bottom:-180px;background:rgba(47,111,237,.1)}
[hidden]{display:none!important}.eyebrow{display:block;color:#2f6fed;font-size:.72rem;letter-spacing:.13em;font-weight:900}.auth-view{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px;position:relative}.auth-card{width:100%;max-width:460px;min-width:0;padding:34px;border:1px solid rgba(206,220,234,.9);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 30px 90px rgba(15,48,72,.16);backdrop-filter:blur(18px)}.brand-lockup,.brand-compact{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-lockup img,.brand-compact img{border-radius:13px}.brand-lockup strong,.brand-lockup span,.brand-compact strong,.brand-compact small{display:block}.brand-lockup strong{font-size:1.18rem}.brand-lockup span,.brand-compact small{font-size:.74rem;color:var(--muted);margin-top:2px}.auth-copy{padding:42px 0 26px}.auth-copy h1{margin:10px 0 8px;font-size:clamp(2rem,8vw,3.1rem);line-height:1.02;letter-spacing:-.055em;overflow-wrap:anywhere}.auth-copy p{color:var(--muted);line-height:1.55;margin:0}.login-form{display:grid;gap:15px;min-width:0}.login-form label{display:grid;gap:7px;min-width:0;font-size:.8rem;font-weight:800;color:#43546b}.login-form input{width:100%;min-width:0;height:52px;padding:0 15px;border:1px solid #cfdae6;border-radius:13px;background:#f9fbfd;outline:0;transition:.2s}.login-form input:focus{border-color:#5d8ef2;box-shadow:0 0 0 4px rgba(47,111,237,.1);background:#fff}.primary-button{min-width:0;min-height:52px;padding:0 17px;border:0;border-radius:13px;background:linear-gradient(135deg,#3477ef,#2358cc);box-shadow:0 10px 24px rgba(47,111,237,.25);color:#fff;text-decoration:none;font-weight:850;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.primary-button:disabled{opacity:.65}.form-error{min-height:18px;margin:0;color:#c43d4d;font-size:.8rem}.secure-note{display:block;text-align:center;color:#8796a9;margin-top:20px;overflow-wrap:anywhere}
.app-shell{min-height:100vh}.topbar{position:fixed;z-index:20;left:0;right:0;top:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(8,41,64,.96);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}.brand-compact{color:#fff}.top-actions{display:flex;align-items:center;gap:9px}.icon-button,.notification-button,.avatar-button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;min-height:42px;border-radius:13px;cursor:pointer}.icon-button{width:42px}.notification-button{width:46px;position:relative}.notification-button>span{color:#f5c95d}.notification-button b{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:10px;background:#ef476f;font-size:.68rem}.avatar-button{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 6px}.avatar-button>span:first-child{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#38bda6,#238b83);font-weight:900}.account-copy{text-align:left}.account-copy strong,.account-copy small{display:block}.account-copy small{opacity:.66;font-size:.68rem;margin-top:2px}
.sidebar{position:fixed;z-index:15;left:0;top:76px;bottom:0;width:250px;padding:24px 16px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.sidebar nav{display:grid;gap:7px}.sidebar a,.sidebar button{width:100%;height:48px;padding:0 13px;border:0;border-radius:12px;background:transparent;color:#52647d;text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:750;cursor:pointer;text-align:left}.sidebar a span,.sidebar button span{width:25px;text-align:center;font-size:1.1rem}.sidebar a:hover,.sidebar a.active,.sidebar button:hover{background:#edf4ff;color:#245fd5}.sidebar-bottom{display:grid;gap:5px;border-top:1px solid var(--line);padding-top:14px}.main-content{margin-left:250px;padding:112px clamp(22px,4vw,58px) 70px;max-width:1700px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.hero h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.045em;margin:7px 0}.hero p{color:var(--muted);margin:0}.refresh-button,.back-button{min-height:42px;padding:0 15px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#40546d;font-weight:800;cursor:pointer;box-shadow:0 7px 20px rgba(25,49,78,.06)}.refresh-button.loading span{display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{position:relative;min-height:178px;padding:22px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 9px 30px rgba(18,52,84,.055)}.metric-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-44px;bottom:-52px;background:var(--tint)}.metric-icon{position:absolute;right:18px;top:18px;width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--accent);font-size:.72rem;font-weight:900}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{color:#647690;font-size:.84rem}.metric-card strong{font-size:2.15rem;letter-spacing:-.04em;margin:20px 0 10px}.metric-card small{color:#8190a4}.metric-card.blue{--accent:#2f6fed;--tint:#eaf1ff}.metric-card.violet{--accent:#7357dd;--tint:#f0edff}.metric-card.green{--accent:#15967d;--tint:#e5f8f2}.metric-card.amber{--accent:#c97a20;--tint:#fff2df}
.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr);gap:18px;margin-top:18px}.surface{padding:24px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:0 10px 35px rgba(17,48,78,.06)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-heading h2{margin:5px 0 0;font-size:1.2rem}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.module-card{min-height:102px;padding:16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;border:1px solid var(--line);border-radius:15px;color:var(--ink);text-decoration:none;transition:.2s}.module-card:hover{transform:translateY(-2px);border-color:var(--module);box-shadow:0 12px 28px rgba(26,59,95,.09)}.module-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--module) 12%,white);color:var(--module);font-size:1.2rem}.module-card strong,.module-card small{display:block}.module-card small{color:var(--muted);font-size:.75rem;line-height:1.35;margin-top:5px}.module-card b{color:var(--module)}.module-card.admin{--module:#2f6fed}.module-card.commercial{--module:#11937f}.module-card.finance{--module:#7659dc}.module-card.people{--module:#d78a27}.live-pill{padding:7px 10px;border-radius:999px;background:#e6f8f2;color:#147b69;font-size:.72rem;font-weight:850}.live-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22b994;margin-right:5px}.occupancy-ring{--value:0deg;width:160px;height:160px;margin:26px auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#2f6fed var(--value),#e7edf4 0);position:relative}.occupancy-ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}.occupancy-ring div{position:relative;text-align:center}.occupancy-ring strong,.occupancy-ring small{display:block}.occupancy-ring strong{font-size:1.65rem}.occupancy-ring small{color:var(--muted);margin-top:4px}.pulse-card>p{text-align:center;color:var(--muted);font-size:.82rem}.module-view{text-align:center;padding:clamp(32px,7vw,80px);max-width:800px;margin:0 auto}.back-button{display:block;margin-bottom:42px}.module-view-icon{width:72px;height:72px;margin:0 auto 21px;display:grid;place-items:center;border-radius:22px;background:#eaf1ff;color:#2f6fed;font-size:2rem}.module-view h2{font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.04em;margin:8px 0}.module-view p{max-width:580px;margin:0 auto;color:var(--muted);line-height:1.6}.module-open{max-width:310px;margin:30px auto 0}.bottom-nav{display:none}.toast{position:fixed;z-index:50;left:50%;bottom:24px;transform:translate(-50%,30px);padding:12px 16px;border-radius:12px;background:#102a42;color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s;font-size:.84rem}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.pulse-card{display:grid;grid-template-columns:1fr auto;align-items:center}.pulse-card .section-heading{grid-column:1/-1}.occupancy-ring{width:130px;height:130px;margin:5px 20px}.pulse-card>p{text-align:left}}
@media(max-width:760px){body{padding-bottom:76px}.topbar{height:68px;padding:0 15px}.brand-compact span{display:none}.account-copy{display:none}.avatar-button{padding:5px}.sidebar{display:none}.main-content{margin:0;padding:94px 15px 28px}.hero{align-items:flex-start}.hero h1{font-size:2rem}.refresh-button{font-size:0;width:43px;padding:0}.refresh-button span{font-size:1.1rem}.metric-grid{gap:10px}.metric-card{min-height:148px;padding:17px}.metric-card strong{font-size:1.75rem;margin:17px 0 7px}.metric-card small{font-size:.72rem;max-width:80%}.metric-icon{right:13px;top:13px}.surface{padding:17px;border-radius:17px}.module-grid{grid-template-columns:1fr}.module-card{min-height:90px}.pulse-card{display:block}.pulse-card>p{text-align:center}.bottom-nav{position:fixed;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;padding:7px max(7px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));background:rgba(255,255,255,.96);border-top:1px solid var(--line);backdrop-filter:blur(16px)}.bottom-nav a{min-height:50px;border-radius:11px;display:grid;place-items:center;align-content:center;gap:2px;color:#7c8ba0;text-decoration:none}.bottom-nav a span{font-size:1.05rem}.bottom-nav a small{font-size:.61rem;font-weight:800}.bottom-nav a.active{background:#eaf1ff;color:#2862d8}.module-view{padding:32px 18px}.auth-view{padding:15px}.auth-card{width:calc(100vw - 30px);max-width:calc(100vw - 30px);padding:25px;border-radius:23px}.auth-copy{padding:32px 0 24px}}
@media(max-width:390px){.metric-grid{grid-template-columns:1fr}.metric-card{min-height:132px}.metric-card small{max-width:100%}.top-actions{gap:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}