:root{
  --kraft:#B8895A;--brown:#4A2E1F;--brown2:#331d13;--cream:#F6F0E4;--beige:#D8C3A5;
  --paper:#fffdf8;--charcoal:#2B2B2B;--muted:#776b61;--line:#dfd3c3;--green:#2f7d55;
  --green-bg:#e8f4ec;--red:#a33a2b;--red-bg:#f8e8e5;--amber:#946c1c;--amber-bg:#fff4d9;
  --shadow:0 9px 30px rgba(74,46,31,.08)
}
*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--charcoal);background:linear-gradient(180deg,#fbf8f1,var(--cream));min-height:100vh}.topbar{height:76px;background:var(--brown2);color:var(--cream);display:flex;align-items:center;padding:0 28px;gap:30px;position:sticky;top:0;z-index:10;box-shadow:0 3px 18px rgba(0,0,0,.16)}.brand{display:flex;align-items:center;gap:11px;color:var(--cream);text-decoration:none;min-width:245px}.brand-icon{width:43px;height:43px}.brand span{display:grid}.brand strong{font-family:Georgia,serif;font-size:19px}.brand small{font-size:12px;color:#dbc9b5}.topbar nav{display:flex;align-items:stretch;height:100%;gap:3px;flex:1}.topbar nav a{display:flex;align-items:center;color:#eee2d3;text-decoration:none;padding:0 13px;font-weight:700;font-size:14px}.topbar nav a:hover{background:rgba(255,255,255,.06)}.adminbox{display:flex;align-items:center;gap:12px;font-size:12px}.adminbox span{display:grid}.adminbox small{color:#cbb7a2}.link-button{border:0;background:transparent;color:#f7ecdd;font-weight:700;cursor:pointer}.page{max-width:1500px;margin:0 auto;padding:34px 28px 72px}.auth-page{max-width:none;padding:0;min-height:100vh;display:grid;place-items:center}footer{text-align:center;color:#806e5c;font-size:12px;padding:16px 24px 28px}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.page-head h1{font-family:Georgia,serif;color:var(--brown);font-size:35px;margin:3px 0 5px}.page-head p{margin:0;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:1.3px;font-weight:900;color:#8c5b34}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:10px 15px;border:1px solid transparent;text-decoration:none;font-weight:800;font-size:13px;cursor:pointer}.btn.primary{background:var(--brown);color:white}.btn.secondary{background:#fffaf4;border-color:#d8c5ae;color:var(--brown)}.btn.warning{background:#fff3dc;border-color:#d9b77b;color:#744f13}.btn.tiny{padding:7px 10px;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:var(--shadow);display:grid;gap:4px}.metric span{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:900}.metric strong{font-family:Georgia,serif;color:var(--brown);font-size:28px}.metric small{color:var(--muted)}.metric.warn{border-color:#d5a357;background:#fff7e9}.two-col{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);gap:18px}.align-start{align-items:start}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow);margin-bottom:18px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #eee2d6;padding-bottom:12px;margin-bottom:12px}.section-head h2,.card h2{font-family:Georgia,serif;color:var(--brown);margin:0 0 3px}.section-head p{margin:0;color:var(--muted);font-size:12px}.section-head a{color:#8a5b35;text-decoration:none;font-weight:800;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:10px;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#755c48}td{padding:11px 10px;border-bottom:1px solid #eee4d8;vertical-align:top}td small{display:block;color:var(--muted);margin-top:3px}.strong-link{color:var(--brown);font-weight:900;text-decoration:none}.empty{text-align:center;padding:30px;color:var(--muted)}.pill{display:inline-block;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.3px;background:#eee7df;color:#675b51}.pill.active,.pill.ok{background:var(--green-bg);color:var(--green)}.pill.trial,.pill.grace{background:var(--amber-bg);color:var(--amber)}.pill.past_due,.pill.suspended,.pill.canceled,.pill.error{background:var(--red-bg);color:var(--red)}.activity-list{display:grid}.activity-list>div{display:grid;gap:2px;padding:10px 0;border-bottom:1px solid #eee4d8}.activity-list>div:last-child{border:0}.activity-list strong{color:var(--brown)}.activity-list span{font-size:12px}.activity-list small{font-size:11px;color:var(--muted)}.filterbar{display:grid;grid-template-columns:minmax(260px,1fr) 180px 200px auto;gap:8px;margin-bottom:14px}.filterbar input,.filterbar select,.stack input,.stack select,.stack textarea,.form-grid input,.form-grid select,.form-grid textarea,.user-access input,.user-access select,.mini-card input,.mini-card select,.danger-zone input{width:100%;border:1px solid #d6c4af;background:#fffdfa;border-radius:8px;padding:10px 11px;font:inherit;color:var(--charcoal)}label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#5e4d40}.stack{display:grid;gap:12px}.readonly-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex;align-items:center;gap:7px}.check input{width:auto}.card-check{border:1px solid var(--line);border-radius:8px;padding:10px}.custom-plan{border:1px dashed #cdb696;padding:12px;border-radius:9px;display:grid;gap:10px;background:#faf3e9}.custom-plan[hidden]{display:none}.guardrail{background:#f1e8db;border-left:5px solid var(--brown);padding:12px 14px;border-radius:8px;margin-bottom:18px;color:#58483c;font-size:13px}.facts{display:grid;gap:0;margin:0}.facts>div{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #eee4d8}.facts dt{color:var(--muted);font-size:12px}.facts dd{margin:0;font-weight:800}.danger-zone{margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.danger-zone h3{color:#75511d;margin:0 0 10px}.hint{font-size:11px;color:var(--muted);font-weight:400;line-height:1.45}.error-panel{background:var(--red-bg);color:#762c24;border:1px solid #e0b5ae;border-radius:9px;padding:12px;font-size:12px}.error-text{color:var(--red)!important}.access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.user-access{border:1px solid var(--line);border-radius:12px;padding:13px;display:grid;gap:10px;background:#fffaf4}.user-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.user-title div{display:grid}.user-title small{color:var(--muted)}.department-access{border-top:1px solid #eaded0;padding-top:8px;display:grid;gap:6px}.department-access>span{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:900}.department-access label{grid-template-columns:minmax(100px,1fr) 110px;align-items:center}.subgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.mini-card{border:1px solid var(--line);border-radius:12px;padding:13px;display:grid;gap:9px}.mini-card h3{font-family:Georgia,serif;color:var(--brown);margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-section{border-right:1px solid #eadfd2;padding-right:18px;display:grid;align-content:start;gap:11px}.form-section:nth-child(4){border-right:0}.form-section h2{font-family:Georgia,serif;color:var(--brown);margin:0 0 3px}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:15px}.input-suffix{display:flex}.input-suffix input{border-radius:8px 0 0 8px}.input-suffix span{display:flex;align-items:center;border:1px solid #d6c4af;border-left:0;border-radius:0 8px 8px 0;padding:0 10px;background:#f2e8da;color:var(--muted);font-weight:700}.password-row{display:grid;grid-template-columns:1fr auto;gap:7px}.flash-stack{display:grid;gap:8px;margin-bottom:15px}.flash{padding:11px 13px;border-radius:8px;background:var(--green-bg);color:#245f41;border:1px solid #bad8c5}.flash.error{background:var(--red-bg);color:#7c2f26;border-color:#e3b8b2}.login-shell{width:min(900px,94vw);display:grid;grid-template-columns:1fr 1fr;border:1px solid #d5c2ab;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(74,46,31,.14)}.login-brand{background:var(--brown);color:var(--cream);padding:45px;display:flex;gap:18px;align-items:flex-start}.login-brand img{width:64px;height:64px}.login-brand h1{font-family:Georgia,serif;font-size:35px;margin:5px 0 8px}.login-brand p{color:#dfd0be}.login-brand .eyebrow{color:#d7b48c}.login-card{background:var(--paper);padding:45px;display:grid;gap:14px}.login-card h2{font-family:Georgia,serif;color:var(--brown);font-size:28px;margin:0}.login-card p{margin:0 0 6px}.muted{color:var(--muted)}.clean-list{display:grid;gap:10px;line-height:1.45}code{background:#eee4d7;border-radius:5px;padding:2px 5px}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.two-col,.form-grid{grid-template-columns:1fr}.form-section{border-right:0;border-bottom:1px solid #eadfd2;padding:0 0 15px}.access-grid{grid-template-columns:1fr}.topbar nav a{padding:0 8px}.brand{min-width:auto}.brand small{display:none}}
@media(max-width:760px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:12px 18px}.topbar nav{order:3;width:100%;overflow:auto;height:42px}.adminbox{margin-left:auto}.page{padding:24px 14px 60px}.page-head{flex-direction:column}.filterbar,.readonly-grid,.subgrid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-brand{padding:26px}.login-card{padding:28px}.metric-grid{grid-template-columns:1fr}.department-access label{grid-template-columns:1fr}.facts>div{grid-template-columns:1fr}}