:root{
  --bg:#050b12;--bg2:#08131f;--panel:#0e1b29;--panel2:#111f2e;--border:rgba(255,255,255,.12);
  --text:#f8fafc;--muted:#9aa8b8;--gold:#b89b28;--gold2:#e5b51b;--blue:#2d7df0;--green:#2bd05f;--red:#ff4d4d;--purple:#8a55d6;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 70% 0%,rgba(45,125,240,.08),transparent 32%),linear-gradient(135deg,#03070c,#07111c 46%,#091827);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text)}
a{text-decoration:none}.app-shell{display:flex;min-height:100vh}.premium-sidebar{width:252px;position:fixed;inset:0 auto 0 0;padding:28px 16px;background:linear-gradient(180deg,rgba(3,8,14,.96),rgba(5,12,20,.98));border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:20}.brand-abec{display:flex;align-items:center;gap:12px;margin:0 8px 34px}.brand-symbol{width:42px;height:42px;border:3px solid var(--gold2);border-radius:50%;position:relative;box-shadow:0 0 20px rgba(229,181,27,.18)}.brand-symbol:before{content:"";position:absolute;inset:8px;border:1px dashed var(--gold2);border-radius:50%;opacity:.8}.brand-symbol span{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold2);left:13px;top:13px}.brand-title{font-size:34px;line-height:28px;font-weight:950;letter-spacing:-1px;color:var(--gold2)}.brand-subtitle{font-size:12px;letter-spacing:5px;color:var(--gold2);font-weight:800}.premium-nav{display:flex;flex-direction:column;gap:7px}.premium-nav a,.logout-premium{height:48px;display:flex;align-items:center;gap:13px;padding:0 16px;border-radius:11px;color:#e8eef6;font-weight:650;transition:.2s;border:1px solid transparent}.premium-nav a i,.logout-premium i{font-size:18px;color:#fff}.premium-nav a:hover{background:rgba(255,255,255,.06);border-color:var(--border)}.premium-nav a.active{background:linear-gradient(135deg,#d9ad16,#8d6c08);box-shadow:0 10px 26px rgba(184,155,40,.25);color:#fff}.logout-premium{margin-top:auto;border-color:var(--border);background:rgba(255,255,255,.02)}.content-area{margin-left:252px;width:calc(100% - 252px);padding:26px 26px 24px}.premium-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.global-search{height:46px;width:min(520px,45vw);display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,rgba(18,31,46,.96),rgba(12,24,36,.96));border:1px solid var(--border);border-radius:13px;padding:0 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.global-search input{border:0;outline:0;background:transparent;color:var(--text);width:100%}.global-search input::placeholder{color:#9aa8b8}.global-search i{color:#d8e1ec;font-size:18px}.top-actions{display:flex;align-items:center;gap:18px}.notification-dot,.theme-dot{position:relative;width:32px;height:32px;display:grid;place-items:center;color:#fff}.notification-dot i,.theme-dot i{font-size:22px}.notification-dot span{position:absolute;right:-3px;top:-5px;background:var(--gold2);color:#08111b;border-radius:999px;padding:1px 5px;font-size:11px;font-weight:900}.user-block{display:flex;align-items:center;gap:10px}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f7f7f7,#8f9aaa);color:#101827;font-weight:900;border:2px solid rgba(255,255,255,.35)}.user-block strong{display:block;font-size:15px}.user-block small{display:block;color:var(--gold2);font-weight:700}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.metric-card,.panel,.quick-card,.cardx{background:linear-gradient(180deg,rgba(18,34,49,.94),rgba(12,24,36,.94));border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)}.metric-card{grid-column:span 3;min-height:126px;padding:20px;display:flex;align-items:center;gap:18px}.metric-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.14)}.metric-icon i{font-size:34px}.metric-card.gold i,.metric-card.amber i{color:var(--gold2)}.metric-card.red i{color:var(--red)}.metric-card.blue i{color:var(--blue)}.metric-card span{display:block;text-transform:uppercase;font-size:12px;color:#e8eef6;margin-bottom:5px}.metric-card strong{display:block;font-size:34px;line-height:38px;font-weight:950}.metric-card small{display:block;color:#c3ccd7;margin-top:4px}.up{color:var(--green);font-style:normal}.down{color:var(--red);font-style:normal}.panel{padding:18px}.panel h3{font-size:15px;text-transform:uppercase;margin:0;font-weight:850;color:#fff}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head a,.panel-head button{border:1px solid var(--border);background:rgba(255,255,255,.03);color:#fff;border-radius:10px;padding:7px 12px;font-size:13px}.chart-large{grid-column:span 6;min-height:293px}.low-stock{grid-column:span 6;min-height:293px}.sector-panel{grid-column:span 3;min-height:328px}.movements-panel{grid-column:span 4;min-height:328px}.right-mini{grid-column:span 5}.value-card{min-height:128px;position:relative;overflow:hidden}.value-card strong{font-size:30px;display:block}.value-card small{color:#ccd6e2}.ghost-icon{position:absolute;right:26px;bottom:24px;font-size:34px;color:rgba(255,255,255,.22);background:rgba(255,255,255,.06);width:62px;height:62px;border-radius:50%;display:grid!important;place-items:center}.ranking-panel{min-height:184px}.premium-table{width:100%;border-collapse:separate;border-spacing:0;color:#fff;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:10px}.premium-table th{font-size:11px;text-transform:uppercase;color:#c5cfdb;background:rgba(255,255,255,.035);padding:12px}.premium-table td{font-size:13px;padding:12px;border-top:1px solid rgba(255,255,255,.075)}.premium-table td:nth-child(3),.premium-table td:nth-child(4){text-align:center}.status-dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--gold2);box-shadow:0 0 18px rgba(229,181,27,.35)}.status-dot.danger{background:var(--red);box-shadow:0 0 18px rgba(255,77,77,.35)}.sector-flex{display:grid;grid-template-columns:1fr 1.35fr;align-items:center;gap:8px;height:245px}.sector-legend{display:flex;flex-direction:column;gap:13px}.sector-legend div{display:grid;grid-template-columns:14px 1fr;gap:9px;color:#fff;font-size:13px}.sector-legend span{width:12px;height:12px;border-radius:3px;margin-top:3px}.sector-legend b{grid-column:2;color:#d8e1ec;font-weight:600}.movement-list{display:flex;flex-direction:column}.movement-item{display:grid;grid-template-columns:42px 1fr 74px 54px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.075)}.round-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:22px}.round-icon.green{background:rgba(43,208,95,.18);color:var(--green)}.round-icon.red{background:rgba(255,77,77,.18);color:var(--red)}.movement-info strong{display:block;font-size:14px}.movement-info small,.movement-date small,.movement-date span{display:block;color:#c7d0dc;font-size:11px}.plus{color:var(--green)}.minus{color:var(--red)}.rank-row{display:grid;grid-template-columns:30px 1fr 1.5fr 44px;align-items:center;gap:10px;margin:10px 0;font-size:13px}.rank-row p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-row div{height:8px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden}.rank-row div b{display:block;height:100%;background:linear-gradient(90deg,var(--gold2),#967007);border-radius:999px}.rank-row strong{text-align:right}.quick-card{grid-column:span 2;min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;font-weight:750}.quick-card i{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(229,181,27,.15);color:var(--gold2);font-size:27px}.quick-card.green i{background:rgba(43,208,95,.15);color:var(--green)}.quick-card.red i{background:rgba(255,77,77,.15);color:var(--red)}.quick-card.purple i{background:rgba(138,85,214,.16);color:var(--purple)}.quick-card.blue i{background:rgba(45,125,240,.16);color:var(--blue)}.empty-state{color:var(--muted);padding:20px;text-align:center}.cardx{padding:20px;margin-bottom:16px}.cardx h5{font-weight:850;color:#fff}.table{--bs-table-bg:transparent;--bs-table-color:#eef3fa;--bs-table-border-color:rgba(255,255,255,.09)}.table thead th{color:#bac6d3;text-transform:uppercase;font-size:12px}.form-control,.form-select{background:#0c1824;border:1px solid var(--border);color:#fff;border-radius:10px}.form-control:focus,.form-select:focus{background:#0c1824;color:#fff;border-color:var(--gold);box-shadow:0 0 0 .2rem rgba(184,155,40,.15)}.form-control::placeholder{color:#768597}.btn{border-radius:10px;font-weight:700}.btn-primary{background:linear-gradient(135deg,#d9ad16,#8d6c08);border:0}.btn-outline-primary{color:var(--gold2);border-color:var(--gold)}.btn-outline-primary:hover{background:var(--gold);border-color:var(--gold);color:#07111c}.btn-outline-danger{border-color:rgba(255,77,77,.45);color:#ff8c8c}.badge{border-radius:999px}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 0%,rgba(184,155,40,.18),transparent 30%),linear-gradient(135deg,#03070c,#091827)}.login-card{width:100%;max-width:420px;background:linear-gradient(180deg,rgba(18,34,49,.97),rgba(12,24,36,.97));padding:32px;border-radius:20px;box-shadow:0 25px 80px rgba(0,0,0,.45);border:1px solid var(--border);color:#fff}.login-card h3{font-weight:950;color:var(--gold2)}.text-muted{color:#a9b5c3!important}.actions{display:flex;gap:8px;flex-wrap:wrap}.print-only{display:none}@media(max-width:1180px){.metric-card{grid-column:span 6}.chart-large,.low-stock,.sector-panel,.movements-panel,.right-mini{grid-column:span 12}.quick-card{grid-column:span 4}.sector-flex{grid-template-columns:1fr;height:auto}}@media(max-width:900px){.premium-sidebar{position:relative;width:100%;height:auto}.app-shell{display:block}.content-area{margin-left:0;width:100%;padding:16px}.premium-nav{display:grid;grid-template-columns:repeat(2,1fr)}.premium-topbar{gap:12px;align-items:flex-start}.global-search{width:100%}.top-actions{display:none}.dashboard-grid{grid-template-columns:repeat(6,1fr)}.metric-card,.quick-card{grid-column:span 6}}@media print{.premium-sidebar,.premium-topbar,.no-print,.btn,.actions{display:none!important}.content-area{margin:0;width:100%;padding:0}.panel,.cardx{box-shadow:none;border:0}.print-only{display:block}}