/* RARE STORE — design system: deep navy shell + light surfaces + indigo accent */
:root{
  --nav:#0d1024; --nav2:#141735;
  --bg:#f3f4fa; --card:#ffffff; --card2:#f6f7fd; --line:#e5e7f2;
  --txt:#191b2e; --muted:#6b6f8c;
  --accent:#5b5bd6; --accent2:#7b7bee; --accentInk:#ffffff;
  --gold:#f2b94b; --ok:#16a34a; --warn:#d97706; --bad:#dc2626;
  --radius:14px; --shadow:0 2px 14px rgba(25,28,60,.07); --shadow2:0 10px 34px rgba(25,28,60,.12);
}
[data-theme=dark]{
  --nav:#0b0d1f; --nav2:#12142b;
  --bg:#0e1020; --card:#161930; --card2:#1b1e38; --line:#262a4a;
  --txt:#ecedf8; --muted:#9a9ebe;
  --shadow:0 2px 14px rgba(0,0,0,.3); --shadow2:0 10px 34px rgba(0,0,0,.45);
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font-family:'Segoe UI',Tahoma,system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column;font-size:15px}
a{color:inherit;text-decoration:none}
.hide{display:none!important}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.app{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:34px 22px 60px}
.muted{color:var(--muted)}
b,strong{font-weight:700}

/* ─── Topbar ─── */
.topbar{background:var(--nav);border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:60}
.top-in{display:flex;align-items:center;gap:26px;height:62px}
.brand{font-size:18px;font-weight:800;letter-spacing:.6px;color:#fff;display:flex;align-items:center;gap:9px}
.brand b{color:var(--accent2)}
.crown{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:16px}
.nav{display:flex;gap:2px;flex:1}
.nav a{padding:8px 13px;border-radius:9px;color:#b9bdd8;font-weight:600;font-size:14px;transition:.15s}
.nav a:hover,.nav a.on{color:#fff;background:rgba(255,255,255,.08)}
.top-actions{display:flex;gap:8px;align-items:center}
.iconbtn{background:transparent;border:0;color:#c6c9e2;font-size:15px;padding:8px 10px;border-radius:9px;cursor:pointer;position:relative;display:inline-flex;align-items:center}
.iconbtn:hover{background:rgba(255,255,255,.08);color:#fff}
.badge{position:absolute;top:0;inset-inline-end:0;background:var(--gold);color:#231a05;font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.burger{display:none;background:none;border:0;color:#fff;font-size:22px}
.avatarbtn{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:13.5px;padding:5px 12px 5px 5px;border-radius:99px;background:rgba(255,255,255,.08)}
[dir=ltr] .avatarbtn{padding:5px 5px 5px 12px}
.avatarbtn:hover{background:rgba(255,255,255,.14)}
.avatarbtn img{width:26px;height:26px;border-radius:50%;display:block}

/* ─── Buttons ─── */
.btn{background:var(--card);border:1px solid var(--line);color:var(--txt);padding:9px 18px;border-radius:10px;font-weight:700;cursor:pointer;font-size:14px;transition:.15s;display:inline-flex;align-items:center;gap:6px;justify-content:center}
.btn:hover{border-color:var(--accent);transform:translateY(-1px)}
.btn.accent{background:linear-gradient(135deg,var(--accent),var(--accent2));border:0;color:var(--accentInk);box-shadow:0 4px 14px rgba(91,91,214,.35)}
.btn.outline{background:transparent;border:1px solid var(--accent);color:var(--accent)}
.btn.ok{background:var(--ok);color:#fff;border:0}
.btn.bad{background:var(--bad);color:#fff;border:0}
.btn.sm{padding:6px 13px;font-size:13px}
.btn.lg{padding:12px 26px;font-size:15px}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}

/* ─── Hero ─── */
.hero{background:radial-gradient(900px 380px at 50% -80px,rgba(91,91,214,.35),transparent),var(--nav);color:#fff;padding:64px 20px 72px;text-align:center;border-radius:0 0 26px 26px}
.hero h1{font-size:clamp(28px,4.4vw,46px);font-weight:800;line-height:1.25;margin-bottom:14px}
.hero p{color:#b9bdd8;max-width:620px;margin:0 auto 26px;font-size:16px;line-height:1.8}
.hsearch{max-width:520px;margin:0 auto 30px;display:flex;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:6px;gap:8px}
.hsearch input{flex:1;background:transparent;border:0;outline:0;color:#fff;padding:10px 14px;font-size:14px}
.hsearch input::placeholder{color:#8a8fb3}
.benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:840px;margin:0 auto;text-align:start}
.benefit{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:14px 16px}
.benefit .bi{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:17px;flex:none}
.benefit b{display:block;font-size:14px}
.benefit small{color:#b9bdd8;font-size:12px}

/* ─── Sections ─── */
.sec{margin:44px 0}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:20px;flex-wrap:wrap}
.sec-head h2{font-size:24px;font-weight:800}
.sec-head p{color:var(--muted);margin-top:5px}
.sec-head a{color:var(--accent);font-weight:700;font-size:14px}

/* ─── Cards grid ─── */
.grid{display:grid;gap:18px}
.grid.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow);transition:.18s}
.pcard:hover{box-shadow:var(--shadow2);transform:translateY(-3px)}
.tile{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex:none}
.tile.himaya{background:linear-gradient(135deg,#6366f1,#8b5cf6)}
.tile.security{background:linear-gradient(135deg,#3b82f6,#2563eb)}
.tile.tempvoice{background:linear-gradient(135deg,#22c55e,#16a34a)}
.tile.music{background:linear-gradient(135deg,#22c55e,#0d9488)}
.tile.broadcast{background:linear-gradient(135deg,#f59e0b,#ea580c)}
.tile.system{background:linear-gradient(135deg,#ec4899,#a855f7)}
.tile.utilities{background:linear-gradient(135deg,#0ea5e9,#6366f1)}
.pcard h3{font-size:16px}
.pcard .cat{color:var(--muted);font-size:12.5px}
.pcard .desc{color:var(--muted);font-size:13px;line-height:1.7;flex:1}
.price{font-size:17px;font-weight:800;color:var(--txt)}
.price small{color:var(--muted);font-weight:600;font-size:12.5px}
.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:99px;font-size:12px;font-weight:700;border:1px solid var(--line);color:var(--muted);background:var(--card2)}
.chip.on{background:#dcfce7;color:#15803d;border-color:#bbf7d0}
[data-theme=dark] .chip.on{background:#14532d55;color:#4ade80}
.chip.off{background:#fee2e2;color:#b91c1c;border-color:#fecaca}
[data-theme=dark] .chip.off{background:#7f1d1d44;color:#f87171}
.chip.pend{background:#fef3c7;color:#b45309;border-color:#fde68a}
[data-theme=dark] .chip.pend{background:#78350f55;color:#fbbf24}

/* ─── Market layout ─── */
.mkt{display:grid;grid-template-columns:230px 1fr;gap:24px;align-items:start}
.filters{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;position:sticky;top:80px}
.filters h4{font-size:14px;margin-bottom:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.filters .fgroup{margin-bottom:20px}
.radio{display:flex;align-items:center;gap:9px;padding:7px 4px;cursor:pointer;font-size:14px;border-radius:8px}
.radio input{accent-color:var(--accent)}
.radio:hover{color:var(--accent)}
.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap}
.toolbar input[type=search]{flex:1;min-width:200px}
.toolbar select{padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--txt);font-size:14px}
.pager{display:flex;gap:6px;justify-content:center;margin-top:26px}
.pager button{min-width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--txt);cursor:pointer;font-weight:700}
.pager button.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.pager button:disabled{opacity:.4}

/* ─── Inputs ─── */
input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input:not([type]),textarea,select{padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--txt);font-size:14px;font-family:inherit;outline:0}
input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,91,214,.18)}
.field{margin-bottom:14px}
.field label{display:block;margin-bottom:6px;font-weight:600;font-size:13.5px}
.field input,.field textarea,.field select{width:100%}
.field small{color:var(--muted)}

/* ─── Forms / auth ─── */
.authwrap{max-width:420px;margin:40px auto}
.authcard{background:var(--nav);color:#fff;border-radius:20px;padding:34px 30px;box-shadow:var(--shadow2);text-align:center}
.authcard .crown{width:54px;height:54px;font-size:26px;margin:0 auto 14px}
.authcard h2{font-size:21px;margin-bottom:4px}
.authcard .sub{color:#b9bdd8;font-size:13.5px;margin-bottom:22px}
.authcard .field{text-align:start}
.authcard .field label{color:#c6c9e2}
.authcard input{background:#1a1e3f;border-color:#2a2f55;color:#fff;width:100%}
.authcard input::placeholder{color:#6a6f96}
.authcard .alt{margin-top:18px;font-size:13.5px;color:#b9bdd8}
.authcard .alt a{color:var(--accent2);font-weight:700}
.form{max-width:480px;margin:24px auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}
.err{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;padding:11px 14px;border-radius:10px;margin-bottom:14px;font-size:13.5px}
[data-theme=dark] .err{background:#7f1d1d33;color:#fca5a5;border-color:#7f1d1d}
.note{background:var(--card2);border:1px dashed var(--line);color:var(--muted);padding:12px 15px;border-radius:11px;font-size:13.5px;line-height:1.7}
.empty{text-align:center;color:var(--muted);padding:60px 20px;font-size:15px}
.empty .ic{font-size:44px;display:block;margin-bottom:12px}

/* ─── Product detail ─── */
.pd-top{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);margin-bottom:22px}
.pd-top .tile{width:84px;height:84px;font-size:38px;border-radius:20px}
.pd-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.pd-buy{text-align:end;display:flex;flex-direction:column;gap:10px;min-width:170px}
.pd-buy .price{font-size:24px}
.plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.plan{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;position:relative;box-shadow:var(--shadow)}
.plan.hot{border-color:var(--accent);box-shadow:0 8px 26px rgba(91,91,214,.18)}
.plan .pbadge{position:absolute;top:-11px;inset-inline-start:16px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;padding:3px 11px;border-radius:99px}
.plan .pname{font-weight:800;font-size:15px;margin-bottom:8px}
.plan .pprice{font-size:26px;font-weight:800;margin-bottom:4px}
.plan .pdesc{color:var(--muted);font-size:13px;margin-bottom:14px;min-height:36px}
.kf{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;list-style:none}
.kf li{display:flex;gap:9px;align-items:center;padding:7px 4px;font-size:14px}
.kf .ck{color:var(--ok);font-weight:800}

/* ─── Cart ─── */
.cartlay{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}
.citem{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;margin-bottom:12px;box-shadow:var(--shadow)}
.citem .tile{width:46px;height:46px;font-size:20px;border-radius:12px}
.citem .ci{flex:1;min-width:0}
.citem .planpick{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}
.citem .planpick select{padding:6px 10px;border-radius:8px;font-size:12.5px}
.citem .rm{background:none;border:0;color:var(--muted);font-size:17px;cursor:pointer;padding:6px}
.citem .rm:hover{color:var(--bad)}
.summary{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);position:sticky;top:80px}
.summary h3{font-size:16px;margin-bottom:14px}
.sumrow{display:flex;justify-content:space-between;padding:8px 0;color:var(--muted);font-size:14px}
.sumrow.total{border-top:1px solid var(--line);margin-top:8px;padding-top:14px;color:var(--txt);font-weight:800;font-size:16px}
.summary .btn{width:100%;margin-top:14px}

/* ─── Checkout ─── */
.chk{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}
.chk .card h3{font-size:15px;margin-bottom:14px}
.paym{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:11px;padding:12px 14px;margin-bottom:9px;cursor:pointer;font-size:14px;font-weight:600}
.paym:hover{border-color:var(--accent)}
.paym input{accent-color:var(--accent)}
.paym .pm-ic{margin-inline-start:auto;color:var(--muted);font-size:12px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sumitem{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:13.5px}
.sumitem .tile{width:36px;height:36px;font-size:16px;border-radius:10px}
.sumitem b{flex:1;font-size:13.5px}

/* ─── Dashboards (sidebar shell) ─── */
.shell{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start;min-height:60vh}
.pside{background:var(--nav);color:#fff;border-radius:16px;padding:18px 12px;position:sticky;top:80px}
.pside .who{padding:8px 12px 16px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:10px}
.pside .who b{display:block;font-size:14px}
.pside .who span{font-size:11.5px;color:var(--accent2);font-weight:700;text-transform:uppercase;letter-spacing:.6px}
.pside a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#b9bdd8;font-size:14px;font-weight:600;margin-bottom:2px}
.pside a:hover{background:rgba(255,255,255,.06);color:#fff}
.pside a.on{background:var(--accent);color:#fff}
.pside .out{margin-top:14px;border-top:1px solid rgba(255,255,255,.09);padding-top:10px}
.pmain{min-width:0}
.welcome{margin-bottom:20px}
.welcome h2{font-size:23px}
.welcome p{color:var(--muted);margin-top:4px;font-size:14px}
.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:22px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.stat b{display:block;font-size:26px;font-weight:800}
.stat span{color:var(--muted);font-size:12.5px;font-weight:600}
.dashhead{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.botrow{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;margin-bottom:11px;box-shadow:var(--shadow);flex-wrap:wrap}
.botrow .tile{width:44px;height:44px;font-size:19px;border-radius:12px}
.botrow .bi{flex:1;min-width:160px}
.botrow .bi small{color:var(--muted)}
.botrow .acts{margin-inline-start:auto;display:flex;gap:8px}

/* ─── Tables ─── */
.tb{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.tb th{text-align:start;padding:11px 14px;background:var(--card2);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.4px}
.tb td{padding:11px 14px;border-top:1px solid var(--line)}
.tb tr:hover td{background:var(--card2)}

/* ─── Settings rows (bot config) ─── */
.setrow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px dashed var(--line)}
.setrow:last-child{border-bottom:0}
.setrow .lbl b{display:block;font-size:14px}
.setrow .lbl small{color:var(--muted);font-size:12px}
.setrow input[type=text],.setrow input[type=number]{width:200px}
input[type=checkbox].sw{width:44px;height:24px;appearance:none;background:var(--line);border-radius:99px;position:relative;cursor:pointer;transition:.2s;flex:none}
input[type=checkbox].sw:checked{background:var(--accent)}
input[type=checkbox].sw::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;inset-inline-start:3px;transition:.2s}
input[type=checkbox].sw:checked::after{inset-inline-start:23px}

/* ─── FAQ / prose ─── */
.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:15px 18px;margin-bottom:10px;box-shadow:var(--shadow)}
.faq summary{cursor:pointer;font-weight:700;font-size:14.5px}
.faq p{color:var(--muted);margin-top:9px;font-size:14px;line-height:1.8}
.prose{max-width:760px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}
.prose p{color:var(--muted);line-height:2;margin-top:12px}

/* ─── Footer ─── */
.footer{background:var(--nav);color:#b9bdd8;margin-top:auto}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;padding:44px 22px 30px;max-width:1180px;margin:0 auto}
.footer h4{color:#fff;font-size:16px;display:flex;align-items:center;gap:8px}
.footer h5{color:#fff;font-size:13px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}
.footer p{font-size:13px;line-height:1.8;margin-top:10px;max-width:280px}
.footer a{display:block;padding:4px 0;font-size:13.5px}
.footer a:hover{color:#fff}
.foot-bar{border-top:1px solid rgba(255,255,255,.08);text-align:center;padding:16px;font-size:12.5px;color:#8a8fb3}

/* ─── Toast ─── */
.toast{position:fixed;bottom:22px;inset-inline-end:22px;z-index:99;display:flex;flex-direction:column;gap:8px}
.toast div{padding:12px 18px;border-radius:11px;font-size:14px;font-weight:600;box-shadow:var(--shadow2);animation:tin .25s}
.toast .ok{background:#16a34a;color:#fff}
.toast .bad{background:#dc2626;color:#fff}
@keyframes tin{from{opacity:0;transform:translateY(10px)}}

/* ─── Responsive ─── */
@media (max-width:960px){
  .mkt,.cartlay,.chk{grid-template-columns:1fr}
  .filters{position:static}
  .shell{grid-template-columns:1fr}
  .pside{position:static;display:flex;flex-wrap:wrap;gap:4px}
  .pside .who{width:100%}
  .pside a{margin:0}
  .pd-top{grid-template-columns:auto 1fr}
  .pd-buy{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;text-align:start}
}
@media (max-width:720px){
  .nav{position:absolute;top:62px;inset-inline:0;background:var(--nav);flex-direction:column;padding:10px;display:none;border-top:1px solid rgba(255,255,255,.08)}
  .nav.open{display:flex}
  .burger{display:block}
  .foot-grid{grid-template-columns:1fr 1fr}
  .two{grid-template-columns:1fr}
  .hero{padding:44px 16px 52px}
}

/* ——— ???? ????????? + ????? ??????? ——— */
.setrow.block{display:block}
.setrow select{width:100%;max-width:340px;padding:9px 12px;border-radius:9px;border:1px solid var(--line,#2a2f4a);background:var(--card,#141736);color:var(--text,#e8eaf2)}
.mpick{max-height:190px;overflow-y:auto;border:1px solid var(--line,#2a2f4a);border-radius:9px;padding:6px;margin-top:6px;max-width:340px}
.mp-opt{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;font-size:13px;cursor:pointer}
.mp-opt:hover{background:rgba(124,108,255,.08)}
.mf-search{margin:8px 0;width:100%;max-width:340px}
.mchips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.mchips .chip{display:inline-flex;align-items:center;gap:5px}
.mx{color:inherit;text-decoration:none;opacity:.7;font-weight:bold}
.mav{width:22px;height:22px;border-radius:50%}
.srv{display:flex;align-items:center;gap:12px;padding:12px 16px}
.srvic{width:38px;height:38px;border-radius:10px}
.upgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.upbox{border:1px dashed var(--line,#2a2f4a);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}
.upbox input[type=file]{font-size:12px;max-width:100%}
.uprow{display:flex;gap:8px}
.pvimg{max-width:100%;max-height:180px;border-radius:10px;margin:8px 0;display:block}
.pvimg.hide,.hide{display:none}
.tkpv{border:1px solid var(--line,#2a2f4a);border-radius:10px;padding:12px;max-width:420px;background:var(--card,#141736)}
.pvsel{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line,#2a2f4a);border-radius:8px;padding:10px 12px;font-size:13px;margin-top:8px}
.pvopts{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.pvopt{font-size:12.5px;padding:4px 8px;color:var(--muted,#9aa0b8)}
.ttrow{display:flex;gap:6px;margin:6px 0;align-items:center}
.ttrow input{flex:1;min-width:0;padding:7px 10px;font-size:13px}
.tthead{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.btn.danger{color:#ff6b7a;border-color:#5a2430}
@media(max-width:700px){.upgrid{grid-template-columns:1fr}.ttrow{flex-wrap:wrap}.ttrow input{flex:1 1 45%}}
.spills { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 14px; padding-bottom: 12px; border-bottom: 1px solid var(--line, #2a2a33); }
.spills .btn { border-radius: 20px; }
[data-secbox] { animation: fadein .18s ease; }
@keyframes fadein { from { opacity: .35; } to { opacity: 1; } }