:root{--black:#050505;--panel:#0d0d0f;--line:#26262b;--text:#f3f3f4;--muted:#9b9ba3;--red:#e10600;--red2:#ff2119}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:#060606;color:var(--text)}body{background:radial-gradient(circle at 85% 10%,rgba(225,6,0,.08),transparent 28%),#060606}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:flex}
.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,#0b0b0c,#070708);border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;gap:12px;padding:2px 8px 24px;border-bottom:1px solid var(--line)}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--red2),#810400);display:grid;place-items:center;font-weight:900;font-size:22px}.brand strong,.brand small{display:block}.brand small{color:var(--muted)}.nav{display:grid;gap:6px;margin-top:22px}.nav a{padding:12px 13px;border-radius:10px;color:#c9c9ce}.nav a:hover,.nav a.active{background:#171719;color:#fff;border-left:3px solid var(--red2);padding-left:10px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:16px}.user-mini strong,.user-mini small{display:block}.user-mini small{color:var(--muted);margin-top:3px;word-break:break-all}.logout-link{display:inline-block;margin-top:13px;color:#ff746f}
.main-area{margin-left:250px;width:calc(100% - 250px);min-height:100vh}.topbar{min-height:92px;padding:20px 30px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);background:rgba(7,7,8,.88);position:sticky;top:0;z-index:25}.topbar h1{margin:0;font-size:24px}.topbar p{margin:5px 0 0;color:var(--muted);font-size:14px}.env-badge{margin-left:auto;border:1px solid #542521;background:#1d0b0a;color:#ff8e89;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.menu-btn{display:none;background:#171719;color:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 10px}.content{padding:28px 30px 50px;max-width:1400px;margin:0 auto}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:linear-gradient(180deg,#101012,#0b0b0c);border:1px solid var(--line);border-radius:15px;padding:20px}.stat-label{color:var(--muted);font-size:13px}.stat-value{font-size:30px;font-weight:800;margin-top:7px}.stat-note{color:#76767d;font-size:12px;margin-top:5px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 12px}.section-header h2{margin:0;font-size:18px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--red2),#a40600);color:#fff}.btn-secondary{background:#1a1a1d;border:1px solid var(--line);color:#eee}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#0d0d0f}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);font-size:13px}th{color:#a9a9b0;background:#111113}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.badge-active{background:#0c2a20;color:#71e6b6}.badge-inactive{background:#2a1716;color:#ff9c97}.badge-pilot{background:#18243a;color:#8ebaff}
.form-card{max-width:860px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;color:#b9b9bf;font-weight:700}.field input,.field select,.field textarea{width:100%;background:#09090a;color:#f4f4f5;border:1px solid #2b2b30;border-radius:10px;padding:11px 12px}.form-actions{display:flex;gap:10px;margin-top:18px}.alert{margin-bottom:16px;padding:12px 14px;border-radius:10px;font-size:13px}.alert.success{background:#0e2b21;color:#84e8be}.alert.error{background:#321412;color:#ffaaa6}.login-page{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(430px,100%);background:#0d0d0f;border:1px solid var(--line);border-radius:18px;padding:28px}.login-logo{width:52px;height:52px;border-radius:14px;background:linear-gradient(145deg,var(--red2),#8b0500);display:grid;place-items:center;font-size:26px;font-weight:900;margin-bottom:18px}.login-card h1{margin:0 0 6px}.login-card>p{margin:0 0 22px;color:var(--muted)}.empty{padding:28px;text-align:center;color:var(--muted)}.code{font-family:Consolas,monospace;color:#ccc}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.sidebar{transform:translateX(-102%);transition:.22s}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0;width:100%}.menu-btn{display:inline-flex}.content{padding:20px 16px 40px}.topbar{padding:16px;min-height:78px}.form-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}@media(max-width:520px){.stats{grid-template-columns:1fr}.topbar h1{font-size:20px}.env-badge{display:none}}