/* ========== RESET ========== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#08090c;--bg1:#0e1015;--bg2:#13151b;--bg3:#191c24;--bg4:#1f232e;--bg5:#262b38;
  --bd:#1a1e2a;--bd2:#242838;--bd3:#2e3348;
  --tx:#f2f4f8;--tx2:#b0b8cc;--tx3:#7a84a0;--tx4:#4e566e;--tx5:#363d52;
  --ac:#6366f1;--ac2:#818cf8;--ac3:rgba(99,102,241,.10);--ac4:rgba(99,102,241,.06);--ac5:#c7d2fe;
  --gn:#22c55e;--gn2:rgba(34,197,94,.10);--gn3:#86efac;
  --rd:#ef4444;--rd2:rgba(239,68,68,.10);--rd3:#fca5a5;
  --yl:#eab308;--yl2:rgba(234,179,8,.10);
  --cy:#06b6d4;--cy2:rgba(6,182,212,.10);
  --pk:#ec4899;--pk2:rgba(236,72,153,.10);
  --or:#f97316;--or2:rgba(249,115,22,.10);
  --gd:#fbbf24;--sv:#94a3b8;--bz:#f59e0b;
  --r:8px;--rs:5px;--rl:12px;
  --mono:'JetBrains Mono',monospace;--sans:'Inter',-apple-system,system-ui,sans-serif;
  --glass:rgba(14,16,21,.75);
  --glow:0 0 20px rgba(99,102,241,.08);
}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--bg);color:var(--tx);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--ac2);text-decoration:none;transition:color .15s}a:hover{color:var(--ac5)}
.container{max-width:1520px;margin:0 auto;padding:0 24px}

/* ========== TOOLBAR ========== */
.toolbar{background:var(--glass);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.toolbar-inner{display:flex;align-items:center;justify-content:space-between;height:52px}
.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:16px}
.logo{display:flex;align-items:center;gap:10px;color:var(--tx)}
.logo:hover{color:var(--tx)}
.logo-mark{width:30px;height:30px;background:linear-gradient(135deg,var(--ac),#a855f7);border-radius:8px;display:grid;place-items:center;font-size:15px;font-weight:900;color:#fff;box-shadow:0 2px 8px rgba(99,102,241,.3)}
.logo-name{font-weight:800;font-size:16px;letter-spacing:-.4px}
.toolbar-divider{width:1px;height:24px;background:var(--bd2)}
.toolbar-nav{display:flex;gap:2px}
.tn{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;color:var(--tx3);transition:.15s}
.tn:hover{color:var(--tx);background:var(--bg3)}
.tn.active{color:var(--ac2);background:var(--ac3);font-weight:600}

/* Search */
.search-wrap{position:relative;width:300px}
.search-wrap input{width:100%;padding:7px 12px 7px 34px;background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r);color:var(--tx);font-size:13px;font-family:var(--sans);outline:none;transition:.2s}
.search-wrap input:focus{border-color:var(--ac);box-shadow:0 0 0 3px var(--ac3),var(--glow)}
.search-wrap input::placeholder{color:var(--tx5)}
.search-wrap .si{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--tx4);pointer-events:none}
.search-wrap kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:1px 6px;background:var(--bg4);border:1px solid var(--bd2);border-radius:4px;font-size:10px;color:var(--tx4);font-family:var(--mono);line-height:18px;pointer-events:none}

/* Search Results */
.srd{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg2);border:1px solid var(--bd2);border-radius:var(--rl);max-height:420px;overflow-y:auto;display:none;box-shadow:0 16px 48px rgba(0,0,0,.6);z-index:200}
.srd.active{display:block}
.sri{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--bd);transition:.12s}
.sri:hover{background:var(--bg4)}.sri:last-child{border:none}
.sri-r{font-family:var(--mono);font-weight:600;color:var(--ac2);min-width:36px;font-size:12px}
.sri-n{font-weight:600;font-size:13px}.sri-m{color:var(--tx4);font-size:11px;margin-top:1px}
.sri-v{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--gn);font-weight:600}

.live-indicator{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--tx3);font-weight:500;padding:4px 10px;background:var(--gn2);border:1px solid rgba(34,197,94,.15);border-radius:20px}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--gn);box-shadow:0 0 6px rgba(34,197,94,.5);animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

/* ========== LAYOUT ========== */
.sidebar-layout{display:grid;grid-template-columns:240px 1fr;gap:0;min-height:calc(100vh - 120px)}
.sidebar{border-right:1px solid var(--bd);padding:20px 16px 32px 0;position:sticky;top:52px;height:calc(100vh - 52px);overflow-y:auto;scrollbar-width:thin}
.main-content{padding:24px 0 48px 28px}

/* Sidebar */
.sb-label{font-size:9px;font-weight:700;color:var(--tx5);text-transform:uppercase;letter-spacing:1px;padding:16px 10px 6px}
.sb-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--r);font-size:12.5px;font-weight:500;color:var(--tx3);cursor:pointer;transition:.12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid transparent}
.sb-item:hover{background:var(--bg3);color:var(--tx)}
.sb-item.active{background:var(--ac3);color:var(--ac2);font-weight:600;border-color:rgba(99,102,241,.12)}
.sb-icon{font-size:15px;flex-shrink:0;width:20px;text-align:center}
.sb-cnt{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--tx2);background:var(--bg5);padding:2px 8px;border-radius:5px;min-width:30px;text-align:center;font-weight:600;border:1px solid var(--bd2)}
.sb-item.active .sb-cnt{background:rgba(99,102,241,.2);color:var(--ac5);border-color:rgba(99,102,241,.25)}
.sb-item:hover .sb-cnt{color:var(--tx);background:var(--bg5)}

/* ========== LOADER ========== */
.loader{display:flex;justify-content:center;padding:100px 0}
.lds{width:32px;height:32px;border:3px solid var(--bd2);border-top-color:var(--ac);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ========== PAGE HEADER ========== */
.ph{margin-bottom:20px}
.ph-title{font-size:24px;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:10px;line-height:1.2}
.ph-sub{color:var(--tx4);font-size:13px;margin-top:4px;line-height:1.4}
.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:5px;font-size:10px;font-weight:700;font-family:var(--mono);letter-spacing:.3px;vertical-align:middle}
.badge-ac{background:var(--ac3);color:var(--ac2);border:1px solid rgba(99,102,241,.15)}
.badge-gn{background:var(--gn2);color:var(--gn);border:1px solid rgba(34,197,94,.15)}
.badge-yl{background:var(--yl2);color:var(--yl);border:1px solid rgba(234,179,8,.15)}

/* ========== KPI CARDS ========== */
.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:12px;margin-bottom:28px}
.kpi{background:var(--bg1);border:1px solid var(--bd);border-radius:var(--rl);padding:18px 20px;position:relative;overflow:hidden;transition:.2s}
.kpi:hover{border-color:var(--bd2);box-shadow:var(--glow)}
.kpi::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--ac),transparent);opacity:.4}
.kpi-label{font-size:10px;font-weight:600;color:var(--tx4);text-transform:uppercase;letter-spacing:.5px}
.kpi-val{font-family:var(--mono);font-size:26px;font-weight:800;margin:4px 0 2px;letter-spacing:-.5px}
.kpi-delta{font-family:var(--mono);font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px}
.kpi-delta.up{color:var(--gn)}.kpi-delta.up::before{content:'▲';font-size:8px}
.kpi-delta.dn{color:var(--rd)}.kpi-delta.dn::before{content:'▼';font-size:8px}
.kpi-delta.nt{color:var(--tx4)}
.kpi-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:32px;opacity:.08}

/* ========== DATA TABLE ========== */
.dt{width:100%;margin-bottom:8px}
.dt-head{display:grid;grid-template-columns:48px 2.5fr 110px 100px 70px 140px;align-items:center;padding:0 16px;height:36px;font-size:10px;font-weight:700;color:var(--tx5);text-transform:uppercase;letter-spacing:.6px;border-bottom:2px solid var(--bd2);background:var(--bg1);border-radius:var(--r) var(--r) 0 0;position:sticky;top:0;z-index:2}
.dt-row{display:grid;grid-template-columns:48px 2.5fr 110px 100px 70px 140px;align-items:center;padding:0 16px;height:56px;border-bottom:1px solid var(--bd);cursor:pointer;transition:.15s;position:relative}
.dt-row:hover{background:var(--bg2)}
.dt-row:hover::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ac);border-radius:0 2px 2px 0}
.dt-r{font-family:var(--mono);font-size:14px;font-weight:800;text-align:center}
.dt-r.g{color:var(--gd);text-shadow:0 0 8px rgba(251,191,36,.2)}.dt-r.s{color:var(--sv)}.dt-r.b{color:var(--bz)}

.dt-site{display:flex;align-items:center;gap:12px;min-width:0}
.dt-fav{width:32px;height:32px;border-radius:8px;background:var(--bg3);border:1px solid var(--bd2);display:grid;place-items:center;flex-shrink:0;overflow:hidden;font-size:13px;font-weight:700;color:var(--tx4)}
.dt-fav img{width:20px;height:20px;border-radius:3px}
.dt-si{min-width:0;flex:1}
.dt-sn{font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dt-sd{font-size:11px;color:var(--tx4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:380px;margin-top:1px}

.dt-vis{display:flex;flex-direction:column;gap:3px}
.dt-vis-val{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--gn)}
.dt-vis-bar{height:4px;background:var(--bg4);border-radius:2px;overflow:hidden;width:80px}
.dt-vis-fill{height:100%;background:linear-gradient(90deg,var(--gn),var(--cy));border-radius:2px;transition:width .3s}

.dt-gr{font-family:var(--mono);font-size:12px;color:var(--tx3);display:flex;align-items:center;gap:4px}
.dt-gr b{color:var(--tx);font-weight:700;font-size:13px}

.dt-co{display:flex;align-items:center;gap:4px}
.dt-co-badge{padding:3px 8px;background:var(--bg4);border:1px solid var(--bd2);border-radius:4px;font-family:var(--mono);font-size:10px;font-weight:700;color:var(--tx2);letter-spacing:.5px}

.dt-tg{display:flex;gap:4px;flex-wrap:wrap}
.dt-tg span{padding:3px 8px;border-radius:5px;font-size:10px;font-weight:600;letter-spacing:.2px}
.dt-tg span:nth-child(1){background:var(--ac3);color:var(--ac2);border:1px solid rgba(99,102,241,.12)}
.dt-tg span:nth-child(2){background:var(--cy2);color:var(--cy);border:1px solid rgba(6,182,212,.12)}
.dt-tg span:nth-child(3){background:var(--pk2);color:var(--pk);border:1px solid rgba(236,72,153,.12)}

.trend-i{display:inline-flex;align-items:center;font-family:var(--mono);font-size:10px;font-weight:700;padding:2px 5px;border-radius:3px}
.trend-i.up{color:var(--gn);background:var(--gn2)}.trend-i.dn{color:var(--rd);background:var(--rd2)}.trend-i.st{color:var(--tx5)}

/* ========== CATEGORY CARDS ========== */
.cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:14px}
.cc{background:var(--bg1);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;transition:.2s}
.cc:hover{border-color:var(--bd2);box-shadow:var(--glow)}
.cc-h{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--bd);cursor:pointer;transition:.15s}
.cc-h:hover{background:var(--bg2)}
.cc-t{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px}
.cc-t .sb-icon{font-size:18px}
.cc-c{font-family:var(--mono);font-size:10px;color:var(--tx4);padding:3px 8px;background:var(--bg4);border-radius:4px;font-weight:600}
.cc-arrow{color:var(--tx5);font-size:16px;transition:.2s}.cc-h:hover .cc-arrow{color:var(--ac2);transform:translateX(3px)}
.cc-list{padding:4px 0}
.cc-i{display:grid;grid-template-columns:28px 1fr auto auto;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;transition:.1s}
.cc-i:hover{background:var(--bg2)}
.cc-rk{font-family:var(--mono);font-weight:800;font-size:12px;text-align:center;color:var(--tx5)}
.cc-rk.g{color:var(--gd)}.cc-rk.s{color:var(--sv)}.cc-rk.b{color:var(--bz)}
.cc-nm{font-weight:600;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-vi{font-family:var(--mono);font-size:11px;color:var(--gn);font-weight:600}
.cc-gl{font-family:var(--mono);font-size:10px;color:var(--tx5)}
.cc-foot{padding:8px 16px 12px;border-top:1px solid var(--bd);display:flex;gap:5px;flex-wrap:wrap}
.cc-chip{padding:4px 9px;background:var(--bg3);border:1px solid var(--bd);border-radius:5px;font-size:10px;color:var(--tx3);cursor:pointer;transition:.15s;font-weight:500}
.cc-chip:hover{border-color:var(--ac);color:var(--ac2);background:var(--ac4)}

/* ========== SUBCATEGORY GRID ========== */
.scg{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-bottom:28px}
.sc{background:var(--bg1);border:1px solid var(--bd);border-radius:var(--rl);padding:16px 18px;cursor:pointer;transition:.2s;position:relative;overflow:hidden}
.sc:hover{border-color:var(--ac);box-shadow:0 4px 24px rgba(99,102,241,.08)}
.sc::after{content:'→';position:absolute;right:16px;top:16px;color:var(--tx5);font-size:14px;transition:.2s}
.sc:hover::after{color:var(--ac2);transform:translateX(3px)}
.sc-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.sc-h-l{display:flex;align-items:center;gap:7px}
.sc-n{font-weight:700;font-size:13.5px}
.sc-c{font-family:var(--mono);font-size:10px;color:var(--tx4);background:var(--bg4);padding:2px 7px;border-radius:4px;font-weight:600}
.sc-list{display:flex;flex-direction:column;gap:5px}
.sc-s{display:flex;align-items:center;gap:8px;font-size:12px}
.sc-s-r{font-family:var(--mono);font-weight:800;color:var(--ac2);min-width:18px;text-align:center;font-size:11px}
.sc-s-n{font-weight:500;color:var(--tx)}
.sc-s-v{margin-left:auto;font-family:var(--mono);color:var(--gn);font-size:11px;font-weight:600}

/* ========== BREADCRUMB ========== */
.bc{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--tx5);margin-bottom:20px;flex-wrap:wrap}
.bc a{color:var(--tx3);font-weight:500}.bc a:hover{color:var(--ac2)}
.bc .sep{font-size:10px;color:var(--tx5)}.bc .cur{color:var(--tx2);font-weight:600}

/* ========== SECTION DIVIDER ========== */
.section-div{display:flex;align-items:center;gap:12px;margin:32px 0 16px}
.section-div::after{content:'';flex:1;height:1px;background:var(--bd)}
.section-div-title{font-size:11px;font-weight:700;color:var(--tx4);text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}

/* ========== FOOTER ========== */
.footer{border-top:1px solid var(--bd);padding:20px 0;margin-top:48px}
.footer-inner{display:flex;justify-content:space-between;font-size:11px;color:var(--tx5)}
@media(max-width:640px){.footer-inner{flex-direction:column;gap:6px;text-align:center}}

/* ========== RESPONSIVE ========== */
@media(max-width:1200px){
  .sidebar-layout{grid-template-columns:1fr}.sidebar{display:none}
  .main-content{padding:24px 0}
  .dt-head,.dt-row{grid-template-columns:40px 2fr 100px 80px}
  .dt-head>:nth-child(n+5),.dt-row>:nth-child(n+5){display:none}
}
@media(max-width:768px){
  .toolbar-nav{display:none}.search-wrap{width:200px}
  .cg{grid-template-columns:1fr}.kpi-row{grid-template-columns:repeat(2,1fr)}
  .dt-head,.dt-row{grid-template-columns:32px 1fr 80px}
  .dt-head>:nth-child(n+4),.dt-row>:nth-child(n+4){display:none}
}
@media(max-width:480px){
  .container{padding:0 12px}.search-wrap{width:160px}
  .dt-head,.dt-row{grid-template-columns:28px 1fr}
  .dt-head>:nth-child(n+3),.dt-row>:nth-child(n+3){display:none}
  .kpi-val{font-size:20px}
}

/* ========== MODAL ========== */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:none;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto}
.modal.open{display:flex}
.modal-content{background:var(--bg1);border:1px solid var(--bd2);border-radius:16px;width:100%;max-width:720px;box-shadow:0 24px 80px rgba(0,0,0,.6);animation:modalIn .25s ease}
@keyframes modalIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}

/* Modal Header */
.m-header{padding:24px 28px 20px;border-bottom:1px solid var(--bd);display:flex;gap:16px;align-items:flex-start}
.m-fav{width:48px;height:48px;border-radius:12px;background:var(--bg3);border:1px solid var(--bd2);display:grid;place-items:center;flex-shrink:0;overflow:hidden}
.m-fav img{width:32px;height:32px;border-radius:4px}
.m-hinfo{flex:1;min-width:0}
.m-name{font-size:20px;font-weight:800;letter-spacing:-.3px;margin-bottom:2px}
.m-url{font-size:12px;color:var(--tx4);font-family:var(--mono);word-break:break-all}
.m-close{width:32px;height:32px;border-radius:8px;background:var(--bg3);border:1px solid var(--bd);display:grid;place-items:center;cursor:pointer;color:var(--tx3);font-size:18px;transition:.15s;flex-shrink:0;line-height:1}
.m-close:hover{background:var(--rd2);color:var(--rd);border-color:rgba(239,68,68,.2)}

/* Modal KPI */
.m-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bd);border-bottom:1px solid var(--bd)}
.m-kpi{background:var(--bg1);padding:16px 20px;text-align:center}
.m-kpi-label{font-size:9px;font-weight:700;color:var(--tx5);text-transform:uppercase;letter-spacing:.8px}
.m-kpi-val{font-family:var(--mono);font-size:20px;font-weight:800;margin-top:2px}
.m-kpi-val.ac{color:var(--ac2)}.m-kpi-val.gn{color:var(--gn)}.m-kpi-val.yl{color:var(--yl)}

/* Modal Description */
.m-section{padding:20px 28px}
.m-section+.m-section{border-top:1px solid var(--bd)}
.m-section-title{font-size:11px;font-weight:700;color:var(--tx4);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.m-desc{font-size:13px;color:var(--tx2);line-height:1.6}

/* Modal Tags */
.m-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.m-tag{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600}
.m-tag:nth-child(3n+1){background:var(--ac3);color:var(--ac2);border:1px solid rgba(99,102,241,.15)}
.m-tag:nth-child(3n+2){background:var(--cy2);color:var(--cy);border:1px solid rgba(6,182,212,.15)}
.m-tag:nth-child(3n+3){background:var(--pk2);color:var(--pk);border:1px solid rgba(236,72,153,.15)}

/* Modal Chart */
.m-chart-wrap{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--rl);padding:16px;position:relative}
.m-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.m-chart-label{font-size:12px;font-weight:600;color:var(--tx2)}
.m-chart-period{font-size:10px;color:var(--tx4);font-family:var(--mono)}
.m-chart{position:relative;height:160px;width:100%}
.m-chart canvas{width:100%!important;height:100%!important}

/* Chart Y-axis labels */
.m-chart-y{position:absolute;left:0;top:0;bottom:20px;width:40px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.m-chart-y span{font-family:var(--mono);font-size:9px;color:var(--tx5);text-align:right;padding-right:6px}

/* Chart X-axis */
.m-chart-x{display:flex;justify-content:space-between;padding:6px 40px 0 40px}
.m-chart-x span{font-family:var(--mono);font-size:9px;color:var(--tx5)}

/* Modal Competitors */
.m-comp{display:flex;flex-direction:column;gap:4px}
.m-comp-row{display:grid;grid-template-columns:32px 1fr 80px 70px 60px;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r);transition:.12s;cursor:pointer}
.m-comp-row:hover{background:var(--bg3)}
.m-comp-rk{font-family:var(--mono);font-size:12px;font-weight:700;text-align:center;color:var(--tx4)}
.m-comp-nm{font-weight:600;font-size:12px}.m-comp-vi{font-family:var(--mono);font-size:11px;color:var(--gn);font-weight:600}
.m-comp-gr{font-family:var(--mono);font-size:11px;color:var(--tx4)}.m-comp-co{font-family:var(--mono);font-size:10px;color:var(--tx4)}

/* Modal Actions */
.m-actions{padding:20px 28px 24px;border-top:1px solid var(--bd);display:flex;gap:10px}
.m-btn{padding:10px 20px;border-radius:var(--r);font-size:13px;font-weight:600;cursor:pointer;transition:.15s;border:none;font-family:var(--sans);display:inline-flex;align-items:center;gap:6px}
.m-btn-primary{background:var(--ac);color:#fff;box-shadow:0 2px 8px rgba(99,102,241,.3)}
.m-btn-primary:hover{background:var(--ac2);box-shadow:0 4px 16px rgba(99,102,241,.4)}
.m-btn-secondary{background:var(--bg3);color:var(--tx2);border:1px solid var(--bd2)}
.m-btn-secondary:hover{background:var(--bg4);color:var(--tx)}

@media(max-width:640px){
  .m-kpis{grid-template-columns:repeat(2,1fr)}
  .modal{padding:20px 10px}
  .m-header{padding:20px 20px 16px}
  .m-section{padding:16px 20px}
  .m-actions{padding:16px 20px 20px}
  .m-comp-row{grid-template-columns:28px 1fr 70px}
  .m-comp-row>:nth-child(n+4){display:none}
}

/* Scrollbar */
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--bd);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--tx4)}

/* Selection */
::selection{background:rgba(99,102,241,.3);color:#fff}