@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');:root{--bg:#080b12;--panel:#111620;--line:#222a38;--muted:#8490a3;--text:#edf2f8;--violet:#7765ff;--green:#37d996;--red:#ff5f74;--amber:#ffbf59}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,system-ui}aside{position:fixed;inset:0 auto 0 0;width:240px;background:#0c1018;border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:19px;padding:0 10px 28px}.brand span,.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#846bff,#5142ce);font-weight:800}.brand b{font-size:20px}nav{display:grid;gap:7px}nav a,.logout{display:flex;gap:13px;align-items:center;padding:12px 14px;color:#929caf;text-decoration:none;border-radius:10px;font-weight:500}nav a:hover,nav a.active{background:#1b1d35;color:#a99dff}nav i{font-style:normal;font-size:18px;width:20px}.logout{margin-top:auto;color:#ff7a8b}main{margin-left:240px;padding:35px 42px;max-width:1700px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}header small{color:#6557d5;font-weight:800;letter-spacing:1.4px}h1{font-size:29px;margin:5px 0}.live{background:#10241d;color:#5de7ae;padding:9px 13px;border-radius:99px}.live i{display:inline-block;width:7px;height:7px;background:#37d996;border-radius:50%;margin-right:7px}.flash,.info-banner{padding:14px 17px;border:1px solid #433a8b;background:#171630;border-radius:12px;margin:0 0 20px}.info-banner{display:flex;gap:12px}.info-banner span{color:#aaa6cb}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.kpis article,.panel{background:linear-gradient(145deg,#121721,#0e131c);border:1px solid var(--line);border-radius:15px;padding:21px}.kpis label{color:var(--muted)}.kpis strong{display:block;font-size:27px;margin:12px 0 7px}.kpis em{font-style:normal;color:#667286;font-size:12px}.green{color:var(--green)!important}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel{margin-bottom:18px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.panel-title h2{font-size:17px;margin:0 0 5px}.panel-title p,.sync-note{color:var(--muted);margin:0}.panel-title a{color:#9b8cff;text-decoration:none}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr)}.mini-stats div{border-right:1px solid var(--line);padding:8px 18px}.mini-stats div:last-child{border:0}.mini-stats b{font-size:23px;display:block}.mini-stats span{color:var(--muted);font-size:12px}.supplier-health{display:flex;align-items:center;gap:12px}.supplier-health div{display:grid;flex:1}.supplier-health small{color:var(--muted);margin-top:4px}.logo-sm{display:grid;place-items:center;width:38px;height:38px;background:#f6ba2c;color:#121212;border-radius:10px;font-weight:800}.badge{display:inline-flex;border-radius:99px;padding:5px 9px;background:#242936;color:#9ba5b5;font-size:11px}.badge.ok{background:#102d24;color:#54dfa7}.badge.warn{background:#302513;color:#ffc66b}.badge.off{background:#301720;color:#ff8292}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th{color:#68768a;text-transform:uppercase;font-size:10px;letter-spacing:.7px;text-align:left;padding:11px}td{padding:13px 11px;border-top:1px solid #1f2632}td small{display:block;color:#68768a;margin-top:4px}code{color:#ad9fff}button{border:0;background:var(--violet);color:#fff;border-radius:8px;padding:9px 12px;font-weight:600;cursor:pointer}button.secondary{background:#242a37}button.danger{background:#8d2940}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-grid label{display:grid;gap:8px;color:#a6afbd}.settings-grid .wide,.actions{grid-column:1/-1}input,select{width:100%;background:#0b1018;border:1px solid #293241;border-radius:9px;padding:11px;color:var(--text);outline:0}input:focus,select:focus{border-color:#7765ff}.actions{display:flex;gap:8px}.switch,.check{display:flex!important;align-items:center;gap:8px!important}.switch input,.check input{width:auto}.sync-note{border-top:1px solid var(--line);padding-top:15px;margin-top:18px;font-size:12px}.inline{display:flex;align-items:center;gap:6px}.tiny{width:75px;padding:8px}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.category-card{display:grid;grid-template-columns:46px 1fr 180px auto auto;align-items:center;gap:12px;background:#0c1119;border:1px solid var(--line);padding:13px;border-radius:12px}.category-card div:nth-child(3){display:grid}.category-card small{color:var(--muted);margin-top:5px;display:block}.cat-icon{display:grid;place-items:center;width:42px;height:42px;background:#211d3d;border-radius:10px;font-size:20px}.login-body{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at 50% 0,#252049,#080b12 48%)}.login-card{width:390px;padding:35px;background:#111620;border:1px solid #2b3342;border-radius:20px;display:grid;gap:13px;text-align:center}.login-card .brand-mark{margin:auto}.login-card h1{margin:5px 0 0}.login-card p{color:var(--muted);margin:0 0 12px}.login-card button{padding:12px}.error{color:var(--red)}@media(max-width:1050px){.kpis{grid-template-columns:1fr 1fr}.category-grid,.grid-2{grid-template-columns:1fr}.category-card{grid-template-columns:46px 1fr}.category-card select,.category-card label,.category-card button{grid-column:2}}@media(max-width:720px){aside{position:static;width:auto;height:auto}nav{grid-template-columns:1fr 1fr}.logout{margin-top:10px}main{margin:0;padding:20px}.kpis{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.settings-grid>*{grid-column:1!important}header .live{display:none}}
textarea{width:100%;background:#0b1018;border:1px solid #293241;border-radius:9px;padding:11px;color:var(--text);outline:0}.filterbar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-bottom:18px}.row-muted{opacity:.62}.button-link{display:inline-block;background:#252b39;color:#b9afff;text-decoration:none;padding:8px 11px;border-radius:8px}@media(max-width:720px){.filterbar{grid-template-columns:1fr}}

/* WDG Control Center 2026 */
:root{--bg:#070a10;--panel:#101622;--panel-2:#0c121c;--line:#202b3c;--muted:#7f8ca3;--text:#f5f7fb;--violet:#735cff;--violet-2:#9c7cff;--green:#31d89b;--red:#ff6178;--amber:#ffbd59}body{min-height:100vh;background:radial-gradient(900px 520px at 72% -15%,rgba(111,85,255,.14),transparent 62%),radial-gradient(650px 500px at 10% 100%,rgba(45,216,155,.06),transparent 60%),var(--bg)}aside{width:258px;padding:24px 16px;background:rgba(9,13,21,.94);backdrop-filter:blur(20px);border-color:#1b2535;box-shadow:18px 0 60px rgba(0,0,0,.18)}.brand{padding:4px 10px 25px}.brand span,.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--violet-2),#4f39d4);box-shadow:0 10px 28px rgba(115,92,255,.32)}nav{gap:5px}nav a,.logout{position:relative;padding:12px 13px;border:1px solid transparent;border-radius:11px;transition:.18s ease}nav a:hover{transform:translateX(2px);background:#141b29;border-color:#232e42;color:#d8d2ff}nav a.active{background:linear-gradient(90deg,rgba(115,92,255,.2),rgba(115,92,255,.07));border-color:rgba(139,119,255,.25);color:#c9bfff}nav a.active:before{content:"";position:absolute;left:-17px;width:3px;height:22px;border-radius:8px;background:#8e78ff;box-shadow:0 0 18px #735cff}main{margin-left:258px;padding:34px 40px 60px}header{padding:2px 2px 7px}header h1{font-size:30px;letter-spacing:-.7px}header small{color:#8b78ff}.live{border:1px solid rgba(49,216,155,.16);box-shadow:inset 0 0 20px rgba(49,216,155,.04)}.panel,.kpis article{background:linear-gradient(145deg,rgba(17,24,36,.98),rgba(11,16,25,.98));border-color:#202b3d;border-radius:17px;box-shadow:0 18px 45px rgba(0,0,0,.16)}.panel:hover,.kpis article:hover{border-color:#29364b}.kpis{gap:14px}.kpis article{position:relative;overflow:hidden}.kpis article:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;top:-35px;background:rgba(115,92,255,.08)}.panel-title h2{font-size:18px;letter-spacing:-.2px}.flash{border-color:rgba(115,92,255,.38);background:linear-gradient(90deg,rgba(115,92,255,.18),rgba(115,92,255,.06));box-shadow:0 12px 30px rgba(0,0,0,.13)}input,select,textarea{background:#090f18;border-color:#263247;border-radius:10px;padding:12px 13px;transition:border-color .16s,box-shadow .16s}input:hover,select:hover,textarea:hover{border-color:#34435c}input:focus,select:focus,textarea:focus{border-color:#806aff;box-shadow:0 0 0 3px rgba(115,92,255,.13)}button,.button-link{border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#816cff,#654ce8);box-shadow:0 8px 20px rgba(101,76,232,.2);transition:transform .15s,filter .15s}button:hover,.button-link:hover{transform:translateY(-1px);filter:brightness(1.08)}button.secondary,.button-link{background:#202a3a;box-shadow:none;color:#c7cfff}button.danger{background:linear-gradient(135deg,#b23b56,#85283e)}.table-wrap{border:1px solid #1d2737;border-radius:13px;background:#0b1018}table{background:transparent}th{position:sticky;top:0;z-index:1;background:#0e1520;color:#718099;padding:13px 12px}td{padding:14px 12px;border-color:#1b2534}tr:hover td{background:rgba(115,92,255,.025)}.badge{padding:6px 10px;font-weight:700}.actions{margin-top:16px}.login-card{background:linear-gradient(150deg,#141b29,#0d121c);box-shadow:0 30px 80px rgba(0,0,0,.45)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#090d14}::-webkit-scrollbar-thumb{background:#29354a;border-radius:20px}@media(max-width:720px){aside{width:auto}main{margin-left:0;padding:20px 15px}}