:root{--ink:#171717;--muted:#6b6b66;--canvas:#f3f3ef;--surface:#fff;--line:#deded7;--soft:#e9e9e2;--dark:#111;--accent:#bfe8d0;--warning:#f5e5b5}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--canvas);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body{font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #1b5d3a;outline-offset:2px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#111}.auth-card{width:min(100%,460px);padding:44px;background:#f7f7f2}.brand-lockup,.sidebar-brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.14em}.brand-mark{font-size:21px;letter-spacing:-.12em}.auth-card .eyebrow{margin-top:74px}.eyebrow{margin:0 0 10px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{margin:0 0 14px;font-size:42px;letter-spacing:-.05em}h2{font-size:32px;letter-spacing:-.045em;line-height:1.1}h3{font-size:19px;letter-spacing:-.025em}.fine-print,.intro-copy,.muted,.side-note{color:var(--muted);line-height:1.55}.stack{display:grid;gap:17px;margin-top:34px}label{display:grid;gap:8px;color:var(--muted);font-size:12px;font-weight:700}input,select{min-height:44px;border:1px solid var(--line);padding:0 12px;background:var(--surface);color:var(--ink)}.primary-button,.quiet-button,.text-button{min-height:44px;border:1px solid var(--ink);padding:0 17px;font-weight:700}.primary-button{background:var(--ink);color:#fff}.primary-button:hover{background:#315842;border-color:#315842}.quiet-button,.text-button{background:transparent;color:inherit}.quiet-button{border-color:transparent}.text-button{padding:0;border:0;border-bottom:1px solid}.primary-button:disabled{opacity:.5;cursor:wait}.form-error{padding:12px;color:#8b1c1c;background:#f7dddd}.fine-print{margin-top:28px;font-size:11px}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;min-height:100vh;padding:26px 16px;background:var(--dark);color:#f7f7f2}.sidebar-brand{padding:0 12px 36px}.sidebar-label{margin:0 12px 10px;color:#888;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 12px;border:0;color:#999;background:transparent;text-align:left}.nav-item.active,.nav-item:hover{color:#fff;background:#282b29}.nav-icon{width:18px;color:#bfe8d0;text-align:center}.sidebar-bottom{margin-top:auto;padding:18px 12px 0;color:#d0d0c8;font-size:12px}.sidebar-bottom p{margin-top:5px;color:#777;font-size:11px}.status-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#97ddb3}.dashboard-main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:100px;padding:24px 42px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.6)}.topbar h1{margin:0;font-size:27px}.topbar-actions{display:flex;align-items:center;gap:15px}.admin-pill,.badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;background:var(--soft);color:#50504c;font-size:11px;font-weight:700}.badge{background:var(--accent);color:#1e4631;letter-spacing:.1em}.badge-soft{background:#f3efda}.content-wrap{max-width:1500px;padding:38px 42px 70px}.notice-banner{display:flex;gap:12px;align-items:flex-start;margin-bottom:42px;padding:15px 17px;border:1px solid #dccf99;background:#fff9df;color:#514a2e}.notice-banner p{margin-top:4px;font-size:12px}.page-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.intro-copy{max-width:680px;margin-top:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.metric-card,.panel{border:1px solid var(--line);background:var(--surface)}.metric-card{display:grid;gap:8px;min-height:145px;padding:19px}.metric-label{color:var(--muted);font-size:12px;font-weight:700}.metric-card strong{font-size:23px;letter-spacing:-.04em}.metric-card span{color:var(--muted);font-size:11px}.panel-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.panel{padding:23px}.panel-large{min-height:340px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:25px}.empty-chart{display:grid;place-items:center;min-height:210px;border:1px dashed var(--line);color:var(--muted);text-align:center}.chart-line{width:70%;height:1px;background:var(--line);transform:rotate(-4deg);margin-bottom:-35px}.role-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px;align-items:start}.role-list{min-height:500px}.role-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 0;border:0;border-top:1px solid var(--line);background:transparent;text-align:left}.role-row.selected{color:#1e633d}.role-row small,.role-row strong{display:block}.role-row small,.side-note{margin-top:5px;font-size:11px;font-weight:400}.side-note{margin-top:30px}.role-editor{min-width:0}.form-grid,.limit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.section-rule{padding-top:25px;margin-top:25px;border-top:1px solid var(--line)}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:15px}.permission-row{display:flex;grid-template-columns:none;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);background:#fafaf7}.check-row input,.permission-row input{min-height:auto;margin-top:3px;accent-color:#1b5d3a}.permission-row small,.permission-row strong{display:block}.permission-row small{margin-top:3px;color:var(--muted);font-weight:400;line-height:1.4}.check-row{grid-template-columns:none;gap:10px;color:var(--ink)}.check-row,.editor-footer{display:flex;align-items:center}.editor-footer{justify-content:space-between;gap:16px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.editor-footer .muted{font-size:11px}.success-note{margin-top:18px;padding:12px;color:#1e633d;background:#e7f5eb;font-size:12px}.error-panel{border-color:#e0aaaa;background:#fff8f8}.error-panel p{margin:12px 0 18px;color:#8b1c1c}.table-wrap{overflow:auto;margin-top:20px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:680px}td,th{padding:14px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted);background:#fafaf7;font-size:10px;letter-spacing:.12em;text-transform:uppercase}td{font-size:13px}td small,td strong{display:block}td small{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.4}.small-button{min-height:32px;margin:0 5px 5px 0;padding:0 9px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:11px;font-weight:700}.small-button:hover{border-color:#1b5d3a;color:#1b5d3a}.small-button.danger{color:#8b1c1c}.role-editor{padding:0 0 4px}.role-editor .permission-grid{margin:24px 0}.role-list{padding:0 15px;border:1px solid var(--line);background:#fafaf7}.panel>.role-layout{margin-top:10px}@media (max-width:980px){.dashboard-shell{grid-template-columns:1fr}.sidebar{min-height:auto;padding:18px}.sidebar nav{display:flex;gap:4px;overflow:auto}.nav-item{width:auto;white-space:nowrap}.sidebar-bottom,.sidebar-label{display:none}.sidebar-brand{padding:0 12px 18px}.metric-grid{grid-template-columns:repeat(2,1fr)}.panel-grid,.role-layout{grid-template-columns:1fr}}@media (max-width:640px){.topbar{align-items:flex-start;flex-direction:column;padding:22px}.topbar-actions{width:100%;justify-content:space-between}.content-wrap{padding:25px 18px 50px}.page-intro{align-items:flex-start;flex-direction:column}.form-grid,.limit-grid,.metric-grid,.permission-grid{grid-template-columns:1fr}.auth-card{padding:30px 22px}}