:root{
  --black:#0b0b0c; --gold:#c9a24b; --gold-light:#e4c877; --gold-dim:rgba(201,162,75,0.15);
  --cream:#f7f4ee; --grey:#8b8b8f; --grey-light:#c7c7cb; --white:#fff;
  --green:#1c6b34; --green-bg:#e7f6ec; --amber:#9a5b00; --amber-bg:#fff1e0;
  --red:#9b1c1c; --red-bg:#fdecea; --shadow:0 10px 30px rgba(0,0,0,0.06);
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Inter',system-ui,sans-serif;background:var(--cream);color:var(--black);}
a{color:inherit;text-decoration:none;}
.shell{display:flex;min-height:100vh;}
.sidebar{width:240px;flex-shrink:0;background:var(--black);color:var(--white);padding:22px 18px;display:flex;flex-direction:column;gap:2px;}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:26px;}
.mark{width:38px;height:38px;border-radius:50%;background:var(--gold);color:var(--black);align-items:center;justify-content:center;font-weight:700;flex-shrink:0;}
.brand .mark{display:flex;}
.brand h1{font-size:16px;}
.brand .sub{font-size:10px;color:var(--gold);letter-spacing:0.6px;text-transform:uppercase;}
.sidebar-label{font-size:10.5px;color:var(--grey);text-transform:uppercase;letter-spacing:0.6px;font-weight:600;margin:10px 10px 6px;}
.sidebar-link{padding:10px 12px;border-radius:8px;color:var(--grey-light);font-size:13.5px;font-weight:500;}
.sidebar-link:hover{background:rgba(255,255,255,0.06);color:var(--white);}
.sidebar-link.active{background:rgba(201,162,75,0.15);color:var(--gold-light);font-weight:600;}
.main{flex:1;min-width:0;}
.topbar{background:var(--white);border-bottom:1px solid rgba(0,0,0,0.06);padding:14px 32px;display:flex;align-items:center;justify-content:flex-end;}
.topbar .user{font-size:13px;color:var(--grey);display:flex;align-items:center;gap:10px;}
.topbar .user a{color:var(--gold);}
.wrap{max-width:1200px;margin:0 auto;padding:32px;}
h2{font-size:26px;margin-bottom:6px;}
.sub-text{color:var(--grey);font-size:14px;margin-bottom:24px;}
.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:28px;}
.stat-pill{background:var(--black);color:var(--white);border-radius:12px;padding:14px 18px;}
.stat-pill .n{font-size:24px;font-weight:700;color:var(--gold-light);}
.stat-pill .l{font-size:11px;text-transform:uppercase;letter-spacing:0.5px;color:var(--grey-light);}
.card{background:var(--white);border:1px solid rgba(0,0,0,0.08);border-radius:12px;padding:20px 22px;box-shadow:var(--shadow);}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-bottom:28px;}
.tcard{display:block;}
.tcard-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.tcard-avatar{width:40px;height:40px;border-radius:50%;background:var(--gold-dim);color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;}
.tcard-name{font-size:16px;font-weight:600;}
.tcard-slug{font-size:12px;color:var(--grey);}
.badge{padding:4px 11px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;margin-left:auto;}
.badge-live{background:var(--green-bg);color:var(--green);}
.badge-onboarding{background:var(--amber-bg);color:var(--amber);}
.badge-paused{background:#f1f1f1;color:#777;}
.badge-churned{background:var(--red-bg);color:var(--red);}
.tcard-meta{font-size:12.5px;color:var(--grey);}
.tcard-meta div{margin-bottom:3px;}
.btn{display:inline-block;background:var(--gold);color:var(--black);border:none;border-radius:8px;padding:10px 18px;font-size:13.5px;font-weight:600;cursor:pointer;}
.btn-muted{background:var(--black);color:var(--white);}
.btn-outline{background:transparent;border:1px solid rgba(0,0,0,0.15);color:var(--black);}
.btn-sm{padding:6px 12px;font-size:12px;}
.field{margin-bottom:16px;}
.field label{display:block;font-size:11.5px;color:var(--grey);text-transform:uppercase;letter-spacing:0.4px;margin-bottom:5px;font-weight:600;}
.field input,.field select,.field textarea{width:100%;padding:9px 11px;border:1px solid rgba(0,0,0,0.15);border-radius:7px;font-size:13.5px;font-family:inherit;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
.error-box{background:var(--red-bg);color:var(--red);padding:12px 16px;border-radius:8px;font-size:13.5px;margin-bottom:20px;}
.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;}
.note{border-bottom:1px solid rgba(0,0,0,0.06);padding:12px 0;}
.note:last-child{border-bottom:none;}
.note .meta{font-size:11.5px;color:var(--grey);margin-top:4px;}
pre.script{background:var(--black);color:#e4e4e4;padding:18px;border-radius:10px;font-size:12px;overflow-x:auto;white-space:pre-wrap;max-height:480px;}
.section-title{font-size:16px;margin-bottom:12px;margin-top:28px;}
.breadcrumb{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:0.6px;font-weight:600;margin-bottom:6px;}
.role-badge{padding:3px 10px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:0.3px;white-space:nowrap;}
.role-badge-ops{background:var(--green-bg);color:var(--green);}
.role-badge-finance{background:var(--amber-bg);color:var(--amber);}
.role-badge-support{background:#e6eefc;color:#1c4b8f;}
.role-badge-admin{background:var(--gold-dim);color:#8a6a1f;}
.switch-card{border:1px solid rgba(0,0,0,0.08);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;background:var(--white);}
.switch-card.current{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold);}
.switch-card .avatar{width:34px;height:34px;border-radius:50%;background:var(--gold-dim);color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0;}
.menu-group-card ul{list-style:none;margin-top:10px;}
.menu-group-card li{padding:5px 0;font-size:13px;border-bottom:1px solid rgba(0,0,0,0.04);}
.menu-group-card li a{color:var(--black);}
.menu-group-card li a:hover{color:var(--gold);}
.menu-group-card li.disabled{color:var(--grey);}