*{box-sizing:border-box;margin:0;padding:0;}
:root{--bg:#07090f;--sf:#0d1420;--br:rgba(99,179,237,.11);--br2:rgba(99,179,237,.22);--ac:#3b82f6;--ac2:#93c5fd;--gn:#34d399;--rd:#f87171;--yw:#fbbf24;--tx:#dde4f0;--mu:#5a6a82;}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--tx);}
input,select,textarea,button{font-family:'DM Sans',sans-serif;}
::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-thumb{background:var(--br2);border-radius:4px;}
.bp{background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;color:#fff;padding:9px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.875rem;display:inline-flex;align-items:center;gap:6px;transition:all .2s;}
.bp:hover{opacity:.88;transform:translateY(-1px);}.bp:disabled{opacity:.4;cursor:default;transform:none;}
.bg{background:rgba(255,255,255,.04);border:1px solid var(--br);color:var(--mu);padding:7px 12px;border-radius:7px;cursor:pointer;font-size:.84rem;display:inline-flex;align-items:center;gap:5px;transition:all .15s;}
.bg:hover{border-color:var(--br2);color:var(--tx);}
.bd{background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.22);color:var(--rd);padding:5px 9px;border-radius:6px;cursor:pointer;font-size:.78rem;display:inline-flex;align-items:center;gap:3px;}
.be{background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.22);color:var(--gn);padding:5px 9px;border-radius:6px;cursor:pointer;font-size:.78rem;display:inline-flex;align-items:center;gap:3px;}
.byw{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.25);color:var(--yw);padding:7px 14px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:all .15s;}
.byw:hover{background:rgba(251,191,36,.18);}
.inp{background:rgba(255,255,255,.04);border:1px solid var(--br);color:var(--tx);padding:9px 12px;border-radius:8px;font-size:.875rem;outline:none;width:100%;transition:border .2s;}
.inp:focus{border-color:var(--ac);}
.card{background:var(--sf);border:1px solid var(--br);border-radius:13px;overflow:hidden;}
.tg{padding:2px 7px;border-radius:4px;background:rgba(59,130,246,.1);color:var(--ac2);font-size:.66rem;font-weight:700;}
.bg-gn{background:rgba(52,211,153,.12);color:var(--gn);padding:2px 8px;border-radius:4px;font-size:.73rem;font-weight:600;}
.bg-yw{background:rgba(251,191,36,.12);color:var(--yw);padding:2px 8px;border-radius:4px;font-size:.73rem;font-weight:600;}
.bg-rd{background:rgba(248,113,113,.12);color:var(--rd);padding:2px 8px;border-radius:4px;font-size:.73rem;font-weight:600;}
.bg-ac{background:rgba(59,130,246,.12);color:var(--ac2);padding:2px 8px;border-radius:4px;font-size:.73rem;font-weight:600;}
.fade{animation:fi .25s ease;}@keyframes fi{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.spin{animation:sp .9s linear infinite;display:inline-block;}@keyframes sp{to{transform:rotate(360deg)}}
.ov{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);z-index:300;display:flex;align-items:center;justify-content:center;padding:1rem;}
.mod{background:var(--sf);border:1px solid var(--br2);border-radius:15px;width:100%;max-width:520px;max-height:92vh;overflow-y:auto;padding:1.75rem;}
.ntf{position:fixed;top:70px;right:16px;z-index:600;background:var(--sf);border:1px solid var(--br2);border-radius:10px;padding:10px 15px;font-size:.85rem;display:flex;align-items:center;gap:9px;animation:ni .25s ease;box-shadow:0 8px 28px rgba(0,0,0,.45);}
@keyframes ni{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:.9rem;}
.pcard{background:var(--sf);border:1px solid var(--br);border-radius:13px;overflow:hidden;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;position:relative;}
.pcard:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(0,0,0,.5);border-color:var(--br2);}
.pcard.oos{opacity:.8;}
.pcard-img{width:100%;aspect-ratio:1;object-fit:contain;background:#0a1020;padding:12px;}
.pcard-img-ph{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:3.5rem;background:linear-gradient(135deg,rgba(29,78,216,.08),rgba(59,130,246,.03));}
.gallery-main{width:100%;aspect-ratio:1;object-fit:contain;background:#070c18;border-radius:10px;padding:16px;}
.gallery-main-ph{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:6rem;background:#070c18;border-radius:10px;}
.gallery-thumb{width:56px;height:56px;object-fit:contain;border-radius:6px;cursor:pointer;border:2px solid transparent;background:#0a1020;padding:3px;transition:border .15s;}
.gallery-thumb.active{border-color:var(--ac);}
.feat-table{width:100%;border-collapse:collapse;}
.feat-table td{padding:6px 10px;font-size:.82rem;border-bottom:1px solid var(--br);}
.feat-table tr:last-child td{border-bottom:none;}
.feat-table td:first-child{color:var(--mu);width:45%;}
.html-desc p{margin-bottom:.55rem;font-size:.84rem;color:var(--mu);line-height:1.65;}
.html-desc strong{color:var(--tx);}
.html-desc ul,.html-desc ol{padding-left:1.2rem;margin-bottom:.55rem;}
.html-desc li{font-size:.83rem;color:var(--mu);line-height:1.7;}
.html-desc br{display:none;}
table{width:100%;border-collapse:collapse;}
th{padding:10px 12px;text-align:left;font-size:.69rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ac2);border-bottom:1px solid var(--br);}
td{padding:9px 12px;font-size:.83rem;border-bottom:1px solid rgba(99,179,237,.05);}
.atab{padding:7px 13px;border-radius:7px;border:none;cursor:pointer;font-weight:600;font-size:.82rem;transition:all .15s;}
.cat-tree{display:flex;flex-direction:column;gap:2px;}
.cat-item{position:relative;}
.cat-btn{width:100%;padding:5px 8px;border-radius:5px;cursor:pointer;font-size:.82rem;display:flex;justify-content:space-between;align-items:center;border:none;background:transparent;color:var(--mu);transition:all .12s;text-align:left;}
.cat-btn:hover,.cat-btn.act{background:rgba(59,130,246,.11);color:var(--ac2);}
.cat-btn.act{font-weight:600;}
.cat-popup{position:fixed;min-width:200px;background:#0c1825;border:1px solid var(--br2);border-radius:10px;padding:6px;z-index:9999;box-shadow:0 8px 32px rgba(0,0,0,.7);animation:pop .15s ease;}
@keyframes pop{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
.cmp-bar{position:fixed;bottom:0;left:0;right:0;z-index:150;background:#0a1525;border-top:1px solid var(--br2);padding:.75rem 1.5rem;display:flex;align-items:center;gap:10px;animation:sU .25s ease;}
@keyframes sU{from{transform:translateY(100%)}to{transform:none}}
.cmp-slot{width:76px;height:66px;border:1px dashed var(--br2);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative;overflow:hidden;flex-shrink:0;background:rgba(255,255,255,.02);}
.cmp-slot img{width:100%;height:100%;object-fit:contain;background:#0a1020;padding:4px;}
.cmp-sname{font-size:.57rem;color:var(--mu);text-align:center;padding:0 3px;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.cmp-srm{position:absolute;top:2px;right:2px;background:rgba(0,0,0,.75);border:none;color:var(--rd);cursor:pointer;width:14px;height:14px;border-radius:3px;font-size:.6rem;display:flex;align-items:center;justify-content:center;}
.cmp-mod{background:var(--sf);border:1px solid var(--br2);border-radius:16px;width:100%;max-width:980px;max-height:90vh;overflow:auto;}
.cmp-tbl{border-collapse:collapse;width:100%;}
.cmp-tbl th,.cmp-tbl td{padding:10px 14px;border-bottom:1px solid var(--br);font-size:.83rem;vertical-align:top;}
.cmp-tbl th{background:rgba(59,130,246,.06);font-family:'Syne';font-weight:700;color:var(--tx);font-size:.88rem;text-align:center;}
.cmp-tbl td:first-child{color:var(--mu);font-weight:500;white-space:nowrap;background:rgba(255,255,255,.02);width:130px;}
.cmp-tbl td:not(:first-child){text-align:center;}
.cmp-chk{position:absolute;top:7px;left:7px;z-index:2;height:22px;padding:0 8px;background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.12);border-radius:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;color:#fff;font-size:.68rem;font-weight:700;gap:3px;backdrop-filter:blur(4px);white-space:nowrap;}
.cmp-chk:hover{background:rgba(59,130,246,.85);border-color:transparent;}
.cmp-chk.on{background:var(--ac);border-color:transparent;}
body.light .cmp-chk{background:rgba(255,255,255,.88);color:var(--tx);border-color:var(--br2);}
body.light .cmp-chk:hover,.cmp-chk:hover,body.light .cmp-chk.on{background:var(--ac);color:#fff;border-color:transparent;}
.cart-cb{width:18px;height:18px;background:rgba(255,255,255,.06);border:1.5px solid var(--br2);border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;}
.cart-cb.on{background:var(--ac);border-color:var(--ac);}
.oos-badge{background:rgba(251,191,36,.92);color:#000;border-radius:7px;padding:4px 12px;font-size:.76rem;font-weight:700;white-space:nowrap;}
.pagination{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:1.5rem;padding-bottom:.5rem;flex-wrap:wrap;}
.pg-btn{min-width:34px;height:34px;border-radius:7px;border:1px solid var(--br);cursor:pointer;font-weight:400;font-size:.84rem;background:rgba(255,255,255,.04);color:var(--mu);padding:0 10px;transition:all .15s;}
.pg-btn:hover{border-color:var(--br2);color:var(--tx);}
.pg-btn.cur{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;font-weight:700;border-color:transparent;}
.pg-btn:disabled{opacity:.35;cursor:default;}
@media(max-width:640px){.sidebar{display:none!important;}.pgrid{grid-template-columns:1fr 1fr;}}
/* ── Hero Slider ── */
.slider-wrap{position:relative;width:100%;overflow:hidden;background:#030509;max-height:480px;display:flex;align-items:center;justify-content:center;}
.slider-img{width:100%;max-height:480px;object-fit:cover;display:block;}
.slider-title{position:absolute;bottom:0;left:0;right:0;padding:1.2rem 1.5rem;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;font-family:'Syne';font-weight:700;font-size:clamp(1rem,2.5vw,1.5rem);}
.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.18);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:background .15s;}
.slider-btn:hover{background:rgba(59,130,246,.7);}
.slider-btn-l{left:14px;}
.slider-btn-r{right:14px;}
.slider-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:7px;}
.slider-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.38);cursor:pointer;transition:all .2s;}
.slider-dot.on{background:#3b82f6;transform:scale(1.25);}
/* ── Light Theme ── */
body.light{--bg:#f0f4fa;--sf:#ffffff;--br:rgba(59,130,246,.14);--br2:rgba(59,130,246,.28);--tx:#0f1829;--mu:#5a6a82;}
body.light .pcard{box-shadow:0 2px 8px rgba(0,0,0,.06);}
body.light .pcard:hover{box-shadow:0 8px 28px rgba(0,0,0,.13);}
body.light .pcard-img{background:#f0f4fa;}
body.light .pcard-img-ph{background:linear-gradient(135deg,rgba(29,78,216,.05),rgba(59,130,246,.02));}
body.light .gallery-main{background:#f0f4fa;}
body.light .gallery-main-ph{background:#f0f4fa;}
body.light .gallery-thumb{background:#e8edf5;}
body.light .cmp-slot img{background:#f0f4fa;}
body.light .cmp-bar{background:#fff;border-top-color:rgba(59,130,246,.18);}
body.light .cat-popup{background:#fff;box-shadow:0 8px 32px rgba(0,0,0,.15);}
body.light .bg{background:rgba(0,0,0,.05);color:var(--mu);}
body.light .bg:hover{background:rgba(0,0,0,.09);}
body.light .inp{background:rgba(0,0,0,.04);color:var(--tx);}
body.light table td{border-bottom-color:rgba(59,130,246,.06);}
body.light .ntf{background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.12);}
body.light nav{background:rgba(240,244,250,.97)!important;}
body.light .mod{box-shadow:0 8px 40px rgba(0,0,0,.14);}
body.light .slider-wrap{background:#e8edf5;}
body.light .pg-btn{background:rgba(0,0,0,.04);}
body.light .ov{background:rgba(200,210,230,.7);}
body.light .wiz-opt-btn:hover{background:rgba(59,130,246,.06);}
body.light .wiz-opt-btn.sel{background:rgba(59,130,246,.1);}
/* ── Wizard ── */
.wiz-opt{display:flex;gap:10px;flex-wrap:wrap;padding:.8rem 0;}
.wiz-opt-btn{flex:1 0 calc(50% - 5px);padding:.85rem 1rem;border-radius:12px;border:2px solid var(--br);background:var(--sf);cursor:pointer;text-align:left;transition:all .15s;color:var(--tx);}
.wiz-opt-btn:hover{border-color:var(--ac);background:rgba(59,130,246,.05);}
.wiz-opt-btn.sel{border-color:var(--ac);background:rgba(59,130,246,.09);}
.wiz-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem;margin-top:.8rem;}
.wiz-pcard{background:var(--bg);border:2px solid var(--br);border-radius:10px;padding:.6rem;cursor:pointer;transition:all .15s;position:relative;}
.wiz-pcard:hover{border-color:var(--br2);}
.wiz-pcard.sel{border-color:var(--gn);background:rgba(52,211,153,.06);}
.wiz-pcard img{width:100%;aspect-ratio:1;object-fit:contain;}
.wiz-bar{display:flex;align-items:center;gap:8px;padding:.75rem 1rem;border-bottom:1px solid var(--br);background:rgba(59,130,246,.04);flex-wrap:wrap;}
@media print{nav,.wiz-no-print{display:none!important;}.wiz-invoice{color:#000!important;}}
/* ── Quill Editor Dark Theme ── */
.ql-toolbar.ql-snow{background:rgba(255,255,255,.04);border:1px solid var(--br)!important;border-radius:8px 8px 0 0;padding:6px 8px;}
.ql-container.ql-snow{border:1px solid var(--br)!important;border-top:none!important;border-radius:0 0 8px 8px;background:rgba(255,255,255,.02);color:var(--tx);font-family:'DM Sans',sans-serif;font-size:.9rem;}
.ql-editor{min-height:220px;line-height:1.7;}
.ql-editor p{margin-bottom:.5rem;}
.ql-snow .ql-stroke{stroke:var(--tx)!important;}
.ql-snow .ql-fill{fill:var(--tx)!important;}
.ql-snow .ql-picker{color:var(--tx)!important;}
.ql-snow .ql-picker-options{background:var(--sf)!important;border-color:var(--br2)!important;border-radius:8px;}
.ql-snow .ql-picker-item:hover{color:var(--ac)!important;}
.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke{stroke:var(--ac)!important;}
.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill{fill:var(--ac)!important;}
body.light .ql-toolbar.ql-snow{background:rgba(0,0,0,.03);}
body.light .ql-container.ql-snow{background:#fff;color:#0f1829;}
body.light .ql-snow .ql-stroke{stroke:#0f1829!important;}
body.light .ql-snow .ql-fill{fill:#0f1829!important;}
body.light .ql-snow .ql-picker{color:#0f1829!important;}
body.light .ql-snow .ql-picker-options{background:#fff!important;}
/* ── Stream Player ── */
.stream-thumb{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#0a1628,#0e2040);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;margin-bottom:1.2rem;}
.stream-thumb:hover .stream-play{transform:scale(1.1);}
.stream-play{width:72px;height:72px;border-radius:50%;background:rgba(59,130,246,.85);display:flex;align-items:center;justify-content:center;font-size:1.8rem;transition:transform .2s;}
.stream-live-badge{position:absolute;top:12px;left:12px;background:#f87171;color:#fff;padding:3px 9px;border-radius:5px;font-size:.72rem;font-weight:700;letter-spacing:.06em;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.65}}
/* ── Stats ── */
.stat-card{background:var(--sf);border:1px solid var(--br);border-radius:12px;padding:1.1rem 1.4rem;text-align:center;}
.stat-num{font-family:'Syne';font-weight:800;font-size:1.9rem;color:var(--ac2);}
.stat-lbl{font-size:.74rem;color:var(--mu);margin-top:3px;}
.bar-row{display:flex;align-items:center;gap:9px;margin-bottom:7px;}
.bar-fill{height:20px;border-radius:5px;background:linear-gradient(90deg,#1e40af,#3b82f6);transition:width .4s;min-width:4px;}
.bar-lbl{font-size:.76rem;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 0 160px;}
.bar-val{font-size:.76rem;font-weight:700;color:var(--ac2);flex-shrink:0;}
.day-bar{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;}
.day-bar-fill{width:100%;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#3b82f6,#1e40af);min-height:2px;transition:height .4s;}
.day-bar-lbl{font-size:.6rem;color:var(--mu);writing-mode:vertical-lr;transform:rotate(180deg);}