:root{--kb-navy-950: #071e2b;--kb-navy-900: #0b2533;--kb-navy-850: #0d3040;--kb-emerald-700: #047857;--kb-emerald-600: #059669;--kb-emerald-500: #10b981;--kb-emerald-50: #ecfdf5;--kb-green-500: #10b981;--kb-green-600: #059669;--kb-green-50: #ecfdf5;--kb-amber-500: #f59e0b;--kb-amber-600: #d97706;--kb-amber-50: #fffbeb;--kb-blue-500: #3b82f6;--kb-purple-500: #8b5cf6;--kb-red-500: #ef4444;--kb-orange-500: #f97316;--kb-bg: #f5f8fa;--kb-surface: #fff;--kb-surface-muted: #f1f5f9;--kb-border: #e2e8f0;--kb-border-soft: #edf2f7;--kb-text: #102333;--kb-text-strong: #071e2b;--kb-text-secondary: #64748b;--kb-muted: #94a3b8;--kb-primary: #059669;--kb-primary-dark: #047857;--kb-accent: #f59e0b;--kb-ink: #0f172a;--kb-danger: #ef4444;--kb-shadow-xs: 0 1px 2px rgba(15, 23, 42, .03);--kb-shadow-sm: 0 2px 8px rgba(15, 23, 42, .04);--kb-shadow-md: 0 8px 24px rgba(15, 23, 42, .06);--kb-shadow-lg: 0 20px 50px rgba(15, 23, 42, .12);--kb-shadow: var(--kb-shadow-sm);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--kb-text);background:var(--kb-bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--kb-bg)}html[data-theme=dark]{--kb-bg: #081923;--kb-surface: #0d2532;--kb-surface-muted: #132f3d;--kb-border: #244252;--kb-border-soft: #193746;--kb-text: #dbe8ee;--kb-text-strong: #f8fafc;--kb-text-secondary: #9fb3bf;--kb-muted: #78909d;color-scheme:dark}html[data-theme=dark] body,html[data-theme=dark] .kb-page{background:var(--kb-bg)}html[data-theme=dark] kb-card>section,html[data-theme=dark] .kb-topbar,html[data-theme=dark] .top-popover{color:var(--kb-text);background:var(--kb-surface)!important}a{color:var(--kb-primary);text-decoration:none}button,input,select,textarea{font:inherit}.eyebrow{color:var(--kb-primary);font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.muted{color:var(--kb-muted)}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr)}.auth-story{padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 10% 10%,rgba(245,158,11,.22),transparent 35%),linear-gradient(145deg,#082f49,#0e7490)}.auth-story .brand{color:#fff;font-size:1.35rem;display:flex;gap:.6rem}.auth-story .brand:first-letter{color:var(--kb-accent)}.auth-story h1{font-size:clamp(2.3rem,5vw,4.5rem);max-width:12ch;line-height:1.01;letter-spacing:-.05em;margin:.5rem 0 1rem}.auth-story p:not(.eyebrow){max-width:34rem;color:#d8eff3;font-size:1.05rem;line-height:1.65}.auth-story .eyebrow{color:#fbc760}.auth-story small{color:#b7dce3}.auth-form{display:grid;place-items:center;padding:2rem}.auth-form kb-card{display:block;width:min(100%,560px)}.auth-form h2{font-size:1.8rem;margin:.2rem 0}.auth-form form{display:grid;gap:1rem;margin-top:1.5rem}.auth-form label{display:grid;gap:.4rem;font-size:.84rem;font-weight:750}.auth-form input{width:100%;border:1px solid var(--kb-border);border-radius:.75rem;padding:.85rem 1rem;background:#fbfdfd;color:var(--kb-ink);outline:0}.auth-form input:focus{border-color:var(--kb-primary);box-shadow:0 0 0 3px #0e74901f}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-meta{display:flex;justify-content:space-between;align-items:center}.form-meta .check{display:flex;grid-auto-flow:column;justify-content:start;align-items:center}.form-meta input[type=checkbox]{width:auto}.auth-form kb-button{display:grid}.switch{text-align:center;color:var(--kb-muted);margin:1.4rem 0 0}.alert,.notice{border-radius:.7rem;padding:.75rem 1rem;margin-top:1rem;font-size:.9rem}.alert{background:#fff1f0;color:#912018}.notice{background:#ecfdf3;color:#067647}.shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.shell>aside{background:#092f3c;color:#d9ecef;position:fixed;inset:0 auto 0 0;width:260px;padding:1rem;overflow-y:auto}.shell-brand{height:52px;display:flex;align-items:center;gap:.65rem;padding:0 .5rem;font-size:1.15rem}.shell-brand>span{display:grid;place-items:center;width:34px;height:34px;border-radius:.7rem;background:var(--kb-accent);color:#3d2900}.shell-brand button{margin-left:auto;background:transparent;color:#b9d9de;border:0}.workspace{margin:1rem 0;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:.9rem;background:#ffffff0e;display:grid;gap:.15rem}.workspace small,.workspace span{font-size:.7rem;color:#a9cdd3;text-transform:capitalize}.shell nav{display:grid;gap:.18rem}.shell nav a{display:flex;align-items:center;gap:.8rem;padding:.72rem .8rem;border-radius:.7rem;color:#c9e0e4;font-size:.88rem}.shell nav a:hover,.shell nav a.active{background:#fff;color:#0b5062}.shell nav i{font-style:normal;width:1.25rem;text-align:center}.shell-main{grid-column:2}.shell-main>header{height:74px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--kb-border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:5}.shell-main>header>div{display:grid}.shell-main>header small{font-size:.68rem;color:var(--kb-muted);text-transform:uppercase;letter-spacing:.06em}.user{display:flex!important;grid-auto-flow:column;align-items:center;gap:.65rem}.user>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#d9eff2;color:#07566a;font-weight:800}.user button{background:transparent;border:0;color:var(--kb-muted);cursor:pointer}.mobile-menu{display:none}.shell-main>main{padding:clamp(1.25rem,3vw,2.5rem);max-width:1480px;margin:auto}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metrics kb-card{display:block;position:relative}.metrics kb-card>section>span{position:absolute;right:1rem;top:1rem;width:34px;height:34px;border-radius:.7rem;background:var(--kb-surface-muted);display:grid;place-items:center;color:var(--kb-primary)}.metrics p{margin:0 0 .6rem;color:var(--kb-muted);font-size:.8rem}.metrics strong{display:block;font-size:1.55rem;letter-spacing:-.04em}.metrics small{color:var(--kb-muted)}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem;margin-top:1rem}.card-title{display:flex;justify-content:space-between;align-items:center}.card-title h2{font-size:1rem}.card-title span{font-size:.7rem;color:#067647;background:#ecfdf3;padding:.25rem .5rem;border-radius:1rem}.health{display:flex;align-items:center;gap:1rem;padding:1rem 0}.health>b{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:conic-gradient(var(--kb-primary) 75%,var(--kb-surface-muted) 0);color:#fff;font-size:1.2rem;border:7px solid #d9eff2}.health p{color:var(--kb-muted);margin:.35rem 0}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.quick a{padding:1rem;border-radius:.8rem;background:var(--kb-surface-muted);font-weight:750;font-size:.82rem}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.admin-grid kb-card{display:block}.admin-grid h2{font-size:1rem}.admin-grid p{color:var(--kb-muted);line-height:1.55}.loading{padding:3rem;text-align:center;color:var(--kb-muted)}.skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.skeleton-grid div{height:130px;border-radius:1rem;background:linear-gradient(90deg,#e6eeee 25%,#f7fafa,#e6eeee 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:1000px){.metrics,.skeleton-grid{grid-template-columns:repeat(2,1fr)}.shell{grid-template-columns:78px 1fr}.shell>aside{width:78px}.shell-brand b,.workspace,.shell nav span{display:none}.shell nav a{justify-content:center}.shell-main{grid-column:2}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:700px){.auth-layout{grid-template-columns:1fr}.auth-story{min-height:260px}.auth-story h1{font-size:2.3rem}.auth-story small{display:none}.form-grid{grid-template-columns:1fr}.shell{display:block}.shell>aside{display:none}.shell--compact>aside{display:block;width:260px;z-index:10}.shell--compact .shell-brand b,.shell--compact .workspace,.shell--compact nav span{display:grid}.shell--compact nav a{justify-content:flex-start}.shell-main{grid-column:auto}.shell-main>header{padding:0 1rem}.mobile-menu{display:block;border:0;background:transparent}.shell-main>header>div:first-of-type{display:none}.user div{display:none}.metrics,.skeleton-grid,.admin-grid,.quick{grid-template-columns:1fr}}