:root{--bg:#f7f8f8;--surface:#ffffff;--border:#e6e9ea;--border-strong:#cfd6d8;--text:#0d1b1f;--text-secondary:#5b6b6e;--text-muted:#94a0a2;--navy:#0a1416;--accent:#1a9c8c;--accent-hover:#15857a;--accent-weak:#e6f6f3;--accent-border:#a8e2d8;--accent-text:#0f7a6c;--purple:#7c3aed;--purple-weak:#ede9fe;--danger:#991b1b;--danger-bg:#fef2f2;--danger-border:#fecaca;--success:#166534;--success-bg:#f0fdf4;--success-border:#bbf7d0;--warning-text:#92400e;--warning-bg:#fffbeb;--warning-border:#fde68a;--radius:8px;--shadow:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}a{color:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:1.5rem}.top-banner{background:radial-gradient(ellipse 900px 500px at 75% 90%,rgba(26,156,140,.35),transparent 70%),radial-gradient(ellipse 700px 400px at 65% 20%,rgba(26,156,140,.18),transparent 65%),linear-gradient(180deg,#060c0e,#0a1416 60%,#0d1b1f);padding:2.2rem 2.5rem 2.4rem;color:#fff;position:relative;overflow:hidden;border-bottom:2px solid var(--accent)}.top-banner:after{content:"";position:absolute;left:0;right:0;bottom:-40%;height:90%;background:radial-gradient(ellipse 1200px 300px at 50% 100%,rgba(26,156,140,.45),transparent 70%);pointer-events:none}.top-banner-compact{padding:1.4rem 2.5rem}.banner-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto}.banner-logo{display:flex;align-items:center;margin-bottom:1.5rem}.top-banner-compact .banner-logo{margin-bottom:0}.banner-logo img{height:32px;width:auto;display:block}.banner-eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#4fd1bf;margin-bottom:10px}.top-banner h1{font-size:30px;font-weight:800;letter-spacing:-.01em;margin:0 0 14px;line-height:1.15;max-width:620px;color:#fff}.banner-rule{width:48px;height:3px;background:var(--accent);border-radius:2px}@media (max-width:640px){.top-banner h1{font-size:22px}.top-banner{padding:1.75rem 1.5rem 2rem}}.topbar{gap:2rem;background:var(--surface);border-bottom:1px solid var(--border);padding:0 2rem;height:56px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-logo,.topbar{display:flex;align-items:center}.nav-logo{font-size:15px;font-weight:600;color:var(--navy);letter-spacing:-.01em;gap:8px;white-space:nowrap}.nav-dot{width:9px;height:9px;background:var(--accent);border-radius:50%;display:inline-block}.nav{gap:0;height:100%;overflow-x:auto;flex:1 1}.nav,.nav a{display:flex}.nav a{align-items:center;height:56px;padding:0 14px;font-size:13.5px;color:var(--text-secondary);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s}.nav a:hover{color:var(--text)}.nav a.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.nav-user{display:flex;align-items:center;gap:.75rem;margin-left:auto;white-space:nowrap}@media (max-width:760px){.topbar{height:auto;flex-wrap:wrap;padding:.5rem 1rem;gap:.5rem 1rem}.nav{order:3;width:100%;flex:none}.nav a{height:44px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.25rem;box-shadow:var(--shadow)}.card h2{margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;letter-spacing:.05em}.card h2,label{color:var(--text-secondary);text-transform:uppercase}label{display:block;font-weight:500;font-size:12px;margin:.75rem 0 .3rem;letter-spacing:.02em}input,select{width:100%;padding:8px 11px;border:1px solid var(--border-strong);border-radius:var(--radius);font-size:14px;background:#fff;color:var(--text);font-family:inherit;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(26,156,140,.15)}.btn{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:9px 18px;border-radius:var(--radius);font-weight:500;font-size:14px;font-family:inherit;transition:all .15s}.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:default}.btn-secondary{background:#fff;color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg);border-color:var(--border-strong)}.btn-danger{background:#dc2626;border-color:#dc2626}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}table{width:100%;border-collapse:collapse;font-size:13.5px}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;background:var(--bg)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg)}.table-wrap{overflow-x:auto}.badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600}.badge-gr{background:var(--accent-weak);color:var(--accent-text)}.badge-ai{background:var(--purple-weak);color:var(--purple)}.badge-pending{background:var(--warning-bg);color:var(--warning-text)}.badge-approved{background:var(--success-bg);color:var(--success)}.badge-declined{background:var(--danger-bg);color:var(--danger)}.badge-no{background:#f3f4f6;color:var(--text-muted)}.alert{padding:.6rem .8rem;border-radius:8px;font-size:13px;margin:.5rem 0}.alert-info{background:var(--accent-weak);color:var(--accent-text);border:1px solid var(--accent-border)}.alert-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.alert-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.alert-warning{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:.75rem;gap:.75rem}.metric{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;box-shadow:var(--shadow)}.metric-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.metric-value{font-size:22px;font-weight:600;letter-spacing:-.02em;margin-top:4px}.login-page{min-height:100vh;display:flex;flex-direction:column}.login-wrap{flex:1 1;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1.5rem}.login-card{width:100%;max-width:400px}.login-card h2{font-size:18px;text-transform:none;letter-spacing:-.01em;color:var(--text);border:none;padding:0;margin-bottom:4px}.login-card>.muted{display:block;margin-bottom:1rem}.muted{color:var(--text-secondary);font-size:12px}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:.75rem;gap:.75rem}