
:root{
  --navy:#07172b;
  --navy-2:#0b213d;
  --gold:#b99645;
  --gold-2:#d6bd72;
  --ink:#10213f;
  --muted:#667085;
  --line:#d8dee9;
  --bg:#f7f8fb;
  --card:#ffffff;
  --danger:#b42318;
  --success:#067647;
  --shadow:0 18px 45px rgba(7,23,43,.12);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Georgia,'Times New Roman',serif;background:var(--bg);color:var(--ink)}
body{min-height:100vh}
a{color:inherit}.hidden{display:none!important}
.top-strip{background:#030a14;color:var(--gold-2);font-size:13px;letter-spacing:.2px;padding:9px 6vw;border-bottom:1px solid rgba(214,189,114,.35)}
.site-header{background:var(--navy);color:#fff;border-bottom:1px solid rgba(214,189,114,.32);padding:18px 6vw;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:18px}.brand-logo-wrap{background:#fff;border-radius:10px;padding:7px 16px;box-shadow:0 4px 18px rgba(0,0,0,.15)}
.brand-logo{display:block;height:42px;width:auto}.brand-title{font-size:24px;font-weight:700;letter-spacing:.3px}.brand-subtitle{font-size:13px;color:var(--gold-2);margin-top:2px}
.header-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.header-actions a,.header-actions button{font-family:Arial,sans-serif;font-size:14px;text-decoration:none;background:transparent;color:#fff;border:0;cursor:pointer}.header-actions .pill{border:1px solid var(--gold);color:var(--gold-2);padding:10px 18px;border-radius:999px}
main{padding:42px 6vw 60px}.login-shell{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 420px;gap:38px;align-items:center}.login-logo-card{text-align:center}.login-logo-card img{max-width:min(520px,100%);height:auto}.login-divider{height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:22px auto;max-width:620px}.login-tagline{font-size:34px;color:var(--navy);letter-spacing:.08em;margin:0;text-transform:uppercase}.login-card,.panel{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:18px;box-shadow:var(--shadow)}
.login-card{padding:30px}.login-card h1{margin:0 0 8px;font-size:29px;color:var(--navy)}.login-card p{margin:0 0 22px;color:var(--muted);font-family:Arial,sans-serif;line-height:1.55}.field{margin-bottom:16px}.field label{display:block;font-family:Arial,sans-serif;font-size:14px;font-weight:700;margin-bottom:7px;color:var(--ink)}
input,select,textarea{width:100%;border:1px solid #ccd3df;border-radius:12px;padding:12px 13px;font:15px Arial,sans-serif;background:#fff;color:#101828}textarea{min-height:96px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid rgba(185,150,69,.25);border-color:var(--gold)}
.btn{border:0;border-radius:12px;padding:12px 16px;background:var(--navy);color:#fff;font:700 15px Arial,sans-serif;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{background:var(--navy-2)}.btn.gold{background:var(--gold);color:#08182b}.btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--line)}.btn.full{width:100%}.link-btn{border:0;background:transparent;padding:0;color:var(--navy);font:700 14px Arial,sans-serif;text-decoration:underline;cursor:pointer}.status{margin-top:14px;font:14px Arial,sans-serif;line-height:1.5}.status.success{color:var(--success)}.status.error{color:var(--danger)}.status.info{color:#175cd3}
.dashboard-shell{max-width:1400px;margin:0 auto}.dash-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.dash-head h1{font-size:34px;margin:0 0 7px;color:var(--navy)}.dash-head p{margin:0;color:var(--muted);font-family:Arial,sans-serif}.role-badge{font:700 13px Arial,sans-serif;background:#fff7df;color:#775e1d;border:1px solid #e7d09a;border-radius:999px;padding:8px 13px;text-transform:uppercase;letter-spacing:.04em}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px;box-shadow:0 8px 22px rgba(7,23,43,.05)}.stat span{font:13px Arial,sans-serif;color:var(--muted)}.stat strong{display:block;font-size:28px;margin-top:6px;color:var(--navy)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid.three{grid-template-columns:repeat(3,1fr)}.panel{padding:22px;margin-bottom:20px}.panel h2{font-size:22px;color:var(--navy);margin:0 0 14px}.panel h3{font-size:18px;margin:18px 0 10px;color:var(--navy)}.panel p,.empty{font-family:Arial,sans-serif;color:var(--muted);line-height:1.55}.cap-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;margin:0;list-style:none}.cap-list li{font:14px Arial,sans-serif;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;background:#fff;padding:11px 12px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;background:#fff;font-family:Arial,sans-serif}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #eef1f5;font-size:14px;vertical-align:top}th{background:#f2f4f7;color:#344054;font-weight:800}tr:last-child td{border-bottom:0}.small{font-size:13px;color:var(--muted);font-family:Arial,sans-serif}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.footer-note{margin-top:40px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font:13px Arial,sans-serif;text-align:center}.dash-logo{height:54px;width:auto;background:#fff;border-radius:10px;padding:7px 12px;border:1px solid var(--line)}
@media(max-width:980px){.login-shell,.grid,.grid.three{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.site-header{align-items:flex-start;flex-direction:column}.login-tagline{font-size:24px}.form-row{grid-template-columns:1fr}}
@media(max-width:560px){main{padding:28px 18px}.cards{grid-template-columns:1fr}.brand-title{font-size:20px}.brand-logo{height:34px}.login-card{padding:22px}.header-actions{width:100%}.header-actions .pill{width:100%;justify-content:center;text-align:center}.cap-list{grid-template-columns:1fr}}
.login-shell.single{grid-template-columns:minmax(0,720px);justify-content:center}.login-card.wide{width:100%;max-width:760px}.subpanel{background:#fbfcff;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:18px}.admin-users code{font:12px Consolas,monospace;background:#f2f4f7;border:1px solid #e4e7ec;border-radius:7px;padding:3px 5px;white-space:nowrap}.small-btn{font-size:12px;padding:8px 10px;margin:4px 2px}.copyline{margin-top:14px;word-break:break-all}.role-final,.quick-role,.quick-status{min-width:120px;width:auto;padding:8px;margin:3px 2px}.admin-users .table-wrap{max-height:520px}.admin-users td{min-width:110px}.admin-users td:last-child{min-width:310px}.admin-users h3{border-top:1px solid var(--line);padding-top:18px}
