:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#14212b;background:#eef3f4;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #14212b;--ink-soft: #52636d;--ink-faint: #788891;--paper: #ffffff;--surface: #f7faf9;--surface-strong: #eef5f2;--line: #dce6e3;--line-strong: #c8d7d2;--brand: #0b7066;--brand-dark: #07584f;--brand-soft: #e4f4ef;--nav: #102923;--nav-soft: #183a32;--danger: #9c2f2f;--danger-soft: #fff0ef;--success: #236a50;--success-soft: #e9f6ef;--warning: #8b6418;--warning-soft: #fff6dd;--shadow: 0 18px 45px rgba(20, 33, 43, .08)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#eef3f4}body{margin:0;min-width:320px;min-height:100vh;background:#eef3f4}button,input,textarea,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}input,select,textarea{width:100%;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink);padding:.72rem .82rem;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}input:focus,select:focus,textarea:focus{border-color:#6fa79f;box-shadow:0 0 0 3px #0b70661f}input:disabled{background:#f1f4f3;color:var(--ink-soft)}label>span,legend{display:block;margin-bottom:.42rem;color:#34454e;font-size:.84rem;font-weight:700}fieldset{min-width:0;margin:0;padding:0;border:0}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{color:var(--ink);letter-spacing:-.025em}h1{margin:0;font-size:clamp(2rem,4vw,3.1rem);line-height:1.04}h2{margin:0;font-size:clamp(1.35rem,2vw,1.65rem);line-height:1.18}h3{margin:0;font-size:1rem}p{line-height:1.58}.eyebrow{margin:0 0 .62rem;font-size:.73rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#64777d}.muted{color:var(--ink-soft)}.field-caption,.workspace-label,.summary-label{color:var(--ink-faint);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:10px;padding:.67rem 1rem;text-decoration:none;font-size:.88rem;font-weight:750;transition:transform .12s ease,background .12s ease,border-color .12s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--brand);color:#fff;box-shadow:0 7px 18px #0b70662e}.button.primary:hover:not(:disabled){background:var(--brand-dark)}.button.secondary{border-color:var(--line-strong);background:#fff;color:#214239}.button.secondary:hover:not(:disabled){border-color:#9bb8b0;background:#f8fbfa}.button.text{min-height:auto;border:0;background:transparent;color:#37655c;box-shadow:none}.button.compact{min-height:34px;padding:.42rem .65rem;font-size:.78rem}.brand-mark{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:linear-gradient(145deg,#18a18f,#08675e);color:#fff;font-size:1.25rem;font-weight:900;box-shadow:0 12px 26px #08675e38}.brand-mark.small{width:36px;height:36px;border-radius:11px;font-size:.95rem}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(340px,.9fr) minmax(420px,1.1fr);background:#f5f8f7}.auth-brand-panel{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(2.5rem,6vw,6rem);background:radial-gradient(circle at 20% 15%,rgba(89,188,164,.22),transparent 34%),linear-gradient(150deg,#102923,#173f35 62%,#0e312a);color:#fff}.auth-brand-panel .brand-mark{margin-bottom:2.5rem}.auth-brand-panel .eyebrow{color:#a9d9cc}.auth-brand-panel h1{max-width:10ch;color:#fff;font-size:clamp(2.5rem,5vw,4.8rem)}.auth-brand-panel>p:not(.eyebrow):not(.vendor-line){max-width:48ch;margin:1.5rem 0 0;color:#d3e5df;font-size:1.05rem}.vendor-line{margin:3rem 0 0;color:#88b6aa;font-size:.82rem}.auth-form-panel{display:grid;min-height:100vh;place-items:center;padding:2rem}.auth-form-card{width:min(450px,100%);padding:clamp(1.6rem,4vw,2.4rem);border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.auth-form-card h2{font-size:2rem}.auth-form-card>.muted{margin:.7rem 0 1.6rem}.form-stack{display:grid;gap:1rem}.auth-links{margin-top:1.2rem;font-size:.86rem}.auth-links a{color:var(--brand);font-weight:700}.inline-alert{border:1px solid var(--line);border-radius:10px;padding:.72rem .85rem;font-size:.84rem;line-height:1.45}.inline-alert.danger{border-color:#efc4c1;background:var(--danger-soft);color:#742423}.inline-alert.success{border-color:#b7dacb;background:var(--success-soft);color:#285d49}.inline-alert.neutral{background:#f5f8f7;color:#44545c}.top-gap{margin-top:1rem}.loading-page,.standalone-page{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at top left,rgba(71,157,137,.12),transparent 34%),#eef3f4}.loading-brand{display:grid;justify-items:center;gap:.7rem;color:var(--ink-soft)}.loading-brand strong{color:var(--ink);font-size:1.15rem}.standalone-card{width:min(620px,100%);border:1px solid var(--line);border-radius:20px;background:#fff;padding:clamp(1.5rem,4vw,2.6rem);box-shadow:var(--shadow)}.standalone-card.narrow{width:min(480px,100%)}.standalone-card.medium{width:min(560px,100%)}.standalone-card h1{font-size:clamp(2rem,4vw,2.8rem)}.brand-lockup-inline{display:flex;align-items:center;gap:.7rem;margin-bottom:2rem;color:#24443c;font-weight:800}.mfa-setup{display:grid;justify-items:center;gap:.7rem;margin:1.4rem 0;padding:1rem;border-radius:14px;background:#f5f9f8;text-align:center}.mfa-qr{width:190px;max-width:100%;border-radius:8px;background:#fff}.mfa-secret{max-width:100%;overflow:auto;padding:.55rem;border-radius:7px;background:#e9efed;color:#253a34;font-size:.78rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);background:#eef3f4}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:1.2rem .9rem;background:var(--nav);color:#dbe9e4;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:0 .55rem 1.2rem}.sidebar-brand>div:last-child{display:grid}.sidebar-brand strong{color:#fff;font-size:.97rem}.sidebar-brand span{margin-top:.08rem;color:#8fb6aa;font-size:.72rem}.organisation-context{margin-bottom:1rem;padding:.85rem;border:1px solid rgba(191,224,215,.14);border-radius:12px;background:#ffffff09}.organisation-context .field-caption{display:block;margin-bottom:.45rem;color:#87aa9f}.organisation-context select{border-color:#bfe0d72e;background:var(--nav-soft);color:#fff;padding:.56rem .62rem;font-size:.78rem}.organisation-name{display:block;color:#fff;font-size:.86rem}.primary-nav{display:grid;gap:.18rem}.nav-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:42px;border-radius:9px;padding:.45rem .62rem;color:#bdd2cb;text-decoration:none;font-size:.82rem;font-weight:650}.nav-item:hover:not(.disabled),.nav-item.active{background:#1a443a;color:#fff}.nav-item.disabled{cursor:default;opacity:.52}.nav-glyph{display:grid;width:26px;height:26px;place-items:center;border:1px solid rgba(199,224,216,.16);border-radius:8px;color:#8fc1b4;font-size:.62rem;font-weight:900}.nav-soon{color:#73998f;font-size:.61rem;text-transform:uppercase}.sidebar-footer{display:grid;gap:.8rem;margin-top:auto;padding:1rem .45rem .2rem;color:#70958a;font-size:.7rem}.platform-link{display:grid;gap:.35rem;padding:.7rem;border:1px solid rgba(191,224,215,.14);border-radius:10px;color:#d5e6e1;text-decoration:none}.assurance-pill{width:max-content;border-radius:999px;background:#4a3422;color:#f2d6ad;padding:.18rem .42rem;font-size:.62rem}.assurance-pill.verified{background:#174b3b;color:#bde8d7}.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:10;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem clamp(1rem,3vw,2rem);border-bottom:1px solid var(--line);background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-actions{display:flex;align-items:center;gap:.65rem}.profile-link{display:flex;align-items:center;gap:.65rem;text-decoration:none}.profile-link>span:last-child{display:grid}.profile-link strong{font-size:.82rem}.profile-link small{margin-top:.08rem;color:var(--ink-faint);font-size:.68rem}.avatar{display:grid;width:36px;height:36px;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--brand-soft);color:var(--brand-dark);font-size:.78rem;font-weight:900}.small-avatar{width:34px;height:34px}.workspace-content{width:min(1180px,100%);margin:0 auto;padding:clamp(1.3rem,3vw,2.2rem)}.page-stack{display:grid;gap:1.25rem}.narrow-page{width:min(700px,100%)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:.4rem 0 .65rem}.page-header h1{font-size:clamp(2rem,4vw,2.85rem)}.page-header p:not(.eyebrow){max-width:70ch;margin:.7rem 0 0;color:var(--ink-soft)}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.summary-card,.panel{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px #1e323a09}.summary-card{min-height:180px;display:flex;flex-direction:column;padding:1.2rem}.summary-card.accent-card{border-color:#b9d9d0;background:linear-gradient(150deg,#f3fbf8,#fff 75%)}.summary-card>strong{margin-top:.55rem;font-size:1.55rem;letter-spacing:-.03em}.summary-card>p{margin:auto 0 0;color:var(--ink-soft);font-size:.86rem}.panel{padding:clamp(1.1rem,2vw,1.5rem)}.muted-panel{background:#f6f9f8;box-shadow:none}.getting-started-panel{display:flex;align-items:center;justify-content:space-between;gap:2rem;border-left:4px solid #3e9c89}.getting-started-panel>div{max-width:75ch}.getting-started-panel p:last-child{margin-bottom:0;color:var(--ink-soft)}.future-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem}.future-grid>div{display:grid;gap:.35rem;padding:.85rem;border:1px solid var(--line);border-radius:11px;background:#fff}.future-grid span{color:var(--ink-soft);font-size:.78rem;line-height:1.42}.role-list{display:flex;flex-wrap:wrap;gap:.38rem}.compact-list{margin-top:.5rem}.role-pill,.status-chip{display:inline-flex;width:max-content;align-items:center;border:1px solid #cfe0db;border-radius:999px;background:#f1f7f5;color:#356259;padding:.27rem .55rem;font-size:.68rem;font-weight:750}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.1rem}.section-heading p:not(.eyebrow){margin:.4rem 0 0;color:var(--ink-soft);font-size:.86rem}.admin-form-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;align-items:end;gap:.8rem}.form-action-cell{padding-bottom:1px}.invite-box{display:grid;grid-template-columns:.7fr 1.3fr;gap:1.5rem;margin:1.1rem 0 1.4rem;padding:1rem;border:1px solid #cfe0db;border-radius:13px;background:#f6faf8}.invite-box p{margin:.45rem 0 0;font-size:.82rem}.invite-form{display:grid;grid-template-columns:1fr;gap:.85rem}.role-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem .8rem}.checkbox-row{display:flex;align-items:flex-start;gap:.45rem;color:#34464e;font-size:.78rem}.checkbox-row input{width:auto;margin-top:.14rem}.checkbox-row span{margin:0;color:inherit;font-size:inherit;font-weight:600}.full-width{grid-column:1 / -1}.pending-invitations{margin:1rem 0 1.35rem;border-top:1px solid var(--line);padding-top:1rem}.pending-invitations h3{margin-bottom:.75rem}.pending-invite-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 0;border-top:1px solid #edf2f0}.pending-invite-row>div:first-child{display:grid;gap:.2rem}.pending-invite-row span:not(.role-pill){color:var(--ink-faint);font-size:.7rem}.member-list{display:grid;border-top:1px solid var(--line)}.member-row{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(240px,1.8fr) auto;align-items:start;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.member-identity{display:flex;align-items:center;gap:.7rem}.member-identity>div{display:grid;gap:.2rem}.member-identity strong{font-size:.84rem}.membership-status{width:max-content;color:#5b6b72;font-size:.66rem;text-transform:capitalize}.membership-status.suspended,.membership-status.revoked{color:var(--danger)}.member-actions{display:flex;justify-content:flex-end;gap:.35rem}.role-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .7rem;padding:.75rem;border:1px solid var(--line);border-radius:11px;background:#f9fbfa}.role-editor .inline-alert,.role-editor .inline-actions{grid-column:1 / -1}.inline-actions{display:flex;gap:.5rem;margin-top:.35rem}.loading-line{padding:.8rem 0;color:var(--ink-soft);font-size:.82rem}@media(max-width:1020px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.summary-grid,.future-grid,.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invite-box,.member-row{grid-template-columns:1fr}.member-actions{justify-content:flex-start}}@media(max-width:760px){.auth-page{grid-template-columns:1fr}.auth-brand-panel{min-height:auto;padding:2rem 1.3rem 2.2rem}.auth-brand-panel .brand-mark{margin-bottom:1.4rem}.auth-brand-panel h1{max-width:14ch;font-size:2.5rem}.auth-brand-panel>p:not(.eyebrow):not(.vendor-line){margin-top:1rem}.vendor-line{margin-top:1.5rem}.auth-form-panel{min-height:auto;padding:1.1rem}.app-shell{display:block}.sidebar{position:static;height:auto;padding:.8rem}.sidebar-brand{padding-bottom:.75rem}.organisation-context{margin-bottom:.6rem}.primary-nav{display:flex;overflow-x:auto;padding-bottom:.2rem}.nav-item{min-width:max-content;grid-template-columns:24px auto auto}.sidebar-footer{display:none}.topbar{position:static;padding:.65rem .9rem}.workspace-label,.profile-link small,.topbar .button.text{display:none}.workspace-content{padding:1rem}.page-header,.getting-started-panel,.pending-invite-row{align-items:flex-start;flex-direction:column}.summary-grid,.future-grid,.admin-form-grid,.role-checkbox-grid,.role-editor{grid-template-columns:1fr}.summary-card{min-height:150px}.member-row{gap:.7rem}}
