:root{
  --bg:#070a12;
  --bg2:#0b1220;
  --panel:rgba(15,23,42,.75);
  --panel2:rgba(15,23,42,.65);
  --panelSolid:rgba(15,23,42,.92);
  --panelSolid2:rgba(15,23,42,.96);
  --panelSolid3:rgba(15,23,42,.98);
  --text:rgba(255,255,255,.92);
  --text2:#e5e7eb;
  --muted:rgba(226,232,240,.72);
  --muted2:rgba(226,232,240,.55);
  --green:rgba(34,197,94,1);
  --blue:rgba(59,130,246,1);
  --cyan:rgba(14,165,233,1);
  --amber:rgba(245,158,11,1);
  --purple:rgba(168,85,247,1);
  --red:rgba(239,68,68,1);
  --radius:12px;
  --r6:6px;
  --r8:8px;
  --shadowA:0 28px 80px rgba(0,0,0,.55);
  --shadowB:0 12px 30px rgba(0,0,0,.35);
  --stroke:rgba(148,163,184,.12);
  --stroke2:rgba(148,163,184,.14);
  --strokeW:0px;
            --bg900:#0b0f18;   /* bg-dark-900 */
            --bg800:#121827;   /* bg-dark-800 */
            --card:#151c2d;    /* card surface */
            --card2:#101626;   /* inner surface */
            --card3:#0e1423;   /* code surface */
            --txt: rgba(255,255,255,.92);
            --muted: rgba(226,232,240,.72);
            --muted2: rgba(226,232,240,.55);
            --g:#22c55e;
            --b:#3b82f6;
            --p:#a78bfa;
            --r:#ef4444;
            --y:#f59e0b;
}
.use-stroke{--strokeW:1px;}
:root[data-theme="light"]{
  --bg:#f6f7fb;
  --panel:rgba(255,255,255,.82);
  --panel2:rgba(255,255,255,.62);
  --panelSolid:rgba(255,255,255,.92);
  --text:rgba(17,24,39,.92);
  --muted:rgba(55,65,81,.72);
  --stroke:rgba(148,163,184,.22);
  --shadowA:0 22px 60px rgba(0,0,0,.10);
  --shadowB:0 12px 30px rgba(0,0,0,.08);
}
html,body{height:100%;}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  overflow-x:hidden;
}
body .btn,
body .btnx,
body .chip,
body .pill,
body .pillx,
body .nav-link{
  font-family:inherit !important;
  letter-spacing:normal;
}
a{color:inherit;}
a:hover{text-decoration:none;}
.mono,.mono-pill,pre,code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
        .scrollbar-styled{ scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.12) transparent; }
        .scrollbar-styled::-webkit-scrollbar{ width: 6px; }
        .scrollbar-styled::-webkit-scrollbar-track{ background: transparent; }
        .scrollbar-styled::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.12); border-radius: 999px; }
        .scrollbar-styled::-webkit-scrollbar-thumb:hover{ background: rgba(255,255,255,.18); }
#bgCanvas{
  position:fixed;
  inset:0;
  z-index:-20;
  pointer-events:none;
  opacity:.95;
}
.noise{
  position:fixed;
  inset:0;
  z-index:-10;
  pointer-events:none;
  opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
  background-repeat:repeat;
}
.scrollbar-styled{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.25) transparent;}
.scrollbar-styled::-webkit-scrollbar{width:6px;}
.scrollbar-styled::-webkit-scrollbar-track{background:transparent;}
.scrollbar-styled::-webkit-scrollbar-thumb{background:rgba(148,163,184,.22);border-radius:999px;}
.scrollbar-styled::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.35);}
.panel-card{
  background:var(--panel);
  border:var(--strokeW) solid var(--stroke);
  border-radius:var(--radius);
  box-shadow:var(--shadowA);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.sub-card{
  background:var(--panel2);
  border:var(--strokeW) solid var(--stroke);
  border-radius:calc(var(--radius) - 2px);
  box-shadow:var(--shadowB);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  display:block;
  min-height:unset;
}
        /* Card */
        .card{
            border-radius: var(--r8);
            background: var(--panel2);
            box-shadow: 0 12px 28px rgba(0,0,0,.35);
            overflow: hidden;
        }
        .cardHead{
            background: rgba(255,255,255,.02);
        }

        .muted{ color: var(--muted); }
        .muted2{ color: var(--muted2); }

        /* Small icon holder */
        .iconBox{
            width: 38px; height: 38px;
            border-radius: var(--r8);
            display:flex; align-items:center; justify-content:center;
            background: rgba(0,0,0,.18);
            flex-shrink: 0;
        }

        /* Buttons (no border, r6) */
        .btn{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:.55rem;
            padding: .62rem .9rem;
            border-radius: var(--r6);
            font-weight: 900;
            background: rgba(0,0,0,.18);
            color: rgba(255,255,255,.92);
            transition: transform .12s ease, background .12s ease, opacity .12s ease;
            text-decoration:none !important;
            user-select:none;
        }
        .btn:hover{ background: rgba(255,255,255,.06); }
        .btn:active{ transform: scale(.99); }

        .btnBlue{ background: rgba(59,130,246,.15); }
        .btnBlue:hover{ background: rgba(59,130,246,.22); }

        /* Chips (no border, r6) */
        .chip{
            display:inline-flex;
            align-items:center;
            gap:.45rem;
            padding:.32rem .58rem;
            border-radius: var(--r6);
            font-weight: 900;
            font-size: 12px;
            background: rgba(0,0,0,.18);
            color: rgba(255,255,255,.88);
            user-select:none;
            white-space: nowrap;
        }
        .chipG{ background: rgba(34,197,94,.16); color: rgba(187,247,208,.95); }
        .chipB{ background: rgba(59,130,246,.16); color: rgba(191,219,254,.95); }
        .chipP{ background: rgba(167,139,250,.16); color: rgba(221,214,254,.95); }
        .chipR{ background: rgba(239,68,68,.16); color: rgba(254,202,202,.95); }
        .chipY{ background: rgba(245,158,11,.16); color: rgba(253,230,138,.95); }

        /* Code blocks (no border, r6) */
        .codeWrap{
            border-radius: var(--r6);
            background: var(--card3);
            overflow:hidden;
        }
        .codeTop{
            padding: 10px 12px;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap: 12px;
            background: rgba(255,255,255,.03);
        }
        pre{
            margin: 0;
            padding: 12px;
            overflow-x:auto;
            font-size: 12.5px;
            line-height: 1.6;
            color: rgba(226,232,240,.92);
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;
        }
        code.inline{
            padding:.18rem .45rem;
            border-radius: var(--r6);
            background: rgba(255,255,255,.06);
            color: rgba(191,219,254,.95);
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;
            font-size: 12px;
        }

        /* Table (no border) */
        .tbl{
            border-radius: var(--r6);
            overflow:hidden;
            background: rgba(0,0,0,.14);
        }
        table{ width:100%; }
        thead th{
            color: rgba(226,232,240,.72);
            font-weight: 900;
            font-size: 12px;
            background: rgba(255,255,255,.03);
            padding: 12px 14px;
            text-align:left;
        }
        tbody td{
            color: rgba(226,232,240,.88);
            font-size: 13px;
            padding: 12px 14px;
            vertical-align: top;
        }
        tbody tr:nth-child(odd){ background: rgba(255,255,255,.02); }

        /* Anchor offset */
        .anchor{ scroll-margin-top: 90px; }

        /* Accordion */
        .accBtn{
            width: 100%;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap: 10px;
            text-align:left;
        }
        .accIcon{ transition: transform .18s ease; }
        .accOpen .accIcon{ transform: rotate(180deg); }

        /* TOC */
        .toc a{
            display:flex;
            align-items:center;
            gap: .6rem;
            padding: .6rem .75rem;
            border-radius: var(--r6);
            background: rgba(0,0,0,.18);
            color: rgba(226,232,240,.90);
            font-weight: 900;
            font-size: 13px;
            text-decoration:none !important;
        }
        .toc a:hover{ background: rgba(255,255,255,.06); }

        /* Small hover */
        .softHover{ transition: transform .12s ease, background .12s ease; }
        .softHover:hover{ transform: translateY(-1px); background: rgba(255,255,255,.03); }
.card-shadow{border:var(--strokeW) solid var(--stroke) !important;}
.card-soft{border-radius:var(--r6);}
.text-muted-1{color:var(--muted);}
.muted{color:var(--muted);}
.muted2{color:var(--muted2);}
.hrx{height:1px;background:rgba(148,163,184,.14);width:100%;}
.nav-wrap{position:sticky;top:12px;z-index:50;}
.nav{
  background:var(--panel2);
  border:var(--strokeW) solid var(--stroke);
  border-radius:14px;
  box-shadow:0 22px 60px rgba(0,0,0,.45);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.nav-link{
  color:rgba(226,232,240,.78);
  font-weight:900;
  font-size:12px;
  padding:10px 10px;
  border-radius:12px;
  transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
  outline:none;
}
.nav-link:hover{
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.92);
  transform:translateY(-1px);
}
.nav-link:focus-visible{box-shadow:0 0 0 3px rgba(59,130,246,.35);}
.pillx{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:10px;
  background:rgba(255,255,255,.05);
  color:rgba(226,232,240,.86);
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
  user-select:none;
}
.pill{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:6px 10px;
  border-radius:8px;
  background:rgba(255,255,255,.06);
  color:rgba(226,232,240,.86);
  font-size:12px;
  font-weight:900;
  border:var(--strokeW) solid var(--stroke);
}
.chip{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  border-radius:10px;
  padding:.32rem .62rem;
  font-size:.72rem;
  font-weight:900;
  color:rgba(255,255,255,.92);
  background:rgba(255,255,255,.05);
  user-select:none;
  white-space:nowrap;
  border:var(--strokeW) solid rgba(148,163,184,.18);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.chip-green{color:rgba(187,247,208,.96);}
.chip-blue{color:rgba(191,219,254,.96);}
.chip-amber{color:rgba(253,230,138,.96);}
.chip-purple{color:rgba(233,213,255,.96);}
.chip-cyan{color:rgba(186,230,253,.96);}
.chip-slate{color:rgba(226,232,240,.86);}
.chipB{background:rgba(59,130,246,.16);color:rgba(191,219,254,.95);}
.chipG{background:rgba(34,197,94,.16);color:rgba(187,247,208,.95);}
.chipP{background:rgba(167,139,250,.16);color:rgba(221,214,254,.95);}
.chipY{background:rgba(245,158,11,.16);color:rgba(253,230,138,.95);}
.chipR{background:rgba(239,68,68,.16);color:rgba(254,202,202,.95);}
.chip-on{color:rgba(255,255,255,.92);}
.chip-off{background:rgba(148,163,184,.08);color:rgba(226,232,240,.45);border-color:rgba(148,163,184,.14);}
.chip-r2{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.28);}
.chip-gofile{background:rgba(168,85,247,.18);border-color:rgba(168,85,247,.30);}
.chip-pixeldrain{background:rgba(245,158,11,.18);border-color:rgba(245,158,11,.30);}
.chip-sharegram{background:rgba(59,130,246,.18);border-color:rgba(59,130,246,.30);}
.chip-instant{background:rgba(99,102,241,.18);border-color:rgba(99,102,241,.30);}
.chip-drive{background:rgba(20,184,166,.18);border-color:rgba(20,184,166,.30);}
.chip-generic{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.22);}
.bg-success{background:#16a34a !important;}
.bg-info{background:#0ea5e9 !important;}
.bg-danger{background:#ef4444 !important;}
.bg-secondary{background:#64748b !important;}
.bg-warning{background:#f59e0b !important;color:#111827 !important;}

    .wrap-max{max-width:980px}
    .subtle{opacity:.78}
    .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
    .kbd{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.06)}
    .hint{font-size:12px;opacity:.72}
    .result-card{background:rgba(15,22,38,.55);border-radius:12px;box-shadow:0 18px 55px rgba(0,0,0,.28);backdrop-filter:blur(10px)}
    .copy-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.06);border:none;color:rgba(255,255,255,.92);box-shadow:0 10px 24px rgba(0,0,0,.25)}
    .copy-icon-btn:hover{transform:translateY(-1px)}
    .link-main{color:rgba(34,197,94,1);font-weight:800}
    .in-topbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}
    .minirow{display:flex;gap:8px;flex-wrap:wrap}
    .mini-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:none;color:rgba(255,255,255,.92)}
    .mini-btn:hover{transform:translateY(-1px)}
    .mini-btn.primary{background:rgba(34,197,94,.14);color:rgba(34,197,94,1)}
    .counterpill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.06)}
    .counterpill.ok{background:rgba(34,197,94,.12);color:rgba(34,197,94,1)}
    .counterpill.ex{background:rgba(59,130,246,.12);color:rgba(59,130,246,1)}
    .counterpill.er{background:rgba(239,68,68,.12);color:rgba(239,68,68,1)}
    .textarea-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:10px}
    .ghost{opacity:.82}
    
.btnx{
  border-radius:14px;
  padding:10px 12px;
  font-weight:900;
  background:rgba(2,6,23,.24);
  border:var(--strokeW) solid rgba(148,163,184,.14);
  color:rgba(255,255,255,.92);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:44px;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease,filter .18s ease;
  user-select:none;
  white-space:nowrap;
  outline:none;
  box-shadow:0 10px 22px rgba(0,0,0,.30);
  position:relative;
  overflow:hidden;
}
.btnx::after{
  content:"";
  position:absolute;
  top:-60%;
  left:-40%;
  width:40%;
  height:220%;
  background:rgba(255,255,255,.10);
  transform:rotate(18deg) translateX(-120%);
  transition:transform .6s ease;
  pointer-events:none;
  filter:blur(1px);
}
.btnx:hover::after{transform:rotate(18deg) translateX(320%);}
.btnx:hover{
  background:rgba(255,255,255,.06);
  transform:translateY(-1px);
  filter:brightness(1.02);
  box-shadow:0 14px 28px rgba(0,0,0,.38);
}
.btnx:active{transform:translateY(0) scale(.985);}
.btnx:focus-visible{box-shadow:0 0 0 3px rgba(59,130,246,.35),0 14px 28px rgba(0,0,0,.38);}
.btnx-primary{background:rgba(59,130,246,.92);}
.btnx-primary:hover{background:rgba(59,130,246,1);}
.btnx-telegram{background:rgba(14,165,233,.16);color:rgba(186,230,253,.96);}
.btnx-telegram:hover{background:rgba(14,165,233,.22);}
.btnx-ghost{background:rgba(2,6,23,.18);}
.btnx-danger{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.24);}
.btnx-danger:hover{background:rgba(239,68,68,.18);}
body .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  padding:.62rem .95rem;
  border-radius:var(--r6);
  font-weight:900;
  background:rgba(0,0,0,.18);
  color:rgba(255,255,255,.92);
  transition:transform .12s ease,background .12s ease,opacity .12s ease;
  text-decoration:none !important;
  user-select:none;
  cursor:pointer;
  border:0 !important;
  box-shadow:none !important;
}
body .btn:hover{background:rgba(255,255,255,.06);}
body .btn:active{transform:scale(.99);}
body .btnBlue{background:rgba(59,130,246,.15);}
body .btnBlue:hover{background:rgba(59,130,246,.22);}
body .btnGreen{background:rgba(34,197,94,.15);}
body .btnGreen:hover{background:rgba(34,197,94,.22);}
.search-input{
  width:100%;
  padding:12px 44px 12px 44px;
  background:rgba(2,6,23,.35);
  border-radius:14px;
  color:rgba(255,255,255,.92);
  outline:none;
  border:var(--strokeW) solid rgba(148,163,184,.12);
}
.search-input:focus{
  border-color:rgba(59,130,246,.38);
  box-shadow:0 0 0 3px rgba(59,130,246,.18);
  background:rgba(2,6,23,.45);
}
.search-icon-left{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(226,232,240,.55);
}
.search-clear-btn{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(226,232,240,.65);
  border:var(--strokeW) solid transparent;
}
.search-clear-btn:hover{
  background:rgba(239,68,68,.12);
  border-color:rgba(239,68,68,.25);
  color:rgba(255,255,255,.92);
}
.inwrap{
  border:var(--strokeW) solid rgba(148,163,184,.12);
  border-radius:var(--r6);
  background:rgba(2,6,23,.35);
  display:flex;
  align-items:stretch;
  overflow:hidden;
}
.inico{
  width:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(226,232,240,.55);
  background:rgba(2,6,23,.10);
  border-right:var(--strokeW) solid rgba(148,163,184,.10);
}
.inpx{
  width:100%;
  padding:10px 12px;
  min-height:42px;
  border-radius:12px;
  background:rgba(2,6,23,.35);
  border:var(--strokeW) solid rgba(148,163,184,.12);
  color:rgba(255,255,255,.92);
  outline:none;
}
.inwrap .inpx{
  border:0;
  border-radius:0;
  padding:12px 12px;
  background:transparent;
}
.inwrap:focus-within{
  border-color:rgba(59,130,246,.38);
  box-shadow:0 0 0 3px rgba(59,130,246,.16);
  background:rgba(2,6,23,.45);
}
.inpx:focus{
  border-color:rgba(59,130,246,.45);
  box-shadow:0 0 0 3px rgba(59,130,246,.16);
}
select.inpx{
  appearance:none;
  padding-right:42px;
  background-image:
    linear-gradient(45deg,transparent 50%,rgba(226,232,240,.65) 50%),
    linear-gradient(135deg,rgba(226,232,240,.65) 50%,transparent 50%);
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50%;
  background-size:6px 6px,6px 6px;
  background-repeat:no-repeat;
}
.inp{
  width:100%;
  padding:.75rem .95rem;
  border-radius:var(--r6);
  background:rgba(0,0,0,.20);
  color:rgba(255,255,255,.92);
  transition:background .12s ease;
  border:0;
}
.inp::placeholder{color:rgba(226,232,240,.45);}
.inp:focus{background:rgba(255,255,255,.06);outline:none;}
.lblx{
  font-size:12px;
  color:rgba(226,232,240,.72);
  font-weight:900;
  letter-spacing:.2px;
  margin-bottom:6px;
}
.label{
  display:block;
  font-size:12.5px;
  font-weight:900;
  color:rgba(226,232,240,.72);
  margin-bottom:.45rem;
}
.helpx{
  margin-top:6px;
  font-size:11px;
  color:rgba(226,232,240,.50);
}
.file-title{word-break:break-word;overflow-wrap:anywhere;white-space:normal;}
.link-main{color:#93c5fd;}
.link-main:hover{color:#bfdbfe;text-decoration:none;}
.card-top-actions{
  position:absolute;
  top:12px;
  right:12px;
  display:flex;
  align-items:center;
  gap:10px;
  z-index:2;
}
.icon-top-btn{
  width:40px;
  height:40px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:var(--strokeW) solid rgba(148,163,184,.10);
  background:rgba(2,6,23,.20);
  color:rgba(226,232,240,.78);
  transition:transform .12s ease,background .12s ease,border-color .12s ease,color .12s ease;
  user-select:none;
}
.icon-top-btn:hover{
  background:rgba(255,255,255,.06);
  border-color:rgba(148,163,184,.22);
  color:rgba(255,255,255,.92);
}
.icon-top-btn:active{transform:scale(.97);}
.sel-toggle-btn.is-selected{
  background:rgba(34,197,94,.12);
  border-color:rgba(34,197,94,.24);
  color:rgba(187,247,208,.98);
}
.copy-icon-btn{color:rgba(147,197,253,.92);}
.copy-icon-btn:hover{
  background:rgba(59,130,246,.14);
  border-color:rgba(59,130,246,.25);
  color:rgba(191,219,254,1);
}
.link-card.selected-card{
  outline:2px solid rgba(34,197,94,.28);
  box-shadow:0 18px 55px rgba(0,0,0,.28);
}
.row-select{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.card-actions{display:flex;align-items:center;gap:10px;}
.icon-act{
  width:22px;
  height:22px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none !important;
  cursor:pointer;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:rgba(255,255,255,.70);
  transition:transform .12s ease,color .12s ease,filter .12s ease,opacity .12s ease;
}
.icon-act:hover{opacity:1;filter:brightness(1.12);}
.icon-act:active{transform:scale(.96);}
.icon-edit{color:rgba(147,197,253,.85);}
.icon-edit:hover{color:rgba(147,197,253,1);}
.icon-reupload{color:rgba(253,230,138,.85);}
.icon-reupload:hover{color:rgba(253,230,138,1);}
.icon-delete{color:rgba(252,165,165,.88);}
.icon-delete:hover{color:rgba(254,202,202,1);}
.icon-open{color:rgba(134,239,172,.92);}
.icon-open:hover{color:rgba(134,239,172,1);}
.icon-copy{color:rgba(253,230,138,.90);}
.icon-copy:hover{color:rgba(253,230,138,1);}

.dc-scope{position:relative;}

/* ===== Premium Compact Tabs (drop-in replace) ===== */

.dc-tabs{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

/* mobile e tabs line-e thakbe, swipe kora jabe */
@media (max-width: 640px){
  .dc-tabs{
    flex-wrap:nowrap;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .dc-tabs::-webkit-scrollbar{display:none;}
}

.dc-tab{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;

  padding:7px 11px;              /* ✅ smaller */
  border-radius:8px;

  background:rgba(15,22,38,.28);
  border:var(--strokeW) solid rgba(148,163,184,.12);
  color:rgba(255,255,255,.84);

  font-weight:900;
  font-size:12px;     
  line-height:1;

  user-select:none;
  cursor:pointer;
}

/* hover/press feel */
.dc-tab:hover{
  transform:translateY(-1px);
  background:rgba(15,22,38,.42);
  border-color:rgba(148,163,184,.18);
}
.dc-tab:active{
  transform:translateY(0px) scale(.98);
}

/* keyboard focus */
.dc-tab:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(59,130,246,.22);
  border-color:rgba(59,130,246,.45);
}

/* small dot */
.dc-tab .dot{
  width:7px;height:7px;border-radius:999px;
  background:rgba(148,163,184,.55);
  box-shadow:0 0 0 2px rgba(2,6,23,.35) inset;
}

/* optional badge */
.dc-tab .badge{;
  margin-bottom: 6px;
  padding:2px 7px;
  border-radius:4px;
  font-size:10px;
  font-weight:1000;
  color:rgba(226,232,240,.88);
  background:rgba(2,6,23,.28);
  border:var(--strokeW) solid rgba(148,163,184,.12);
}

/* active tab */
.dc-tab.active{
  background:rgba(34,197,94,.14);
  border-color:rgba(34,197,94,.42);
  color:rgba(255,255,255,.96);
  box-shadow:0 10px 30px rgba(34,197,94,.10);
}
.dc-tab.active .dot{
  background:rgba(34,197,94,1);
  box-shadow:0 0 0 4px rgba(34,197,94,.14);
}

/* active underline indicator (premium feel) */
.dc-tab::after{
  content:"";
  position:absolute;
  left:12px; right:12px;
  bottom:-6px;
  height:2px;
  border-radius:999px;
  background:transparent;
  transition:background .12s ease, transform .12s ease;
  transform:scaleX(.65);
  opacity:.0;
}
.dc-tab.active::after{
  background:rgba(34,197,94,.95);
  opacity:1;
  transform:scaleX(1);
}

/* ===== Sort Icons (match tabs compact premium) ===== */
.dc-sort{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

.sort-ico{
  width:36px;
  height:36px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:var(--strokeW) solid rgba(148,163,184,.14);
  color:rgba(226,232,240,.88);
  cursor:pointer;
  user-select:none;
  transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease, color .12s ease;
}
.sort-ico i{font-size:14px; line-height:1;}
.sort-ico:hover{
  transform:translateY(-1px);
  border-color:rgba(148,163,184,.22);
  color:rgba(255,255,255,.95);
}
.sort-ico:active{transform:translateY(0) scale(.98);}
.sort-ico:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(59,130,246,.22);
  border-color:rgba(59,130,246,.45);
}
.sort-ico.active{
  border-color:rgba(59,130,246,.50);
  color:rgba(255,255,255,.96);
  box-shadow:0 10px 28px rgba(59,130,246,.12);
}

@media (max-width: 640px){
  .sort-ico{
    width:32px;
    height:32px;
    border-radius:9px;
  }
  .sort-ico i{font-size:13px;}
}

.select-page-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:10px;
  background:transparent;
  border:var(--strokeW) solid rgba(148,163,184,.14);
  color:rgba(226,232,240,.88);
  font-weight:900;
  font-size:12px;
  line-height:1;
  cursor:pointer;
  user-select:none;
  transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease, color .12s ease;
}
.select-page-pill:hover{
  transform:translateY(-1px);
  border-color:rgba(148,163,184,.22);
  color:rgba(255,255,255,.95);
}
.select-page-pill:active{transform:translateY(0) scale(.985);}
.select-page-pill:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(59,130,246,.20);
  border-color:rgba(59,130,246,.42);
}
.select-page-pill span{white-space:nowrap;}
.select-page-pill i{font-size:13px;}

.select-page-pill input[type="checkbox"]{
  width:15px;
  height:15px;
  border-radius:5px;
  border:var(--strokeW) solid rgba(148,163,184,.32);
  background:transparent;
  display:inline-grid;
  place-items:center;
  margin:0;
  flex:0 0 auto;
  transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease, background .12s ease;
}
.select-page-pill input[type="checkbox"]::after{
  content:"";
  width:8px;
  height:5px;
  border-left:2px solid rgba(255,255,255,.95);
  border-bottom:2px solid rgba(255,255,255,.95);
  transform:rotate(-45deg) scale(0);
  transform-origin:center;
  transition:transform .12s ease;
}
.select-page-pill:hover input[type="checkbox"]{
  border-color:rgba(148,163,184,.45);
}
.select-page-pill input[type="checkbox"]:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(59,130,246,.18);
  border-color:rgba(59,130,246,.42);
}
.select-page-pill input[type="checkbox"]:checked{
  background:rgba(59,130,246,.14);
  border-color:rgba(59,130,246,.55);
}
.select-page-pill input[type="checkbox"]:checked::after{
  transform:rotate(-45deg) scale(1);
}
.select-page-pill input[type="checkbox"]:active{
  transform:scale(.96);
}

@media (max-width: 640px){
  .select-page-pill{
    padding:6px 9px;
    border-radius:9px;
    gap:7px;
    font-size:11px;
  }
  .select-page-pill i{font-size:12px;}
  .select-page-pill input[type="checkbox"]{
    width:14px;
    height:14px;
  }
}

.bulk-bar{
  position:sticky;
  top:80px;
  z-index:50;

  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;

  padding:10px;
  border-radius:8px;

  background:rgba(15,22,38,.52);
  border:none;

  box-shadow:0 18px 55px rgba(0,0,0,.28);
  backdrop-filter: blur(10px);

  transition:transform .12s ease, box-shadow .12s ease;
}

.bulk-bar:hover{
  transform:translateY(-1px);
  box-shadow:0 22px 65px rgba(0,0,0,.32);
}

.bulk-note{
  opacity:.82;
  font-weight:1000;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
}

.bulk-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;

  padding:7px 10px;
  border-radius:8px;

  background:rgba(255,255,255,.06);
  border:none;

  color:rgba(226,232,240,.92);
  font-weight:1000;
  font-size:12px;
  line-height:1;

  cursor:pointer;
  user-select:none;

  transition:transform .12s ease, background .12s ease, box-shadow .12s ease, color .12s ease;
}

.bulk-btn i{font-size:13px; line-height:1;}

.bulk-btn:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.09);
  color:rgba(255,255,255,.96);
  box-shadow:0 10px 28px rgba(0,0,0,.20);
}

.bulk-btn:active{
  transform:translateY(0) scale(.985);
  background:rgba(255,255,255,.08);
}

.bulk-btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(59,130,246,.22), 0 10px 28px rgba(0,0,0,.20);
}

@media (max-width: 640px){
  .bulk-bar{
    top:80px;
    padding:9px;
    gap:8px;
  }
  .bulk-note{
    font-size:11px;
  }
  .bulk-btn{
    padding:6px 9px;
    font-size:11px;
    gap:7px;
  }
  .bulk-btn i{font-size:12px;}
}
.seg{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.seg button{
  position:relative;
  padding:7px 10px;
  border-radius:10px;
  background:transparent;
  border:var(--strokeW) solid rgba(148,163,184,.14);
  color:rgba(226,232,240,.88);
  font-weight:1000;
  font-size:12px;
  line-height:1;
  display:inline-flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  user-select:none;
  transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease, color .12s ease;
}

.seg button i{font-size:13px; line-height:1;}

.seg button:hover{
  transform:translateY(-1px);
  border-color:rgba(148,163,184,.22);
  color:rgba(255,255,255,.95);
}

.seg button:active{transform:translateY(0) scale(.985);}

.seg button:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(59,130,246,.20);
  border-color:rgba(59,130,246,.42);
}

.seg button.active{
  border-color:rgba(34,197,94,.52);
  color:rgba(255,255,255,.96);
  box-shadow:0 12px 30px rgba(34,197,94,.10);
}

.seg button::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:-6px;
  height:2px;
  border-radius:999px;
  background:transparent;
  opacity:0;
  transform:scaleX(.7);
  transition:opacity .12s ease, transform .12s ease, background .12s ease;
}

.seg button.active::after{
  background:rgba(34,197,94,.95);
  opacity:1;
  transform:scaleX(1);
}

@media (max-width: 640px){
  .seg{gap:7px;}
  .seg button{
    padding:6px 9px;
    border-radius:9px;
    font-size:11px;
    gap:7px;
  }
  .seg button i{font-size:12px;}
}
.pg-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(15,23,42,.92);
  border:var(--strokeW) solid rgba(148,163,184,.12);
  flex-wrap:wrap;
}
.pg-btn{
  width:38px;
  height:38px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(2,6,23,.25);
  border:var(--strokeW) solid rgba(148,163,184,.12);
  color:rgba(255,255,255,.88);
  font-weight:900;
}
.pg-btn:hover{background:rgba(255,255,255,.06);}
.pg-btn[disabled]{opacity:.45;cursor:not-allowed;}
.pg-num{
  width:38px;
  height:38px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:var(--strokeW) solid rgba(148,163,184,.12);
  background:rgba(2,6,23,.18);
  color:rgba(255,255,255,.85);
  font-weight:900;
  cursor:pointer;
}
.pg-num:hover{background:rgba(255,255,255,.06);}
.pg-num.active{
  background:rgba(59,130,246,.20);
  border-color:rgba(59,130,246,.35);
  color:rgba(255,255,255,.95);
}
.toolbar-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  position:relative;
  z-index:10;
}
.toolbar-left,.toolbar-right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  position:relative;
  z-index:10;
}
.select-page-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(2,6,23,.35);
  border:var(--strokeW) solid rgba(148,163,184,.14);
  color:rgba(255,255,255,.92);
  font-weight:900;
  min-height:42px;
  cursor:pointer;
  user-select:none;
}
.select-page-pill input{width:16px;height:16px;accent-color:#22c55e;}
.modal-backdropx{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.62);
  display:none;
  align-items:center;
  justify-content:center;
  padding:14px;
  z-index:9999;
}
.modalx{
  width:min(920px,100%);
  height:min(calc(100dvh - 28px),720px);
  max-height:calc(100dvh - 28px);
  background:rgba(15,23,42,.96);
  border-radius:var(--r8);
  box-shadow:0 20px 55px rgba(0,0,0,.55);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:var(--strokeW) solid rgba(148,163,184,.12);
}
.modalx-head{
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex:0 0 auto;
  position:sticky;
  top:0;
  z-index:2;
  background:rgba(15,23,42,.98);
  border-bottom:var(--strokeW) solid rgba(148,163,184,.10);
}
.modalx-body{
  padding:16px;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  flex:1 1 auto;
}
.modalx-foot{
  padding:14px 16px;
  border-top:var(--strokeW) solid rgba(148,163,184,.12);
  display:flex;
  gap:10px;
  justify-content:flex-end;
  flex-wrap:wrap;
  flex:0 0 auto;
  position:sticky;
  bottom:0;
  z-index:2;
  background:rgba(15,23,42,.98);
}
.link-card{transition:transform .12s ease,opacity .12s ease,filter .12s ease;}
.link-card.is-deleting{opacity:.62;filter:saturate(.8);pointer-events:none;}
.link-card.is-failed{outline:2px solid rgba(239,68,68,.35) !important;box-shadow:0 18px 55px rgba(239,68,68,.12);}
.link-card.is-removing{opacity:0;transform:scale(.985);}
.del-overlay{
  position:absolute;
  inset:0;
  border-radius:var(--r6);
  background:rgba(2,6,23,.45);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:5;
  pointer-events:none;
}
.del-ov-inner{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(15,23,42,.85);
  border:var(--strokeW) solid rgba(148,163,184,.18);
  color:rgba(226,232,240,.92);
  font-weight:900;
}
.del-spin{
  width:16px;
  height:16px;
  border-radius:50%;
  border:2px solid rgba(226,232,240,.35);
  border-top-color:rgba(239,68,68,.95);
  animation:delspin .7s linear infinite;
}
@keyframes delspin{to{transform:rotate(360deg);}}
.req-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:40px;
}
.req-badge{
  min-width:112px;
  justify-content:center;
  text-align:center;
  padding:.34rem .72rem;
  border-radius:999px;
}
.req-body{
  display:flex;
  flex-direction:column;
  margin-top:14px;
  min-height:180px;
}
.req-chips{
  margin-top:auto;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding-top:14px;
}
.type-line{color:rgba(226,232,240,.78);font-weight:800;}
.type-cursor{
  display:inline-block;
  width:10px;
  margin-left:4px;
  opacity:.85;
  transform:translateY(1px);
  animation:blink 1s step-end infinite;
}
@keyframes blink{0%,100%{opacity:.20;}50%{opacity:.90;}}
.reveal{
  opacity:0;
  transform:translateY(18px) scale(.985);
  transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);
  will-change:opacity,transform;
}
.reveal.in{opacity:1;transform:translateY(0) scale(1);}
.stagger>.reveal{transition-delay:calc(var(--i,0) * 70ms);}
.floaty{animation:floaty 5.5s ease-in-out infinite;will-change:transform;}
@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
.pulse-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--green);
  box-shadow:0 0 0 0 rgba(34,197,94,.35);
  animation:pulseDot 1.8s ease-out infinite;
}
@keyframes pulseDot{
  0%{box-shadow:0 0 0 0 rgba(34,197,94,.35);}
  70%{box-shadow:0 0 0 14px rgba(34,197,94,0);}
  100%{box-shadow:0 0 0 0 rgba(34,197,94,0);}
}
.mSlide{
  transform-origin:top;
  animation:mSlide .22s cubic-bezier(.2,.9,.2,1) both;
}
@keyframes mSlide{from{opacity:0;transform:translateY(-8px) scale(.985);}to{opacity:1;transform:translateY(0) scale(1);}}
.dc-topbar{
  background:var(--bg2);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:var(--strokeW) solid rgba(148,163,184,.12);
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:80;
}
.dc-sidebar{background:var(--bg2);border-right:var(--strokeW) solid rgba(148,163,184,.12);}
.dc-chip{
  background:rgba(2,6,23,.28);
  border:var(--strokeW) solid rgba(148,163,184,.12);
  color:rgba(226,232,240,.92);
}
.dc-nav{color:rgba(226,232,240,.75);}
.dc-nav:hover{color:rgba(255,255,255,.92);background:rgba(255,255,255,.06);}
.dc-nav-active{background:rgba(255,255,255,.09);color:rgba(255,255,255,.95);}
.dc-foot{background:rgba(2,6,23,.18);border:var(--strokeW) solid rgba(148,163,184,.12);}
.dc-overlay{background:rgba(0,0,0,.62);}
.dc-topgap{margin-top:14px}
.dc-searchwrap{position:relative;width:100%;max-width:520px}
.dc-pr-actions{padding-right:96px}
body.sidebar-open .sidebar{transform:translateX(0) !important;}
body.sidebar-open .sidebar-overlay{opacity:1 !important;pointer-events:auto !important;}
.sidebar-nav::-webkit-scrollbar{width:5px;}
.sidebar-nav::-webkit-scrollbar-track{background:transparent;}
.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:99px;}
.sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.22);}
.kpi{display:flex;align-items:center;justify-content:space-between;gap:14px;}
.kpi-ico{
  width:44px;
  height:44px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(2,6,23,.28);
  border:var(--strokeW) solid rgba(148,163,184,.12);
}
.kpi-num{font-size:28px;font-weight:900;line-height:1;}
.kpi-cap{font-size:12px;font-weight:900;color:rgba(226,232,240,.70);letter-spacing:.2px;}
.kpi-sub{
  margin-top:10px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:var(--strokeW) solid rgba(148,163,184,.12);
  font-size:12px;
  font-weight:900;
  color:rgba(226,232,240,.86);
}
.act-row{background:rgba(2,6,23,.25);border:var(--strokeW) solid rgba(148,163,184,.12);}
.act-row:hover{background:rgba(2,6,23,.35);border-color:rgba(148,163,184,.18);}
.mono-pill{
  font-size:11px;
  padding:3px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:var(--strokeW) solid rgba(148,163,184,.14);
  color:rgba(226,232,240,.86);
}
.btn-primaryx{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 14px;
  border-radius:8px;
  font-weight:900;
  background:rgba(59,130,246,.92);
  color:rgba(255,255,255,.95) !important;
  text-decoration:none !important;
  border:var(--strokeW) solid rgba(59,130,246,.35);
}
.btn-primaryx:hover{background:rgba(59,130,246,1);box-shadow:0 12px 26px rgba(0,0,0,.35);}
.btn-ghostx{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 14px;
  border-radius:8px;
  font-weight:900;
  background:rgba(255,255,255,.06);
  border:var(--strokeW) solid rgba(148,163,184,.12);
  color:rgba(226,232,240,.90) !important;
  text-decoration:none !important;
}
.btn-ghostx:hover{background:rgba(255,255,255,.08);border-color:rgba(148,163,184,.20);}
.iconBox{
  width:38px;
  height:38px;
  border-radius:var(--r8);
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.18);
  flex-shrink:0;
}
.divider{height:1px;background:rgba(255,255,255,.06);}
.softHover{transition:transform .12s ease,background .12s ease;}
.softHover:hover{transform:translateY(-1px);background:rgba(255,255,255,.03);}
.panel-card,.sub-card,.card-soft{overflow:visible !important;}

@media (max-width:1024px){main{padding-top:64px;}}
@media (max-width:640px){
  .toolbar-row{flex-direction:column;align-items:stretch;}
  .toolbar-left,.toolbar-right{width:100%;justify-content:space-between;}
  .toolbar-left>* , .toolbar-right>*{flex:1 1 auto;}
  .dd-btn,.inpx,{width:100%;justify-content:center;}
  .dd-panel.right{right:0;left:auto;}
  .modal-backdropx{padding:10px;}
  .modalx{border-radius:var(--r6);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);}
  .modalx-body{padding:12px;}
  .modalx-head,.modalx-foot{padding:12px;}
}
@media (prefers-reduced-motion:reduce){
  *{transition-duration:.01ms !important;animation-duration:.01ms !important;}
  #bgCanvas{display:none;}
  .type-cursor{display:none;}
}
/* ✅ PATCH: status-badge alias (so server + ajax match) */
.status-badge{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  border-radius:10px;
  padding:.35rem .6rem;
  font-size:12px;
  font-weight:900;
  color:rgba(255,255,255,.92);
  background:rgba(255,255,255,.06);
  border:var(--strokeW) solid rgba(148,163,184,.14);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

/* bg-warning on light should keep readable */
:root[data-theme="light"] .bg-warning{
  color:#111827 !important;
}