:root{--bg:#090b0d;--panel:#111519;--panel2:#171c20;--text:#f7f7f4;--muted:#a8b0b7;--line:#2d343a;--accent:#e49a19;--accent2:#ffc65a;--green:#43cf7b;--red:#ff716e;--blue:#68a9ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#090b0d,#0d1114);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(1240px,calc(100% - 28px));margin:auto}.nav{position:sticky;top:0;z-index:40;background:rgba(9,11,13,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.navin{height:72px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{font-weight:900;letter-spacing:.07em;display:flex;align-items:center;gap:10px}.logo{width:42px;height:42px;border:1px solid #414a51;border-radius:13px;display:grid;place-items:center;color:var(--accent);background:#15191d}.navlinks{display:flex;gap:20px;color:var(--muted)}.btn{cursor:pointer;border:1px solid var(--line);background:#171c20;color:white;border-radius:12px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{border-color:#58636c}.primary{border:0;background:linear-gradient(135deg,var(--accent2),#d67d00);color:#171008;font-weight:850}.danger{background:rgba(255,113,110,.11);border-color:rgba(255,113,110,.35);color:#ff9b98}.success{background:rgba(67,207,123,.11);border-color:rgba(67,207,123,.35);color:#78e5a3}.field{width:100%;border:1px solid var(--line);background:#101417;color:white;border-radius:11px;padding:12px 13px;outline:none}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(228,154,25,.13)}.card{background:linear-gradient(150deg,#14191d,#0f1215);border:1px solid var(--line);border-radius:19px;padding:19px}.muted{color:var(--muted)}.badge{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.045);font-size:.77rem}.badge.good{color:#7fe5a5}.badge.bad{color:#ff9c98}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric{background:linear-gradient(150deg,#161b1f,#101316);border:1px solid var(--line);border-radius:17px;padding:17px}.metric span{display:block;color:var(--muted);font-size:.82rem}.metric b{display:block;font-size:1.55rem;margin-top:7px}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:15px}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:.87rem}th{background:#151a1e;color:#d8dde1}.actions{display:flex;gap:7px;flex-wrap:wrap}.alert{padding:12px 14px;border-radius:12px;margin:10px 0}.alert.error{background:rgba(255,113,110,.1);border:1px solid rgba(255,113,110,.32);color:#ffaaa7}.alert.ok{background:rgba(67,207,123,.1);border:1px solid rgba(67,207,123,.32);color:#8ae8ad}.sidebar{width:235px;border-right:1px solid var(--line);padding:16px;background:#0c1012}.sidebar a{display:block;padding:11px 12px;border-radius:11px;color:var(--muted);margin-bottom:5px}.sidebar a:hover,.sidebar a.active{background:rgba(228,154,25,.12);color:var(--accent2)}.admin-layout{display:flex;min-height:calc(100vh - 72px)}.admin-main{flex:1;min-width:0;padding:24px}.pagehead{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}.pagehead h1{margin:0;font-size:2.2rem;letter-spacing:-.04em}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.full{grid-column:1/-1}.bar{height:10px;background:#242b30;border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent)}.mobile-menu{display:none}@media(max-width:900px){.grid4{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:1fr 1fr}.admin-layout{display:block}.sidebar{width:100%;display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar a{min-width:max-content;margin:0 5px 0 0}.admin-main{padding:16px}.navlinks{display:none}}@media(max-width:600px){.grid4,.grid3,.grid2,.formgrid{grid-template-columns:1fr}.shell{width:calc(100% - 18px)}.pagehead{display:block}.pagehead .actions{margin-top:12px}}


/* V14 shared UI refinement */
body{
  font-family:"Segoe UI Variable","Aptos","Segoe UI","Helvetica Neue",Arial,sans-serif;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.btn{
  min-height:44px;
  border-radius:9px;
  padding:11px 16px;
  font-weight:720;
  letter-spacing:.015em;
  box-shadow:0 5px 14px rgba(0,0,0,.18);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.btn:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(0,0,0,.24)}
.btn:active{transform:translateY(0) scale(.985)}
.primary{
  background:
    linear-gradient(180deg,rgba(255,255,255,.2),transparent 44%),
    linear-gradient(135deg,#f0c566,#ca8b29 66%,#9f681a);
  border:1px solid #efc362;
  color:#171008;
}
.field{
  min-height:44px;
  border-radius:9px;
  font-size:.94rem;
}
.pagehead h1{
  font-family:"Arial Black","Segoe UI Black","Aptos Display","Helvetica Neue",Arial,sans-serif;
  letter-spacing:-.035em;
}
.sidebar a{
  border-radius:8px;
  font-weight:650;
}