:root{--bg:#0b0c10;--panel:#11131a;--text:#eaeef7;--muted:#a7afc2;--accent:#f0c75e;--danger:#ff5d5d;--ok:#38d39f;}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#07080b 0%, #0b0c10 60%, #07080b 100%);color:var(--text);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1100px;margin:0 auto;padding:18px}
.topbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(17,19,26,.7);backdrop-filter: blur(10px);position:sticky;top:0;z-index:10}
.brand{font-weight:700;letter-spacing:.5px}
.topbar-right{color:var(--muted)}
.nav{display:flex;flex-wrap:wrap;gap:10px;padding:12px 0 18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:18px}
.nav a{padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.03)}
.main{background:rgba(17,19,26,.65);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:18px}
h1{margin:0 0 12px;font-size:22px}
h2{margin:18px 0 10px;font-size:18px}
.card{border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:14px;background:rgba(255,255,255,.02);margin:12px 0}
label{display:block;color:var(--muted);margin:10px 0 6px}
input[type=text],input[type=email],input[type=password],textarea,select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.35);color:var(--text)}
textarea{min-height:120px;resize:vertical}
button,.btn{display:inline-block;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--text);cursor:pointer}
button.primary,.btn.primary{background:rgba(240,199,94,.15);border-color:rgba(240,199,94,.35)}
button.danger{background:rgba(255,93,93,.12);border-color:rgba(255,93,93,.35)}
small{color:var(--muted)}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:var(--muted);font-size:12px}
.flash{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);margin:10px 0}
.flash.ok{border-color:rgba(56,211,159,.35);background:rgba(56,211,159,.08)}
.flash.err{border-color:rgba(255,93,93,.35);background:rgba(255,93,93,.08)}
.code{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;font-size:12px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.1);padding:10px;border-radius:12px;overflow:auto}


/* v2.1 Concierge Edition additions */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
@media(max-width:980px){.grid2{grid-template-columns:1fr;}}
.in{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.25);color:var(--text);outline:none;}
.in:focus{border-color:rgba(251,191,36,.6);box-shadow:0 0 0 3px rgba(251,191,36,.12);}
.tbl{width:100%;border-collapse:collapse;margin-top:10px;}
.tbl th,.tbl td{padding:10px 10px;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top;}
.tbl th{text-align:left;color:rgba(234,238,247,.75);font-size:12px;text-transform:uppercase;letter-spacing:.12em;}
.kpi{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.18);}
.kpi-num{font-size:34px;font-weight:800;line-height:1.1;}
.kpi-label{color:rgba(234,238,247,.65);font-size:12px;margin-top:4px;}

.muted{color:rgba(234,238,247,.65);}