/* ADMIN 3 — Neo-Brutalist (demo3 style) */
:root{--bg:#f7f3e8;--sb:#141414;--card:#fff;--ink:#141414;--mut:#4d4d4d;--yel:#ffd32a;--blu:#2f6df6;--red:#ef4444;--line:#141414;--bw:2.5px;--sh:6px 6px 0 #141414;--r:10px;--mono:'Courier New',monospace}
html[data-theme="dark"]{--bg:#16161e;--card:#20202c;--ink:#f2eee2;--mut:#b8b4a8;--line:#f2eee2;--sh:6px 6px 0 rgba(242,238,226,.25)}
*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Archivo','Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh}
body::before{content:'';position:fixed;inset:0;z-index:-1;background-image:radial-gradient(rgba(20,20,20,.09) 1.2px,transparent 1.2px);background-size:20px 20px}
html[data-theme="dark"] body::before{background-image:radial-gradient(rgba(242,238,226,.07) 1.2px,transparent 1.2px)}
a{color:inherit;text-decoration:none}ul{list-style:none}
.sb{position:fixed;left:0;top:0;bottom:0;width:230px;background:var(--sb);border-right:3px solid var(--line);padding:1.2rem .8rem;display:flex;flex-direction:column;z-index:100;color:#fff}
.sb-logo{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem 1.1rem;border-bottom:2.5px solid #fff;margin-bottom:.8rem}
.mk{width:38px;height:38px;background:var(--yel);color:#141414;border:2.5px solid #fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.2rem}
.sb-logo b{font-size:1rem;font-weight:900;letter-spacing:1px}.sb-logo i{display:block;font-style:normal;font-size:.62rem;font-family:var(--mono);color:#f2eee2;opacity:.6;letter-spacing:2px}
.sb-nav{flex:1;overflow-y:auto}.sb-sec{display:block;font-size:.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--yel);font-family:var(--mono);font-weight:700;padding:.9rem .5rem .35rem}
.sb-nav a{display:block;padding:.5rem .6rem;font-size:.88rem;font-weight:800;color:#f2eee2;border:2.5px solid transparent;transition:.15s}
.sb-nav a:hover{border-color:#fff;background:var(--yel);color:#141414;box-shadow:3px 3px 0 rgba(255,255,255,.35);transform:translate(-1px,-1px)}
.sb-nav a.on{border-color:#fff;background:var(--blu);color:#fff;box-shadow:3px 3px 0 rgba(255,255,255,.35)}
.sb-out{padding:.6rem;font-weight:800;color:#fb7185;font-size:.85rem}.sb-out:hover{background:var(--red);color:#fff}
.tb{position:fixed;top:0;left:230px;right:0;height:60px;background:var(--card);border-bottom:3px solid var(--line);display:flex;align-items:center;gap:1rem;padding:0 1.4rem;z-index:90}
.tb-tgl{display:none;background:var(--card);border:var(--bw) solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink);font-size:1rem;cursor:pointer;padding:.3rem .55rem}
.tb-search{flex:1;max-width:340px}.tb-search input{width:100%;padding:.5rem .9rem;border:var(--bw) solid var(--ink);background:var(--bg);color:var(--ink);font-family:var(--mono);font-weight:700;font-size:.82rem}
.tb-right{margin-left:auto;display:flex;align-items:center;gap:.6rem}
.tb-ic,.tt{position:relative;width:38px;height:38px;border:var(--bw) solid var(--ink);background:var(--card);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;box-shadow:3px 3px 0 var(--ink)}
.tb-ic:hover,.tt:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.dot{position:absolute;top:6px;right:7px;width:8px;height:8px;background:var(--red);border:1.5px solid var(--ink)}
.tb-user{display:flex;align-items:center;gap:.55rem}.tb-user small{display:block;font-size:.65rem;font-family:var(--mono);color:var(--mut);font-weight:700}
.av{width:34px;height:34px;background:var(--yel);color:#141414;border:var(--bw) solid var(--ink);display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:.85rem}
.av.big{width:72px;height:72px;font-size:1.8rem}
.wrap{margin-left:230px;padding:78px 1.6rem 2rem}
.ph{margin-bottom:1.6rem;display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}
.ph h1{font-size:1.7rem;font-weight:900;letter-spacing:-.5px}.ph p{color:var(--mut);font-size:.85rem;font-weight:600}.ph .btn{margin-left:auto}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin-bottom:1.4rem}
.c{background:var(--card);border:var(--bw) solid var(--ink);box-shadow:var(--sh);border-radius:var(--r)}
.stat{padding:1.1rem}.stat span{font-size:.72rem;font-family:var(--mono);font-weight:700;text-transform:uppercase;color:var(--mut)}
.stat b{display:block;font-size:1.8rem;font-weight:900;margin:.15rem 0}
.cards .stat:nth-child(1){background:var(--yel);color:#141414}.cards .stat:nth-child(1) .stat span,.cards .stat:nth-child(1) span{color:#5a4a00}
.stat:nth-child(3){background:var(--blu);color:#fff}.stat:nth-child(3) span{color:rgba(255,255,255,.8)}
.up{color:#0e9f6e}.dn{color:var(--red)}.up,.dn{font-size:.75rem;font-style:normal;font-weight:900;font-family:var(--mono)}
.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:1.1rem;margin-bottom:1.4rem}
.panel{padding:1.3rem}.panel h3{font-weight:900;margin-bottom:1rem;font-family:var(--mono);text-transform:uppercase;font-size:.9rem;border-bottom:2.5px dashed var(--ink);padding-bottom:.5rem}
.bars{display:flex;align-items:flex-end;gap:8px;height:160px}.bar{flex:1;background:var(--blu);border:var(--bw) solid var(--ink);transition:height .7s ease;height:0}.bar:nth-child(even){background:var(--yel)}
.bars-x{display:flex;gap:8px;margin-top:.5rem}.bars-x span{flex:1;text-align:center;font-size:.7rem;font-family:var(--mono);font-weight:700;color:var(--mut)}
.act li{display:flex;justify-content:space-between;gap:.6rem;padding:.65rem 0;border-bottom:2px solid var(--ink);font-size:.88rem;font-weight:600}.act li:last-child{border:0}
.act span{color:var(--mut);font-size:.82rem}.act em{font-style:normal;font-weight:900;color:var(--blu)}
.msgs .unread b{color:var(--blu)}.msgs em{color:var(--mut);font-size:.75rem;font-family:var(--mono)}
.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:1px;font-family:var(--mono);background:var(--ink);color:var(--bg);padding:.6rem .8rem}
.tbl td{padding:.7rem .8rem;font-size:.87rem;font-weight:500;border-bottom:2px solid var(--ink)}.tbl tr:hover td{background:rgba(255,211,42,.25)}
.tbl.striped tr:nth-child(even) td{background:rgba(20,20,20,.04)}
.bd{display:inline-block;padding:.15rem .6rem;border:2px solid var(--ink);font-size:.7rem;font-weight:900}
.ok{background:var(--yel);color:#141414}.warn{background:#fff;color:#141414}.bad{background:var(--red);color:#fff}.info{background:var(--blu);color:#fff}
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.2rem;font-weight:800;font-size:.85rem;border:var(--bw) solid var(--ink);cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:.15s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.primary{background:var(--yel);color:#141414}.ghost{background:var(--card);color:var(--ink)}.danger{background:var(--red);color:#fff}
.sm{padding:.3rem .8rem;font-size:.75rem}.blk{width:100%;justify-content:center}
.prod{padding:1.2rem;text-align:center}.pimg{height:90px;background:var(--yel);border:var(--bw) solid var(--ink);color:#141414;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.4rem;margin-bottom:.8rem}
.prod:nth-child(even) .pimg{background:var(--blu);color:#fff}
.prod p{color:var(--mut);font-size:.82rem;font-weight:600;margin:.3rem 0 .8rem}
.cust{padding:1.3rem;text-align:center}.cust h3{margin-top:.7rem;font-weight:900}.cust p{color:var(--mut);font-size:.8rem;font-weight:600}.cust em{display:block;margin-top:.5rem;font-style:normal;font-size:.8rem;font-family:var(--mono);font-weight:700;color:var(--blu)}
.frm .f{margin-bottom:1rem}.fr{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.f label{display:block;font-size:.75rem;font-family:var(--mono);font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--mut);margin-bottom:.35rem}
.f input,.f select,.f textarea{width:100%;padding:.65rem .9rem;border:var(--bw) solid var(--ink);background:var(--bg);color:var(--ink);