.shopx{--bg: #0d0f16;--bg2: #12141d;--panel: #171a25;--card: #1b1f2b;--line: rgba(255,255,255,.08);--line2: rgba(255,255,255,.14);--ink: #e9ebf2;--muted: #99a1b3;--accent: #a855f7;--accent2: #7c3aed;--gold: #f5c451;--green: #34d399;--red: #f87171;--radius: 14px;--ease: cubic-bezier(.22,1,.36,1);min-height:100vh;background:radial-gradient(1200px 600px at 80% -10%,rgba(124,58,237,.18),transparent 60%),radial-gradient(900px 500px at -10% 10%,rgba(168,85,247,.12),transparent 55%),var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif}.shopx *{box-sizing:border-box}.shopx a{color:inherit;text-decoration:none}.shopx .wrap{max-width:1280px;margin:0 auto;padding:0 20px}.shopx img{max-width:100%;display:block}.shopx-header{position:sticky;top:0;z-index:50;background:#0d0f16d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.shopx-header .wrap{display:flex;align-items:center;gap:20px;height:68px}.shopx-brand{font-size:22px;font-weight:900;letter-spacing:.5px}.shopx-brand span{color:var(--accent)}.shopx-nav{display:flex;gap:20px;margin-left:8px}.shopx-nav a{color:var(--muted);font-weight:700;font-size:14px;transition:color .2s}.shopx-nav a:hover{color:var(--ink)}.shopx-searchbar{margin-left:auto;display:flex;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:4px 4px 4px 16px}.shopx-searchbar input{background:transparent;border:0;color:var(--ink);outline:none;width:220px;font-size:14px}.shopx-searchbar button{border:0;cursor:pointer;border-radius:999px;padding:8px 16px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2))}.shopx-icons{display:flex;gap:10px}.shopx-icon{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-size:18px;cursor:pointer;transition:transform .2s var(--ease),border-color .2s}.shopx-icon:hover{transform:translateY(-2px);border-color:var(--accent)}.shopx-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}.shopx-hero{margin:22px auto}.hero-slider{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line);height:320px;background:var(--panel)}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:48px;opacity:0;transform:scale(1.04);transition:opacity .7s var(--ease),transform 6s linear}.hero-slide.on{opacity:1;transform:scale(1)}.hero-slide.s0{background:linear-gradient(120deg,#241a3a,#3b1f6b 60%,#6d28d9)}.hero-slide.s1{background:linear-gradient(120deg,#0f2a2a,#0e3a3a 55%,#0d9488)}.hero-slide.s2{background:linear-gradient(120deg,#33203a,#7c2d54 60%,#db2777)}.hero-slide .hero-txt{max-width:560px}.hero-eyebrow{color:var(--gold);font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:12px}.hero-slide h2{font-size:40px;margin:10px 0;line-height:1.05;font-weight:900}.hero-slide p{color:#ffffffd9;font-size:15px}.hero-cta{margin-top:18px;display:inline-flex;padding:12px 26px;border-radius:999px;font-weight:800;background:#fff;color:#17141f;transition:transform .2s var(--ease)}.hero-cta:hover{transform:translate(4px)}.hero-dots{position:absolute;bottom:16px;left:48px;display:flex;gap:8px;z-index:2}.hero-dots button{width:26px;height:5px;border-radius:999px;border:0;cursor:pointer;background:#ffffff59;transition:background .2s,width .2s}.hero-dots button.on{background:#fff;width:40px}.shopx-layout{display:grid;grid-template-columns:260px 1fr;gap:24px;padding-bottom:60px}.shopx-filters{align-self:start;position:sticky;top:86px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.filter-group{padding:12px 0;border-bottom:1px solid var(--line)}.filter-group:last-child{border-bottom:0}.filter-group h4{margin:0 0 12px;font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}.filter-opt{display:flex;align-items:center;gap:9px;padding:6px 0;cursor:pointer;font-size:14px;color:var(--ink)}.filter-opt input{accent-color:var(--accent);width:16px;height:16px}.filter-opt .cnt{margin-left:auto;color:var(--muted);font-size:12px}.price-row{display:flex;align-items:center;gap:8px}.price-row input{width:100%;background:var(--card);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:8px 10px;outline:none;font-size:13px}.price-row span{color:var(--muted)}.filter-clear{margin-top:14px;width:100%;padding:10px;border-radius:10px;cursor:pointer;font-weight:800;background:transparent;color:var(--accent);border:1px solid var(--accent);transition:background .2s}.filter-clear:hover{background:#a855f71f}.tag-chips{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{padding:6px 12px;border-radius:999px;font-size:13px;cursor:pointer;font-weight:700;background:var(--card);border:1px solid var(--line);color:var(--muted);transition:all .18s var(--ease)}.tag-chip:hover{border-color:var(--accent);color:var(--ink)}.tag-chip.on{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-color:transparent}.shopx-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.shopx-toolbar .res{color:var(--muted);font-size:14px}.shopx-toolbar .res b{color:var(--ink)}.shopx-sort{display:flex;align-items:center;gap:8px}.shopx-sort select{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:9px 12px;outline:none;cursor:pointer;font-size:13px}.shopx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.px-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s;animation:pxfade .4s var(--ease) both}.px-card:hover{transform:translateY(-6px);border-color:var(--line2);box-shadow:0 20px 40px #00000073}.px-imgwrap{position:relative;aspect-ratio:1 / 1;background:#0f1119;overflow:hidden}.px-imgwrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.px-card:hover .px-imgwrap img{transform:scale(1.08)}.px-noimg{width:100%;height:100%;display:grid;place-items:center;font-size:44px;opacity:.35}.px-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;z-index:2}.px-badge{padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;color:#fff}.px-badge.off{background:var(--red)}.px-badge.best{background:var(--gold);color:#17141f}.px-badge.new{background:var(--green);color:#06231a}.px-actions{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:8px;z-index:2;opacity:0;transform:translate(12px);transition:all .28s var(--ease)}.px-card:hover .px-actions{opacity:1;transform:translate(0)}.px-abtn{width:38px;height:38px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:#171a25eb;color:var(--ink);font-size:15px;border:1px solid var(--line);transition:all .18s var(--ease)}.px-abtn:hover{background:var(--accent);color:#fff;transform:scale(1.1)}.px-abtn.on{background:var(--red);color:#fff}.px-cartbar{position:absolute;left:0;right:0;bottom:0;padding:12px;z-index:2;transform:translateY(110%);transition:transform .3s var(--ease)}.px-card:hover .px-cartbar{transform:translateY(0)}.px-cartbar button{width:100%;border:0;cursor:pointer;border-radius:10px;padding:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2))}.px-cartbar button.added{background:var(--green);color:#06231a}.px-body{padding:14px}.px-body .cat{color:var(--accent);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.px-body h3{margin:4px 0 8px;font-size:15px;font-weight:800;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}.px-stars{color:var(--gold);font-size:12px;letter-spacing:1px;margin-bottom:8px}.px-stars .muted{color:var(--muted)}.px-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.px-price b{font-size:18px;font-weight:900}.px-price s{color:var(--muted);font-size:13px}.px-price em{margin-left:auto;font-style:normal;font-size:11px;color:var(--gold);font-weight:800}@keyframes pxfade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.px-modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#04060cb8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;animation:pxfade .25s var(--ease)}.px-modal{width:min(860px,100%);max-height:calc(100vh - 48px);overflow:auto;background:var(--panel);border:1px solid var(--line2);border-radius:18px}.px-modal-close{position:absolute;top:16px;right:20px;width:36px;height:36px;border-radius:50%;background:var(--card);border:1px solid var(--line);color:var(--ink);cursor:pointer;font-weight:800;z-index:3}.px-quick{display:grid;grid-template-columns:1fr 1fr;gap:0}.px-quick .qimg{background:#0f1119;aspect-ratio:1/1}.px-quick .qimg img{width:100%;height:100%;object-fit:cover}.px-quick .qbody{padding:30px;position:relative}.px-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;border-radius:12px;padding:13px 22px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2));transition:transform .2s var(--ease),filter .2s}.px-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.px-btn.ghost{background:transparent;border:1px solid var(--line2);color:var(--ink)}.px-btn.ghost:hover{border-color:var(--accent)}.px-btn.block{width:100%}.px-qty{display:inline-flex;align-items:center;border:1px solid var(--line2);border-radius:12px;overflow:hidden}.px-qty button{width:42px;height:44px;border:0;background:var(--card);color:var(--ink);font-size:18px;cursor:pointer}.px-qty span{width:48px;text-align:center;font-weight:800}.shopx-pager{display:flex;justify-content:center;gap:8px;margin-top:30px}.shopx-pager button{min-width:40px;height:40px;border-radius:10px;cursor:pointer;font-weight:800;background:var(--panel);border:1px solid var(--line);color:var(--ink);transition:all .18s}.shopx-pager button.on{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent}.shopx-pager button:disabled{opacity:.4;cursor:not-allowed}.pd{padding:24px 0 70px}.pd-crumb{color:var(--muted);font-size:13px;margin-bottom:18px}.pd-crumb a:hover{color:var(--ink)}.pd-top{display:grid;grid-template-columns:1fr 1fr;gap:40px}.pd-gallery .pd-main{aspect-ratio:1/1;background:#0f1119;border:1px solid var(--line);border-radius:18px;overflow:hidden}.pd-gallery .pd-main img{width:100%;height:100%;object-fit:cover}.pd-thumbs{display:flex;gap:10px;margin-top:12px}.pd-thumbs button{width:74px;height:74px;border-radius:12px;overflow:hidden;cursor:pointer;padding:0;background:#0f1119;border:2px solid var(--line)}.pd-thumbs button.on{border-color:var(--accent)}.pd-thumbs img{width:100%;height:100%;object-fit:cover}.pd-info .cat{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.6px;font-size:12px}.pd-info h1{font-size:30px;font-weight:900;margin:8px 0}.pd-meta{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px;margin-bottom:16px}.pd-meta .stars{color:var(--gold)}.pd-priceblock{display:flex;align-items:baseline;gap:12px;margin:14px 0;flex-wrap:wrap}.pd-priceblock b{font-size:30px;font-weight:900}.pd-priceblock s{color:var(--muted);font-size:17px}.pd-priceblock .save{background:#34d39924;color:var(--green);font-weight:800;padding:4px 10px;border-radius:999px;font-size:13px}.pd-chips{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.pd-chip{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 14px;font-size:13px}.pd-chip b{color:var(--ink)}.pd-stock{font-weight:800}.pd-stock.in{color:var(--green)}.pd-stock.out{color:var(--red)}.pd-desc{color:var(--muted);line-height:1.6;margin:16px 0}.pd-buy{display:flex;gap:12px;align-items:center;margin:20px 0;flex-wrap:wrap}.pd-tabs{margin-top:44px}.pd-tabnav{display:flex;gap:8px;border-bottom:1px solid var(--line)}.pd-tabnav button{background:transparent;border:0;color:var(--muted);font-weight:800;font-size:14px;padding:14px 18px;cursor:pointer;border-bottom:2px solid transparent}.pd-tabnav button.on{color:var(--ink);border-bottom-color:var(--accent)}.pd-tabbody{padding:22px 2px;color:var(--muted);line-height:1.7}.rv-item{border-bottom:1px solid var(--line);padding:14px 0}.rv-head{display:flex;align-items:center;gap:10px}.rv-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-weight:800;color:#fff}.rv-name{font-weight:800;color:var(--ink)}.rv-stars{color:var(--gold);font-size:13px}.rv-text{color:var(--muted);margin-top:8px}.rv-form{margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}.rv-form h4{margin:0 0 14px}.rv-form input,.rv-form textarea{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:11px 13px;outline:none;margin-bottom:12px;font-family:inherit;font-size:14px}.rv-form textarea{min-height:90px;resize:vertical}.rv-rate{display:flex;gap:6px;font-size:24px;cursor:pointer;margin-bottom:12px}.rv-rate span{color:var(--line2);transition:color .15s}.rv-rate span.on{color:var(--gold)}.pd-section{margin-top:54px}.pd-section h3{font-size:22px;font-weight:900;margin:0 0 20px;display:flex;align-items:center;gap:12px}.pd-section h3:after{content:"";flex:1;height:1px;background:var(--line)}.shopx-foot{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);text-align:center;font-size:13px}@media (max-width: 900px){.shopx-layout{grid-template-columns:1fr}.shopx-filters{position:static}.pd-top,.px-quick{grid-template-columns:1fr}.shopx-searchbar input{width:130px}.hero-slide h2{font-size:28px}}.cx-empty{text-align:center;padding:50px;color:var(--muted)}.cx-empty .px-btn{margin-top:14px}.cx-cart{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.cx-items{display:flex;flex-direction:column;gap:12px}.cx-item{display:grid;grid-template-columns:72px 1fr auto auto auto;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px}.cx-thumb{width:72px;height:72px;border-radius:10px;overflow:hidden;background:#0f1119;display:grid;place-items:center}.cx-thumb img{width:100%;height:100%;object-fit:cover}.cx-info{display:flex;flex-direction:column;gap:2px}.cx-name{font-weight:800}.cx-info small{color:var(--muted);font-size:12px}.cx-unit{color:var(--muted);font-size:13px;margin-top:2px}.cx-unit s{margin-left:6px}.cx-line{font-weight:900;font-size:16px}.cx-remove{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer}.cx-remove:hover{color:var(--red);border-color:var(--red)}.cx-summary{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.cx-summary h3{margin:0 0 16px;font-size:18px}.cx-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:var(--muted);font-size:14px}.cx-row b{color:var(--ink)}.cx-total{border-top:1px solid var(--line);margin-top:6px;padding-top:14px;font-size:17px}.cx-total b{font-size:20px}.cx-cont{display:block;text-align:center;margin-top:12px;color:var(--muted);font-size:13px}.cx-summary .px-btn.block{margin-top:14px}.cx-checkout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start;padding:28px 20px 70px}.cx-sticky{position:sticky;top:86px}.cx-block{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:18px}.cx-block h3{margin:0 0 16px;font-size:17px;display:flex;align-items:center;gap:10px}.cx-step{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.cx-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cx-form .span2{grid-column:1/-1}.cx-form input,.cx-note{background:var(--card);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:12px 13px;outline:none;font-size:14px;font-family:inherit}.cx-form input:focus,.cx-note:focus{border-color:var(--accent)}.cx-note{width:100%;min-height:80px;resize:vertical}.cx-check{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:700;cursor:pointer}.cx-check input{accent-color:var(--accent);width:16px;height:16px}.cx-pay{display:flex;flex-direction:column;gap:10px}.cx-payopt{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;cursor:pointer;background:var(--card);border:1px solid var(--line);transition:border-color .2s}.cx-payopt.on{border-color:var(--accent);background:#a855f714}.cx-payopt input{accent-color:var(--accent);width:18px;height:18px}.cx-payopt small{display:block;color:var(--muted);font-size:12px}.cx-mini{border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:6px}.cx-minirow{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted);padding:4px 0}.cx-minirow b{color:var(--ink)}.cx-coupon{display:flex;gap:8px;margin:12px 0}.cx-coupon input{flex:1;background:var(--card);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:10px 12px;outline:none}.cx-coupon button{border:0;cursor:pointer;border-radius:10px;padding:0 16px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2))}.cx-msg{padding:12px 16px;border-radius:12px;margin-bottom:16px;font-weight:700}.cx-msg.success{background:#34d3991f;color:var(--green);border:1px solid rgba(52,211,153,.3)}.cx-msg.error{background:#f871711f;color:var(--red);border:1px solid rgba(248,113,113,.3)}.cx-login{max-width:440px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:40px}.cx-login h2{margin:12px 0}.cx-login .px-btn{margin-top:16px}.cx-confirm{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:44px}.cx-tick{width:76px;height:76px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font-size:40px;font-weight:900;color:#06231a;background:var(--green);animation:pop .4s var(--ease)}.cx-orderno{margin:8px 0;font-size:16px}.cx-actions{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.inv-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.inv{background:#fff;color:#111827;border-radius:16px;padding:34px;max-width:840px;margin:0 auto}.inv-head{display:flex;justify-content:space-between;border-bottom:2px solid #eee;padding-bottom:18px}.inv-brand{font-size:26px;font-weight:900;color:#111827}.inv-brand span{color:#a855f7}.inv-meta{text-align:right;font-size:13px;color:#4b5563}.inv-meta div{margin:2px 0}.inv-parties{display:flex;gap:40px;margin:22px 0}.inv-parties h5{margin:0 0 6px;color:#6b7280;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.inv-parties p{margin:0;line-height:1.5;font-size:14px}.inv-table{width:100%;border-collapse:collapse;margin:14px 0}.inv-table th{background:#f3f4f6;text-align:left;padding:10px;font-size:12px;text-transform:uppercase;color:#6b7280}.inv-table td{padding:10px;border-bottom:1px solid #eee;font-size:14px}.inv-tot{max-width:320px;margin-left:auto}.inv-tot .cx-row{color:#4b5563}.inv-tot .cx-row b{color:#111827}.inv-tot .cx-total{border-color:#e5e7eb}.inv-foot{text-align:center;color:#9ca3af;font-size:12px;margin-top:24px}@media print{.shopx-header,.shopx-foot,.no-print{display:none!important}.shopx{background:#fff}.inv{box-shadow:none}}@media (max-width:900px){.cx-cart,.cx-checkout{grid-template-columns:1fr}.cx-sticky{position:static}.cx-item{grid-template-columns:60px 1fr auto}}.shopx-topbar{background:#0a0c12;border-bottom:1px solid var(--line);font-size:12.5px}.shopx-topbar .wrap{display:flex;align-items:center;height:38px;gap:18px}.shopx-topbar .tb-left{display:flex;gap:16px;color:var(--muted)}.shopx-topbar .tb-left span{display:flex;align-items:center;gap:6px}.shopx-topbar .tb-right{margin-left:auto;display:flex;gap:16px}.shopx-topbar a{color:var(--muted);font-weight:700;transition:color .2s}.shopx-topbar a:hover{color:var(--accent)}@media (max-width:700px){.shopx-topbar .tb-left{display:none}}.shopx-cart-wrap{position:relative}.mini-cart{position:absolute;right:0;top:calc(100% + 12px);width:320px;background:var(--panel);border:1px solid var(--line2);border-radius:14px;padding:14px;box-shadow:0 22px 46px #0000008c;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .26s var(--ease);z-index:60}.shopx-cart-wrap:hover .mini-cart{opacity:1;visibility:visible;transform:translateY(0)}.mini-cart:before{content:"";position:absolute;top:-8px;right:16px;width:14px;height:14px;rotate:45deg;background:var(--panel);border-left:1px solid var(--line2);border-top:1px solid var(--line2)}.mc-item{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.mc-item img{width:46px;height:46px;border-radius:8px;object-fit:cover;background:#0f1119}.mc-info{flex:1;font-size:13px}.mc-info b{display:block}.mc-info small{color:var(--muted)}.mc-total{display:flex;justify-content:space-between;padding:12px 0;font-weight:800;font-size:15px}.mc-btns{display:flex;gap:8px}.mc-btns a{flex:1;text-align:center;padding:10px;border-radius:10px;font-weight:800;font-size:13px;transition:transform .18s var(--ease)}.mc-btns a:hover{transform:translateY(-2px)}.mc-btns .view{background:var(--card);border:1px solid var(--line);color:var(--ink)}.mc-btns .pay{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.mc-empty{color:var(--muted);text-align:center;padding:14px;font-size:13px}.px-badge.soldout{background:#374151}.px-badge.hot{background:#f97316}.px-card.soldout .px-imgwrap img{filter:grayscale(.45) opacity(.72)}.px-cartbar button:disabled{background:#374151;cursor:not-allowed;opacity:.9}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;background:#ffffff26;color:#fff;font-size:20px;z-index:3;display:grid;place-items:center;transition:background .2s,transform .2s var(--ease)}.hero-arrow:hover{background:#ffffff52;transform:translateY(-50%) scale(1.08)}.hero-arrow.prev{left:18px}.hero-arrow.next{right:18px}.pd-zoom{overflow:hidden;cursor:crosshair;position:relative}.pd-zoom img{transition:transform .2s var(--ease);will-change:transform}.pd-zoom .zoom-hint{position:absolute;bottom:10px;right:10px;background:#0000008c;color:#fff;font-size:11px;padding:4px 11px;border-radius:999px;pointer-events:none;opacity:.9}.addr-book{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.addr-card{position:relative;width:calc(50% - 5px);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;transition:border-color .2s,background .2s}.addr-card:hover{border-color:var(--accent)}.addr-card.on{border-color:var(--accent);background:#a855f714}.addr-card b{display:block}.addr-card small{display:block;color:var(--muted);font-size:12px;line-height:1.5}.addr-del{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;font-size:11px}.addr-del:hover{color:var(--red);border-color:var(--red)}.addr-new{width:calc(50% - 5px);min-height:64px;border:1px dashed var(--line2);border-radius:12px;background:transparent;color:var(--accent);font-weight:800;cursor:pointer;transition:all .2s var(--ease)}.addr-new:hover{border-color:var(--accent);background:#a855f70f}.addr-save{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--ink);font-weight:700;font-size:13px;cursor:pointer}.addr-save input{accent-color:var(--accent);width:16px;height:16px}@media (max-width:560px){.addr-card,.addr-new{width:100%}}.site{--navy: #153E6E;--navy-dark: #091642;--gold: #d6b36a;--gold-2: #caa64a;--gold-3: #f0d483;background:#fff;color:#1f2937;font-family:Inter,Segoe UI,Arial,sans-serif}.site h1,.site h2,.site h3{margin:0}.site p{color:#4b5563;line-height:1.7}.navy{color:var(--navy)}.gold-eyebrow{color:#caa95c;font-weight:700;letter-spacing:.5px;margin:0 0 8px}.gold-pill,.navy-pill{display:inline-block;padding:11px 26px;border-radius:999px;border:0;cursor:pointer;font-weight:700;text-decoration:none;transition:opacity .2s,background .2s,transform .2s}.gold-pill{background:linear-gradient(90deg,var(--gold-2),var(--gold-3));color:#111}.gold-pill:hover{opacity:.9;transform:translateY(-2px)}.gold-pill.lg{padding:14px 30px}.navy-pill{background:var(--navy);color:#fff}.navy-pill:hover{background:var(--navy-dark)}.site-header{position:sticky;top:0;z-index:50;height:66px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 28px;background:#091642f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-brand{color:#fff;font-weight:800;font-size:20px;text-decoration:none}.site-brand span{color:var(--gold-3)}.site-nav{display:flex;gap:22px}.site-nav a{color:#e5e7eb;text-decoration:none;font-size:14px;font-weight:600;transition:color .2s}.site-nav a:hover{color:var(--gold-3)}.site-header-right{display:flex;align-items:center;gap:12px}.site-burger{display:none;background:none;border:0;color:#fff;font-size:22px;cursor:pointer}.hero-slider{position:relative;width:100%;height:700px;overflow:hidden;background:#000}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .9s ease}.hero-slide.active{opacity:1}.hero-slide video{width:100%;height:100%;object-fit:cover}.hero-caption{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:0 8%}.hero-caption h1{color:#fff;font-size:clamp(30px,5vw,54px);font-weight:800;line-height:1.15;text-shadow:0 4px 18px rgba(0,0,0,.5);animation:heroIn .8s ease both}@keyframes heroIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.hero-dots{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:5}.hero-dots button{width:10px;height:10px;border-radius:50%;border:0;background:#ffffff80;cursor:pointer}.hero-dots button.on{background:var(--gold-3)}.site-main{max-width:1400px;margin:0 auto;padding:24px 20px}.video-cta{position:relative;border-radius:12px;overflow:hidden;margin-bottom:40px;height:560px}.video-cta video{width:100%;height:100%;object-fit:cover}.video-cta-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#153e6e80}.video-cta-content{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:0 16px}.video-cta-content h2{color:#fff;font-size:clamp(26px,4vw,46px);font-weight:800;margin-bottom:14px}.video-cta-content p{color:#e5e7eb;max-width:560px;margin:0 auto 22px}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:56px 40px;border-radius:12px;margin-bottom:40px}.split.light{background:#f6f6f6}.split h2{font-size:clamp(24px,3vw,38px);font-weight:800;margin-bottom:18px}.split-img{display:flex;justify-content:center}.split-img img{max-width:min(100%,520px);filter:drop-shadow(0 20px 40px rgba(0,0,0,.25))}.ticks{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px;color:#374151}.stats-strip{background:var(--navy);border-radius:12px;padding:56px 24px;margin-bottom:40px;display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.stat-tile{background:linear-gradient(180deg,#d8be82,#1a1e5c);border-radius:18px;text-align:center;padding:26px 14px;color:#fff;box-shadow:0 12px 26px #0000004d;transition:transform .25s}.stat-tile:hover{transform:translateY(-6px)}.stat-tile img{width:52px;margin-bottom:14px}.stat-tile h3{font-size:24px;font-weight:800}.stat-tile p{color:#ffffffe6;font-size:13px;margin:6px 0 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;background:#f6f6f6;border-radius:12px;padding:70px 40px;margin-bottom:40px}.about-imgs{position:relative;min-height:420px}.about-imgs img{width:min(70%,300px);border-radius:14px;box-shadow:0 18px 40px #00000040}.about-imgs .a2{position:absolute;bottom:-10px;right:0}.exp-badge{position:absolute;top:0;right:40px;width:100px;height:100px;border-radius:50%;background:var(--gold);color:#fff;border:4px solid #fff;box-shadow:0 10px 24px #00000040;display:grid;place-items:center;text-align:center;padding:8px}.exp-badge b{font-size:20px;display:block}.exp-badge span{font-size:10px;line-height:1.2}.about-text h2{font-size:clamp(26px,3vw,40px);font-weight:800;margin-bottom:18px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0 28px;color:#374151}.checks p{margin:0}.about-btns{display:flex;gap:14px;flex-wrap:wrap}.services{background:var(--navy);border-radius:12px;padding:56px 32px;margin-bottom:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start}.services-intro h2{color:#fff;font-size:clamp(26px,3vw,40px);font-weight:800;line-height:1.2;margin-bottom:20px}.services-intro p{color:#d1d5db;font-size:14px;max-width:300px}.service-card{position:relative;background:#111827;border-radius:14px;padding:30px 26px;box-shadow:0 12px 26px #00000059;transition:background .3s,transform .3s}.service-card:hover{background:#f5b400;transform:translateY(-4px)}.service-card .no{position:absolute;top:16px;right:22px;color:#6b7280;font-weight:800;font-size:17px}.service-card img{width:40px;margin-bottom:14px}.service-card h3{color:#fff;font-size:17px;font-weight:800;margin-bottom:12px}.service-card p{color:#d1d5db;font-size:13.5px}.service-card:hover .no,.service-card:hover h3,.service-card:hover p{color:#111}.cta-banner{position:relative;height:350px;display:grid;place-items:center;text-align:center;border-radius:12px;overflow:hidden;background-size:cover;background-position:center;margin-bottom:40px}.cta-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3}.cta-banner h2{position:relative;z-index:1;color:#fff;text-transform:uppercase;padding:0 20px;font-size:clamp(24px,4vw,44px);font-weight:800;line-height:1.25}.cards-5,.cards-3{display:grid;gap:24px;padding:24px 0 12px}.cards-5{grid-template-columns:repeat(5,1fr)}.cards-3{grid-template-columns:repeat(3,1fr)}.cards-5 div,.cards-3 div{border-radius:14px;overflow:hidden;box-shadow:0 12px 26px #0000002e;transition:transform .3s,box-shadow .3s}.cards-5 div:hover,.cards-3 div:hover{transform:scale(1.05);box-shadow:0 20px 40px #0000004d}.cards-5 img{width:100%;height:auto;object-fit:cover;display:block}.cards-3 img{width:100%;height:320px;object-fit:cover;display:block}.site-footer{background:var(--navy-dark);color:#9ca3af;margin-top:30px}.foot-grid{max-width:1300px;margin:0 auto;padding:56px 24px 30px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:30px}.foot-grid h2{color:#fff;font-size:22px;margin-bottom:14px}.foot-grid h2 span{color:var(--gold-3)}.foot-grid h3{color:#fff;font-size:15px;margin-bottom:14px}.foot-grid a{display:block;color:#9ca3af;text-decoration:none;font-size:13.5px;margin-bottom:9px;transition:color .2s}.foot-grid a:hover{color:var(--gold-3)}.foot-grid p{font-size:13.5px}.foot-bottom{border-top:1px solid rgba(255,255,255,.08);text-align:center;padding:18px;font-size:12.5px}.shop-page{min-height:100vh;background:#f6f7fb}.shop-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin:10px 0 26px}.shop-head h2{margin:0;font-size:clamp(24px,3vw,34px);font-weight:800}.shop-search{display:flex;gap:10px;flex-wrap:wrap}.shop-search input{min-width:240px;padding:11px 16px;border:1.5px solid #d9dce6;border-radius:999px;font-family:inherit;outline-color:var(--navy)}.cart-pill{position:relative}.cart-count{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;border-radius:999px;background:#ef4444;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800;padding:0 5px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}.product-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px #0f172a14;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px #0f172a29}.product-img{height:170px;display:grid;place-items:center;font-size:52px;background:linear-gradient(135deg,#eef2ff,#e0f2fe)}.product-img img{width:100%;height:100%;object-fit:cover}.product-body{padding:16px;display:grid;gap:8px;flex:1}.product-body small{color:#94a3b8;font-weight:700;font-size:11px}.product-body h3{margin:0;font-size:15px;color:#1f2937;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.product-price b{font-size:18px;color:var(--navy)}.product-price s{color:#9ca3af;font-size:13px}.product-price em{font-style:normal;font-size:11px;font-weight:800;color:#059669;background:#d1fae5;padding:2px 8px;border-radius:999px}.wide-btn{width:100%;text-align:center;margin-top:auto}.wide-btn.added{background:#22c55e;color:#fff}.cart-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 22px #0f172a14;margin-bottom:18px}.cart-table{width:100%;border-collapse:collapse}.cart-table th,.cart-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #eef0f5}.cart-table th{color:#64748b;font-size:12px;text-transform:uppercase}.cart-table tr:last-child td{border-bottom:0}.qty-ctrl{display:inline-flex;align-items:center;gap:10px}.qty-ctrl button{width:28px;height:28px;border:1.5px solid #d9dce6;border-radius:8px;background:#fff;font-weight:800;cursor:pointer}.qty-ctrl button:hover{background:var(--navy);color:#fff}.cart-remove{border:0;background:#fee2e2;color:#b91c1c;width:28px;height:28px;border-radius:8px;cursor:pointer;font-weight:800}.cart-remove:hover{background:#ef4444;color:#fff}.cart-summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.cart-summary input{flex:1;min-width:220px;padding:11px 14px;border:1.5px solid #d9dce6;border-radius:10px;font-family:inherit}.cart-total{font-size:18px;color:var(--navy)}@media (max-width: 1024px){.stats-strip{grid-template-columns:repeat(3,1fr)}.services{grid-template-columns:1fr 1fr}.cards-5{grid-template-columns:repeat(3,1fr)}.foot-grid{grid-template-columns:1fr 1fr}}@media (max-width: 820px){.site-nav{position:fixed;top:66px;left:0;right:0;z-index:49;flex-direction:column;gap:0;background:var(--navy-dark);max-height:0;overflow:hidden;transition:max-height .3s ease}.site-nav.open{max-height:400px}.site-nav a{padding:14px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.site-burger{display:block}.hero-slider{height:480px}.split,.about{grid-template-columns:1fr;padding:36px 22px}.about-imgs{min-height:330px}.services{grid-template-columns:1fr}.stats-strip,.cards-5{grid-template-columns:repeat(2,1fr)}.cards-3{grid-template-columns:1fr}.video-cta{height:420px}}:root{--bg: #f3f4f6;--panel: #ffffff;--ink: #071426;--muted: #64748b;--line: #dce3ec;--cyan: #09b6ce;--cyan-deep: #078ca0;--green: #20c76a;--orange: #ff6b14;--purple: #a646ee;--red: #ef4444;--nav: #082237;--shadow: 0 8px 22px rgba(10, 22, 40, .12);--shadow-hover: 0 15px 34px rgba(10, 22, 40, .14);--ease: cubic-bezier(.2,.8,.2,1);--radius: 8px;--grad-admin: linear-gradient(160deg, #150826 0%, #2a0f4d 60%, #451a6e 100%);--grad-admin-btn: linear-gradient(135deg, #8b5cf6, #d946ef)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:270px;flex:0 0 270px;background:var(--nav);color:#e8f4ff;display:flex;flex-direction:column;gap:20px;position:sticky;top:0;height:100vh;overflow-y:auto;padding:22px 14px}.sidebar.admin{background:var(--grad-admin)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.brand{padding:0 6px 14px;border-bottom:1px solid rgba(255,255,255,.08);font-weight:800;font-size:22px;color:#12d8ff;letter-spacing:.5px;display:flex;align-items:baseline;flex-wrap:wrap}.brand small{display:block;width:100%;color:#dff5ff;font-size:11px;font-weight:700;letter-spacing:1.5px}.brand-ch{display:inline-block;color:#12d8ff;animation:floatCh 2.6s ease-in-out infinite;animation-delay:calc(var(--i) * .09s)}.brand-accent{color:#f0abfc}@keyframes floatCh{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.sidebar nav{display:grid;gap:7px;padding:0}.nav-link,.nav-group-btn{position:relative;width:100%;display:flex;align-items:center;gap:10px;min-height:42px;padding:11px 12px;border:0;border-radius:var(--radius);background:transparent;color:#e8f4ff;text-align:left;font-size:13px;font-weight:800;cursor:pointer;text-decoration:none;overflow:hidden;font-family:inherit;transition:transform .24s var(--ease),background .24s var(--ease),box-shadow .24s var(--ease)}.nav-link:before,.nav-group-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.22),transparent);opacity:0;transform:translate(-40%);transition:.25s var(--ease)}.nav-link:hover,.nav-group-btn:hover,.nav-link.active{background:#12b7cf;color:#fff;box-shadow:0 12px 24px #12b7cf40;transform:translate(4px)}.nav-link:hover:before,.nav-group-btn:hover:before{opacity:1;transform:translate(0)}.sidebar.admin .nav-link:hover,.sidebar.admin .nav-group-btn:hover,.sidebar.admin .nav-link.active{background:var(--grad-admin-btn);box-shadow:0 12px 24px #a855f74d}.nav-ic{display:inline-flex}.nav-ic svg{width:16px;height:16px}.nav-label{flex:1}.chev{transition:transform .22s var(--ease);opacity:.8}.chev.open{transform:rotate(90deg)}.nav-sub{overflow:hidden;max-height:0;opacity:0;position:relative;transition:max-height .3s var(--ease),opacity .25s;display:grid;gap:6px;margin-left:24px;padding-left:0;padding-right:6px}.nav-group.open .nav-sub{max-height:calc(var(--n) * 48px + 10px);opacity:1;padding-top:6px;overflow:visible}.nav-sub:before{content:"";position:absolute;left:0;top:2px;bottom:8px;width:2px;border-radius:99px;background:linear-gradient(180deg,#12b7cfd9,#12b7cf2e)}.sidebar.admin .nav-sub:before{background:linear-gradient(180deg,#d8b4fed9,#d8b4fe26)}.nav-sub-link{position:relative;display:flex;align-items:center;gap:8px;min-height:34px;padding:8px 12px 8px 14px;border-radius:var(--radius);background:transparent;color:#e8f4ffb8;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.2px;transition:transform .22s var(--ease),background .22s var(--ease),color .22s var(--ease),box-shadow .22s var(--ease)}.nav-sub-link:after{content:"";position:absolute;left:0;top:50%;width:10px;height:2px;border-radius:99px;background:#12b7cf73;transform:translateY(-50%);transition:background .22s var(--ease),width .22s var(--ease)}.sidebar.admin .nav-sub-link:after{background:#d8b4fe66}.nav-sub-link .bullet{display:none}.nav-sub-link:hover{background:#ffffff14;color:#fff;transform:translate(3px)}.nav-sub-link:hover:after{width:14px}.nav-sub-link.active{background:#12b7cf;color:#fff;font-weight:800;transform:translate(3px);box-shadow:0 8px 18px #12b7cf4d}.nav-sub-link.active:after{background:#12b7cf;width:14px}.sidebar.admin .nav-sub-link.active{background:var(--grad-admin-btn);box-shadow:0 8px 18px #a855f752}.sidebar.admin .nav-sub-link.active:after{background:#c084fc}.sidebar.admin .nav-sub-link:after{background:#d8b4feb8}.invite-box{margin-top:auto;padding:16px;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius);background:linear-gradient(180deg,#12b7cf2e,#ffffff0d);animation:floatCard 5s ease-in-out infinite}.sidebar.admin .invite-box{background:linear-gradient(180deg,#a855f733,#ffffff0d)}.invite-box p{margin:6px 0 4px;color:#b9c7d9;font-size:12.5px}.invite-box strong{display:block;margin-bottom:12px;color:#fff}.copy-btn{width:100%;min-height:36px;border:0;border-radius:var(--radius);background:#fff;color:#102137;font-weight:800;cursor:pointer;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0822372e}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:30;min-height:60px;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:8px 26px;background:#f3f4f6e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(15,23,42,.06)}.topbar-left{display:flex;align-items:center;gap:12px;flex:1}.topbar-title{font-weight:800;font-size:13px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.search-wrap{flex:1;max-width:420px;height:40px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:0 14px;color:var(--muted)}.search-wrap input{width:100%;border:0;outline:0;background:transparent;min-height:auto;padding:0}.search-wrap svg{width:15px;height:15px;flex:0 0 auto}.topbar-right{position:relative;display:flex;align-items:center;gap:10px}.icon-btn{position:relative;width:40px;height:38px;border:0;border-radius:var(--radius);background:#fff;color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.icon-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0822372e}.icon-btn .dot-badge{position:absolute;right:4px;top:2px;width:15px;height:15px;border-radius:99px;background:var(--red);color:#fff;font-size:9px;font-weight:800;display:grid;place-items:center;font-style:normal}.avatar-wrap{display:flex;align-items:center;gap:9px;cursor:pointer;padding:4px 8px 4px 4px;border-radius:var(--radius)}.avatar{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;background:linear-gradient(135deg,var(--cyan),var(--purple))}.avatar.admin{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.who{display:flex;flex-direction:column;line-height:1.25;text-align:left}.who b{font-size:12px}.who small{color:var(--muted);font-size:10px;font-weight:700}.dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;width:260px;padding:12px;border:1px solid rgba(15,23,42,.08);border-radius:var(--radius);background:#fff;box-shadow:0 22px 48px #0822372e;z-index:50;display:flex;flex-direction:column;animation:popCard .22s var(--ease) both;transform-origin:top right}.dropdown-menu:before{content:"";position:absolute;top:-7px;right:24px;width:14px;height:14px;background:#fff;border-left:1px solid rgba(15,23,42,.08);border-top:1px solid rgba(15,23,42,.08);transform:rotate(45deg)}@keyframes popCard{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.dropdown-menu a,.dropdown-menu button{display:flex;align-items:center;gap:9px;min-height:40px;padding:0 12px;border:0;border-radius:var(--radius);background:transparent;color:#102137;text-decoration:none;font-weight:800;font-size:13px;cursor:pointer;font-family:inherit;text-align:left;transition:transform .2s var(--ease),background .2s var(--ease)}.dropdown-menu a:hover{background:#eefcff;color:var(--cyan-deep);transform:translate(3px)}.dropdown-menu button{margin-top:8px;justify-content:center;background:#fff0f2;color:#d71945}.dropdown-menu button:hover{background:#e11d48;color:#fff;transform:translateY(-2px)}.dropdown-menu button svg{width:16px;height:16px}.content{flex:1;padding:20px 28px 30px;animation:fade .32s var(--ease) both}@keyframes fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.page-title{margin:0 0 4px;font-size:24px;line-height:1.05;font-weight:800}.page-title[data-eyebrow]:before{content:attr(data-eyebrow);display:block;margin-bottom:4px;color:var(--cyan);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.6px}.page-title:after{content:none}.page-head-gap{margin-bottom:18px}h1+.table-wrap,.page-title+.table-wrap,.page-title+.grid,.page-title+.card,.page-title+.row,.page-title+.alert,.page-title+.tree,.page-title+.hero{margin-top:18px}.grid{display:grid;gap:20px}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.card{position:relative;background:var(--panel);border:1px solid rgba(15,23,42,.06);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);transition:transform .24s var(--ease),box-shadow .24s var(--ease),border-color .24s var(--ease)}.card:hover{transform:translateY(-3px);border-color:#09b6ce38;box-shadow:var(--shadow-hover)}.card:hover,.card:focus-within{z-index:30}.card h3{margin:0 0 14px;font-size:16px;font-weight:800}.stat-card{position:relative;min-height:86px;padding:16px 18px;overflow:hidden;background:var(--panel);border:1px solid rgba(15,23,42,.06);border-radius:var(--radius);box-shadow:var(--shadow);animation:riseIn .44s var(--ease) both;transition:transform .24s var(--ease),box-shadow .24s var(--ease)}.stat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-120%);transition:transform .65s var(--ease)}.stat-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 18px 35px #08223738}.stat-card:hover:after{transform:translate(120%)}.stat-label{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:27px;line-height:1.15;font-weight:800;margin-top:8px}.stat-hint{margin-top:8px;color:var(--muted);font-size:11px}.stat-card.good .stat-value{color:var(--green)}.stat-card.bad .stat-value{color:var(--red)}.stat-card.accent-blue,.stat-card.accent-green,.stat-card.accent-orange,.stat-card.accent-purple,.stat-card.accent-red{color:#fff;border:0}.stat-card.accent-blue{background:linear-gradient(135deg,#09b8cf,#087f9b)}.stat-card.accent-green{background:linear-gradient(135deg,#24c968,#108b3e)}.stat-card.accent-orange{background:linear-gradient(135deg,#ff7417,#d64008)}.stat-card.accent-purple{background:linear-gradient(135deg,#b24cf3,#8c22d9)}.stat-card.accent-red{background:linear-gradient(135deg,#ef4444,#be123c)}.shell.admin .stat-card.accent-blue{background:linear-gradient(135deg,#4f46e5,#6366f1)}.shell.admin .stat-card.accent-green{background:linear-gradient(135deg,#6d28d9,#8b5cf6)}.shell.admin .stat-card.accent-orange{background:linear-gradient(135deg,#a21caf,#d946ef)}.shell.admin .stat-card.accent-red{background:linear-gradient(135deg,#be185d,#ec4899)}.stat-card[class*=accent-] .stat-label,.stat-card[class*=accent-] .stat-value{color:#fff}.stat-card[class*=accent-] .stat-hint{color:#ffffffc7}.stat-card .stat-ic{position:absolute;right:16px;top:26px;color:#ffffff73;transform:scale(1.35);transition:transform .25s var(--ease)}.stat-card:hover .stat-ic{transform:scale(1.55) rotate(-4deg)}.grid>.stat-card:nth-child(2){animation-delay:.06s}.grid>.stat-card:nth-child(3){animation-delay:.12s}.grid>.stat-card:nth-child(4){animation-delay:.18s}.grid>.stat-card:nth-child(5){animation-delay:.24s}.grid>.stat-card:nth-child(6){animation-delay:.3s}.grid>.stat-card:nth-child(7){animation-delay:.36s}.grid>.stat-card:nth-child(8){animation-delay:.42s}@keyframes riseIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.wcards-lg{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.wcards-sm{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.wcard{position:relative;overflow:hidden;border-radius:14px;color:#fff;display:flex;align-items:center;gap:16px;padding:22px 20px;box-shadow:0 10px 26px #0a16282e;animation:riseIn .44s var(--ease) both;transition:transform .24s var(--ease),box-shadow .24s var(--ease)}.wcard:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 18px 38px #0a162842}.wcard:before{content:"";position:absolute;right:-40px;top:-60px;width:190px;height:190px;border-radius:38px;background:#ffffff1f;transform:rotate(35deg);transition:transform .4s var(--ease)}.wcard:hover:before{transform:rotate(45deg) scale(1.15)}.wcard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.22),transparent);transform:translate(-120%);transition:transform .65s var(--ease)}.wcard:hover:after{transform:translate(120%)}.wcard .wc-ic{flex:0 0 auto;width:56px;height:56px;border-radius:999px;background:#ffffff59;display:grid;place-items:center;color:#fff}.wcard .wc-ic svg{width:24px;height:24px}.wcard .wc-body{position:relative;z-index:1;min-width:0}.wcard .wc-value{font-size:22px;font-weight:800;line-height:1.2}.wcard .wc-label{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#ffffffd9}.wcards-lg .wcard{min-height:118px}.wcards-lg .wc-value{font-size:26px}.wcards-sm .wcard{padding:18px}.wcards-sm .wc-ic{width:48px;height:48px}.wcards-sm .wc-label{order:-1;margin-bottom:4px}.wcards-sm .wc-body{display:flex;flex-direction:column}.wc-blue{background:linear-gradient(120deg,#3f83f8,#5aa0ff)}.wc-green{background:linear-gradient(120deg,#22b665,#45d885)}.wc-purple{background:linear-gradient(120deg,#8b5cf6,#a678ff)}.wc-orange{background:linear-gradient(120deg,#f59e0b,#fbbf24)}.wc-pink{background:linear-gradient(120deg,#ec4899,#f472b6)}.wc-cyan{background:linear-gradient(120deg,#06b6d4,#67e8f9)}.wcards-sm .wcard:nth-child(2){animation-delay:.06s}.wcards-sm .wcard:nth-child(3){animation-delay:.12s}.wcards-sm .wcard:nth-child(4){animation-delay:.18s}.wcards-sm .wcard:nth-child(5){animation-delay:.24s}.wcards-sm .wcard:nth-child(6){animation-delay:.3s}.wcards-sm .wcard:nth-child(7){animation-delay:.36s}@media (max-width: 640px){.wcards-lg,.wcards-sm{grid-template-columns:1fr}}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px;margin-top:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-head h3{margin:0}.panel-head p{margin:2px 0 0;color:var(--muted);font-size:12px}.bar-chart{position:relative;height:230px;display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:14px;padding:36px 28px 18px;border:1px dashed #b9c7d5;border-radius:var(--radius);background:linear-gradient(to top,rgba(9,182,206,.06) 1px,transparent 1px) 0 0 / 100% 25%,#fff;overflow:hidden}.bar-chart span{height:var(--h);min-height:8px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#09b6cef2,#097f9bf2);animation:growBar .8s var(--ease) both;transform-origin:bottom}.bar-chart span:nth-child(2){animation-delay:.08s}.bar-chart span:nth-child(3){animation-delay:.16s}.bar-chart span:nth-child(4){animation-delay:.24s}.bar-chart span:nth-child(5){animation-delay:.32s}.bar-chart span:nth-child(6){animation-delay:.4s}@keyframes growBar{0%{transform:scaleY(.08);opacity:.25}to{transform:scaleY(1);opacity:1}}.chart-labels{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:8px;color:var(--muted);font-size:12px;text-align:center}.quick-actions{display:grid;gap:13px}.quick-actions a,.quick-actions button{position:relative;min-height:42px;border:0;border-radius:var(--radius);color:#fff;font-weight:800;overflow:hidden;cursor:pointer;text-decoration:none;display:grid;place-items:center;font-family:inherit;font-size:13.5px;transition:transform .22s var(--ease),box-shadow .22s var(--ease),filter .22s var(--ease)}.quick-actions a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-120%);transition:transform .65s var(--ease)}.quick-actions a:hover{transform:translate(5px) scale(1.01);box-shadow:0 12px 24px #0a16282e;filter:saturate(1.1)}.quick-actions a:hover:after{transform:translate(120%)}.action-cyan{background:var(--cyan)}.action-green{background:var(--green)}.action-purple{background:var(--purple)}.action-orange{background:var(--orange)}.shell.admin .action-cyan{background:#6366f1}.shell.admin .action-green{background:#7c3aed}.shell.admin .action-orange{background:#c026d3}.shell.admin .action-purple{background:#a855f7}.shell.admin .hero{background:linear-gradient(135deg,#6d28d9f5,#d946efe6)}.shell.admin .bar-chart span{background:linear-gradient(180deg,#8b5cf6f2,#6d28d9f2)}.shell.admin .bar-chart{background:linear-gradient(to top,rgba(139,92,246,.06) 1px,transparent 1px) 0 0 / 100% 25%,#fff}.ref-link{padding:14px;border-radius:var(--radius);background:#f3f5f8;color:#475569;font-size:12px;word-break:break-all}.approved-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:12px 14px;margin-top:14px;border:1px solid #74e3a2;border-radius:var(--radius);background:#dbffe9;color:#0c8b45;font-weight:800}.approved-strip p{margin:3px 0 0;color:#168650;font-size:11px;font-weight:600}.table-wrap{position:relative;z-index:0;background:var(--panel);border:1px solid rgba(15,23,42,.06);border-radius:var(--radius);overflow:auto;box-shadow:var(--shadow);animation:fade .32s var(--ease) both}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 0;background:linear-gradient(180deg,rgba(9,182,206,.08),transparent)}.shell.admin .table-toolbar{background:linear-gradient(180deg,rgba(139,92,246,.09),transparent)}.table-search{padding:9px 14px;border:1.5px solid rgba(9,182,206,.4);border-radius:var(--radius);width:250px;font-family:inherit;outline-color:var(--cyan);min-height:40px;margin:0 0 12px;background:#fff;transition:border-color .2s,box-shadow .2s}.table-search:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #09b6ce26}.shell.admin .table-search{border-color:#8b5cf673;outline-color:#a855f7}.shell.admin .table-search:focus{border-color:#a855f7;box-shadow:0 0 0 3px #8b5cf626}.page-size{display:flex;align-items:center;gap:8px;color:var(--cyan-deep);font-size:12px;font-weight:800;margin-bottom:12px}.shell.admin .page-size{color:#8c22d9}.page-size select{min-height:34px;border:1.5px solid rgba(9,182,206,.4);border-radius:var(--radius);padding:0 8px;outline-color:var(--cyan);color:var(--ink);background:#fff}.shell.admin .page-size select{border-color:#8b5cf673;outline-color:#a855f7}.table-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;flex-wrap:wrap;border-top:2px solid rgba(9,182,206,.35);background:linear-gradient(0deg,rgba(9,182,206,.08),transparent)}.shell.admin .table-pager{border-top-color:#8b5cf666;background:linear-gradient(0deg,rgba(139,92,246,.09),transparent)}.pager-info{color:var(--cyan-deep);font-size:12px;font-weight:800}.shell.admin .pager-info{color:#8c22d9}.pager-btns{display:flex;align-items:center;gap:6px}.pager-btns span{color:#fff;font-size:12px;font-weight:800;padding:6px 12px;border-radius:999px;background:var(--cyan)}.shell.admin .pager-btns span{background:#8c22d9}.pager-btns button{min-width:32px;min-height:32px;border:1.5px solid rgba(9,182,206,.45);border-radius:var(--radius);background:#fff;color:var(--cyan-deep);font-weight:800;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.shell.admin .pager-btns button{border-color:#8b5cf680;color:#8c22d9}.pager-btns button:hover:not(:disabled){background:var(--cyan);color:#fff;transform:translateY(-1px)}.shell.admin .pager-btns button:hover:not(:disabled){background:#8c22d9}.pager-btns button:disabled{opacity:.4;cursor:not-allowed}.row-actions{display:flex;gap:6px;align-items:center}table{width:100%;border-collapse:collapse;font-size:13.5px}th,td{text-align:left;padding:6px 14px;border-bottom:1px solid var(--line);white-space:nowrap;line-height:1.35}th{background:linear-gradient(135deg,#09b6ce,#078ca0);color:#fff;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.4px;position:sticky;top:0;border-bottom:0}.shell.admin th{background:linear-gradient(135deg,#8b5cf6,#a855f7)}tbody tr{transition:background .18s var(--ease),transform .18s var(--ease)}tbody tr:nth-child(2n){background:#f4fbfd}.shell.admin tbody tr:nth-child(2n){background:#faf7fe}tbody tr:hover{background:#e2f6fa;transform:translate(3px)}.shell.admin tbody tr:hover{background:#f0e7fc}tr:last-child td{border-bottom:0}th:not(:last-child),td:not(:last-child){border-right:1px solid var(--line)}th:not(:last-child){border-right-color:#ffffff38}td.empty{text-align:center;color:var(--muted);padding:32px;background:#fff}.card table th{background:#f8fafc;color:var(--ink);text-transform:none;letter-spacing:0}.card tbody tr:nth-child(2n){background:transparent}.card tbody tr:hover{background:#f6fbfd;transform:none}.form{display:grid;gap:14px;max-width:540px}.form label{display:grid;gap:7px;color:var(--muted);font-weight:700;font-size:13px}.form input,.form select,.form textarea,.row input,.row select{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:42px;padding:0 12px;outline-color:var(--cyan);font-family:inherit}.form textarea{min-height:96px;padding-top:10px;resize:vertical}.row{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.row>label{flex:1;min-width:150px;display:grid;gap:7px;color:var(--muted);font-weight:700;font-size:13px}.modal-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.modal-form-grid>label{display:grid;gap:7px;align-content:start;color:var(--muted);font-weight:700;font-size:13px}.modal-form-grid .span-2{grid-column:1 / -1}.modal-form-grid input,.modal-form-grid textarea{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:42px;padding:0 12px;outline-color:var(--cyan);font-family:inherit;font-size:14px}.shell.admin .modal-form-grid input:focus{outline-color:#a855f7}.modal-form-grid textarea{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:60px;padding:9px 12px;outline-color:var(--cyan);font-family:inherit;font-size:14px;resize:vertical}.shell.admin .modal-form-grid textarea:focus{outline-color:#a855f7}.modal-form-grid .form-section{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#a855f7;margin:8px 0 -2px;padding-bottom:6px;border-bottom:1px dashed var(--line)}.modal-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px;padding-top:16px;border-top:1px solid var(--line)}.size-chips{display:flex;flex-wrap:wrap;gap:8px}.size-chip{min-width:42px;min-height:38px;padding:0 12px;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);background:#fff;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--ink);transition:all .15s var(--ease)}.size-chip:hover{border-color:#a855f7}.size-chip.on{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border-color:#a855f7}.img-input{display:inline-block}.img-drop{width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;background:#faf7fe;color:var(--muted);border:2px dashed rgba(139,92,246,.45);border-radius:12px;font-family:inherit}.img-drop:hover{border-color:#a855f7;background:#f3ecfd}.img-drop .img-plus{font-size:22px;font-weight:800;color:#a855f7;line-height:1}.img-drop small{font-size:11px;text-align:center;padding:0 6px}.img-preview{position:relative;width:120px;height:120px;border-radius:12px;overflow:hidden;border:1px solid var(--line);cursor:pointer;background:#fff}.img-preview img{width:100%;height:100%;object-fit:cover;display:block}.img-clear{position:absolute;top:4px;right:4px;width:24px;height:24px;border:0;border-radius:50%;background:#dc2626eb;color:#fff;font-weight:800;cursor:pointer;line-height:1}.img-grid{display:flex;flex-wrap:wrap;gap:12px}.flag-row{display:flex;flex-wrap:wrap;gap:10px 22px}.flag-row .flag{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px;color:var(--ink);cursor:pointer}.flag-row .flag input{width:17px;height:17px;min-height:0;accent-color:#a855f7;cursor:pointer}@media (max-width: 640px){.modal-form-grid{grid-template-columns:1fr}}.search-select{position:relative;width:100%}.search-select .ss-control{width:100%;min-height:42px;padding:0 34px 0 12px;text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:#fff;font-family:inherit;font-size:inherit;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.search-select .ss-control:focus{outline:2px solid var(--cyan);outline-offset:1px}.shell.admin .search-select .ss-control:focus{outline-color:#a855f7}.search-select.disabled .ss-control{background:#f1f3f7;cursor:not-allowed;opacity:.7}.search-select .ss-value{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-select .ss-placeholder{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-select .ss-caret{position:absolute;right:12px;color:var(--muted);font-size:11px;pointer-events:none}.search-select.open .ss-caret{transform:rotate(180deg)}.search-select .ss-required{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;margin:0;border:0;opacity:0;pointer-events:none}.search-select .ss-menu{position:absolute;z-index:40;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 28px #0f172a29;overflow:hidden}.search-select .ss-search{width:100%;min-height:38px;padding:0 12px;border:0;border-bottom:1px solid var(--line);outline:none;font-family:inherit;font-size:13.5px}.search-select .ss-options{max-height:240px;overflow-y:auto}.search-select .ss-option{padding:9px 12px;font-size:13.5px;color:var(--ink);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-select .ss-option.active{background:#e2f6fa}.shell.admin .search-select .ss-option.active{background:#f0e7fc}.search-select .ss-option.selected{font-weight:700;color:var(--cyan)}.shell.admin .search-select .ss-option.selected{color:#a855f7}.search-select .ss-empty{padding:12px;color:var(--muted);font-size:13px;text-align:center}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 16px;border:0;border-radius:var(--radius);cursor:pointer;background:var(--cyan);color:#fff;font-size:13.5px;font-weight:800;font-family:inherit;overflow:hidden;text-decoration:none;transition:transform .22s var(--ease),box-shadow .22s var(--ease),filter .22s var(--ease)}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-120%);transition:transform .65s var(--ease)}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0822372e}.btn:hover:after{transform:translate(120%)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-ghost{background:#e8fbfd;color:var(--cyan-deep)}.btn-danger{background:linear-gradient(135deg,#ef4444,#be123c)}.btn-light{background:#ffffff24;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-light:hover{background:#ffffff40}.btn-sm{min-height:26px;padding:0 12px;font-size:12px}.row-actions .btn-sm{min-height:24px;padding:0 10px}.shell.admin .btn{background:var(--grad-admin-btn)}.shell.admin .btn-ghost{background:#f5ecfe;color:#8c22d9}.shell.admin .btn-danger{background:linear-gradient(135deg,#ef4444,#be123c)}.shell.admin input,.shell.admin select,.shell.admin textarea,.shell.admin .table-search,.shell.admin .page-size select{outline-color:#a855f7}.shell.admin .search-wrap:focus-within,.shell.admin .form input:focus,.shell.admin .form select:focus,.shell.admin .form textarea:focus,.shell.admin .row input:focus,.shell.admin .row select:focus{outline-color:#a855f7;border-color:#d8b4fe}.toast-pop{position:fixed;top:18px;right:22px;z-index:999;display:flex;align-items:center;gap:10px;min-width:280px;max-width:min(400px,calc(100vw - 44px));padding:13px 16px;border-radius:var(--radius);font-size:13.5px;font-weight:600;cursor:pointer;box-shadow:0 14px 32px #0822372e;animation:toastIn .22s var(--ease) both}.toast-pop.hide{animation:toastOut .35s var(--ease) both}.toast-pop .toast-ic{flex:0 0 auto;width:20px;height:20px;border-radius:999px;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800;font-style:normal}.toast-pop.success{background:#f2fdf7;border:1px solid #bfe9d4;color:#18a957}.toast-pop.success .toast-ic{background:#18a957}.toast-pop.error{background:#fff0f0;border:1px solid #ffd3d3;color:#d60000;box-shadow:0 14px 32px #d600001f}.toast-pop.error .toast-ic{background:#d60000}.toast-pop.info{background:#e6faff;border:1px solid #bdeef7;color:var(--cyan-deep)}.toast-pop.info .toast-ic{background:var(--cyan)}@keyframes toastIn{0%{opacity:0;transform:translate(14px,-8px) scale(.98)}to{opacity:1;transform:none}}@keyframes toastOut{0%{opacity:1;transform:none}to{opacity:0;transform:translate(14px,-8px) scale(.98)}}.alert{padding:13px 16px;border-radius:var(--radius);margin-bottom:16px;font-size:13.5px;font-weight:600;border:1px solid transparent;animation:popCard .22s var(--ease)}.alert-info{background:#e6faff;color:var(--cyan-deep);border-color:#bdeef7}.alert-success{background:#e4f8ef;color:#087450;border-color:#bfe9d4}.alert-error{background:#fff0f0;color:#d60000;border-color:#ffd3d3}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.badge.green{color:#087450;background:#e4f8ef}.badge.red{color:#be123c;background:#ffe4e6}.badge.amber{color:#9a5d00;background:#fff3d6}.spinner{width:34px;height:34px;margin:50px auto;border-radius:50%;border:3px solid var(--line);border-top-color:var(--cyan);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero{position:relative;overflow:hidden;border-radius:var(--radius);color:#fff;padding:26px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center;background:linear-gradient(135deg,#09b6cef0,#a646eee6);box-shadow:var(--shadow);animation:riseIn .44s var(--ease) both}.hero-info{position:relative;z-index:1}.hero-hello{margin:0;color:#ffffffd9;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.8px}.hero h1{margin:4px 0 8px;font-size:25px}.hero-sub{margin:0 0 16px;color:#ffffffd9}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-balance{display:flex;gap:14px;flex-wrap:wrap;position:relative;z-index:1}.hero.admin-hero{background:linear-gradient(135deg,#2a0f4d,#6d28d9 55%,#a855f7)}.hero.admin-hero:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,.35),transparent 70%);top:-130px;right:-70px;animation:blob 8s ease-in-out infinite alternate}.hero.admin-hero .hero-hello{color:#e9d5ff}.admin-bars span{background:linear-gradient(180deg,#a855f7f2,#6d28d9f2)!important}.admin-bars{background:linear-gradient(to top,rgba(139,92,246,.07) 1px,transparent 1px) 0 0 / 100% 25%,#fff!important}.hb-card{min-width:160px;padding:16px 18px;border-radius:var(--radius);background:#ffffff24;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:6px;transition:transform .22s var(--ease),background .22s var(--ease)}.hb-card:hover{transform:translateY(-4px);background:#fff3}.hb-card span{color:#fffc;font-size:11px;text-transform:uppercase;letter-spacing:.6px;font-weight:800}.hb-card b{font-size:24px}.auth-page{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:var(--nav)}.auth-page.admin{background:var(--grad-admin)}.auth-page:before,.auth-page:after{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.45;animation:blob 9s ease-in-out infinite alternate}.auth-page:before{width:420px;height:420px;background:#09b6ce;top:-120px;left:-100px}.auth-page:after{width:380px;height:380px;background:#a646ee;bottom:-110px;right:-80px;animation-delay:2.5s}.auth-page.admin:before{background:#a855f7}.auth-page.admin:after{background:#ec4899}@keyframes blob{0%{transform:translate(0) scale(1)}to{transform:translate(60px,40px) scale(1.15)}}.auth-card{width:400px;max-width:calc(100vw - 40px);z-index:2;background:#fffffff7;border-radius:14px;padding:34px;box-shadow:0 30px 80px #00000073;animation:riseIn .5s var(--ease) both}.auth-card h1{margin:0 0 6px;font-size:23px;font-weight:800}.auth-card p.sub{margin:0 0 22px;color:var(--muted)}.auth-card .form{max-width:none}.auth-links{margin-top:18px;font-size:13px;color:var(--muted);text-align:center}.auth-links a{color:var(--cyan-deep);text-decoration:none;font-weight:800}.auth-links a:hover{text-decoration:underline}.auth-page.admin .btn{background:var(--grad-admin-btn)}.auth-page.admin .auth-links a{color:#8c22d9}.auth-page.admin .form input:focus,.auth-page.admin .form select:focus{outline-color:#a855f7}.tree ul{list-style:none;padding-left:30px;border-left:2px dashed var(--line);margin:4px 0}.tree>ul{padding-left:0;border-left:0}.tree-node{display:inline-flex;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 16px;margin:7px 0;box-shadow:var(--shadow);transition:transform .22s var(--ease),box-shadow .22s var(--ease);animation:fade .35s var(--ease) both}.tree-node:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.tree-node .dot{width:10px;height:10px;border-radius:99px;background:var(--red)}.tree-node.active .dot{background:var(--green);animation:pulseCheck 1.8s ease-in-out infinite}.tree-node small{color:var(--muted)}@keyframes pulseCheck{0%,to{box-shadow:0 0 #20c76a52}50%{box-shadow:0 0 0 8px #20c76a00}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0714268c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;animation:fade .2s var(--ease)}.modal{width:min(680px,100%);max-height:calc(100vh - 60px);display:flex;flex-direction:column;background:#fff;border-radius:14px;box-shadow:0 30px 80px #0006;animation:popCard .25s var(--ease) both}.modal.wide{width:min(940px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px 14px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:16px;font-weight:800}.modal-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.modal-close{width:32px;height:32px;border:0;border-radius:8px;cursor:pointer;background:#f1f5f9;color:var(--muted);font-weight:800;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.modal-close:hover{background:var(--red);color:#fff;transform:rotate(90deg)}.modal-body{padding:16px 20px 20px;overflow-y:auto}.modal-body .table-wrap{box-shadow:none}.lt-panel{overflow-x:auto;background:linear-gradient(180deg,#fff,#f8fbfd)}.lt-tree,.lt-children{list-style:none;margin:0;padding:0}.lt-children{margin:6px 0 4px 20px;padding-left:18px;border-left:2px dashed rgba(9,182,206,.35)}.lt-item{margin:5px 0}.lt-node{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:8px 14px;border-radius:8px;font-size:13.5px;font-weight:600;cursor:default;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}.lt-node[role=button]{cursor:pointer}.lt-node:hover{transform:translate(4px);box-shadow:0 8px 18px #09b6ce21}.lt-root{color:#fff;font-weight:800;font-size:15px;background:linear-gradient(135deg,var(--cyan),var(--purple));box-shadow:var(--shadow)}.lt-parent{background:#eefcff;border:1px solid rgba(9,182,206,.18);color:#082237;font-weight:700}.lt-leaf{background:#fff;border:1px solid var(--line);color:#475569}.lt-caret{font-size:10px;transition:transform .22s var(--ease);color:inherit;opacity:.8}.lt-caret.open{transform:rotate(90deg)}.lt-dot{width:7px;height:7px;border-radius:99px;background:#09b6ce99}.lt-count{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;font-size:11px;font-weight:800;background:#09b6ce26;color:var(--cyan-deep)}.lt-root .lt-count{background:#ffffff40;color:#fff}.lt-node .badge{min-height:20px;font-size:10px;padding:0 8px}.lt-empty{color:var(--muted);font-size:12.5px;padding:6px 4px}.bt-wrapper{overflow-x:auto;padding:24px 12px}.bt-tree,.bt-tree ul{display:flex;justify-content:center;align-items:flex-start;list-style:none;margin:0;padding:0;position:relative}.bt-tree{min-width:1060px}.bt-tree ul{padding-top:26px;position:relative}.bt-tree li{display:flex;flex-direction:column;align-items:center;position:relative;padding:26px 8px 0}.bt-tree>li{padding-top:0}.bt-tree li:before,.bt-tree li:after{content:"";position:absolute;top:0;right:50%;width:50%;height:26px;border-top:2px solid #16b3cf}.bt-tree li:after{right:auto;left:50%;border-left:2px solid #16b3cf}.bt-tree li:first-child:before{border:0 none}.bt-tree li:last-child:after{border:0 none}.bt-tree li:last-child:before{border-right:2px solid #16b3cf;border-top:2px solid #16b3cf;border-radius:0 8px 0 0}.bt-tree li:first-child:after{border-radius:8px 0 0}.bt-tree>li:before,.bt-tree>li:after{display:none}.bt-tree ul:before{content:"";position:absolute;top:0;left:50%;width:0;height:26px;border-left:2px solid #16b3cf}.bt-card{width:128px;padding:16px 10px 14px;display:grid;justify-items:center;gap:10px;background:linear-gradient(180deg,#e9f6fb,#fff 85%);border:1px solid rgba(15,23,42,.06);border-radius:18px;box-shadow:0 8px 20px #0a16281a;cursor:pointer;text-align:center;transition:transform .22s var(--ease),box-shadow .22s var(--ease);animation:riseIn .4s var(--ease) both}.bt-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #0a16282e}.bt-card b{font-size:12.5px;color:var(--ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-card small{margin-top:-6px;color:var(--muted);font-size:10.5px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-ring{width:64px;height:64px;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:#fff}.bt-ring img{width:100%;height:100%;object-fit:cover;border-radius:999px}.bt-card.green .bt-ring{border:3px solid #22c55e;box-shadow:0 0 0 3px #22c55e40,0 0 18px 4px #22c55e8c}.bt-card.red .bt-ring{border:3px solid #ef4444;box-shadow:0 0 0 3px #ef444438,0 0 18px 4px #ef444480}.bt-card.empty{cursor:default}.bt-card.empty .bt-ring{border:3px solid #9ca3af;box-shadow:0 0 0 3px #9ca3af33}.bt-card.empty b{color:var(--muted)}.bt-card.empty:hover{transform:none;box-shadow:0 8px 20px #0a16281a}.bt-tree>li>.bt-card{width:150px}.bt-tree>li>.bt-card .bt-ring{width:72px;height:72px}.coming-soon{display:grid;place-items:center;text-align:center;padding:90px 20px}.coming-soon h1{font-size:32px;margin:0;color:var(--cyan-deep)}.coming-soon p{color:var(--muted);font-size:15px}.cs-orb{width:120px;height:120px;border-radius:50%;margin-bottom:22px;background:conic-gradient(from 0deg,var(--cyan),var(--green),var(--purple),var(--cyan));filter:blur(2px);opacity:.8;animation:spin 5s linear infinite,floatCard 3.4s ease-in-out infinite}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 28px 20px;padding:16px 18px;border:1px solid rgba(15,23,42,.06);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.app-footer strong{display:block;font-size:14px}.app-footer span{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:700}.hamburger{display:none;flex-direction:column;justify-content:center;gap:4.5px;width:40px;height:38px;border:0;border-radius:var(--radius);background:#fff;cursor:pointer;padding:9px;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.hamburger:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0822372e}.hamburger span{display:block;height:2.5px;border-radius:2px;background:var(--ink)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0714268c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .22s}.mobile-nav{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:40;grid-template-columns:repeat(5,1fr);gap:4px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#fffffff2;box-shadow:var(--shadow)}.mobile-nav a{display:grid;justify-items:center;gap:2px;padding:8px 4px;min-height:56px;border-radius:var(--radius);color:var(--muted);text-decoration:none;font-size:10.5px;font-weight:800}.mobile-nav a svg{width:17px;height:17px}.mobile-nav a.active{color:#fff;background:var(--cyan)}.shell.admin .mobile-nav a.active{background:#8c22d9}@media (max-width: 1100px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.sidebar{position:fixed;left:0;top:0;z-index:100;height:100vh;width:280px;flex-basis:280px;transform:translate(-104%);transition:transform .25s var(--ease);box-shadow:12px 0 40px #00000059}.sidebar.open{transform:translate(0)}.sidebar-backdrop.show{display:block;opacity:1}.hamburger{display:flex}.content{padding:16px 16px 96px}.who{display:none}.topbar{padding:8px 16px}.mobile-nav{display:grid}.app-footer{margin:20px 16px 90px;flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.topbar-title{display:none}.search-wrap input::placeholder{color:transparent}.page-title{font-size:20px}.grid.cols-4{grid-template-columns:1fr 1fr;gap:12px}.grid.cols-2{grid-template-columns:1fr}.stat-value{font-size:22px}.hero{padding:18px}.hero h1{font-size:20px}.hero-balance{width:100%}.hb-card{flex:1;min-width:130px}.card,.stat-card{padding:14px}.form{max-width:none}.row>label{min-width:100%}.auth-card{padding:26px 22px}.table-search{width:calc(100% - 28px)}th,td{padding:5px 12px;font-size:12.5px}.bar-chart{height:190px;gap:8px;padding-inline:14px}.tree ul{padding-left:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.otl{display:flex;flex-direction:column;padding:8px 4px}.otl-item{display:flex;gap:14px;padding:0 0 18px;position:relative}.otl-item:not(:last-child):before{content:"";position:absolute;left:6px;top:16px;bottom:0;width:2px;background:var(--line)}.otl-dot{width:14px;height:14px;border-radius:50%;background:#09b6ce;margin-top:3px;flex:0 0 auto;box-shadow:0 0 0 3px #09b6ce26}.shell.admin .otl-dot{background:#a855f7;box-shadow:0 0 0 3px #a855f726}.otl-item b{display:block}.otl-steps{display:flex;gap:8px;margin-bottom:20px}.otl-step{flex:1;text-align:center;opacity:.45}.otl-step.on{opacity:1}.otl-step .otl-num{width:30px;height:30px;margin:0 auto 6px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#e5e7eb;color:#6b7280}.otl-step.on .otl-num{background:linear-gradient(135deg,#09b6ce,#078ca0);color:#fff}.shell.admin .otl-step.on .otl-num{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.perm-tabs{display:flex;gap:8px;margin:16px 0 14px}.perm-tab{padding:9px 18px;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:var(--radius);font-weight:700;font-size:13px;cursor:pointer;transition:all .18s var(--ease)}.perm-tab:hover{color:var(--ink)}.perm-tab.active{color:#fff;border-color:transparent;background:var(--grad-admin-btn);box-shadow:var(--shadow)}.perm-wrap{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}@media (max-width:900px){.perm-wrap{grid-template-columns:1fr}}.perm-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:14px}.perm-field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}.perm-field input{padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius);font-size:14px}.perm-side-actions{display:flex;flex-wrap:wrap;gap:8px}.perm-copy,.perm-assign{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px dashed var(--line)}.perm-copy-lbl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.perm-hint{font-size:12px;color:var(--muted);line-height:1.5;margin:4px 0 0}.perm-hint b{color:var(--purple)}.perm-main{padding:0;overflow:hidden}.perm-empty{padding:60px 24px;text-align:center;color:var(--muted);font-size:14px}.perm-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.perm-toolbar .table-search{flex:1;min-width:160px}.perm-toolbar-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.perm-allchk{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ink);cursor:pointer}.perm-dirty{padding:6px 16px;font-size:12px;font-weight:700;color:var(--orange);background:#fff7ed;border-bottom:1px solid var(--line)}.perm-grid-wrap{overflow:auto;max-height:70vh}table.perm-grid{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}table.perm-grid th,table.perm-grid td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:center;white-space:nowrap}table.perm-grid thead th{position:sticky;top:0;z-index:3;background:#faf5ff;color:var(--ink);font-size:11px;font-weight:800}table.perm-grid thead th .perm-col-lbl{display:block;margin-bottom:4px}th.perm-menu-col,td.perm-menu-col{position:sticky;left:0;z-index:2;background:var(--panel);text-align:left;min-width:230px}table.perm-grid thead th.perm-menu-col{z-index:4;background:#faf5ff}.perm-menu-cell{display:flex;align-items:center;gap:8px}.perm-exp{border:none;background:transparent;cursor:pointer;font-size:12px;width:16px;color:var(--muted)}.perm-exp-spacer{display:inline-block;width:16px}.perm-menu-name{font-weight:600;color:var(--ink)}.perm-parent .perm-menu-name{font-weight:800}.perm-child td{background:#fcfbfe}.perm-ovr{font-size:9px;font-weight:800;text-transform:uppercase;color:#fff;background:var(--purple);padding:1px 6px;border-radius:20px;letter-spacing:.03em}table.perm-grid input[type=checkbox]{width:16px;height:16px;accent-color:#a855f7;cursor:pointer}table.perm-grid tbody tr:hover td{background:#f7f2ff}table.perm-grid tbody tr:hover td.perm-menu-col{background:#f3ecff}.perm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.perm-panel-filter{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.perm-pf{border:none;background:var(--panel);color:var(--muted);font-size:12px;font-weight:700;padding:6px 12px;cursor:pointer}.perm-pf+.perm-pf{border-left:1px solid var(--line)}.perm-pf.on{background:var(--grad-admin-btn);color:#fff}.mp-list{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow:auto;margin-top:6px}.mp-item{text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:8px 10px;cursor:pointer;transition:all .15s var(--ease)}.mp-item:hover{border-color:var(--purple)}.mp-item.on{border-color:var(--purple);background:#faf5ff}.mp-name{font-weight:700;font-size:13px;color:var(--ink)}.mp-sub{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);margin-top:2px}.mp-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.mp-tree{list-style:none;margin:0;padding:0}.mp-tree>li{margin-bottom:10px}.mp-tree-parent{font-weight:800;color:var(--ink);font-size:13px}.mp-tree ul{list-style:none;margin:6px 0 0;padding:0 0 0 14px;border-left:2px solid var(--line)}.mp-tree-child{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0;font-size:13px;color:var(--ink)}.mp-act{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#7c3aed;background:#f3e8ff;padding:1px 6px;border-radius:20px}