*{box-sizing:border-box}html{min-height:100%;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f4f7fb;color:#172033;line-height:1.45}a{color:var(--brand,#1776d2)}button,input{font:inherit}body{display:flex;flex-direction:column}.center,.hero{min-height:calc(100vh - 54px);min-height:calc(100svh - 54px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(24px,5vw,64px);text-align:center}.hero{background:radial-gradient(circle at 50% 5%,#e8f4ff 0,#f4f7fb 48%,#edf2f8 100%)}.hero h1{max-width:900px;font-size:clamp(2.4rem,7vw,5.6rem);line-height:.98;letter-spacing:-.055em;margin:34px 0 18px}.hero p{max-width:720px;font-size:clamp(1.05rem,2vw,1.3rem);color:#5d687b;margin:0}.brand-lockup{display:flex;align-items:center;gap:15px;text-align:left}.brand-lockup span,.brand-lockup strong{display:block}.brand-lockup span{font-size:.66rem;letter-spacing:.32em;color:#69758a}.brand-lockup strong{font-size:1.75rem;line-height:1;letter-spacing:.06em}.brand-lockup.compact{justify-content:center;margin-bottom:24px}.brand-mark{width:72px;height:72px;border-radius:23px;display:grid;place-items:center;background:linear-gradient(145deg,var(--brand,#1776d2),#0f4f98);color:white;font-weight:900;font-size:2.2rem;box-shadow:0 16px 36px rgba(23,118,210,.28)}.brand-mark.small{width:42px;height:42px;border-radius:14px;font-size:1.25rem;box-shadow:none;flex:0 0 auto}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--brand,#1776d2);color:#fff;text-decoration:none;border:0;border-radius:12px;padding:12px 22px;font-weight:750;cursor:pointer;margin-top:24px;box-shadow:0 10px 24px rgba(23,118,210,.22);touch-action:manipulation}.button.full{width:100%}.card,.panel,.metric{background:#fff;border:1px solid #dce4ef;box-shadow:0 14px 42px rgba(20,38,70,.06)}.card{border-radius:20px;padding:clamp(22px,5vw,34px);max-width:480px;width:100%}.login-page{background:linear-gradient(160deg,#f8fbff,#edf3fa)}.form h1{margin:8px 0 0}.form label{display:block;text-align:left;margin-top:17px;font-weight:700;font-size:.92rem}.form input{width:100%;min-height:48px;padding:11px 13px;margin-top:7px;border:1px solid #cbd5e1;border-radius:11px;font-size:16px;background:#fff}.form input:focus{outline:3px solid color-mix(in srgb,var(--brand) 18%,transparent);border-color:var(--brand)}.error{background:#fff1f2;color:#9f1239;padding:11px 13px;border-radius:9px;margin-top:14px}.muted{color:#667085}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh;background:#f4f7fb}.sidebar{position:sticky;top:0;height:100vh;background:#0f172a;color:white;padding:20px 14px;display:flex;flex-direction:column;z-index:50}.sidebar-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:2px 8px 22px}.sidebar-brand b,.sidebar-brand small{display:block}.sidebar-brand small{color:#94a3b8;margin-top:2px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 12px;color:#cbd5e1;text-decoration:none;border-radius:11px;font-weight:650}.sidebar nav a:hover,.sidebar nav a.active{background:#1e293b;color:#fff}.nav-icon{width:22px;text-align:center;font-size:1.1rem}.sidebar-footer{margin-top:auto;border-top:1px solid #263247;padding:16px 10px 4px;display:grid;gap:5px;font-size:.82rem;overflow-wrap:anywhere}.sidebar-footer span{color:#94a3b8}.sidebar-footer a{color:#fff}.app-main{min-width:0}.mobile-topbar{display:none}.workspace{width:min(1420px,100%);margin:0 auto;padding:38px clamp(22px,4vw,54px) 64px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.page-head h1{font-size:clamp(1.8rem,3vw,2.45rem);letter-spacing:-.035em;margin:0 0 6px}.page-head p{margin:0;color:#667085}.version-pill{background:#e9f3ff;color:#125a9d;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric{border-radius:16px;padding:20px}.metric span{display:block;color:#667085;font-size:.86rem}.metric strong{display:block;font-size:clamp(1.75rem,3vw,2.4rem);line-height:1.1;margin-top:8px}.metric small{display:block;color:#667085;margin-top:5px}.panel{border-radius:18px;padding:clamp(16px,2.5vw,26px);margin-top:20px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-head h2{margin:0;font-size:1.15rem}.panel-head p{margin:3px 0 0;color:#667085;font-size:.9rem}.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch;margin:0 -4px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th,td{padding:13px 12px;border-bottom:1px solid #e7ecf3}th{font-size:.76rem;text-transform:uppercase;letter-spacing:.055em;color:#667085}td{font-size:.9rem}tbody tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:.74rem;font-weight:800;background:#eef2f6;color:#536074}.badge.good{background:#e8f8ef;color:#147345}.badge.warn{background:#fff4d9;color:#8a5a00}.badge.bad{background:#ffe8e8;color:#a32828}.badge.info{background:#e8f2ff;color:#145c9e}.task-list{display:grid;gap:10px}.task{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 4px;border-bottom:1px solid #e7ecf3}.task:last-child{border-bottom:0}.task>div{display:grid;gap:4px}.task>div:last-child{justify-items:end;text-align:right}.task strong{font-size:.94rem}.task small{color:#667085}.eyebrow{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#667085}.empty-state{min-height:180px;display:grid;place-content:center;text-align:center;color:#667085;gap:5px}.empty-state strong{font-size:1.05rem;color:#344054}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#e7ecf3;padding:1px}.settings-grid>div{background:#fff;padding:22px;display:grid;gap:8px}.label{font-size:.8rem;color:#667085}.settings-grid strong{display:flex;align-items:center;gap:8px}.colour-dot{width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #cbd5e1}footer{padding:18px;text-align:center;color:#667085;font-size:.8rem}.app-shell+footer{display:none}.scrim{display:none}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,310px);height:100dvh;transform:translateX(-105%);transition:transform .2s ease;box-shadow:20px 0 50px rgba(0,0,0,.25)}.nav-open .sidebar{transform:translateX(0)}.scrim{display:block;position:fixed;inset:0;background:rgba(15,23,42,.48);opacity:0;pointer-events:none;transition:opacity .2s;z-index:40}.nav-open .scrim{opacity:1;pointer-events:auto}.nav-open{overflow:hidden}.mobile-topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:44px 1fr 20px;align-items:center;gap:10px;min-height:62px;padding:max(9px,env(safe-area-inset-top)) 14px 9px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid #e2e8f0}.menu-button{width:42px;height:42px;border:0;border-radius:11px;background:#edf2f7;font-size:1.25rem;cursor:pointer}.status-dot{width:10px;height:10px;border-radius:50%;background:#27ae60;box-shadow:0 0 0 4px #e0f6e9}.workspace{padding:24px 14px 42px}.page-head{align-items:center}.page-head p{font-size:.9rem}.panel{border-radius:15px;padding:15px}.task{align-items:flex-start}.task>div:last-child{min-width:92px}.hero h1{font-size:clamp(2.5rem,13vw,4.5rem)}.settings-grid{grid-template-columns:1fr}}
@media(max-width:520px){.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:15px}.metric strong{font-size:1.65rem}.version-pill{display:none}.task{display:grid}.task>div:last-child{justify-items:start;text-align:left}.table-wrap{margin:0 -15px;padding:0 15px}.brand-mark{width:62px;height:62px;border-radius:20px}.card{border-radius:17px}.center{padding:18px}.hero{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.head-actions{display:flex;align-items:center;gap:12px}.compact-button{margin:0;min-height:40px;padding:9px 15px}.small-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 12px;border:1px solid #cbd5e1;border-radius:10px;text-decoration:none;color:#344054;background:#fff;font-weight:700}.form-panel{overflow:visible}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid label{display:grid;gap:7px;font-size:.86rem;font-weight:750;color:#344054}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#172033;font:inherit;font-size:16px}.form-grid textarea{min-height:110px;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:3px solid color-mix(in srgb,var(--brand) 18%,transparent);border-color:var(--brand)}.form-grid .wide{grid-column:1/-1}.form-grid .check{display:flex;align-items:center;gap:9px;min-height:46px}.form-grid .check input{width:20px;min-height:20px}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.form-actions .button{margin:0}.row-actions{display:flex;align-items:center;gap:7px}.inline{display:inline;margin:0}.icon-action{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid #d7e0eb;border-radius:9px;background:#fff;color:#344054;text-decoration:none;cursor:pointer;font-size:1.05rem}.icon-action:hover{background:#f3f6fa}.icon-action.danger{color:#b42318}.icon-action.good{color:#147345}.flash{margin-bottom:18px;padding:12px 15px;border-radius:11px;font-weight:700}.flash.success{background:#e8f8ef;color:#147345;border:1px solid #bce8cf}.flash.error{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-grid a{display:flex;align-items:center;min-height:56px;padding:14px 16px;border:1px solid #dbe4ef;border-radius:12px;text-decoration:none;background:#f8fbff;font-weight:750;color:#1d4f82}.quick-grid a:hover{border-color:var(--brand);background:#eef7ff}
@media(max-width:780px){.head-actions .version-pill{display:none}.form-grid{grid-template-columns:1fr}.form-grid .wide,.form-actions{grid-column:1}.form-actions .button{width:100%}.quick-grid{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start}.compact-button{white-space:nowrap}}
@media(max-width:480px){.quick-grid{grid-template-columns:1fr}.head-actions{align-self:flex-start}.compact-button{min-height:42px}}
.head-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid label{display:flex;flex-direction:column;gap:.45rem;font-weight:650}.form-grid .wide,.form-actions{grid-column:1/-1}.form input,.form select,.form textarea{width:100%;min-height:46px;border:1px solid #cbd5e1;border-radius:10px;padding:.75rem;background:#fff;font:inherit}.form textarea{min-height:110px;resize:vertical}.form .check{flex-direction:row;align-items:center;align-self:end;min-height:46px}.form .check input{width:20px;min-height:20px}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem}.button.secondary{background:#e2e8f0;color:#0f172a}.actions{display:flex;align-items:center;gap:.8rem;white-space:nowrap}.actions form{display:inline}.link{border:0;background:none;padding:0;text-decoration:underline;cursor:pointer;font:inherit}.danger{color:#b91c1c}.narrow{max-width:440px}.table-wrap table{min-width:760px}
@media(max-width:720px){.form-grid{grid-template-columns:1fr}.form-grid .wide,.form-actions{grid-column:auto}.page-head{align-items:flex-start}.head-actions{width:100%;justify-content:space-between}.form-actions{position:sticky;bottom:0;background:rgba(255,255,255,.95);padding:.8rem 0 calc(.8rem + env(safe-area-inset-bottom));z-index:5}.form-actions .button{flex:1}.panel{padding:1rem}.actions{flex-direction:column;align-items:flex-start;gap:.35rem}}
.tenant-switch{margin:0 6px 14px;padding:12px;background:#172238;border-radius:11px}.tenant-switch label{display:grid;gap:6px;color:#94a3b8;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.tenant-switch select{width:100%;min-height:40px;border:1px solid #334155;border-radius:8px;background:#0f172a;color:#fff;padding:8px;font:inherit;text-transform:none;letter-spacing:0}.tenant-hero .brand-mark{background:var(--brand)}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}