:root{
  --bg:#090b0f;--panel:#11151b;--panel2:#151a21;--line:#272e38;--text:#f4f5f7;--muted:#8e98a6;
  --red:#b50000;--red2:#e01818;--green:#31c778;--yellow:#e9b949;--blue:#5b9cff;
}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#2a0a0a 0,#090b0f 35%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}
.sidebar{width:255px;background:#0c0f14;border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}
.brand{display:flex;align-items:center;gap:11px;margin:3px 8px 35px}.brand-mark{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#8d0000,#ed1d1d);display:grid;place-items:center;font-size:23px;font-weight:900;box-shadow:0 10px 30px #6e000044}.brand strong{display:block;letter-spacing:1.6px}.brand span{display:block;color:#9b9fa7;font-size:11px;margin-top:2px;letter-spacing:2px}
nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#9aa2ad;padding:13px 12px;border-radius:9px;text-align:left;display:flex;gap:12px;align-items:center;font-weight:600}.nav-item:hover,.nav-item.active{background:#1a1f26;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--red2)}
.sidebar-bottom{margin-top:auto}.user-mini{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:18px 5px}.user-mini small{display:block;color:var(--muted);margin-top:3px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#262c35;font-size:12px;font-weight:800}.avatar.small{width:30px;height:30px}.logout{width:100%;border:1px solid var(--line);background:#14181e;color:#c7cbd1;padding:10px;border-radius:8px}
.main{margin-left:255px;width:calc(100% - 255px);padding:0 30px 45px}.topbar{height:86px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:28px}.eyebrow{font-size:10px;color:#9aa0a8;letter-spacing:2px}.topbar h1{font-size:23px;margin:5px 0 0}.top-actions{display:flex;align-items:center;gap:14px}.status-dot{font-size:12px;color:#9ea7b2}.status-dot i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px}.icon-btn,.ghost{border:1px solid var(--line);background:#151a21;color:#d7dbe0;border-radius:8px;padding:9px 13px}.top-user{display:flex;align-items:center;gap:8px;font-size:13px}.view{max-width:1400px;margin:auto}.hidden{display:none!important}
.hero{border:1px solid #3a2020;background:linear-gradient(110deg,#211114,#12161c 60%);border-radius:14px;padding:28px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 15px 50px #0005}.badge{font-size:10px;letter-spacing:1.6px;color:#ff6b6b}.hero h2{font-size:31px;margin:8px 0}.hero p{margin:0;color:var(--muted)}
.primary{background:linear-gradient(135deg,#ad0000,#e01b1b);border:0;color:white;font-weight:800;padding:11px 17px;border-radius:8px;box-shadow:0 8px 22px #a0000033}.danger{background:#38171a;border:1px solid #713137;color:#ff9a9a;padding:10px 14px;border-radius:8px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat-card,.panel{background:rgba(17,21,27,.94);border:1px solid var(--line);border-radius:12px}.stat-card{padding:19px}.stat-card span{font-size:12px;color:#9aa3ae}.stat-card strong{display:block;font-size:28px;margin:7px 0}.stat-card small{color:#6f7884}
.grid-two{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.panel{overflow:hidden}.panel-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h3{margin:0 0 4px;font-size:15px}.panel-head span,.section-head p{color:var(--muted);font-size:12px;margin:0}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{background:#930000;color:#fff;padding:11px 13px;text-align:left;white-space:nowrap}.data-table td{padding:13px;border-bottom:1px solid #222831;white-space:nowrap}.data-table tr:hover td{background:#151a20}.actions{display:flex;gap:6px}.mini-btn{border:1px solid var(--line);background:#181d24;color:#cfd4db;padding:6px 8px;border-radius:6px;font-size:11px}.mini-btn.red{color:#ff8d8d}
.pill{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.pill.neg{background:#2c2414;color:#f0c55e}.pill.prep{background:#142536;color:#7eb4ff}.pill.done{background:#123022;color:#62db9b}.pill.cancel{background:#32161a;color:#ff7e86}
.activity-list{padding:7px 18px}.activity{padding:13px 0;border-bottom:1px solid #222831;display:flex;gap:10px}.activity:last-child{border:0}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--red2);margin-top:5px;flex:none}.activity strong{font-size:12px}.activity small{display:block;color:var(--muted);margin-top:4px}
.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.section-head h2{margin:0 0 5px;font-size:24px}.filters{padding:12px;display:flex;gap:10px;margin-bottom:14px}.filters input{flex:1}.filters input,.filters select,label input,label select,label textarea{background:#0c1015;border:1px solid var(--line);color:#e8ebef;border-radius:8px;padding:11px;outline:none}.filters input:focus,label input:focus,label select:focus,label textarea:focus{border-color:#8b2c2c}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}.product-card h3{margin:0 0 8px;font-size:14px}.product-card .cat{color:#e45c5c;font-size:10px;text-transform:uppercase;letter-spacing:1.4px}.product-card .price{font-weight:800;margin-top:13px}.product-card .price span{color:var(--muted);font-weight:400}
.settings-card{padding:22px}.settings-card h3{margin-top:0}.oauth-list{display:grid;gap:9px;margin:18px 0}.oauth-list div{display:flex;justify-content:space-between;border:1px solid var(--line);padding:12px;border-radius:8px}.oauth-list span{color:var(--muted);font-size:12px}
.modal,.login-overlay{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:20;padding:20px}.modal-card,.login-card{width:min(600px,100%);background:#10141a;border:1px solid #343b45;border-radius:14px;box-shadow:0 25px 80px #000b;padding:24px}.modal-card.large{width:min(850px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.modal-head h2{margin:0 0 5px}.modal-head span{color:var(--muted);font-size:12px}.close{border:0;background:transparent;color:#aaa;font-size:28px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label{font-size:12px;color:#aeb5bf;display:grid;gap:7px}label.full{grid-column:1/-1}.price-box{display:flex;justify-content:space-between;background:#18141a;border:1px solid #422127;padding:13px;border-radius:8px;margin-top:15px}.price-box strong{color:#ff7777}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
.login-overlay{z-index:50}.login-card{width:min(430px,100%);text-align:center}.centered{justify-content:center;margin-bottom:24px}.login-card h2{margin:0}.login-card p{color:var(--muted);font-size:13px}.social{width:100%;padding:12px;margin-top:9px;border-radius:8px;border:1px solid var(--line);color:#fff;background:#171c22;font-weight:700}.social span{display:inline-block;width:22px}.social:hover{border-color:#555}.login-card small{display:block;color:#707985;font-size:10px;line-height:1.5;margin-top:17px}
@media(max-width:1000px){.sidebar{width:75px}.sidebar .brand div:not(.brand-mark),.nav-item span,.user-mini div:not(.avatar),.logout{display:none}.main{margin-left:75px;width:calc(100% - 75px);padding:0 18px 30px}.stats{grid-template-columns:repeat(2,1fr)}.grid-two,.product-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}label.full{grid-column:auto}}
@media(max-width:650px){.topbar{height:auto;padding:16px 0}.top-user,.status-dot{display:none}.hero{display:block}.hero .primary{margin-top:18px}.stats{grid-template-columns:1fr}.main{padding:0 10px 25px}}