*{box-sizing:border-box}:root{--ink:#132238;--muted:#65758b;--line:#dbe5ef;--surface:#fff;--canvas:#f4f7fb;--brand:#1565d8;--brand-dark:#0d47a1;--success:#16794f;--warning:#a96100;--danger:#b42318}html,body{min-height:100%;margin:0}body{background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.app-frame{min-height:100vh;display:flex}.sidebar{color:#e7eff9;background:#0e1b2d;flex-direction:column;width:250px;padding:28px 20px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;margin-bottom:48px;font-weight:750;display:flex}.brand-mark{background:#2f7cf6;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:inline-flex}.sidebar nav{gap:7px;display:grid}.nav-link{color:#aebed1;border-radius:9px;padding:11px 12px}.nav-link:hover,.nav-link.active{color:#fff;background:#1b3150}.sidebar-footer{color:#c9d4e2;border-top:1px solid #273a53;gap:5px;margin-top:auto;padding:18px 4px 0;display:grid}.sidebar-footer small{color:#8296af}.main-column{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);color:var(--muted);background:#ffffffeb;justify-content:space-between;align-items:center;padding:18px 42px;font-size:14px;display:flex}.topbar a{color:var(--brand-dark);font-weight:650}.content{max-width:1120px;margin:0 auto;padding:54px 42px 80px}.hero{background:linear-gradient(135deg,#e5f0ff,#fff);border:1px solid #cfe0f7;border-radius:22px;padding:42px}.eyebrow{color:var(--brand-dark);letter-spacing:.14em;font-size:11px;font-weight:800}h1{letter-spacing:-.045em;max-width:720px;margin:14px 0;font-size:clamp(30px,5vw,54px);line-height:1.04}.hero p,.public-card p,.page-heading p{color:var(--muted);max-width:650px;margin:0;font-size:17px;line-height:1.6}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.metric-card,.table-card,.empty-card,.loading-card,.notice{background:var(--surface);border:1px solid var(--line);border-radius:16px}.metric-card{gap:8px;padding:24px;transition:border-color .2s,transform .2s;display:grid}.metric-card:hover{border-color:#8bb5ed;transform:translateY(-2px)}.metric-card span{color:var(--brand-dark);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:800}.metric-card strong{font-size:22px}.metric-card small{color:var(--muted);font-size:14px}.page-heading{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.page-heading h1{margin-bottom:10px;font-size:42px}.table-card{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:16px 18px}th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px}tr:last-child td{border-bottom:0}.mono{font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.tag,.status{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.tag{color:var(--brand-dark);background:#e7f0ff}.status-active,.status-success{color:var(--success);background:#e5f6ed}.status-suspended,.status-rejected{color:var(--warning);background:#fff2dc}.status-revoked{color:var(--danger);background:#fde9e7}.loading-card,.empty-card{color:var(--muted);padding:28px}.notice{gap:12px;margin-top:20px;padding:18px 20px;display:flex}.notice-muted{color:var(--muted)}.notice-error{color:var(--danger);background:#fff8f6;border-color:#f3c4bc}.public-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.public-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;max-width:670px;padding:54px;box-shadow:0 20px 50px #19385d14}.public-card h1{font-size:clamp(34px,7vw,68px)}.button{border-radius:9px;margin-top:26px;padding:12px 17px;font-weight:700;display:inline-flex}.button-primary{background:var(--brand);color:#fff}.button-primary:hover{background:var(--brand-dark)}@media (max-width:760px){.app-frame{display:block}.sidebar{width:auto}.sidebar nav{display:flex;overflow:auto}.sidebar-footer{display:none}.topbar,.content{padding-left:20px;padding-right:20px}.hero,.public-card{padding:28px}.card-grid{grid-template-columns:1fr}}.select-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:10px;max-width:620px;margin-top:22px;padding:18px;display:grid}.select-card label{font-size:13px;font-weight:700}.select-row{gap:10px;display:flex}.select-row input{border:1px solid var(--line);font:inherit;border-radius:8px;flex:1;min-width:0;padding:11px 12px}.select-row .button{cursor:pointer;border:0;margin-top:0}.select-card small{color:var(--muted)}.form-error{color:var(--danger)!important}.landing-page{color:#f4f8ff;background:#0b1524;min-height:100vh;overflow:hidden}.landing-nav{justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:26px 42px;display:flex}.brand-light{color:#f4f8ff;margin-bottom:0}.brand-light .brand-mark{background:#3e8bff}.landing-nav-actions{align-items:center;gap:22px;display:flex}.nav-quiet{color:#b7c8dd;font-size:14px}.nav-quiet:hover{color:#fff}.button-small{color:#12335e;background:#e8f1ff;margin-top:0;padding:10px 15px}.landing-hero{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:50px;max-width:1240px;min-height:650px;margin:0 auto;padding:58px 42px 100px;display:grid}.landing-copy h1{color:#fff;letter-spacing:-.06em;max-width:700px;font-size:clamp(44px,6vw,78px)}.landing-copy p{color:#b7c8dd;max-width:610px;font-size:19px;line-height:1.65}.eyebrow-light{color:#83b7ff}.landing-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.button-large{border-radius:10px;padding:14px 19px;font-size:15px}.button-ghost{color:#e4efff;border:1px solid #3a536f;margin-top:0}.button-ghost:hover{background:#142942;border-color:#6385a9}.landing-note{color:#7790ad;margin-top:18px;display:block}.landing-visual{justify-content:center;align-items:center;display:flex}.visual-window{color:var(--ink);background:#f8fbff;border:8px solid #1c314b;border-radius:18px;width:100%;max-width:460px;padding:22px;transform:rotate(2deg);box-shadow:0 30px 90px #00000042}.visual-window-bar{gap:6px;margin-bottom:28px;display:flex}.visual-window-bar span{background:#c5d4e5;border-radius:50%;width:7px;height:7px}.visual-status{color:#60758e;align-items:center;gap:8px;margin-bottom:24px;font-size:12px;display:flex}.status-dot{background:#27a86c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #e0f5e9}.visual-row{border-bottom:1px solid #e5edf5;justify-content:space-between;align-items:baseline;padding:15px 0;display:flex}.visual-row span{color:#6a7d94;font-size:13px}.visual-row strong{color:#122a48;font-size:23px}.visual-chart{align-items:end;gap:8px;height:86px;padding-top:24px;display:flex}.visual-chart span{background:linear-gradient(#4f94ff,#b8d6ff);border-radius:4px 4px 0 0;flex:1;height:40%}.visual-chart span:nth-child(2){height:62%}.visual-chart span:nth-child(3){height:48%}.visual-chart span:nth-child(4){height:82%}.visual-chart span:nth-child(5){height:68%}.visual-chart span:nth-child(6){height:92%}.visual-chart span:nth-child(7){height:78%}.feature-section{color:var(--ink);background:#f4f7fb;padding:100px max(42px,50vw - 578px)}.section-intro h2{letter-spacing:-.05em;max-width:640px;margin:12px 0 40px;font-size:clamp(32px,4vw,52px)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:0;display:grid}.feature-card{border:1px solid var(--line);background:#fff;border-radius:18px;min-height:210px;padding:26px}.feature-index{color:var(--brand);letter-spacing:.08em;font-size:12px;font-weight:800}.feature-card h3{margin:48px 0 10px;font-size:22px}.feature-card p{color:var(--muted);margin:0;line-height:1.55}.landing-footer{color:#718399;background:#f4f7fb;border-top:1px solid #dbe5ef;justify-content:space-between;padding:24px max(42px,50vw - 578px);font-size:13px;display:flex}.auth-page{background:radial-gradient(circle at 20% 10%, #e9f3ff, transparent 36%), var(--canvas);justify-content:center;align-items:center;min-height:100vh;padding:30px 20px;display:flex}.auth-card{border:1px solid var(--line);background:#fff;border-radius:22px;width:100%;max-width:470px;padding:38px;box-shadow:0 24px 60px #19385d1a}.auth-back{color:var(--muted);margin-bottom:34px;font-size:13px;display:inline-block}.auth-back:hover{color:var(--brand-dark)}.auth-heading{align-items:center;gap:10px;display:flex}.auth-card h1{margin-bottom:12px;font-size:clamp(34px,5vw,48px)}.auth-description{color:var(--muted);margin:0;line-height:1.55}.auth-actions{margin-top:30px}.button-full{justify-content:center;width:100%;margin-top:0}.auth-divider{color:#8797aa;align-items:center;gap:12px;margin:21px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{background:var(--line);content:"";flex:1;height:1px}.button-google{color:#1a2b42;background:#fff;border:1px solid #c8d5e3;align-items:center;gap:10px}.button-google:hover{background:#f7faff;border-color:#8ba8c8}.google-mark{color:#3275d3;border:1px solid #d4e0ec;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;font-size:13px;font-weight:800;display:inline-flex}.button-disabled{color:#7a8a9e;cursor:not-allowed;background:#f5f7fa;border:1px dashed #cbd6e2}.auth-switch{color:var(--muted);text-align:center;margin:26px 0 0;font-size:14px}.auth-switch a{color:var(--brand-dark);font-weight:700}.auth-privacy{color:#8797aa;text-align:center;margin-top:28px;font-size:12px;line-height:1.5;display:block}.auth-card .notice{margin-top:20px}@media (max-width:850px){.landing-hero{grid-template-columns:1fr;min-height:auto;padding-bottom:70px}.landing-visual{justify-content:flex-start}.feature-grid{grid-template-columns:1fr}}@media (max-width:600px){.landing-nav,.landing-hero{padding-left:20px;padding-right:20px}.landing-nav-actions{gap:10px}.landing-nav-actions .nav-quiet{display:none}.landing-copy h1{font-size:46px}.feature-section{padding-left:20px;padding-right:20px}.landing-footer{flex-direction:column;gap:8px;padding-left:20px;padding-right:20px}.auth-card{padding:28px 22px}}