/* premium.css — loaded after style.css */
[data-theme=dark]{--bg:#090d16;--fg:#e8ecf8;--mut:#94a3b8;--card:#0f1626;--bd:rgba(255,255,255,.1);--sh:0 20px 50px rgba(0,0,0,.55)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 40% at 12% 0,rgba(124,58,237,.2),transparent),radial-gradient(50% 40% at 92% 8%,rgba(6,182,212,.13),transparent)}
/* header */
.nav{background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--bd)}
.nv{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}
#menu{gap:6px}#menu a{position:relative;padding:8px 16px;background:none!important;border-radius:8px;color:var(--mut);font-weight:500}
#menu a:hover,#menu a.on{color:var(--fg)}
#menu a::after{content:"";position:absolute;left:16px;right:16px;bottom:1px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--pri),var(--pri2));transform:scaleX(0);transition:transform .3s}
#menu a:hover::after,#menu a.on::after{transform:scaleX(1)}
.nr{display:flex;justify-content:flex-end;align-items:center;gap:8px}#theme{margin:0;transition:.4s}#theme:hover{transform:rotate(180deg);border-color:var(--pri)}
/* footer */
.foot{margin-top:60px;padding:56px 0 24px;border-top:1px solid var(--bd);background:linear-gradient(180deg,transparent,rgba(124,58,237,.06))}
.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}.fg p{margin:14px 0 0;max-width:300px;color:var(--mut)}
.foot h4{margin:0 0 16px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.fl{list-style:none;margin:0;padding:0;display:grid;gap:10px}.fl a{display:inline-block;padding:0;color:var(--fg);opacity:.8;transition:.25s}.fl a:hover{opacity:1;color:var(--pri);transform:translateX(5px)}
.copy{margin:40px auto 0;padding-top:22px;max-width:1204px;border-top:1px solid var(--bd)}
/* detail */
.crumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:22px 0}.crumb span{opacity:.4}.crumb a:hover{color:var(--pri)}.crumb em{font-style:normal;color:var(--fg)}
.dwrap{gap:44px}.zoom{display:block;position:relative;width:100%;padding:0;border:1px solid var(--bd);border-radius:28px;overflow:hidden;background:var(--card);cursor:zoom-in;box-shadow:var(--sh)}
.zoom img{width:100%;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.zoom:hover img{transform:scale(1.05)}
.zi{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.45);backdrop-filter:blur(8px);opacity:0;transition:.3s}.zoom:hover .zi{opacity:1}
.pill{display:inline-block;padding:5px 15px;border-radius:99px;font-size:.78rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--pri),var(--pri2));box-shadow:0 6px 18px rgba(124,58,237,.35)}.pill.sm{padding:3px 11px;font-size:.72rem;box-shadow:none}
.dinfo h1{font-weight:800;letter-spacing:-.025em;margin:16px 0 22px}
.pcard{background:#0a0f1d;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.4),0 0 0 1px rgba(124,58,237,.15)}
.phead{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);color:#8b97b5;font:12px ui-monospace,Menlo,Consolas,monospace}
.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:#ef4444}.dots i:nth-child(2){background:#f59e0b}.dots i:nth-child(3){background:#22c55e}
.pcard pre{margin:0;padding:20px;white-space:pre-wrap;word-break:break-word;color:#d6e0ff;font:14px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:none}
.cta{position:relative;overflow:hidden;width:100%;margin-top:18px;padding:16px;border:0;border-radius:16px;color:#fff;font:700 1rem inherit;cursor:pointer;background:linear-gradient(120deg,#7c3aed,#6366f1,#06b6d4);background-size:200%;transition:.3s;box-shadow:0 12px 30px rgba(99,102,241,.4)}
.cta::after{content:"";position:absolute;top:0;bottom:0;width:60px;left:-80px;background:rgba(255,255,255,.35);transform:skewX(-20deg);transition:left .6s}.cta:hover::after{left:110%}
.cta:hover{background-position:100% 0;transform:translateY(-2px)}.cta:active{transform:scale(.97)}.cta.ok{background:#16a34a;box-shadow:0 12px 30px rgba(22,163,74,.4);animation:pop .4s}
.abar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:99px;border:1px solid var(--bd);background:var(--card);color:var(--fg);font:inherit;font-weight:600;cursor:pointer;transition:.25s}.chip:hover{border-color:var(--pri);transform:translateY(-2px)}
.chip svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;transition:.3s}.chip.on svg{fill:#ef4444;stroke:#ef4444;animation:pop .4s}
.soc{display:flex;gap:8px;margin-left:auto}.soc a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--bd);background:var(--card);font-weight:700;transition:.25s}.soc a:hover{background:var(--pri);color:#fff;transform:translateY(-3px)}
.lb{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(5,8,16,.92);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:.3s;cursor:zoom-out}.lb.show{opacity:1;pointer-events:auto}
.lb img{max-width:94vw;max-height:90vh;border-radius:16px;transform:scale(.94);transition:.4s}.lb.show img{transform:none}
/* dashboard */
.atabs{position:relative;display:inline-flex;flex-wrap:nowrap;gap:0;max-width:100%;overflow-x:auto;padding:4px;margin:18px 0;border:1px solid var(--bd);border-radius:99px;background:var(--card)}
.atabs a{position:relative;z-index:1;padding:9px 20px;border:0;background:none;border-radius:99px;white-space:nowrap;color:var(--mut);font-weight:600;transition:color .3s}.atabs a:hover{color:var(--fg)}.atabs a.on{background:none;color:#fff}
.ind{position:absolute;top:4px;bottom:4px;left:0;border-radius:99px;background:linear-gradient(135deg,var(--pri),#9333ea);box-shadow:0 6px 18px rgba(124,58,237,.4)}.ind.anim{transition:transform .4s cubic-bezier(.4,0,.2,1),width .4s}
.srch{position:relative;display:flex;gap:8px;max-width:480px;margin:6px 0 10px}.srch svg{position:absolute;left:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);stroke:var(--mut);fill:none;stroke-width:2}.srch svg+input{padding-left:44px}.srch input{border-radius:99px}
.adm table{border-collapse:separate;border-spacing:0 8px}.adm th{border:0;color:var(--mut);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.adm td{border:0;background:var(--card);vertical-align:middle;transition:background .2s}.adm tr:not(:first-child) td:first-child{border-radius:14px 0 0 14px}.adm tr:not(:first-child) td:last-child{border-radius:0 14px 14px 0}
.adm tr:not(:first-child):hover td{background:color-mix(in srgb,var(--pri) 10%,var(--card))}.th{width:56px;height:56px;object-fit:cover;border-radius:12px;display:block}.tt{font-weight:600}
.adm td:last-child{white-space:nowrap;opacity:.65;transition:.2s}.adm tr:hover td:last-child{opacity:1}
.ab{display:inline-block;padding:6px 14px;border-radius:10px;border:1px solid var(--bd);background:transparent;color:var(--fg);font:inherit;font-size:.85rem;cursor:pointer;transition:.2s}.ab:hover{background:var(--pri);border-color:var(--pri);color:#fff}.ab.danger:hover{background:#dc2626;border-color:#dc2626}
.box.wide{padding:24px;border:1px solid var(--bd);border-radius:20px;background:var(--card)}
dialog{border:1px solid var(--bd);border-radius:20px;background:var(--card);color:var(--fg);padding:24px;max-width:360px;box-shadow:var(--sh)}dialog::backdrop{background:rgba(5,8,16,.7);backdrop-filter:blur(4px)}dialog[open]{animation:pop .3s}
.dact{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.btn.danger{background:#dc2626}
@media(max-width:820px){.nv{grid-template-columns:1fr auto}#menu a{padding:12px 8px}#menu a::after{left:8px;right:auto;width:28px}#theme{margin:0;align-self:auto}.fg{grid-template-columns:1fr 1fr;gap:30px}.soc{margin-left:0}.dwrap{gap:24px}}
@media(max-width:480px){.fg{grid-template-columns:1fr}.chip{padding:9px 14px}}