:root{--bg:#050910;--bg2:#08111d;--panel:rgba(10,20,34,.78);--panel2:rgba(12,25,43,.92);--line:rgba(95,163,229,.18);--line2:rgba(61,162,255,.38);--text:#f6f9ff;--muted:#91a4bb;--blue:#168bff;--cyan:#22d3ee;--green:#31d7a1;--red:#ff5574;--yellow:#f5c35d;--radius:22px;--shadow:0 24px 80px rgba(0,0,0,.42);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 10%,rgba(22,139,255,.09),transparent 30%),linear-gradient(180deg,#04070d 0%,#06101a 48%,#04080f 100%);color:var(--text);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.site-bg{position:fixed;inset:0;pointer-events:none;z-index:-2;overflow:hidden}.site-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 65%)}.site-bg i{position:absolute;border-radius:50%;filter:blur(100px);opacity:.18;animation:floatGlow 14s ease-in-out infinite}.site-bg i:nth-child(1){width:460px;height:460px;background:#006dff;right:-160px;top:80px}.site-bg i:nth-child(2){width:330px;height:330px;background:#00d9ff;left:-160px;top:540px;animation-delay:-5s}.site-bg i:nth-child(3){width:300px;height:300px;background:#0a5fff;right:20%;bottom:-180px;animation-delay:-9s}@keyframes floatGlow{50%{transform:translate3d(40px,-30px,0) scale(1.15)}}
.section-shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}.site-header{height:82px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:36px;padding:0 max(24px,calc((100vw - 1240px)/2));background:rgba(4,8,15,.78);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(20px)}.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{width:38px;height:38px;display:grid;place-items:center;font-weight:900;font-size:23px;color:#29b8ff;border:1px solid rgba(43,184,255,.55);border-radius:11px;transform:skew(-6deg);box-shadow:0 0 28px rgba(22,139,255,.22)}.brand strong{font-size:19px;letter-spacing:-.02em}.brand em{font-style:normal;color:var(--blue)}.brand.compact .brand-mark{width:32px;height:32px;font-size:19px}.brand.compact strong{font-size:16px}.main-nav{display:flex;align-items:center;gap:24px;margin:auto}.nav-link{position:relative;color:#a9b7c8;font-weight:600;font-size:14px;padding:30px 2px}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{content:"";position:absolute;left:10%;right:10%;bottom:17px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 12px var(--blue)}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:42px;height:42px;border:1px solid rgba(255,255,255,.08);border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.02)}.icon-btn .icon{width:18px;height:18px}.icon{width:22px;height:22px;display:inline-grid;place-items:center;flex:0 0 auto}.btn{min-height:42px;padding:0 18px;border-radius:13px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:750;color:#fff;transition:.22s ease;background:none}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#0d65ff,#1cb8ff);box-shadow:0 10px 34px rgba(22,139,255,.28),inset 0 1px rgba(255,255,255,.25)}.btn-primary:hover{box-shadow:0 14px 40px rgba(22,139,255,.42)}.btn-ghost{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.025)}.btn-soft{border-color:rgba(34,157,255,.28);background:rgba(22,139,255,.11);color:#a8d8ff}.btn-danger{background:rgba(255,70,103,.16);border-color:rgba(255,85,116,.35);color:#ff9bad}.ghost-danger{background:transparent}.btn-lg{min-height:54px;padding-inline:23px;border-radius:16px}.btn-block{width:100%}.mobile-menu{display:none;background:none;border:0;padding:7px}.mobile-menu span{display:block;width:25px;height:2px;background:#fff;margin:5px;border-radius:2px}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.13em;color:#6bc8ff;font-weight:800;font-size:11px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.eyebrow.plain{letter-spacing:.1em}.announcement-banner{position:relative;z-index:40;display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 55px;background:linear-gradient(90deg,rgba(10,95,180,.9),rgba(10,145,200,.88));border-bottom:1px solid rgba(255,255,255,.15);box-shadow:0 12px 38px rgba(0,82,180,.2)}.announcement-banner div{display:flex;gap:10px;align-items:center}.announcement-banner span{color:#dceeff;font-size:14px}.announcement-banner a{text-decoration:underline;font-weight:800}.announcement-banner button{position:absolute;right:18px;border:0;background:transparent;color:#fff;font-size:25px}.flash{position:fixed;top:96px;right:24px;z-index:100;max-width:430px;padding:15px 18px;border-radius:14px;border:1px solid var(--line2);background:#0b1727;box-shadow:var(--shadow);animation:slideIn .3s ease}.flash-success{border-color:rgba(49,215,161,.5)}.flash-error{border-color:rgba(255,85,116,.5)}.flash-info{border-color:rgba(55,168,255,.5)}@keyframes slideIn{from{opacity:0;transform:translateX(30px)}}
.hero{min-height:690px;display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center;padding-block:78px 65px}.hero-copy h1{font-size:clamp(54px,5.4vw,86px);line-height:.98;letter-spacing:-.065em;margin:24px 0 28px}.hero-copy h1 span{color:transparent;background:linear-gradient(100deg,#4a86ff,#18d5f1);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 50px rgba(23,157,255,.15)}.hero-copy>p{max-width:590px;color:#9badc1;font-size:17px;line-height:1.8}.hero-actions{display:flex;gap:12px;margin-top:30px}.trust-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;color:#738aa3;font-size:12px}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row .icon{width:17px;height:17px;color:#4ec3ff}.seller-panel{padding:26px;border:1px solid rgba(65,154,255,.3);background:linear-gradient(145deg,rgba(17,31,51,.93),rgba(5,12,23,.96));border-radius:28px;box-shadow:0 36px 100px rgba(0,0,0,.5),0 0 60px rgba(22,139,255,.1),inset 0 1px rgba(255,255,255,.07);position:relative;overflow:hidden}.seller-panel:before{content:"";position:absolute;inset:-2px;background:linear-gradient(115deg,rgba(34,211,238,.25),transparent 25%,transparent 75%,rgba(22,139,255,.15));pointer-events:none;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:1px;border-radius:28px}.panel-top,.panel-foot,.section-heading,.dash-card-head,.admin-top,.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-top small{color:#7b91aa}.panel-top h2{font-size:22px;margin:6px 0}.live-pills{display:flex;gap:8px}.live-pills span{padding:8px 12px;border:1px solid rgba(255,255,255,.09);border-radius:11px;color:#adbed0;font-size:12px}.live-pills .live{color:#52e5b8;background:rgba(49,215,161,.07);border-color:rgba(49,215,161,.18)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.metrics article{padding:17px;border-radius:16px;background:linear-gradient(145deg,rgba(25,42,66,.7),rgba(9,18,31,.8));border:1px solid rgba(255,255,255,.07)}.metrics small{display:block;color:#8195ad;font-size:11px}.metrics strong{display:block;font-size:21px;margin:8px 0}.metrics em{font-style:normal;color:#39dba7;font-size:11px}.chart-wrap{margin-top:15px}.chart-wrap svg{overflow:visible}.chart-grid path{stroke:rgba(130,172,215,.11);stroke-width:1;stroke-dasharray:3 5}.chart-line{stroke:#45c7ff;stroke-width:4;filter:url(#glow);stroke-dasharray:1;stroke-dashoffset:1}.chart-area{opacity:0}.chart-dot{fill:#4de0ff;stroke:#fff;stroke-width:2;filter:url(#glow);opacity:0}.chart-label rect{fill:#0d56a9;stroke:rgba(140,220,255,.4)}.chart-label text{fill:#fff;stroke:none;font-size:12px;font-weight:800}.chart-label{opacity:0}.chart-axis text{fill:#6f849e;stroke:none;font-size:10px}.chart-wrap.is-animated .chart-line{animation:drawLine 1.8s cubic-bezier(.4,0,.2,1) forwards}.chart-wrap.is-animated .chart-area{animation:fadeArea .8s 1s forwards}.chart-wrap.is-animated .chart-dot,.chart-wrap.is-animated .chart-label{animation:fadeArea .4s 1.65s forwards}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes fadeArea{to{opacity:1}}.panel-foot{padding:14px 16px;background:rgba(8,19,34,.72);border:1px solid rgba(255,255,255,.07);border-radius:15px}.panel-foot>span{display:grid;grid-template-columns:auto 1fr;column-gap:9px}.panel-foot .icon{grid-row:1/3;color:#35a7ff}.panel-foot b{font-size:13px}.panel-foot small{color:#71859d;font-size:10px}.product-section{padding:50px 0 110px}.section-heading{margin-bottom:27px}.section-heading h2{font-size:34px;margin:7px 0 0;letter-spacing:-.04em}.section-heading>a{color:#5bbcff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{min-height:330px;padding:23px;border-radius:22px;border:1px solid rgba(112,165,220,.16);background:linear-gradient(145deg,rgba(13,26,45,.88),rgba(5,13,24,.92));box-shadow:inset 0 1px rgba(255,255,255,.035);display:flex;flex-direction:column;transition:.3s ease;position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#0b7bff;filter:blur(70px);opacity:.09;right:-50px;top:-50px}.product-card:hover{transform:translateY(-7px);border-color:rgba(49,170,255,.42);box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 40px rgba(22,139,255,.07)}.product-icon,.library-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;color:#58bcff;background:linear-gradient(145deg,rgba(31,119,225,.22),rgba(12,36,67,.55));border:1px solid rgba(76,175,255,.35);box-shadow:inset 0 1px rgba(255,255,255,.08)}.product-icon .icon{width:29px;height:29px}.product-meta{position:absolute;right:20px;top:22px;display:flex;gap:7px}.product-meta span,.product-meta em,.chip,.tags span{font-style:normal;font-size:10px;letter-spacing:.05em;padding:6px 9px;border-radius:999px;background:rgba(29,104,205,.14);border:1px solid rgba(40,150,255,.22);color:#79c7ff}.product-meta em{color:#fff;background:#0a62d0}.product-card h3{font-size:21px;margin:20px 0 9px}.product-card p{color:#899cb3;line-height:1.65;font-size:14px;margin:0 0 18px}.tags{display:flex;flex-wrap:wrap;gap:7px}.product-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:22px}.product-bottom strong{font-size:20px;color:#6fc7ff}.feature-band{margin-bottom:100px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:rgba(9,20,35,.68);border-radius:22px;overflow:hidden}.feature-band article{display:flex;gap:15px;padding:26px;border-right:1px solid var(--line)}.feature-band article:last-child{border:0}.feature-band .icon{color:#3db8ff;width:28px;height:28px}.feature-band strong{font-size:15px}.feature-band p{margin:5px 0 0;color:#7f94aa;font-size:12px;line-height:1.5}.site-footer{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;padding:55px max(24px,calc((100vw - 1240px)/2));border-top:1px solid rgba(255,255,255,.07);background:#04080e;color:#8497ad}.site-footer>div{display:flex;flex-direction:column;gap:11px}.site-footer strong{color:#dce7f4}.site-footer p{max-width:330px;line-height:1.6;font-size:13px}.site-footer a:hover{color:#4bb8ff}
.catalog-page{padding-block:75px 110px}.catalog-head{display:grid;grid-template-columns:1fr .9fr;align-items:end;gap:70px;padding:35px;border:1px solid var(--line);border-radius:27px;background:linear-gradient(130deg,rgba(8,21,38,.86),rgba(5,13,24,.78));overflow:hidden;position:relative}.catalog-head:before{content:"";position:absolute;width:500px;height:200px;background:radial-gradient(ellipse,rgba(0,125,255,.18),transparent 70%);left:-100px;bottom:-100px}.catalog-head h1,.simple-page h1{font-size:52px;letter-spacing:-.055em;margin:17px 0 15px}.catalog-head p{color:#8ea3ba;line-height:1.7;max-width:600px}.catalog-search{padding:20px;border:1px solid rgba(70,157,240,.2);border-radius:20px;background:rgba(3,10,20,.62);display:flex;gap:10px}.catalog-search label{flex:1;height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(255,255,255,.08);border-radius:13px}.catalog-search .icon{width:18px}.catalog-search input{width:100%;background:transparent;border:0;outline:0;color:#fff}.catalog-tabs{display:flex;gap:8px;margin:25px 0}.catalog-tabs a{padding:12px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.08);color:#8fa4bb}.catalog-tabs a.active{background:rgba(22,139,255,.15);border-color:rgba(22,139,255,.45);color:#fff}.catalog-grid{grid-template-columns:repeat(3,1fr)}.product-detail{padding-block:55px 110px}.back-link{color:#73bfff;display:inline-block;margin-bottom:20px}.product-hero{display:grid;grid-template-columns:auto 1fr 310px;gap:26px;align-items:center;padding:32px;border:1px solid var(--line2);border-radius:28px;background:linear-gradient(130deg,rgba(11,26,46,.92),rgba(5,12,22,.94));box-shadow:var(--shadow)}.product-detail-icon{width:110px;height:110px;border-radius:27px;display:grid;place-items:center;color:#5dd0ff;background:linear-gradient(145deg,rgba(18,113,236,.32),rgba(8,30,57,.7));border:1px solid rgba(55,172,255,.48)}.product-detail-icon .icon{width:54px;height:54px}.product-detail-copy h1{font-size:44px;letter-spacing:-.05em;margin:12px 0}.product-detail-copy p{color:#9aadc1;line-height:1.7;max-width:680px}.purchase-card{padding:22px;border-radius:20px;border:1px solid rgba(61,160,255,.23);background:rgba(5,14,26,.85)}.purchase-card small{color:#7f94ad}.purchase-card>strong{display:block;font-size:32px;margin:8px 0 18px}.purchase-card p{font-size:11px;color:#71869f;line-height:1.5;margin-bottom:0}.owned-badge{color:#4de4b3;padding:10px 0}.detail-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:17px;margin-top:18px}.content-card,.dash-card,.admin-card{border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,rgba(11,24,41,.87),rgba(5,13,24,.9));box-shadow:inset 0 1px rgba(255,255,255,.035)}.content-card{padding:28px}.content-card h2{margin-top:0}.prose{color:#a1b2c4;line-height:1.85}.content-card dl{margin:0}.content-card dl div,.detail-list div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}dt{color:#7389a1}dd{margin:0;text-align:right}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.inspector-card{margin-top:18px}.inspector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.inspector-grid>div{padding:16px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.02)}.inspector-grid small{display:block;color:#7389a2;margin-bottom:7px}.inspector-grid strong{font-size:13px}
.auth-shell{min-height:calc(100vh - 82px);display:grid;grid-template-columns:minmax(430px,560px) 1fr;gap:55px;width:min(1120px,calc(100% - 40px));margin:auto;align-items:center;padding:55px 0}.auth-shell.single{grid-template-columns:minmax(420px,560px);justify-content:center}.auth-card{padding:36px;border:1px solid var(--line2);border-radius:27px;background:rgba(7,17,30,.92);box-shadow:var(--shadow)}.auth-brand{margin-bottom:35px}.auth-card h1{font-size:39px;letter-spacing:-.04em;margin:10px 0}.auth-card>p{color:#8ca0b6;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:17px;margin-top:25px}.auth-form label,.admin-form label{display:flex;flex-direction:column;gap:8px;color:#c7d5e4;font-size:13px;font-weight:650}.auth-form input,.admin-form input,.admin-form textarea,.admin-form select,.mini-search input,.reply-form textarea,.reply-form select{width:100%;border:1px solid rgba(115,162,209,.17);background:#081322;color:#fff;border-radius:13px;padding:13px 14px;outline:0;transition:.2s}.auth-form input:focus,.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus,.mini-search input:focus,.reply-form textarea:focus{border-color:#278fff;box-shadow:0 0 0 3px rgba(39,143,255,.1)}.password-input{position:relative}.password-input input{padding-right:90px}.password-input button{position:absolute;right:8px;top:7px;border:0;background:rgba(255,255,255,.05);color:#9bb1c8;border-radius:8px;padding:7px}.password-meter{height:5px;border-radius:5px;background:#172436;overflow:hidden}.password-meter i{display:block;height:100%;width:0;background:var(--red);transition:.2s}.auth-form small,.admin-form small{color:#71859b;font-weight:500}.check-row{flex-direction:row!important;align-items:center}.check-row input{width:17px!important}.captcha-dev{padding:12px;border-radius:11px;background:rgba(245,195,93,.08);border:1px solid rgba(245,195,93,.18);color:#d9be7c;font-size:12px}.auth-switch{text-align:center;color:#7f93aa;margin-top:22px}.auth-switch a{color:#50baff}.auth-side{padding:60px;position:relative}.auth-side h2{font-size:55px;line-height:1.04;letter-spacing:-.06em;max-width:600px}.auth-side p{color:#8fa3ba;line-height:1.7;max-width:520px}.orb{width:250px;height:250px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#61dfff,#0b68e6 35%,#04162e 72%);box-shadow:0 0 100px rgba(22,139,255,.32);animation:orb 6s ease-in-out infinite}@keyframes orb{50%{transform:translateY(-15px) scale(1.04)}}.form-errors{padding:13px;border-radius:13px;background:rgba(255,85,116,.09);border:1px solid rgba(255,85,116,.25);color:#ff9eb0;margin:15px 0;font-size:13px}.form-errors div+div{margin-top:6px}.verify-card{text-align:center}.verify-icon{width:68px;height:68px;border-radius:21px;display:grid;place-items:center;margin:0 auto 20px;background:rgba(22,139,255,.13);border:1px solid rgba(55,169,255,.31);font-size:30px}.code-input{font-size:28px!important;letter-spacing:.5em;text-align:center;padding-left:calc(14px + .5em)!important}.link-button{border:0;background:transparent;color:#5cbdff;margin-top:20px}.form-errors+form{margin-top:18px}
.dashboard-body,.admin-body{background:#040810}.dashboard-shell,.admin-shell{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.dashboard-sidebar,.admin-sidebar{position:sticky;top:0;height:100vh;border-right:1px solid rgba(255,255,255,.07);padding:25px 18px;background:linear-gradient(180deg,rgba(6,14,25,.98),rgba(4,9,17,.98));display:flex;flex-direction:column}.dashboard-sidebar nav,.admin-sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:40px}.dashboard-sidebar nav a,.admin-sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#8397ad;font-size:13px;font-weight:650}.dashboard-sidebar nav a:hover,.admin-sidebar nav a:hover,.dashboard-sidebar nav a.active,.admin-sidebar nav a.active{color:#fff;background:linear-gradient(90deg,rgba(22,139,255,.22),rgba(22,139,255,.06));border:1px solid rgba(52,158,255,.25);box-shadow:inset 3px 0 #168bff}.dashboard-sidebar .icon,.admin-sidebar .icon{width:18px;height:18px}.sidebar-logout{margin-top:auto;width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:#9cafc2}.dashboard-main,.admin-main{padding:30px 32px 70px;min-width:0}.dashboard-top,.admin-top{margin-bottom:26px}.dashboard-top small,.admin-top small{color:#5ba9e8;text-transform:uppercase;letter-spacing:.12em}.dashboard-top h1,.admin-top h1{font-size:30px;margin:5px 0;letter-spacing:-.04em}.user-pill,.admin-user{display:flex;align-items:center;gap:10px}.user-pill>span,.admin-user>span{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#1b87ff,#104192);font-weight:800}.user-pill div,.admin-user div{display:flex;flex-direction:column}.user-pill small,.admin-user small{color:#71869e}.profile-banner{display:flex;align-items:center;gap:18px;padding:25px;border:1px solid var(--line2);border-radius:23px;background:linear-gradient(115deg,rgba(14,44,79,.88),rgba(5,18,34,.93));overflow:hidden;position:relative}.profile-banner:after{content:"";position:absolute;right:130px;width:300px;height:100%;background:radial-gradient(ellipse,rgba(28,160,255,.2),transparent 65%)}.avatar-lg{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2aa6ff,#10429b);font-size:25px;font-weight:850;box-shadow:0 0 35px rgba(22,139,255,.28)}.profile-banner h2{margin:7px 0}.profile-banner p{color:#8da1b9;margin:0}.balance-box{margin-left:auto;position:relative;z-index:2}.balance-box small{display:block;color:#7e94ac}.balance-box strong{display:block;font-size:28px;margin:5px 0 12px}.stats-grid,.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.stats-grid article,.admin-stats article{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:17px;background:rgba(9,21,37,.82)}.stats-grid .icon,.admin-stats .icon{color:#3aafff;width:30px;height:30px}.stats-grid small,.admin-stats small{display:block;color:#71879f;font-size:11px}.stats-grid strong,.admin-stats strong{font-size:21px}.dashboard-columns,.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.span-2{grid-column:span 2}.dash-card,.admin-card{padding:20px}.dash-card.full,.admin-card.full{grid-column:1/-1}.dash-card-head{margin-bottom:18px}.dash-card-head h2{margin:0;font-size:18px}.dash-card-head p{margin:6px 0 0;color:#788ca3;font-size:12px}.dash-card-head>a{color:#55b7ff;font-size:12px}.library-list{display:flex;flex-direction:column;gap:8px}.library-list article{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(255,255,255,.018)}.library-icon{width:42px;height:42px;border-radius:12px}.library-icon .icon{width:21px}.library-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.library-copy strong{font-size:13px}.library-copy small{color:#71869c;font-size:10px}.library-list .btn{min-height:36px;padding-inline:12px;font-size:11px}.simple-list{display:flex;flex-direction:column}.simple-list article{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.055)}.simple-list article:last-child{border:0}.simple-list article>div{display:flex;flex-direction:column;gap:4px}.simple-list strong{font-size:12px}.simple-list small,.simple-list time{color:#6e839b;font-size:10px}.positive{color:#42d7a6}.negative{color:#ff7e96}.notification-list article.unread{border-left:2px solid #168bff;padding-left:10px}.ticket-mini-list a{display:flex;justify-content:space-between;padding:13px;border-bottom:1px solid rgba(255,255,255,.055)}.ticket-mini-list a div{display:flex;flex-direction:column;gap:5px}.ticket-mini-list strong{font-size:12px}.ticket-mini-list small{color:#6f849b;font-size:10px}.empty-state{grid-column:1/-1;padding:50px;text-align:center;color:#72869b;border:1px dashed rgba(95,159,220,.19);border-radius:17px}.empty-state.compact{padding:25px}.ticket-table{display:flex;flex-direction:column}.ticket-table>a{display:grid;grid-template-columns:70px 1fr 150px 150px;align-items:center;gap:15px;padding:15px;border-bottom:1px solid rgba(255,255,255,.06)}.status{display:inline-flex;width:max-content;padding:5px 8px;border-radius:8px;font-size:10px;font-style:normal;background:rgba(95,128,170,.12);color:#a2b2c5}.status-open,.status-active,.status-published,.status-paid{color:#49dfa9;background:rgba(49,215,161,.11)}.status-in_progress,.status-draft,.status-pending{color:#65baff;background:rgba(22,139,255,.12)}.status-waiting_user{color:#d1a5ff;background:rgba(164,75,230,.12)}.status-closed,.status-banned,.status-archived{color:#ff8ba0;background:rgba(255,85,116,.1)}.ticket-thread .messages{display:flex;flex-direction:column;gap:11px}.message{max-width:76%;padding:15px 17px;border:1px solid rgba(255,255,255,.07);border-radius:15px 15px 15px 4px;background:#0b192b}.message.admin-message{align-self:flex-end;border-radius:15px 15px 4px 15px;background:rgba(13,89,171,.3);border-color:rgba(46,158,255,.24)}.message header{display:flex;justify-content:space-between;gap:20px}.message header time{color:#71859c;font-size:10px}.message p{color:#b1c0d0;line-height:1.65;font-size:13px}.reply-form{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07)}.reply-form>div{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:10px}.reply-form select{width:200px}.form-card{max-width:900px}.admin-form{display:grid;gap:15px}.grid-form{grid-template-columns:repeat(2,1fr)}.admin-form .span-2{grid-column:span 2}.admin-form textarea{resize:vertical}.inspection-result{margin-top:25px}.inspection-result pre{white-space:pre-wrap;max-height:500px;overflow:auto;background:#040a12;border:1px solid var(--line);padding:18px;border-radius:14px;color:#8ed0ff;font-size:11px}.security-note{margin-top:25px;padding:16px;border:1px solid rgba(40,158,255,.22);border-radius:14px;background:rgba(22,139,255,.06)}
.admin-shell{grid-template-columns:240px 1fr}.sidebar-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#387dad;margin-top:38px}.admin-sidebar nav{margin-top:12px}.admin-user{margin-top:auto;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:14px}.admin-user>span{width:36px;height:36px}.admin-top>div:last-child{display:flex;gap:10px}.inline-form{display:inline-flex}.admin-stats{grid-template-columns:repeat(4,1fr)}.admin-card h2{font-size:17px}.bar-chart{height:260px;display:flex;align-items:flex-end;gap:8px;padding:20px 10px 0;border-bottom:1px solid rgba(255,255,255,.08);background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:100% 52px}.bar-chart>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.bar-chart i{width:56%;min-height:4px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#45c6ff,#0e5ee8);box-shadow:0 0 18px rgba(22,139,255,.25)}.bar-chart small{font-size:9px;color:#647b94;margin-top:8px}.bar-chart b{position:absolute;top:-7px;opacity:0;transition:.2s;background:#0a1727;padding:5px;border-radius:7px;font-size:9px}.bar-chart>div:hover b{opacity:1}.admin-rows{display:flex;flex-direction:column}.admin-rows>a{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.admin-rows>a>div{display:flex;flex-direction:column;gap:4px;flex:1}.admin-rows strong{font-size:12px}.admin-rows small{color:#6f849b;font-size:10px}.admin-rows span{font-size:11px}.mini-search{display:flex;gap:8px}.mini-search input{min-width:270px}.data-table{overflow:auto}.data-head,.data-row{display:grid;grid-template-columns:70px 1.5fr 1fr 1fr 1fr;gap:15px;align-items:center;min-width:760px;padding:13px 10px}.data-head{color:#6e849c;font-size:10px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.08)}.data-row{border-bottom:1px solid rgba(255,255,255,.05);font-size:12px}.data-row:hover{background:rgba(22,139,255,.04)}.data-row>span:nth-child(2),.data-row>span:first-child{display:flex;flex-direction:column;gap:4px}.data-row small{color:#6e8299}.products-table .data-head,.products-table .data-row{grid-template-columns:1.7fr .8fr .8fr .8fr .8fr}.ticket-admin-table .data-head,.ticket-admin-table .data-row{grid-template-columns:70px 1fr 2fr 1fr 1fr}.action-row{display:flex;gap:10px;flex-wrap:wrap}.announcement-admin-list{display:flex;flex-direction:column;gap:10px}.announcement-admin-list article{display:flex;gap:15px;padding:15px;border:1px solid rgba(255,255,255,.06);border-radius:14px}.announcement-admin-list article>div{flex:1}.announcement-admin-list strong{display:block;margin:10px 0 5px}.announcement-admin-list p{color:#8195ad;font-size:12px}.file-list{display:flex;flex-direction:column}.file-list article{display:flex;align-items:center;gap:14px;padding:13px;border-bottom:1px solid rgba(255,255,255,.06)}.file-list .icon{color:#47b7ff}.file-list article>div{flex:1;display:flex;flex-direction:column;gap:4px}.file-list small{color:#6d829a}.maintenance-shell{min-height:100vh;display:grid;place-items:center;padding:30px}.maintenance-card{width:min(650px,100%);text-align:center;padding:55px;border:1px solid var(--line2);border-radius:30px;background:rgba(7,17,30,.94);box-shadow:var(--shadow)}.maintenance-gear{font-size:60px;animation:spinSlow 9s linear infinite}@keyframes spinSlow{to{transform:rotate(360deg)}}.maintenance-card h1{font-size:47px;letter-spacing:-.05em;margin:18px 0}.maintenance-card p{color:#9badc0;line-height:1.8}.maintenance-until{margin:20px 0;color:#5bc0ff}.simple-page{padding-block:80px 120px}.simple-page .content-card{max-width:900px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}
@media(max-width:1050px){.main-nav{display:none}.site-header{justify-content:space-between}.header-actions{margin-left:auto}.mobile-menu{display:block}.hero{grid-template-columns:1fr;gap:35px}.hero-copy{max-width:760px}.seller-panel{max-width:760px}.product-grid{grid-template-columns:repeat(2,1fr)}.catalog-head{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,1fr)}.product-hero{grid-template-columns:auto 1fr}.purchase-card{grid-column:1/-1}.dashboard-shell,.admin-shell{grid-template-columns:82px 1fr}.dashboard-sidebar,.admin-sidebar{padding:22px 10px}.dashboard-sidebar .brand strong,.admin-sidebar .brand strong,.dashboard-sidebar nav a:not(.active){font-size:0}.dashboard-sidebar nav a,.admin-sidebar nav a{justify-content:center}.dashboard-sidebar nav a.active{font-size:0}.dashboard-sidebar .brand,.admin-sidebar .brand{justify-content:center}.sidebar-label,.admin-user div,.sidebar-logout{display:none}.admin-grid,.dashboard-columns{grid-template-columns:repeat(2,1fr)}.stats-grid,.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.section-shell{width:min(100% - 26px,1240px)}.site-header{height:70px;padding-inline:14px}.header-actions .btn-soft,.header-actions .btn-primary{display:none}.hero{padding-top:50px;min-height:auto}.hero-copy h1{font-size:50px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.seller-panel{padding:16px}.metrics{grid-template-columns:1fr}.live-pills{display:none}.product-grid,.catalog-grid,.detail-grid,.inspector-grid,.feature-band{grid-template-columns:1fr}.feature-band article{border-right:0;border-bottom:1px solid var(--line)}.site-footer{grid-template-columns:1fr 1fr;padding-inline:20px}.catalog-head{padding:24px}.catalog-head h1,.simple-page h1{font-size:40px}.catalog-search{flex-direction:column}.product-hero{grid-template-columns:1fr;padding:22px}.product-detail-icon{width:80px;height:80px}.product-detail-copy h1{font-size:36px}.auth-shell{grid-template-columns:1fr;padding:25px 0}.auth-side{display:none}.auth-card{padding:25px}.dashboard-shell,.admin-shell{display:block}.dashboard-sidebar,.admin-sidebar{position:fixed;left:0;right:0;top:auto;bottom:0;width:100%;height:68px;z-index:80;display:block;padding:7px;background:#06101b;border-top:1px solid rgba(255,255,255,.08);border-right:0}.dashboard-sidebar>.brand,.admin-sidebar>.brand,.dashboard-sidebar form,.admin-user,.sidebar-label{display:none}.dashboard-sidebar nav,.admin-sidebar nav{margin:0;display:flex;flex-direction:row;overflow:auto}.dashboard-sidebar nav a,.admin-sidebar nav a{min-width:58px;padding:12px}.dashboard-main,.admin-main{padding:20px 13px 95px}.dashboard-top,.admin-top{align-items:flex-start}.user-pill div{display:none}.profile-banner{align-items:flex-start;flex-wrap:wrap}.balance-box{margin-left:0;width:100%}.stats-grid,.admin-stats,.dashboard-columns,.admin-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.ticket-table>a{grid-template-columns:50px 1fr}.ticket-table>a em,.ticket-table>a time{display:none}.message{max-width:92%}.grid-form{grid-template-columns:1fr}.admin-form .span-2{grid-column:auto}.data-table{margin-inline:-10px}.bar-chart{overflow-x:auto}.bar-chart>div{min-width:38px}.announcement-banner div{flex-direction:column;gap:3px;align-items:flex-start}.announcement-banner{justify-content:flex-start;padding-left:17px}.announcement-banner a{display:none}.site-footer{padding-bottom:100px}.flash{left:12px;right:12px;top:80px}.panel-foot{flex-direction:column;align-items:flex-start}.chart-axis text{display:none}}
.xaoc-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:rgba(2,6,12,.76);backdrop-filter:blur(12px);animation:fadeArea .25s ease}.xaoc-popup{width:min(520px,100%);padding:34px;border-radius:25px;border:1px solid rgba(62,168,255,.38);background:linear-gradient(145deg,#0c2038,#071220);box-shadow:0 35px 110px rgba(0,0,0,.6),0 0 70px rgba(22,139,255,.12);position:relative}.xaoc-popup>button{position:absolute;right:16px;top:14px;border:0;background:rgba(255,255,255,.05);color:#fff;width:34px;height:34px;border-radius:10px;font-size:21px}.xaoc-popup>span{color:#58bfff;text-transform:uppercase;font-size:10px;letter-spacing:.13em}.xaoc-popup h2{font-size:30px;margin:13px 0}.xaoc-popup p{color:#96aac0;line-height:1.7;white-space:pre-line}.xaoc-toast{position:fixed;right:20px;bottom:20px;z-index:200;width:min(390px,calc(100% - 40px));animation:slideIn .3s ease}.xaoc-toast .xaoc-popup{padding:23px;border-radius:18px}.xaoc-toast .xaoc-popup h2{font-size:19px}.xaoc-toast .xaoc-popup p{font-size:13px}.xaoc-toast .btn{min-height:36px}.mobile-nav-open .main-nav{display:flex;position:fixed;top:70px;left:10px;right:10px;flex-direction:column;gap:0;padding:12px;background:#071221;border:1px solid var(--line2);border-radius:16px;box-shadow:var(--shadow)}.mobile-nav-open .main-nav .nav-link{width:100%;padding:13px}.mobile-nav-open .main-nav .nav-link.active:after{display:none}
.announcement-thumb{width:42px;height:42px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.18)}.xaoc-popup-image{width:100%;max-height:230px;object-fit:cover;border-radius:16px;margin-bottom:20px;border:1px solid rgba(255,255,255,.09)}

/* ========================================================================
   XAOC SHOP — PUBLISH READY UI 2.0
   Unified premium treatment for storefront, dashboard, admin and file manager.
   ======================================================================== */
:root{
  --page-max:1440px;
  --panel-glass:linear-gradient(145deg,rgba(9,22,40,.96),rgba(4,11,22,.96));
  --panel-glass-soft:linear-gradient(145deg,rgba(13,30,53,.84),rgba(5,13,25,.9));
  --neon-line:rgba(49,164,255,.34);
  --neon-shadow:0 28px 90px rgba(0,0,0,.45),0 0 55px rgba(17,122,255,.09);
}
body{font-feature-settings:"ss01" 1,"cv02" 1;text-rendering:optimizeLegibility}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(1000px 520px at 15% 14%,rgba(0,119,255,.11),transparent 66%),radial-gradient(860px 540px at 88% 4%,rgba(0,210,255,.075),transparent 70%)}
.section-shell{width:min(var(--page-max),calc(100% - 64px))}

.brand-mark{position:relative;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;background:transparent;width:44px!important;height:44px!important;overflow:visible}
.brand-mark b,.brand-mark i{position:absolute;inset:5px 9px;display:block;transform:skew(-22deg);border:3px solid #1f9dff;filter:drop-shadow(0 0 9px rgba(20,167,255,.6))}
.brand-mark b{clip-path:polygon(0 0,30% 0,100% 100%,70% 100%)}
.brand-mark i{clip-path:polygon(70% 0,100% 0,30% 100%,0 100%);border-color:#18d8ff}
.brand strong{font-size:21px}.brand.compact .brand-mark{width:37px!important;height:37px!important}.brand.compact strong{font-size:18px}
.site-header{height:88px;max-width:none;padding-inline:max(32px,calc((100vw - var(--page-max))/2));background:rgba(2,7,14,.83);border-color:rgba(99,166,235,.09);box-shadow:0 1px 0 rgba(255,255,255,.015);backdrop-filter:blur(26px) saturate(130%)}
.main-nav{gap:34px}.nav-link{font-size:15px;padding-block:34px}.nav-link.active:after{bottom:19px;height:3px;box-shadow:0 0 18px #168bff}
.header-actions{gap:12px}.icon-btn{background:rgba(5,13,25,.75);border-color:rgba(113,164,220,.15)}
.header-user{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 7px;border:1px solid rgba(109,163,220,.14);border-radius:14px;background:rgba(7,16,29,.75)}
.header-user>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:900;background:linear-gradient(145deg,#1d9bff,#1747a5);box-shadow:0 0 22px rgba(17,125,255,.25)}
.header-user div{display:flex;flex-direction:column}.header-user strong{font-size:12px}.header-user small{font-size:9px;color:#39dba7}

.hero{min-height:790px;grid-template-columns:.95fr 1.23fr;gap:72px;padding-block:86px 60px;position:relative}
.hero:before{content:"";position:absolute;left:-17vw;right:35%;top:38%;height:310px;background:radial-gradient(ellipse at center,rgba(0,123,255,.24),transparent 68%);filter:blur(35px);opacity:.55;pointer-events:none}
.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:clamp(58px,5.25vw,88px);line-height:1.01;max-width:720px;margin:28px 0 26px}.hero-copy>p{max-width:700px;font-size:18px;line-height:1.75;color:#a7b8ca}.eyebrow{padding:10px 17px;border:1px solid rgba(36,163,255,.2);border-radius:999px;background:rgba(6,27,47,.54);box-shadow:0 0 32px rgba(0,126,255,.09)}.eyebrow.plain{padding:0;border:0;background:none;box-shadow:none}
.hero-actions{margin-top:34px}.hero-actions .btn{min-width:218px}.trust-row{margin-top:30px;gap:26px;color:#91a5bb}
.seller-panel{padding:28px;border-radius:30px;background:linear-gradient(145deg,rgba(12,28,49,.97),rgba(3,9,18,.97));border-color:rgba(43,153,255,.45);box-shadow:0 34px 115px rgba(0,0,0,.55),0 0 90px rgba(0,129,255,.12),inset 0 1px rgba(255,255,255,.08)}
.seller-panel:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(68,180,255,.16),transparent 23%,transparent 76%,rgba(0,95,255,.08));pointer-events:none}.panel-top,.metrics,.chart-wrap,.panel-foot{position:relative;z-index:2}
.panel-top h2{font-size:28px}.metrics{gap:13px;margin-top:24px}.metrics article{padding:20px 19px;border-radius:18px;min-height:118px}.metrics strong{font-size:26px}.chart-wrap{margin:18px -4px 0}.panel-foot{margin-top:2px;padding:16px 18px}
.product-section{padding-top:38px}.section-heading{padding-bottom:16px;border-bottom:1px solid rgba(97,153,211,.16)}.section-heading h2{font-size:38px}.product-grid{gap:20px}.product-card{min-height:360px;padding:25px;border-radius:24px;background:linear-gradient(150deg,rgba(13,29,50,.95),rgba(3,10,20,.97));border-color:rgba(106,161,217,.2)}.product-card:hover{transform:translateY(-9px) scale(1.005)}.product-card h3{font-size:21px;margin:18px 0 9px}.product-card p{font-size:14px;line-height:1.65}.product-icon,.library-icon{background:linear-gradient(145deg,rgba(39,139,255,.28),rgba(10,28,52,.8));border:1px solid rgba(55,166,255,.42);box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 28px rgba(0,119,255,.11)}
.feature-band{border-radius:22px;margin-bottom:80px;background:linear-gradient(90deg,rgba(8,19,34,.94),rgba(5,13,25,.95));border-color:rgba(95,157,218,.16);box-shadow:var(--neon-shadow)}

.catalog-page{padding-top:48px}.catalog-head{padding:38px 40px;border-radius:30px;background:linear-gradient(145deg,rgba(11,29,51,.97),rgba(4,12,23,.97));border:1px solid rgba(45,156,255,.38);box-shadow:var(--neon-shadow);position:relative;overflow:hidden}.catalog-head:after{content:"";position:absolute;width:430px;height:260px;right:-120px;bottom:-150px;border-radius:50%;background:#087fff;filter:blur(90px);opacity:.16}.catalog-head h1{font-size:56px;margin:17px 0 16px}.catalog-head h1::first-letter{color:inherit}.catalog-head p{font-size:16px;line-height:1.75}.catalog-search{position:relative;z-index:2;padding:18px;border-radius:19px;background:rgba(2,8,16,.68);border:1px solid rgba(104,161,222,.18)}.catalog-search label{height:54px}.catalog-tabs{margin:24px 0;padding:8px;border:1px solid rgba(89,156,224,.16);background:rgba(7,16,29,.7);border-radius:17px}.catalog-tabs a{min-height:48px}.catalog-tabs a.active{background:linear-gradient(135deg,rgba(18,105,255,.95),rgba(20,165,255,.88));box-shadow:0 12px 30px rgba(0,105,255,.25)}.catalog-grid{grid-template-columns:repeat(3,1fr);gap:18px}.catalog-grid .product-card:first-child{border-color:#2faaff;box-shadow:0 0 0 1px rgba(32,166,255,.28),0 25px 75px rgba(0,0,0,.42),0 0 50px rgba(0,126,255,.1)}
.product-detail{padding-top:44px}.product-hero{padding:34px;border-radius:28px;background:var(--panel-glass);border-color:rgba(58,164,255,.35);box-shadow:var(--neon-shadow)}.product-detail-icon{width:108px;height:108px}.product-detail-copy h1{font-size:48px}.purchase-card{background:linear-gradient(150deg,rgba(13,38,69,.9),rgba(5,16,31,.96));border-color:rgba(65,164,255,.32);box-shadow:0 20px 55px rgba(0,0,0,.34)}.detail-grid .content-card,.inspector-card{background:var(--panel-glass);border-color:rgba(89,151,214,.17)}

.auth-shell{min-height:100vh;background:radial-gradient(circle at 72% 42%,rgba(0,132,255,.14),transparent 34%)}.auth-card{border-color:rgba(56,167,255,.34);background:linear-gradient(145deg,rgba(9,25,44,.98),rgba(3,10,19,.99));box-shadow:0 34px 110px rgba(0,0,0,.56),0 0 70px rgba(0,128,255,.08)}.auth-card h1{font-size:46px}.auth-side{background:linear-gradient(145deg,rgba(8,30,55,.84),rgba(3,12,24,.78));border-left:1px solid rgba(84,158,226,.15)}.auth-side h2{font-size:48px;line-height:1.03;max-width:650px}.auth-form label{font-size:12px}.auth-form input,.auth-form select,.auth-form textarea,.admin-form input,.admin-form select,.admin-form textarea,.mini-search input,.fm-modal input,.fm-modal select{background:rgba(3,11,21,.86)!important;border:1px solid rgba(112,165,218,.18)!important;box-shadow:inset 0 1px rgba(255,255,255,.02)}.auth-form input:focus,.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus,.mini-search input:focus,.fm-modal input:focus{border-color:#269fff!important;box-shadow:0 0 0 3px rgba(24,139,255,.12)!important}.turnstile-shell{padding:5px 0}.captcha-dev{border:1px dashed rgba(77,168,255,.25);color:#6f91b4;background:rgba(16,75,130,.08);padding:12px;border-radius:12px;font-size:11px;text-align:center}

.dashboard-body,.admin-body{background:radial-gradient(circle at 74% -10%,rgba(0,107,255,.09),transparent 31%),#02070e}.dashboard-shell{grid-template-columns:285px 1fr}.admin-shell{grid-template-columns:270px 1fr}.dashboard-sidebar,.admin-sidebar{padding:27px 20px;background:linear-gradient(180deg,rgba(4,12,22,.995),rgba(2,7,14,.995));border-color:rgba(92,153,213,.12);box-shadow:14px 0 55px rgba(0,0,0,.18)}.dashboard-sidebar .brand,.admin-sidebar .brand{padding:0 10px}.sidebar-home{display:flex;align-items:center;gap:12px;margin-top:28px;padding:13px 14px;border-radius:13px;color:#fff;background:linear-gradient(90deg,rgba(15,104,255,.85),rgba(21,154,255,.35));border:1px solid rgba(52,166,255,.55);box-shadow:0 10px 32px rgba(0,97,255,.22),inset 0 1px rgba(255,255,255,.12)}.sidebar-home .icon{width:18px;height:18px}.sidebar-label{margin:28px 11px 7px;color:#517ca8}.dashboard-sidebar nav,.admin-sidebar nav{margin-top:5px}.dashboard-sidebar nav a,.admin-sidebar nav a{min-height:45px;border:1px solid transparent}.dashboard-sidebar nav a:hover,.admin-sidebar nav a:hover{background:rgba(28,98,166,.11);border-color:rgba(63,152,234,.11)}.dashboard-sidebar nav a.active,.admin-sidebar nav a.active{background:linear-gradient(90deg,rgba(16,102,255,.25),rgba(15,80,150,.06));border-color:rgba(47,152,255,.3);box-shadow:inset 3px 0 #1aa7ff,0 8px 22px rgba(0,82,180,.1)}.sidebar-pro{margin-top:auto;padding:18px;border-radius:18px;background:linear-gradient(145deg,rgba(10,45,79,.82),rgba(4,18,34,.94));border:1px solid rgba(49,153,255,.2)}.sidebar-pro>span{color:#2ba8ff}.sidebar-pro strong{display:block;margin:9px 0 7px}.sidebar-pro p{color:#7189a2;font-size:11px;line-height:1.55}.sidebar-pro a{color:#49b7ff;font-size:11px;font-weight:800}.dashboard-sidebar .sidebar-logout{margin-top:12px}.admin-user{margin-top:auto;background:rgba(8,19,34,.75)}
.dashboard-main,.admin-main{padding:31px 34px 72px;max-width:1800px;width:100%;margin:auto}.dashboard-top,.admin-top{min-height:69px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid rgba(102,157,211,.1)}.dashboard-top h1,.admin-top h1{font-size:32px}.dashboard-top-actions,.admin-top-actions{display:flex;align-items:center;gap:11px}.admin-global-search{width:300px;height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid rgba(102,158,215,.15);border-radius:12px;background:rgba(4,12,23,.78)}.admin-global-search .icon{width:17px;color:#6888a8}.admin-global-search input{width:100%;border:0;background:transparent;color:#fff;outline:0}.user-pill{padding:6px 10px 6px 6px;border:1px solid rgba(105,161,218,.14);border-radius:14px;background:rgba(5,14,27,.65)}.user-pill small{color:#36d4a2}.profile-banner{padding:28px 30px;border-radius:25px;background:linear-gradient(110deg,rgba(13,48,87,.94),rgba(4,16,31,.96));border-color:rgba(49,164,255,.43);box-shadow:0 25px 70px rgba(0,0,0,.35),0 0 55px rgba(0,127,255,.08)}.profile-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(460px 130px at 78% 50%,rgba(16,149,255,.18),transparent 70%);pointer-events:none}.avatar-lg{width:84px;height:84px;font-size:29px}.stats-grid,.admin-stats{gap:14px;margin:16px 0 18px}.stats-grid article,.admin-stats article{min-height:103px;padding:19px;border-radius:19px;background:linear-gradient(145deg,rgba(10,28,49,.91),rgba(4,13,25,.96));border-color:rgba(94,158,219,.17);box-shadow:inset 0 1px rgba(255,255,255,.035)}.stats-grid strong,.admin-stats strong{font-size:24px}.dashboard-columns,.admin-grid{gap:16px}.dash-card,.admin-card{border-radius:20px;background:linear-gradient(145deg,rgba(8,22,39,.94),rgba(3,11,21,.97));border:1px solid rgba(91,152,212,.16);box-shadow:0 16px 46px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025)}.dash-card:hover,.admin-card:hover{border-color:rgba(61,157,247,.23)}.library-list article{padding:15px;border-radius:15px;background:linear-gradient(90deg,rgba(11,28,48,.78),rgba(5,15,28,.86));border-color:rgba(86,147,207,.13)}.library-icon{width:49px;height:49px}.library-copy strong{font-size:14px}.library-copy small{font-size:11px}.simple-list article{padding:14px 2px}.ticket-table>a{padding:17px 14px;border-radius:12px}.ticket-table>a:hover{background:rgba(17,99,178,.09)}.message{background:linear-gradient(145deg,#0a2038,#071725)}.form-card{max-width:1040px}.admin-form{gap:18px}.admin-form label{color:#a9b9ca}.admin-form input,.admin-form select{height:48px}.admin-form textarea{min-height:120px}.data-head,.data-row{padding:15px 13px}.data-row{min-height:58px}.data-row:hover{background:rgba(25,120,210,.07)}

.admin-stats{grid-template-columns:repeat(4,1fr)}.admin-stats article{position:relative;overflow:hidden}.admin-stats article:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:#0c8fff;filter:blur(55px);opacity:.08;right:-40px;top:-40px}.admin-stat-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(24,124,255,.22),rgba(7,31,59,.7));border:1px solid rgba(49,157,255,.3)}.admin-stat-icon .icon{width:28px;height:28px;color:#2db4ff}.admin-stats em{display:block;color:#4f7a9f;font-size:10px;font-style:normal;margin-top:4px}.sales-analytics{min-height:375px}.bar-chart{height:300px;gap:10px;padding:28px 12px 0;border-radius:14px;background-color:rgba(2,9,17,.3);background-size:100% 55px}.bar-chart i{width:62%;background:linear-gradient(180deg,#44d6ff,#1d73ff 58%,#1550be);box-shadow:0 0 23px rgba(26,123,255,.33);min-height:5px}.bar-chart b{top:-13px}.activity-list article{align-items:center}.activity-dot{width:8px;height:8px;border-radius:50%;background:#20b2ff;box-shadow:0 0 13px #20b2ff}.fm-shortcut{display:flex;align-items:center;gap:13px;padding:15px;margin-top:14px;border:1px solid rgba(47,159,255,.2);border-radius:14px;background:rgba(16,94,166,.08)}.fm-shortcut>.icon{color:#33b6ff}.fm-shortcut span{display:flex;flex-direction:column;gap:4px;flex:1}.fm-shortcut small{color:#6e87a0}.fm-shortcut b{color:#53bdff;font-size:11px}.admin-footer{text-align:center;padding:30px 0 0;color:#39536d;font-size:10px}

/* File manager */
.fm-shell{display:grid;gap:16px}.fm-hero{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:26px 28px;background:linear-gradient(110deg,rgba(10,42,75,.95),rgba(4,15,29,.98))}.fm-hero h2{font-size:26px;margin:8px 0}.fm-hero p{max-width:720px;color:#8198af;line-height:1.6;margin:0}.fm-stats{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:10px}.fm-stats article{padding:15px 17px;border:1px solid rgba(79,164,240,.18);border-radius:15px;background:rgba(3,13,24,.55)}.fm-stats small{display:block;color:#6684a2;font-size:10px}.fm-stats strong{display:block;margin-top:5px;font-size:20px}.fm-main-card{padding:0;overflow:visible}.fm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;border-bottom:1px solid rgba(90,152,211,.13)}.fm-breadcrumbs{display:flex;align-items:center;gap:7px;min-width:0;overflow:auto}.fm-breadcrumbs a{font-size:12px;color:#8eb2d3;white-space:nowrap}.fm-breadcrumbs a:last-child{color:#fff;font-weight:800}.fm-breadcrumbs span{color:#3e5d7b}.fm-search input{min-width:300px}.fm-actions-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:13px 18px;background:rgba(3,11,21,.5);border-bottom:1px solid rgba(90,152,211,.11)}.fm-actions-bar form{display:inline-flex}.fm-table-wrap{overflow:auto}.fm-table{width:100%;min-width:1050px;border-collapse:collapse}.fm-table th{text-align:left;padding:13px 16px;color:#557592;font-size:9px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid rgba(95,155,214,.12);background:rgba(2,9,18,.48)}.fm-table td{padding:13px 16px;border-bottom:1px solid rgba(78,133,188,.09);font-size:11px;color:#8199b0}.fm-table tr:hover td{background:rgba(12,82,145,.06)}.fm-name{display:flex;align-items:center;gap:12px}.fm-name>div{display:flex;flex-direction:column;gap:3px}.fm-name strong{font-size:12px;color:#eaf5ff}.fm-name small{font-size:9px;color:#507391}.fm-file-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:18px;border:1px solid rgba(82,159,228,.22);background:rgba(13,70,123,.15);color:#3db8ff}.fm-folder{color:#f6c85f;background:rgba(246,200,95,.08);border-color:rgba(246,200,95,.2)}.fm-python{color:#52bdff}.fm-archive{color:#b890ff}.fm-image{color:#48d9ac}.fm-code{color:#66a7ff}.fm-text{color:#b1c3d3}.fm-row-actions{display:flex;justify-content:flex-end;gap:5px}.fm-row-actions form{display:inline-flex}.btn-xs{min-height:30px;padding:0 9px;border-radius:9px;font-size:9px}.fm-backups{padding:20px}.fm-backup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.fm-backup-grid article{display:flex;align-items:center;gap:9px;padding:13px;border:1px solid rgba(89,151,211,.12);border-radius:13px;background:rgba(4,14,26,.62)}.fm-backup-grid article>div{display:flex;flex-direction:column;gap:4px;flex:1}.fm-backup-grid small{color:#63819d;font-size:9px}.fm-backup-grid form{display:inline-flex}.fm-modal{position:fixed;inset:0;z-index:220;display:none;place-items:center;padding:18px;background:rgba(0,4,10,.8);backdrop-filter:blur(14px)}.fm-modal.active{display:grid}.fm-modal-box{width:min(500px,100%);padding:26px;border-radius:22px;background:linear-gradient(145deg,#0b223b,#061321);border:1px solid rgba(54,164,255,.38);box-shadow:0 32px 100px rgba(0,0,0,.6);position:relative}.fm-modal-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.04);color:#fff;font-size:20px}.fm-modal h3{font-size:22px;margin:0 0 8px}.fm-modal p{color:#7992aa;line-height:1.55;font-size:12px;margin:0 0 18px}.fm-modal form{display:grid;gap:14px}.fm-modal label:not(.fm-dropzone){display:grid;gap:7px;color:#9bb0c4;font-size:11px}.fm-modal input{height:48px;border-radius:12px;padding:0 13px;color:#fff}.fm-dropzone{min-height:155px;display:grid;place-items:center;align-content:center;gap:7px;border:1.5px dashed rgba(53,169,255,.5);border-radius:17px;background:rgba(13,99,172,.08);position:relative;text-align:center;transition:.2s}.fm-dropzone:hover,.fm-dropzone.drag{border-color:#35cfff;background:rgba(16,125,210,.12)}.fm-dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.fm-dropzone span{font-weight:800}.fm-dropzone small{color:#6e8dab}.fm-editor-card{padding:0;overflow:hidden}.fm-editor-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid rgba(83,148,208,.13)}.fm-editor-head a{color:#4fbaff;font-size:10px}.fm-editor-head h2{margin:5px 0;font-size:19px}.fm-editor-head small{color:#66839e}.fm-version-form{display:flex;gap:8px}.fm-version-form select{min-width:250px;height:40px;border-radius:11px;background:#061321;border:1px solid rgba(92,153,212,.2);color:#fff;padding:0 11px}.fm-code-toolbar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(3,10,20,.75);border-bottom:1px solid rgba(83,148,208,.1)}.fm-code-toolbar label{display:flex;align-items:center;gap:8px;color:#6f8ca7;font-size:10px}.fm-code-toolbar input{width:260px;height:34px;border:1px solid rgba(92,153,212,.18);border-radius:9px;background:#030b15;color:#fff;padding:0 10px}.fm-code-toolbar>span{margin-left:auto;color:#5d7d99;font-size:10px}.fm-code-editor{display:block;width:100%;height:58vh;min-height:460px;resize:vertical;border:0;outline:0;padding:22px;background:#020812;color:#b7d9ef;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;tab-size:4;white-space:pre}.fm-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:13px 17px;border-top:1px solid rgba(83,148,208,.12)}.fm-editor-actions span{color:#66839e;font-size:10px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}

@media(max-width:1250px){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{max-width:900px}.seller-panel{max-width:900px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.dashboard-shell{grid-template-columns:245px 1fr}.admin-shell{grid-template-columns:235px 1fr}.admin-global-search{display:none}.fm-hero{align-items:flex-start;flex-direction:column}.fm-stats{width:100%}}
@media(max-width:950px){.section-shell{width:min(100% - 36px,var(--page-max))}.dashboard-shell,.admin-shell{grid-template-columns:82px 1fr}.dashboard-sidebar,.admin-sidebar{padding:20px 9px}.dashboard-sidebar .brand strong,.admin-sidebar .brand strong,.sidebar-home span,.dashboard-sidebar nav a,.admin-sidebar nav a{font-size:0}.dashboard-sidebar nav a,.admin-sidebar nav a,.sidebar-home{justify-content:center}.dashboard-sidebar nav a .icon,.admin-sidebar nav a .icon,.sidebar-home .icon{width:20px;height:20px}.sidebar-pro,.admin-user div,.sidebar-logout{display:none}.dashboard-main,.admin-main{padding-inline:20px}.dashboard-top-actions .btn{display:none}.fm-backup-grid{grid-template-columns:1fr}}
@media(max-width:720px){.section-shell{width:min(100% - 24px,var(--page-max))}.site-header{height:70px;padding-inline:13px}.header-user div,.header-actions>.icon-btn{display:none}.brand strong{font-size:17px}.brand-mark{width:36px!important;height:36px!important}.hero{padding-top:46px;gap:28px}.hero-copy h1{font-size:48px}.hero-copy>p{font-size:15px}.seller-panel{padding:16px;border-radius:22px}.panel-top h2{font-size:22px}.metrics article{min-height:0}.catalog-head{padding:24px 20px}.catalog-head h1{font-size:42px}.catalog-grid{grid-template-columns:1fr}.product-card{min-height:330px}.dashboard-shell,.admin-shell{display:block}.dashboard-sidebar,.admin-sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;height:70px;z-index:160;padding:7px 9px;display:flex;align-items:center;background:rgba(3,10,18,.98);border-top:1px solid rgba(81,151,218,.2)}.dashboard-sidebar>.brand,.admin-sidebar>.brand,.sidebar-home,.sidebar-label,.sidebar-pro,.admin-user,.dashboard-sidebar form{display:none}.dashboard-sidebar nav,.admin-sidebar nav{margin:0;display:flex;flex-direction:row;flex:1;overflow-x:auto;gap:3px}.dashboard-sidebar nav:nth-of-type(2){display:none}.dashboard-sidebar nav a,.admin-sidebar nav a{min-width:50px;min-height:50px;padding:12px;border-radius:12px}.dashboard-main,.admin-main{padding:17px 12px 92px}.dashboard-top,.admin-top{align-items:flex-start}.dashboard-top-actions .icon-btn,.user-pill div,.admin-top-actions .btn,.admin-top-actions form{display:none}.profile-banner{padding:20px}.stats-grid,.admin-stats{grid-template-columns:1fr 1fr}.admin-stats article{min-height:92px}.admin-stat-icon{width:46px;height:46px}.admin-stats strong{font-size:19px}.dashboard-columns,.admin-grid{grid-template-columns:1fr}.fm-toolbar{align-items:stretch;flex-direction:column}.fm-search{width:100%}.fm-search input{min-width:0;width:100%}.fm-stats{grid-template-columns:1fr}.fm-actions-bar{overflow-x:auto;flex-wrap:nowrap}.fm-actions-bar .btn{white-space:nowrap}.fm-backup-grid{grid-template-columns:1fr}.fm-editor-head{align-items:flex-start;flex-direction:column}.fm-version-form{width:100%;flex-direction:column}.fm-version-form select{min-width:0;width:100%}.fm-code-toolbar{flex-wrap:wrap}.fm-code-toolbar label{width:100%}.fm-code-toolbar input{width:100%}.fm-code-toolbar>span{margin-left:0}.fm-code-editor{min-height:420px}.fm-editor-actions{align-items:stretch;flex-direction:column}.fm-editor-actions .btn{width:100%}}
.rich-page{display:grid;gap:20px}.page-hero-card{padding:42px;border-radius:28px;background:linear-gradient(145deg,rgba(11,34,60,.95),rgba(4,13,25,.97));border:1px solid rgba(48,160,255,.35);box-shadow:var(--neon-shadow)}.page-hero-card h1{max-width:920px;margin:16px 0;font-size:clamp(42px,5vw,66px);line-height:1.04;letter-spacing:-.055em}.page-hero-card p{max-width:820px;color:#94a9be;font-size:17px;line-height:1.7}.page-hero-card small{color:#567693}.rich-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rich-grid article{min-height:240px}.rich-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:16px;background:rgba(20,123,226,.14);border:1px solid rgba(52,162,255,.26);color:#35b7ff}.rich-icon .icon{width:27px;height:27px}.rich-grid h2{margin:20px 0 10px}.rich-grid p,.legal-copy p{color:#91a6bb;line-height:1.75}.legal-copy{padding:32px}.legal-copy h2{margin:30px 0 9px;font-size:22px}.legal-copy h2:first-child{margin-top:0}.legal-copy .btn{margin-top:12px}@media(max-width:800px){.page-hero-card{padding:26px 20px}.rich-grid{grid-template-columns:1fr}.legal-copy{padding:23px}}
.fm-content-search{display:flex;gap:7px;margin-left:auto}.fm-content-search input{width:220px;height:42px;border-radius:12px;border:1px solid rgba(90,155,215,.18);background:#030c17;color:#fff;padding:0 12px}.fm-content-results{padding:18px;border-bottom:1px solid rgba(90,152,211,.12);background:rgba(5,20,36,.65)}.fm-content-results .dash-card-head{margin-bottom:10px}.fm-content-results h3{margin:0}.fm-content-results>a{display:flex;flex-direction:column;gap:5px;padding:11px 12px;border-radius:11px;border:1px solid rgba(80,148,211,.1);margin-top:7px;background:rgba(3,12,23,.55)}.fm-content-results>a:hover{border-color:rgba(51,169,255,.28)}.fm-content-results strong{font-size:11px;color:#5fc3ff}.fm-content-results span{font-size:10px;color:#7991a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:900px){.fm-content-search{margin-left:0}.fm-content-search input{width:180px}}@media(max-width:720px){.fm-content-search{width:100%}.fm-content-search input{width:100%}}
.auth-options{display:flex;align-items:center;justify-content:space-between;gap:15px}.auth-options>a{font-size:11px;color:#53baff}.auth-options .check-row{margin:0}
.status-main{display:flex;align-items:center;gap:22px;margin-top:20px}.status-main h1{margin:0}.status-orb{width:64px;height:64px;border-radius:50%;flex:0 0 auto}.status-orb.ok{background:#2fdb9f;box-shadow:0 0 0 12px rgba(47,219,159,.07),0 0 45px rgba(47,219,159,.45)}.status-orb.warning{background:#f5ba54;box-shadow:0 0 0 12px rgba(245,186,84,.07),0 0 45px rgba(245,186,84,.38)}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.status-grid article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px}.status-grid article>div{display:flex;flex-direction:column;gap:5px}.status-grid small{color:#6f89a2}.status-service{padding:7px 10px;border-radius:9px;font-size:10px;font-weight:800}.status-service.ok{color:#4ee0ad;background:rgba(47,219,159,.09)}.status-service.warning{color:#f5c66f;background:rgba(245,186,84,.09)}.status-service.info{color:#5bbcff;background:rgba(30,139,255,.09)}@media(max-width:720px){.status-main{align-items:flex-start;flex-direction:column}.status-grid{grid-template-columns:1fr}}
.automation-section{padding:30px 0 100px}.automation-section .section-heading>p{max-width:430px;color:#7d93aa;line-height:1.6}.automation-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.automation-steps article{position:relative;min-height:300px;padding:26px;border:1px solid rgba(91,153,212,.18);border-radius:23px;background:linear-gradient(145deg,rgba(9,24,43,.92),rgba(3,11,21,.96));overflow:hidden}.automation-steps article:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;bottom:-70px;background:#087fff;filter:blur(60px);opacity:.09}.automation-steps article>span{position:absolute;right:22px;top:17px;color:#1b4b74;font-size:37px;font-weight:900}.step-icon{width:57px;height:57px;display:grid;place-items:center;border-radius:17px;background:rgba(18,117,218,.15);border:1px solid rgba(53,163,255,.28);color:#39b7ff}.step-icon .icon{width:28px;height:28px}.automation-steps h3{font-size:21px;margin:34px 0 11px}.automation-steps p{color:#8097ad;line-height:1.7;font-size:13px}.showcase-split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:42px;margin-bottom:95px;border-radius:29px;background:linear-gradient(135deg,rgba(7,26,47,.95),rgba(3,10,20,.98));border:1px solid rgba(49,158,255,.3);box-shadow:var(--neon-shadow)}.showcase-copy h2{font-size:42px;line-height:1.08;letter-spacing:-.045em;margin:17px 0}.showcase-copy>p{color:#8fa5bb;line-height:1.75}.showcase-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.showcase-points span{font-size:12px;color:#9fc0d9}.code-window{border:1px solid rgba(77,159,232,.26);border-radius:20px;overflow:hidden;background:#020914;box-shadow:0 22px 70px rgba(0,0,0,.43)}.code-window header{height:48px;display:flex;align-items:center;gap:7px;padding:0 15px;background:#071526;border-bottom:1px solid rgba(79,148,211,.17)}.code-window header i{width:9px;height:9px;border-radius:50%;background:#ff657c}.code-window header i:nth-child(2){background:#f5c35d}.code-window header i:nth-child(3){background:#39d9a5}.code-window header span{margin-left:8px;color:#6384a1;font:10px ui-monospace,monospace}.code-window pre{margin:0;padding:27px;min-height:350px;color:#9ed5ef;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.code-window em{color:#bd8cff;font-style:normal}.code-window b{color:#76d99e}.code-window span{color:#48b7ff}.code-window small{color:#56aa84}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 42px;margin-bottom:105px;border-radius:26px;background:linear-gradient(110deg,rgba(10,63,116,.82),rgba(4,20,38,.96));border:1px solid rgba(46,167,255,.42);box-shadow:0 25px 80px rgba(0,0,0,.35),0 0 60px rgba(0,127,255,.09)}.cta-panel h2{font-size:35px;margin:12px 0 8px}.cta-panel p{margin:0;color:#8da5bb}@media(max-width:900px){.automation-steps{grid-template-columns:1fr}.showcase-split{grid-template-columns:1fr;padding:27px}.cta-panel{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.showcase-points{grid-template-columns:1fr}.showcase-copy h2{font-size:33px}.cta-panel{padding:28px 22px}.cta-panel h2{font-size:29px}}

/* ========================================================================
   XAOC SHOP — PUBLICATION UI 3.2
   Unified customer dashboard, support center, admin panel and file manager.
   ======================================================================== */
:root{--v3-bg:#02060c;--v3-panel:#06111e;--v3-panel-2:#081827;--v3-panel-3:#0b1e31;--v3-line:rgba(77,153,224,.18);--v3-line-strong:rgba(48,169,255,.44);--v3-blue:#0a84ff;--v3-cyan:#2bc7ff;--v3-muted:#7189a1;--v3-soft:#a9bed1;--v3-shadow:0 25px 85px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.025)}
.dashboard-body,.admin-body{background:radial-gradient(900px 500px at 70% -10%,rgba(0,113,255,.13),transparent 72%),#02060c}.dashboard-body .site-bg,.admin-body .site-bg{opacity:.42}.dashboard-body .site-header{height:72px;background:rgba(2,7,14,.9);border-color:rgba(65,142,211,.12)}
.dashboard-shell{width:min(1580px,calc(100% - 34px));min-height:calc(100vh - 94px);margin:18px auto 28px;display:grid;grid-template-columns:248px minmax(0,1fr);border:1px solid rgba(47,137,218,.22);border-radius:24px;overflow:hidden;background:rgba(2,8,15,.74);box-shadow:0 30px 110px rgba(0,0,0,.42)}
.dashboard-sidebar{position:relative;inset:auto;width:auto;height:auto;padding:22px 16px 18px;display:flex;flex-direction:column;gap:0;background:linear-gradient(180deg,rgba(4,14,25,.98),rgba(2,8,15,.98));border-right:1px solid rgba(67,143,211,.14);z-index:5}.dashboard-brand-row,.admin-brand-row{display:flex;align-items:center;justify-content:space-between;padding:0 8px 20px}.sidebar-close,.admin-brand-row>button{display:none;border:0;background:none;color:#fff;font-size:25px}.dashboard-sidebar .brand{display:flex}.dashboard-sidebar .brand strong{font-size:16px}.sidebar-home{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:56px!important;padding:10px 12px!important;border:1px solid rgba(67,144,214,.14)!important;border-radius:14px!important;background:rgba(8,35,62,.46)!important;font-size:initial!important;color:#bed5e8!important}.sidebar-home.active{border-color:rgba(35,145,255,.58)!important;background:linear-gradient(90deg,rgba(7,91,190,.33),rgba(5,39,75,.4))!important;box-shadow:0 0 30px rgba(0,112,255,.12),inset 3px 0 #168cff}.sidebar-home .icon{width:20px!important;height:20px!important;color:#33aeff}.sidebar-home span{display:flex!important;flex-direction:column;gap:3px;font-size:initial!important}.sidebar-home strong{font-size:12px}.sidebar-home small{font-size:9px;color:#5e7d99}.dashboard-sidebar .sidebar-label,.admin-sidebar .sidebar-label{display:block!important;margin:26px 10px 9px;color:#476883;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.dashboard-sidebar nav,.admin-sidebar nav{display:grid!important;gap:4px;margin:0!important}.dashboard-sidebar nav a,.admin-sidebar nav a{min-height:46px;padding:0 11px;border-radius:12px;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;color:#8099af;font-size:11px!important;font-weight:700;transition:.18s}.dashboard-sidebar nav a .icon,.admin-sidebar nav a .icon{width:18px!important;height:18px!important;color:#6889a8}.dashboard-sidebar nav a span,.admin-sidebar nav a span{display:inline!important;font-size:11px!important}.dashboard-sidebar nav a b,.admin-sidebar nav a b{margin-left:auto;color:#31536f;font-size:14px}.dashboard-sidebar nav a:hover,.dashboard-sidebar nav a.active,.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:#f4fbff;background:rgba(12,83,148,.13)}.dashboard-sidebar nav a.active,.admin-sidebar nav a.active{box-shadow:inset 2px 0 #168cff}.dashboard-sidebar nav a.active .icon,.admin-sidebar nav a.active .icon{color:#27b6ff}.sidebar-pro{display:grid!important;grid-template-columns:40px 1fr;gap:10px;margin-top:auto;padding:16px;border:1px solid rgba(59,151,231,.2);border-radius:16px;background:linear-gradient(145deg,rgba(9,53,96,.26),rgba(3,15,29,.7));overflow:hidden}.sidebar-pro>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(14,124,236,.16);color:#33b9ff}.sidebar-pro>span .icon{width:21px;height:21px}.sidebar-pro>div{display:flex;flex-direction:column;gap:3px}.sidebar-pro small{font-size:7px;color:#3e82b7;letter-spacing:.12em}.sidebar-pro strong{font-size:10px;line-height:1.35}.sidebar-pro p{margin:2px 0 0;color:#66829c;font-size:8px;line-height:1.5}.sidebar-pro>a{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:11px;border-top:1px solid rgba(76,144,204,.12);color:#3ebcff;font-size:9px;font-weight:800}.sidebar-pro>a .icon{width:14px;height:14px}.dashboard-sidebar form{display:block!important;margin-top:8px}.sidebar-logout{width:100%;min-height:42px;border:0;border-radius:11px;background:transparent;color:#58758e;display:flex!important;align-items:center;gap:10px;padding:0 11px;font-size:10px}.sidebar-logout:hover{background:rgba(255,80,110,.06);color:#ff8ea3}.sidebar-logout .icon{width:16px;height:16px}
.dashboard-main{min-width:0;padding:0!important;background:radial-gradient(700px 360px at 58% 0,rgba(0,101,215,.08),transparent 75%)}.dashboard-top{height:78px;padding:0 22px;border-bottom:1px solid rgba(67,143,211,.12);background:rgba(3,10,18,.75);backdrop-filter:blur(16px);position:sticky;top:72px;z-index:30}.dashboard-title{display:flex;flex-direction:column;gap:3px;min-width:150px}.dashboard-title small,.admin-title small{color:#41627f;font-size:8px;font-weight:800;letter-spacing:.12em}.dashboard-title h1,.admin-title h1{margin:0;font-size:20px;letter-spacing:-.035em}.dashboard-search{width:min(360px,30vw);height:40px;margin-left:auto;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid rgba(76,143,206,.13);border-radius:12px;background:rgba(2,9,17,.62)}.dashboard-search .icon{width:16px;height:16px;color:#4d718f}.dashboard-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:10px}.dashboard-top-actions{margin-left:12px}.notification-button{width:40px;height:40px}.user-pill{display:flex;align-items:center;gap:9px;padding:4px 8px 4px 4px;border:1px solid rgba(75,143,205,.14);border-radius:13px;background:rgba(5,19,34,.65)}.user-pill>span{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#0c8fff,#164cc1);font-size:10px;font-weight:900;box-shadow:0 0 18px rgba(10,132,255,.26)}.user-pill>div{display:flex;flex-direction:column;gap:2px}.user-pill strong{font-size:9px}.user-pill small{font-size:7px;color:#5d7a92}.user-pill small i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#27d59b;box-shadow:0 0 8px #27d59b;margin-right:3px}.user-pill>b{color:#42627e;font-size:10px}.dashboard-menu-toggle,.admin-menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(75,145,207,.16);border-radius:12px;background:rgba(3,13,24,.7);padding:11px}.dashboard-menu-toggle span,.admin-menu-toggle span{display:block;height:2px;background:#90a9be;margin:4px 0;border-radius:2px}.dashboard-content{padding:22px;display:grid;gap:16px}.dashboard-panel,.admin-card{border:1px solid var(--v3-line)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(7,20,35,.95),rgba(3,11,21,.98))!important;box-shadow:var(--v3-shadow)!important;overflow:hidden}.panel-kicker{display:block;color:#3c86b9;font-size:8px;font-weight:900;letter-spacing:.14em;margin-bottom:6px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 20px;border-bottom:1px solid rgba(78,144,204,.11)}.panel-heading.compact{padding:15px 16px}.panel-heading h2{margin:0;font-size:16px;letter-spacing:-.025em}.panel-heading h2 b{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:7px;background:rgba(8,116,224,.14);color:#48b9ff;font-size:8px;vertical-align:middle}.panel-heading p{margin:4px 0 0;color:#63809a;font-size:9px;line-height:1.5}.panel-heading>a,.panel-heading .panel-actions a{display:flex;align-items:center;gap:6px;color:#3abaff;font-size:9px;font-weight:800}.panel-heading>a .icon,.panel-actions .icon{width:13px;height:13px}
.account-hero{position:relative;min-height:142px;padding:23px 26px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-color:rgba(29,145,255,.42)!important;background:linear-gradient(100deg,rgba(7,36,67,.95),rgba(3,13,25,.97))!important}.account-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 42%,rgba(0,117,255,.05)),repeating-radial-gradient(ellipse at 72% 120%,transparent 0 24px,rgba(18,119,222,.12) 25px 26px);mask-image:linear-gradient(90deg,transparent 35%,#000);pointer-events:none}.account-identity{position:relative;z-index:2;display:flex;align-items:center;gap:18px}.account-avatar,.profile-avatar-xl{position:relative;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#12a3ff,#1648ba);box-shadow:0 0 0 5px rgba(19,127,238,.09),0 0 38px rgba(0,124,255,.26);font-size:23px;font-weight:850}.account-avatar i,.profile-avatar-xl i{position:absolute;right:2px;bottom:4px;width:14px;height:14px;border-radius:50%;background:#1ed49a;border:3px solid #061322;box-shadow:0 0 12px #1ed49a}.account-label{font-size:7px;color:#3e9fe0;letter-spacing:.13em;font-weight:900}.account-identity h2{margin:5px 0 3px;font-size:20px}.account-identity p{margin:0;color:#8aa0b6;font-size:10px}.account-identity small{display:flex;align-items:center;gap:6px;margin-top:8px;color:#557590;font-size:8px}.account-identity small .icon{width:13px;height:13px}.account-hero-glow{position:absolute;width:420px;height:130px;right:240px;background:#057dff;filter:blur(90px);opacity:.12}.hero-balance{position:relative;z-index:2;min-width:220px;padding-left:26px;border-left:1px solid rgba(68,143,208,.15);display:flex;flex-direction:column}.hero-balance>small{color:#6b849b;font-size:9px}.hero-balance strong{margin:4px 0 8px;font-size:27px;letter-spacing:-.04em}.hero-balance a{display:flex;align-items:center;gap:7px;color:#32b8ff;font-size:9px;font-weight:800}.hero-balance a .icon{width:13px;height:13px}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dashboard-metrics article{min-height:94px;padding:16px;display:flex;align-items:center;gap:13px;border:1px solid var(--v3-line);border-radius:16px;background:linear-gradient(145deg,rgba(8,24,42,.94),rgba(3,11,21,.98));box-shadow:inset 0 1px rgba(255,255,255,.025)}.metric-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(12,116,221,.12);border:1px solid rgba(49,157,255,.2);color:#2fb7ff}.metric-icon .icon{width:23px;height:23px}.metric-icon.updates{color:#4adad0}.metric-icon.support{color:#a188ff}.dashboard-metrics article>div{display:flex;flex-direction:column}.dashboard-metrics small{font-size:8px;color:#69849d}.dashboard-metrics strong{font-size:19px;margin:3px 0}.dashboard-metrics p{margin:0;color:#466682;font-size:7px}.customer-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.72fr);gap:14px;align-items:start}.plugin-library-panel{min-width:0}.dashboard-side-stack{display:grid;gap:14px}.compact-panel{min-width:0}.plugin-library-list{padding:8px 13px 13px;display:grid;gap:7px}.plugin-library-row{display:grid;grid-template-columns:44px minmax(190px,1fr) 70px 88px auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(75,141,201,.11);border-radius:13px;background:linear-gradient(90deg,rgba(7,27,48,.74),rgba(3,13,24,.82));transition:.18s}.plugin-library-row:hover{border-color:rgba(44,158,255,.3);transform:translateY(-1px)}.plugin-library-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle,#174e89,#071e38);border:1px solid rgba(47,162,255,.3);color:#58c6ff;box-shadow:0 0 22px rgba(9,126,243,.13)}.plugin-library-icon .icon{width:21px;height:21px}.plugin-library-main{display:flex;flex-direction:column;min-width:0}.product-type-label{font-size:6px;color:#297db7;letter-spacing:.12em;font-weight:900}.plugin-library-main strong{font-size:11px;margin:3px 0}.plugin-library-main small{font-size:8px;color:#57718a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plugin-library-meta{display:flex;flex-direction:column;gap:3px}.plugin-library-meta small{font-size:7px;color:#4e6c87}.plugin-library-meta strong{font-size:9px}.plugin-library-action .btn{min-height:36px;padding:0 12px;border-radius:10px;font-size:8px}.plugin-library-action .icon{width:14px;height:14px}.file-pending{font-size:8px;color:#728ba1}.finance-list,.dashboard-notification-list,.ticket-widget-list{padding:6px 13px 13px}.finance-list article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid rgba(73,134,191,.09)}.finance-list article:last-child{border-bottom:0}.finance-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(10,109,210,.12);border:1px solid rgba(39,151,251,.19);color:#3eb9ff}.finance-icon.income{color:#2ad5a0;background:rgba(36,210,153,.08);border-color:rgba(36,210,153,.15)}.finance-icon .icon{width:17px;height:17px}.finance-list article>div{display:flex;flex-direction:column;min-width:0}.finance-list strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-list small{font-size:7px;color:#506c86;margin-top:3px}.finance-list b{font-size:9px}.dashboard-notification-list article{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:10px;padding:11px 2px;border-bottom:1px solid rgba(73,134,191,.09)}.dashboard-notification-list article:last-child{border-bottom:0}.dashboard-notification-list article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(10,103,197,.11);color:#39b8ff}.dashboard-notification-list article>span .icon{width:17px;height:17px}.dashboard-notification-list article>div{min-width:0}.dashboard-notification-list strong{display:block;font-size:9px}.dashboard-notification-list p{margin:3px 0;color:#647e96;font-size:7.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard-notification-list small{font-size:7px;color:#42637e}.dashboard-notification-list>a{color:#3abaff;display:grid;place-items:center}.dashboard-notification-list>a .icon{width:14px;height:14px}.dashboard-notification-list .unread{position:relative}.dashboard-notification-list .unread:before{content:"";position:absolute;right:2px;top:12px;width:5px;height:5px;border-radius:50%;background:#138bff;box-shadow:0 0 9px #138bff}.tickets-widget>.btn{width:calc(100% - 26px);margin:12px 13px 5px;min-height:40px;font-size:9px}.ticket-widget-list>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px;border-bottom:1px solid rgba(73,134,191,.09)}.ticket-widget-list>a:last-child{border-bottom:0}.ticket-widget-list>a>div{display:grid;grid-template-columns:auto auto;gap:3px 7px;min-width:0}.ticket-widget-list strong,.ticket-widget-list small{grid-column:1/-1}.ticket-number{color:#2d9fdf;font-size:7px;font-weight:900}.ticket-widget-list em{font-size:6px}.ticket-widget-list strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-widget-list small{font-size:7px;color:#4c6983}.ticket-widget-list>a>.icon{width:14px;height:14px;color:#426b8d}.rich-empty{padding:34px!important;display:grid!important;place-items:center;text-align:center;gap:7px}.rich-empty>span{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:rgba(12,114,218,.1);border:1px solid rgba(46,158,255,.2);color:#43baff}.rich-empty>span .icon{width:24px;height:24px}.rich-empty strong{font-size:12px}.rich-empty p{margin:0;color:#58748e;font-size:9px}.empty-cta{display:block;width:max-content;margin:0 auto 22px;color:#3abaff;font-size:9px;font-weight:800}
/* Full dashboard subpages */
.dashboard-content>.dash-card.full,.dashboard-content>.dash-card.form-card{border:1px solid var(--v3-line);border-radius:18px;background:linear-gradient(145deg,rgba(7,20,35,.95),rgba(3,11,21,.98));box-shadow:var(--v3-shadow);padding:0}.dashboard-content>.dash-card .dash-card-head{padding:19px 20px;border-bottom:1px solid rgba(78,144,204,.11)}.dashboard-content>.dash-card .dash-card-head h2{font-size:16px}.dashboard-content>.dash-card .dash-card-head p{font-size:9px}.dashboard-content>.dash-card .plugin-library-list{padding:12px}.dashboard-content>.dash-card .finance-list,.dashboard-content>.dash-card .dashboard-notification-list{padding:12px 20px}.tickets-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:4px 2px}.tickets-page-head h2{font-size:26px;margin:5px 0}.tickets-page-head p{margin:0;color:#6a8399;font-size:10px}.ticket-center{padding:0}.ticket-filters,.admin-ticket-filters{display:flex;gap:8px;padding:14px 17px;border-bottom:1px solid rgba(78,144,204,.11)}.ticket-filters label,.admin-ticket-filters label{height:42px;flex:1;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(76,143,206,.16);border-radius:11px;background:#030c17}.ticket-filters label .icon,.admin-ticket-filters label .icon{width:16px;height:16px;color:#4f728f}.ticket-filters input,.admin-ticket-filters input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:9px}.ticket-filters select,.admin-ticket-filters select{height:42px;min-width:170px;border:1px solid rgba(76,143,206,.16);border-radius:11px;background:#030c17;color:#9eb3c5;padding:0 10px;font-size:9px}.ticket-filters .btn,.admin-ticket-filters .btn{min-height:42px;font-size:9px}.ticket-tabs{display:flex;gap:20px;padding:13px 18px;border-bottom:1px solid rgba(78,144,204,.09);overflow:auto}.ticket-tabs span{white-space:nowrap;color:#55758f;font-size:8px;font-weight:800}.ticket-tabs span.active{color:#42b9ff}.ticket-tabs b{display:inline-grid;place-items:center;min-width:18px;height:17px;padding:0 5px;margin-left:4px;border-radius:6px;background:rgba(13,119,220,.12)}.ticket-list-modern{padding:8px 13px 13px}.ticket-list-modern>a{display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:13px;border:1px solid transparent;border-bottom-color:rgba(72,133,190,.09);border-radius:12px;transition:.18s}.ticket-list-modern>a:hover{background:rgba(9,72,131,.08);border-color:rgba(48,153,247,.19)}.ticket-list-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(13,113,212,.1);color:#3abaff}.ticket-list-icon .icon{width:20px;height:20px}.ticket-list-copy{display:flex;flex-direction:column;min-width:0}.ticket-list-copy>div{display:flex;align-items:center;gap:7px}.ticket-list-copy>div b{font-size:7px;color:#348fc7}.ticket-list-copy strong{font-size:10px;margin:4px 0}.ticket-list-copy small{font-size:7px;color:#526f88}.ticket-list-arrow{display:grid;place-items:center;color:#456b88}.ticket-list-arrow .icon{width:15px;height:15px}.priority{display:inline-flex;align-items:center;width:max-content;padding:3px 6px;border-radius:6px;font-size:6px;font-style:normal;text-transform:uppercase;letter-spacing:.06em;background:rgba(91,110,129,.12);color:#7f96aa}.priority-urgent{color:#ff6b86;background:rgba(255,74,105,.1)}.priority-high{color:#f3af57;background:rgba(243,175,87,.1)}.priority-normal{color:#49b9ff;background:rgba(37,145,235,.1)}.priority-low{color:#6e8ba3}.ticket-create-layout,.profile-page-grid,.ticket-thread-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.58fr);gap:14px;align-items:start}.ticket-create-card{overflow:hidden}.premium-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px}.premium-form label{display:grid;gap:7px;color:#7891a8;font-size:9px}.premium-form label>span{font-weight:800;color:#9bb0c3}.premium-form input,.premium-form select,.premium-form textarea{width:100%;border:1px solid rgba(77,143,204,.18);border-radius:12px;background:#030c17;color:#f5fbff;outline:0;padding:0 12px;transition:.18s}.premium-form input,.premium-form select{height:46px}.premium-form textarea{padding:12px;resize:vertical;line-height:1.6}.premium-form input:focus,.premium-form select:focus,.premium-form textarea:focus{border-color:rgba(40,166,255,.56);box-shadow:0 0 0 3px rgba(12,132,235,.09)}.premium-form small{color:#4e6c86;font-size:7px}.premium-form .span-2{grid-column:1/-1}.upload-field input{height:auto;padding:12px}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.ticket-help-card{padding:22px}.ticket-help-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:rgba(15,118,222,.12);color:#3abaff;border:1px solid rgba(49,159,255,.22)}.ticket-help-icon .icon{width:25px;height:25px}.ticket-help-card h3{font-size:17px;margin:18px 0}.ticket-help-card ol{list-style:none;padding:0;margin:0;display:grid;gap:14px;counter-reset:steps}.ticket-help-card li{counter-increment:steps;display:grid;grid-template-columns:25px 1fr;column-gap:9px}.ticket-help-card li:before{content:counter(steps);grid-row:1/3;width:23px;height:23px;border-radius:7px;display:grid;place-items:center;background:rgba(12,114,216,.12);color:#3db8ff;font-size:8px;font-weight:900}.ticket-help-card li b{font-size:9px}.ticket-help-card li span{font-size:8px;color:#5b768f;margin-top:3px}.support-online{display:flex;align-items:center;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid rgba(78,144,204,.11)}.support-online>i{width:9px;height:9px;border-radius:50%;background:#2ed59f;box-shadow:0 0 13px #2ed59f}.support-online span{display:flex;flex-direction:column}.support-online strong{font-size:9px}.support-online small{font-size:7px;color:#5a7891}.ticket-conversation{overflow:hidden}.conversation-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(78,144,204,.11)}.conversation-head a{font-size:8px;color:#489fd7}.conversation-head>div>div{display:flex;align-items:center;gap:7px;margin-top:15px}.conversation-head h2{font-size:19px;margin:6px 0 0}.conversation-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(9,111,214,.12);color:#3db8ff}.conversation-icon .icon{width:23px;height:23px}.modern-messages{padding:20px;display:grid;gap:18px;max-height:620px;overflow:auto}.modern-messages .message{display:flex;align-items:flex-start;gap:10px;background:none;border:0;padding:0}.message-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,#0d7ddc,#113d85);font-size:8px;font-weight:900}.admin-message .message-avatar{background:linear-gradient(145deg,#703cff,#2445b4)}.message-bubble{max-width:78%;padding:13px 14px;border:1px solid rgba(80,147,207,.14);border-radius:5px 14px 14px;background:rgba(6,24,42,.82)}.admin-message{flex-direction:row-reverse}.admin-message .message-bubble{border-radius:14px 5px 14px 14px;background:rgba(18,50,87,.76);border-color:rgba(47,151,246,.24)}.message-bubble header{display:flex;align-items:center;justify-content:space-between;gap:14px}.message-bubble header strong{font-size:9px}.message-bubble header strong span{display:inline-block;margin-left:6px;padding:3px 6px;border-radius:5px;background:rgba(105,68,255,.14);color:#ad94ff;font-size:6px}.message-bubble time{color:#4c6c87;font-size:7px}.message-bubble p{margin:8px 0 0;color:#a6b9c9;font-size:9px;line-height:1.65}.message-attachment{display:flex;align-items:center;gap:7px;margin-top:10px;color:#40b9ff;font-size:8px}.message-attachment .icon{width:15px;height:15px}.premium-reply{border-top:1px solid rgba(78,144,204,.11);padding:16px 20px}.premium-reply>label{display:grid;gap:7px;color:#7891a8;font-size:8px}.premium-reply textarea{width:100%;border:1px solid rgba(77,143,204,.18);border-radius:12px;background:#030c17;color:#fff;padding:12px;outline:0;resize:vertical}.reply-actions{display:flex;align-items:center;gap:8px;margin-top:10px}.reply-file{height:40px;padding:0 11px;display:flex!important;align-items:center!important;gap:7px;border:1px solid rgba(77,143,204,.16);border-radius:10px;color:#7d99b1!important;cursor:pointer}.reply-file .icon{width:15px;height:15px}.reply-file input{display:none}.reply-actions select{height:40px;border:1px solid rgba(77,143,204,.16);border-radius:10px;background:#030c17;color:#9eb3c6;padding:0 10px;font-size:8px}.reply-actions .btn{margin-left:auto;min-height:40px;font-size:8px}.reply-actions .btn .icon{width:14px;height:14px}.closed-ticket-note{display:flex;align-items:center;gap:12px;padding:18px 20px;border-top:1px solid rgba(78,144,204,.11);color:#42d5a6}.closed-ticket-note>.icon{width:25px;height:25px}.closed-ticket-note strong{font-size:10px}.closed-ticket-note p{margin:3px 0 0;color:#5c788f;font-size:8px}.ticket-details{padding:21px;position:sticky;top:166px}.ticket-details h3{margin:5px 0 20px;font-size:17px}.ticket-details dl{margin:0;display:grid}.ticket-details dl>div{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid rgba(76,138,197,.1)}.ticket-details dt{color:#5c7992;font-size:8px}.ticket-details dd{margin:0;color:#b6c8d7;font-size:8px;text-align:right}.ticket-details dd small{display:block;color:#4f6d87;margin-top:3px}.ticket-security-note{display:flex;gap:9px;margin-top:18px;padding:13px;border-radius:11px;background:rgba(11,99,181,.08);border:1px solid rgba(37,143,236,.13);color:#3fb7ff}.ticket-security-note .icon{width:17px;height:17px}.ticket-security-note p{margin:0;color:#63819a;font-size:7px;line-height:1.5}
/* Profile */
.profile-page-hero{padding:23px;display:flex;align-items:center;gap:17px;position:relative;overflow:hidden}.profile-page-hero:after{content:"";position:absolute;right:-60px;top:-90px;width:380px;height:220px;background:#087eff;filter:blur(100px);opacity:.1}.profile-avatar-xl{width:82px;height:82px;font-size:23px;flex:0 0 auto}.profile-page-copy{position:relative;z-index:2;flex:1}.profile-page-copy h2{margin:5px 0 2px;font-size:22px}.profile-page-copy p{margin:0;color:#8199af;font-size:10px}.profile-page-copy>div{display:flex;gap:13px;margin-top:9px}.profile-page-copy>div span{display:flex;align-items:center;gap:5px;color:#5f7d96;font-size:7px}.profile-page-copy>div .icon{width:13px;height:13px;color:#36c99b}.profile-page-hero>.btn{position:relative;z-index:2}.profile-settings-card{overflow:hidden}.profile-form{padding-top:18px}.form-divider{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid rgba(74,141,202,.11);border-radius:12px;background:rgba(4,17,31,.65)}.form-divider>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(14,112,213,.1);color:#3db8ff}.form-divider>span .icon{width:19px;height:19px}.form-divider strong{font-size:9px}.form-divider p{margin:3px 0 0;color:#53718b;font-size:7px}.profile-side-stack{display:grid;gap:14px}.account-health{padding:21px}.account-health h3{font-size:17px;margin:5px 0}.health-score{display:flex;align-items:baseline;margin:15px 0}.health-score span{font-size:44px;font-weight:900;color:transparent;background:linear-gradient(120deg,#35cfff,#1c72ff);background-clip:text;-webkit-background-clip:text}.health-score small{color:#4e6e88;font-size:9px}.account-health ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.account-health li{display:flex;align-items:center;gap:9px}.account-health li>.icon{width:17px;height:17px;color:#35d3a1}.account-health li span{display:flex;flex-direction:column}.account-health li strong{font-size:8px}.account-health li small{font-size:7px;color:#4f6f89;margin-top:2px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:12px}.profile-stats article{display:flex;align-items:center;gap:8px;padding:10px;border-right:1px solid rgba(74,137,195,.1)}.profile-stats article:last-child{border-right:0}.profile-stats article>span{color:#38b9ff}.profile-stats article>span .icon{width:19px;height:19px}.profile-stats article div{display:flex;flex-direction:column}.profile-stats strong{font-size:14px}.profile-stats small{font-size:7px;color:#55728c}.password-input{display:flex;border:1px solid rgba(77,143,204,.18);border-radius:12px;background:#030c17;overflow:hidden}.premium-form .password-input input{border:0;border-radius:0}.password-input button{border:0;background:transparent;color:#50b7ef;padding:0 12px;font-size:8px}
/* Admin 3.2 */
.admin-shell{width:min(1620px,calc(100% - 28px));min-height:calc(100vh - 28px);margin:14px auto;display:grid;grid-template-columns:236px minmax(0,1fr);border:1px solid rgba(49,139,220,.22);border-radius:23px;overflow:hidden;background:#02070d;box-shadow:0 30px 120px rgba(0,0,0,.5)}.admin-sidebar{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;padding:21px 15px 17px!important;display:flex!important;flex-direction:column;background:linear-gradient(180deg,#05111e,#020811)!important;border-right:1px solid rgba(68,143,211,.14)!important;z-index:5}.admin-environment{display:flex;align-items:center;gap:9px;margin:0 7px 3px;padding:10px;border:1px solid rgba(54,145,224,.12);border-radius:11px;background:rgba(7,30,53,.45)}.admin-environment>i{width:8px;height:8px;border-radius:50%;background:#29d49d;box-shadow:0 0 12px #29d49d}.admin-environment span{display:flex;flex-direction:column}.admin-environment strong{font-size:8px}.admin-environment small{font-size:6px;color:#496b85}.admin-sidebar-spacer{flex:1}.admin-user{display:flex!important;align-items:center;gap:9px;padding:10px;border:1px solid rgba(68,142,209,.13);border-radius:12px;background:rgba(6,24,42,.68)}.admin-user>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#0d8ff3,#163da3);font-size:9px;font-weight:900}.admin-user>div{display:flex!important;flex-direction:column;flex:1}.admin-user strong{font-size:8px}.admin-user small{font-size:6px;color:#58758d}.admin-user>i{width:6px;height:6px;border-radius:50%;background:#27d59c}.admin-main{min-width:0;padding:0!important;background:radial-gradient(760px 380px at 55% 0,rgba(0,104,220,.08),transparent 70%)}.admin-top{height:76px;padding:0 21px;border-bottom:1px solid rgba(69,143,210,.12);background:rgba(2,9,17,.82);position:sticky;top:0;z-index:35}.admin-title{min-width:180px}.admin-global-search{width:min(340px,30vw);height:40px;margin-left:auto;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(71,140,202,.15);border-radius:11px;background:#030c17}.admin-global-search .icon{width:15px;height:15px;color:#4a6e8a}.admin-global-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:9px}.admin-top-actions{display:flex;align-items:center;gap:8px;margin-left:11px}.admin-top-actions .btn{min-height:39px;font-size:8px}.admin-content{padding:20px;display:grid;gap:14px}.admin-welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 21px;border:1px solid rgba(75,144,208,.15);border-radius:17px;background:linear-gradient(100deg,rgba(8,31,54,.9),rgba(3,12,22,.92))}.admin-welcome h2{font-size:20px;margin:5px 0 3px}.admin-welcome p{margin:0;color:#5d7890;font-size:8px}.admin-welcome>div:last-child{display:flex;gap:8px}.admin-welcome .btn{font-size:8px}.admin-stats.v3{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.admin-stats.v3 article{min-height:100px;padding:15px;display:flex;align-items:center;gap:12px;border:1px solid var(--v3-line);border-radius:16px;background:linear-gradient(145deg,rgba(8,24,42,.95),rgba(3,11,21,.98));box-shadow:inset 0 1px rgba(255,255,255,.025)}.admin-stats.v3 article:after{display:none}.admin-stat-icon{width:48px!important;height:48px!important;border-radius:13px!important}.admin-stat-icon .icon{width:23px!important;height:23px!important}.admin-stat-icon.revenue{color:#38d6aa;background:rgba(36,204,156,.09);border-color:rgba(36,204,156,.17)}.admin-stat-icon.products{color:#7d8fff}.admin-stat-icon.tickets{color:#bd82ff}.admin-stats.v3 small{font-size:7px;color:#637e96}.admin-stats.v3 strong{font-size:18px!important;margin:3px 0}.admin-stats.v3 em{font-size:6.5px;color:#405f79}.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);gap:12px;align-items:start}.admin-dashboard-grid>.admin-card:nth-child(3),.admin-dashboard-grid>.admin-card:nth-child(4){grid-column:auto}.admin-dashboard-grid>.admin-card:nth-child(5){grid-column:2;grid-row:2/4}.admin-sales-card{min-height:350px}.admin-range{padding:6px 9px;border:1px solid rgba(70,142,207,.15);border-radius:8px;color:#5daee2;font-size:7px}.bar-chart.v3{height:260px;padding:35px 18px 14px;display:flex;align-items:flex-end;gap:8px;background-image:linear-gradient(rgba(81,138,192,.08) 1px,transparent 1px);background-size:100% 48px}.bar-chart.v3>div{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.bar-chart.v3 i{position:relative;width:52%;min-height:3px;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,#39ceff,#1474fb 64%,#0c42a1);box-shadow:0 0 18px rgba(20,118,252,.28)}.bar-chart.v3 i span{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.23),transparent);opacity:.4}.bar-chart.v3 b{position:absolute;bottom:calc(var(--h,0%) + 18px);opacity:0;pointer-events:none;padding:4px 6px;border-radius:5px;background:#0b4383;font-size:6px;white-space:nowrap}.bar-chart.v3>div:hover b{opacity:1}.bar-chart.v3 small{margin-top:8px;color:#42617d;font-size:6.5px}.admin-activity-list{padding:8px 13px 13px}.admin-activity-list article{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(73,134,191,.09)}.admin-activity-list article:last-child{border-bottom:0}.admin-activity-list>article>span{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:rgba(12,113,217,.1);color:#3abaff}.admin-activity-list>article>span .icon{width:17px;height:17px}.admin-activity-list strong{display:block;font-size:8px}.admin-activity-list small{font-size:6.5px;color:#4f6e88}.admin-rows{padding:7px 12px 12px}.admin-rows>a{min-height:48px;padding:8px 2px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;border-bottom:1px solid rgba(73,134,191,.09)}.admin-rows>a:last-child{border-bottom:0}.admin-rows>a>div{display:flex;flex-direction:column;min-width:0}.admin-rows strong{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-rows small{font-size:6.5px;color:#4d6c86;margin-top:2px}.admin-rows>a>span{font-size:7px}.admin-rows .status{font-size:6px}.admin-quick-tools{display:grid;gap:7px;padding:0 12px 12px}.admin-quick-tools>a{display:grid;grid-template-columns:37px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:10px;border:1px solid rgba(71,143,207,.12);border-radius:11px;background:rgba(5,22,39,.65)}.admin-quick-tools>a>.icon:first-child{width:19px;height:19px;color:#3abaff}.admin-quick-tools>a>span{display:flex;flex-direction:column}.admin-quick-tools strong{font-size:8px}.admin-quick-tools small{font-size:6px;color:#4f6f89;margin-top:2px}.admin-quick-tools>a>.icon:last-child{width:13px;height:13px;color:#436a88}.admin-footer{padding:8px 0 18px;color:#284862;font-size:6px}
/* Admin support queue */
.admin-ticket-center{padding:0}.ticket-queue-count{padding:7px 10px;border-radius:8px;background:rgba(13,117,219,.1);color:#45b9ff;font-size:7px}.admin-ticket-list{padding:0 13px 13px}.admin-ticket-head,.admin-ticket-list>a{display:grid;grid-template-columns:62px 120px minmax(190px,1fr) 105px 90px 105px 24px;align-items:center;gap:10px}.admin-ticket-head{padding:11px 12px;color:#43617b;font-size:6.5px;text-transform:uppercase;letter-spacing:.08em}.admin-ticket-list>a{min-height:58px;padding:9px 12px;border:1px solid transparent;border-top-color:rgba(73,134,191,.09);border-radius:10px}.admin-ticket-list>a:hover{background:rgba(9,72,131,.07);border-color:rgba(45,151,247,.17)}.admin-ticket-list .ticket-id{color:#3daeea;font-size:8px;font-weight:900}.ticket-customer{display:flex;align-items:center;gap:7px;min-width:0}.ticket-customer>b{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#0c7bd7,#173b85);font-size:6px}.ticket-customer>strong{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-subject{display:flex;flex-direction:column;min-width:0}.ticket-subject strong{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-subject small{font-size:6.5px;color:#4f6e88;margin-top:3px}.admin-ticket-list time{color:#55738d;font-size:7px}.admin-ticket-list>a>span:last-child{color:#416987}.admin-ticket-list>a>span:last-child .icon{width:14px;height:14px}
/* Settings */
.settings-hero{padding:21px;display:flex;align-items:center;justify-content:space-between;gap:20px}.settings-hero h2{font-size:20px;margin:5px 0}.settings-hero p{margin:0;color:#5d7891;font-size:8px}.system-status,.captcha-state{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:9px;background:rgba(245,176,75,.08);color:#e7b967;font-size:7px;font-weight:800}.system-status i,.captcha-state i{width:7px;height:7px;border-radius:50%;background:#e6ad4f;box-shadow:0 0 10px #e6ad4f}.system-status.ok,.captcha-state.active{background:rgba(38,206,151,.08);color:#49d5a7}.system-status.ok i,.captcha-state.active i{background:#30d29d;box-shadow:0 0 10px #30d29d}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-card{padding:0}.settings-card.span-2{grid-column:1/-1}.settings-card-head{display:flex;align-items:flex-start;gap:12px;padding:18px;border-bottom:1px solid rgba(76,141,202,.11)}.settings-card-head>div{flex:1}.settings-card-head h3{margin:0;font-size:15px}.settings-card-head p{margin:4px 0 0;color:#5d7891;font-size:8px;line-height:1.5}.settings-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:rgba(12,113,217,.1);border:1px solid rgba(42,152,250,.18);color:#3abaff}.settings-icon .icon{width:21px;height:21px}.settings-icon.registration{color:#45d6a8;background:rgba(40,205,153,.08);border-color:rgba(40,205,153,.15)}.settings-icon.captcha{color:#9e8cff;background:rgba(120,91,255,.09);border-color:rgba(120,91,255,.18)}.settings-form{grid-template-columns:1fr;padding:17px 18px}.turnstile-form{grid-template-columns:repeat(2,minmax(0,1fr))}.switch-row{display:flex!important;align-items:center!important;justify-content:space-between;gap:15px;padding:13px;border:1px solid rgba(75,140,201,.12);border-radius:12px;background:rgba(4,17,31,.62)}.switch-row>span{display:flex;flex-direction:column}.switch-row strong{font-size:8px}.switch-row small{font-size:6.5px;margin-top:3px}.switch-row input{position:absolute;opacity:0;width:1px!important;height:1px!important}.switch-row>i{position:relative;width:42px;height:23px;border-radius:999px;background:#16293b;border:1px solid rgba(82,140,192,.18);flex:0 0 auto;transition:.18s}.switch-row>i:after{content:"";position:absolute;width:17px;height:17px;left:2px;top:2px;border-radius:50%;background:#668096;transition:.18s}.switch-row input:checked+i{background:linear-gradient(90deg,#076ff0,#12a7f5);box-shadow:0 0 18px rgba(11,126,243,.25)}.switch-row input:checked+i:after{left:21px;background:#fff}.settings-info-list{display:grid;gap:8px;padding:0 18px 18px}.settings-info-list article{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid rgba(73,138,198,.09);border-radius:10px}.settings-info-list article>.icon{width:17px;height:17px;color:#3bd1a2}.settings-info-list span{display:flex;flex-direction:column}.settings-info-list strong{font-size:8px}.settings-info-list small{font-size:6.5px;color:#4f6f89;margin-top:2px}.captcha-preview{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border:1px solid rgba(94,74,220,.2);border-radius:13px;background:linear-gradient(110deg,rgba(46,33,103,.24),rgba(4,16,30,.72))}.captcha-preview span:first-child{font-size:6px;color:#735ce7;letter-spacing:.13em;font-weight:900}.captcha-preview strong{display:block;margin:4px 0;font-size:11px}.captcha-preview p{margin:0;color:#607b94;font-size:7px}.captcha-preview-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(104,74,238,.15);color:#a18aff}.captcha-preview-mark .icon{width:24px;height:24px}
/* File manager 3.2 */
.fm-shell.v3{display:grid;gap:12px}.fm-hero{padding:22px 24px!important}.fm-hero h2{font-size:22px!important;margin:5px 0!important}.fm-hero p{font-size:8px!important;max-width:720px}.fm-safety-note{display:flex;align-items:center;gap:7px;margin-top:11px;color:#507591;font-size:7px}.fm-safety-note .icon{width:15px;height:15px;color:#34cfa0}.fm-stats article{min-width:100px}.fm-stats small{font-size:7px!important}.fm-stats strong{font-size:16px!important}.fm-workspaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.fm-workspaces>a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(74,142,204,.13);border-radius:13px;background:rgba(5,19,34,.72)}.fm-workspaces>a.active{border-color:rgba(37,153,255,.42);background:linear-gradient(100deg,rgba(9,73,135,.24),rgba(4,19,35,.8));box-shadow:0 0 24px rgba(0,112,239,.08)}.fm-workspaces>a>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(12,112,215,.1);color:#39b8ff}.fm-workspaces>a>span .icon{width:19px;height:19px}.fm-workspaces>a>div{display:flex;flex-direction:column}.fm-workspaces strong{font-size:9px}.fm-workspaces small{font-size:6.5px;color:#506e88;margin-top:2px}.fm-workspaces b{padding:4px 7px;border-radius:6px;background:rgba(12,119,225,.12);color:#3db8ff;font-size:6px}.fm-main-card,.fm-editor-card{border-radius:17px!important}.fm-toolbar{padding:14px 16px!important}.fm-breadcrumbs a{font-size:8px!important}.fm-search input{min-width:250px!important;height:39px;font-size:8px}.fm-actions-bar{padding:11px 15px!important}.fm-actions-bar .btn{min-height:38px;font-size:8px}.fm-content-search input{height:38px;font-size:8px}.fm-table{min-width:980px!important}.fm-table th{padding:11px 13px!important;font-size:6.5px!important}.fm-table td{padding:11px 13px!important;font-size:8px!important}.fm-name{gap:10px!important}.fm-name strong{font-size:9px!important}.fm-name small{font-size:6px!important}.fm-file-icon{width:35px!important;height:35px!important;font-size:14px!important}.fm-php{color:#a891ff}.fm-css{color:#3cbcff}.fm-js{color:#f1c85d}.fm-protected{display:inline-flex;margin-left:6px;padding:2px 5px;border-radius:5px;background:rgba(245,176,75,.08);color:#d7a755;font-size:5px;font-style:normal;text-transform:uppercase;vertical-align:middle}.fm-row-actions{gap:4px!important}.btn-xs{min-height:28px!important;font-size:6.5px!important;padding:0 8px!important}.fm-backups{padding:18px!important}.fm-backup-grid{grid-template-columns:1fr!important}.fm-backup-grid article{grid-template-columns:32px minmax(0,1fr) auto auto auto;display:grid!important}.fm-backup-grid article>span{color:#39b8ff}.fm-editor-head h2{font-size:17px!important}.fm-code-editor{font-size:12px!important}.fm-modal h3{font-size:18px!important}.fm-modal p{font-size:8px!important}.fm-modal label{font-size:8px}.fm-modal input{font-size:9px}.fm-modal .btn{font-size:8px}
/* Generic statuses */
.status{display:inline-flex;align-items:center;width:max-content;padding:4px 7px;border-radius:7px;font-size:6px!important;font-style:normal;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.status-open{color:#42b9ff;background:rgba(20,132,232,.11)}.status-in_progress{color:#e8b854;background:rgba(229,166,58,.1)}.status-waiting_user{color:#ae8aff;background:rgba(137,83,241,.11)}.status-closed,.status-active,.status-published{color:#3bd1a2;background:rgba(39,203,151,.1)}.status-banned,.status-archived{color:#ff7089;background:rgba(255,81,112,.1)}.status-draft{color:#879bae;background:rgba(111,133,153,.1)}
/* Mobile overlays */
.dashboard-overlay,.admin-overlay{display:none;position:fixed;inset:0;background:rgba(0,4,9,.72);backdrop-filter:blur(7px);z-index:149}
@media(max-width:1260px){.dashboard-shell{grid-template-columns:220px minmax(0,1fr)}.dashboard-sidebar{padding-inline:12px}.customer-dashboard-grid{grid-template-columns:1fr}.dashboard-side-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.plugin-library-row{grid-template-columns:44px minmax(170px,1fr) 65px 85px auto}.admin-shell{grid-template-columns:210px minmax(0,1fr)}.admin-dashboard-grid{grid-template-columns:1fr 1fr}.admin-dashboard-grid>.admin-card:nth-child(5){grid-column:1/-1;grid-row:auto}.admin-ticket-head,.admin-ticket-list>a{grid-template-columns:55px 105px minmax(170px,1fr) 90px 75px 90px 20px}}
@media(max-width:1050px){.dashboard-search,.admin-global-search{display:none}.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-side-stack{grid-template-columns:1fr}.ticket-thread-layout,.ticket-create-layout,.profile-page-grid{grid-template-columns:1fr}.ticket-details{position:static}.admin-stats.v3{grid-template-columns:1fr 1fr}.admin-dashboard-grid{grid-template-columns:1fr}.admin-dashboard-grid>.admin-card:nth-child(5){grid-column:auto}.settings-grid{grid-template-columns:1fr}.settings-card.span-2{grid-column:auto}.turnstile-form{grid-template-columns:1fr}.turnstile-form .span-2{grid-column:auto}.fm-workspaces{grid-template-columns:1fr}}
@media(max-width:820px){.dashboard-body .site-header{position:relative;top:auto}.dashboard-shell,.admin-shell{width:100%;margin:0;border:0;border-radius:0;display:block;min-height:100vh}.dashboard-sidebar,.admin-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(300px,86vw)!important;height:100vh!important;z-index:160!important;transform:translateX(-105%);transition:.24s ease;display:flex!important;padding:18px 15px!important;border-right:1px solid rgba(66,144,213,.24)!important;border-top:0!important}.dashboard-sidebar .brand strong,.admin-sidebar .brand strong,.sidebar-home span,.dashboard-sidebar nav a span,.admin-sidebar nav a span{display:inline!important;font-size:11px!important}.dashboard-sidebar nav,.admin-sidebar nav{display:grid!important;flex:none!important}.dashboard-sidebar nav:nth-of-type(2){display:grid!important}.dashboard-sidebar .sidebar-label,.admin-sidebar .sidebar-label,.sidebar-home,.sidebar-pro,.admin-user,.dashboard-sidebar form,.admin-environment{display:flex!important}.dashboard-sidebar .sidebar-label,.admin-sidebar .sidebar-label{display:block!important}.sidebar-close,.admin-brand-row>button{display:block}.dashboard-menu-open .dashboard-sidebar,.admin-menu-open .admin-sidebar{transform:translateX(0)}.dashboard-menu-open .dashboard-overlay,.admin-menu-open .admin-overlay{display:block}.dashboard-main,.admin-main{padding:0!important}.dashboard-top,.admin-top{top:0;height:68px;padding:0 13px}.dashboard-menu-toggle,.admin-menu-toggle{display:block}.dashboard-title h1,.admin-title h1{font-size:17px}.dashboard-title small,.admin-title small{font-size:6px}.dashboard-catalog-btn,.dashboard-top-actions>.icon-btn,.admin-top-actions>.icon-btn,.admin-top-actions>.btn{display:none}.user-pill>div{display:none}.dashboard-content,.admin-content{padding:13px}.account-hero{align-items:flex-start;flex-direction:column}.hero-balance{width:100%;padding:14px 0 0;border-left:0;border-top:1px solid rgba(68,143,208,.15)}.customer-dashboard-grid{display:block}.dashboard-side-stack{margin-top:13px}.plugin-library-row{grid-template-columns:42px minmax(0,1fr) auto}.plugin-library-meta{display:none}.plugin-library-action{grid-column:3}.tickets-page-head{align-items:flex-start;flex-direction:column}.ticket-filters,.admin-ticket-filters{flex-wrap:wrap}.ticket-filters label,.admin-ticket-filters label{flex-basis:100%}.ticket-filters select,.admin-ticket-filters select{flex:1;min-width:130px}.admin-welcome{align-items:flex-start;flex-direction:column}.admin-ticket-list{overflow:auto}.admin-ticket-head,.admin-ticket-list>a{min-width:850px}.premium-form{grid-template-columns:1fr}.premium-form .span-2{grid-column:auto}.profile-page-hero{align-items:flex-start;flex-wrap:wrap}.profile-page-hero>.btn{width:100%}.fm-stats{grid-template-columns:repeat(3,1fr)!important}.fm-toolbar{flex-direction:column}.fm-search{width:100%}.fm-search input{width:100%!important}.fm-backup-grid article{grid-template-columns:30px minmax(170px,1fr);gap:8px}.fm-backup-grid article .btn,.fm-backup-grid article form{grid-column:auto}}
@media(max-width:560px){.site-header .main-nav{display:none}.dashboard-shell{min-height:calc(100vh - 70px)}.dashboard-top-actions .user-pill{padding:3px}.dashboard-title{min-width:0}.dashboard-content,.admin-content{padding:10px}.account-hero{padding:18px}.account-identity{align-items:flex-start}.account-avatar{width:60px;height:60px;font-size:18px}.dashboard-metrics{grid-template-columns:1fr}.dashboard-metrics article{min-height:78px}.plugin-library-row{grid-template-columns:39px minmax(0,1fr);gap:9px}.plugin-library-action{grid-column:1/-1}.plugin-library-action .btn{width:100%}.panel-heading{align-items:flex-start;flex-direction:column}.panel-heading.compact{flex-direction:row;align-items:center}.finance-list article{grid-template-columns:32px minmax(0,1fr) auto}.tickets-page-head h2{font-size:22px}.ticket-filters .btn,.admin-ticket-filters .btn{flex:1}.ticket-list-modern>a{grid-template-columns:38px minmax(0,1fr)}.ticket-list-arrow{display:none}.message-bubble{max-width:88%}.reply-actions{align-items:stretch;flex-direction:column}.reply-actions .btn{margin-left:0;width:100%}.profile-page-copy>div{flex-direction:column;gap:5px}.profile-stats{grid-template-columns:1fr}.profile-stats article{border-right:0;border-bottom:1px solid rgba(74,137,195,.1)}.admin-stats.v3{grid-template-columns:1fr}.admin-welcome>div:last-child{width:100%;flex-direction:column}.admin-welcome .btn{width:100%}.settings-hero{align-items:flex-start;flex-direction:column}.turnstile-form{padding:14px}.fm-stats{grid-template-columns:1fr!important}.fm-workspaces>a{grid-template-columns:36px minmax(0,1fr)}.fm-workspaces b{display:none}.fm-actions-bar{overflow:auto}.fm-content-search{min-width:260px}.fm-editor-head{padding:14px}.fm-code-editor{min-height:520px}}

/* =========================================================
   Xaoc Shop 3.2 — readable, consistent publication interface
   ========================================================= */
:root{
  --ui-font:"Manrope","Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif;
  --code-font:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
  --v32-panel:linear-gradient(145deg,rgba(8,24,43,.97),rgba(3,11,21,.99));
  --v32-line:rgba(83,157,226,.19);
  --v32-muted:#829bb2;
  --v32-soft:#b8cad9;
  font-family:var(--ui-font);
}
html{font-size:16px}
body,button,input,select,textarea{font-family:var(--ui-font)}
body{font-size:15px;line-height:1.55}
code,.mono,.fm-code-editor{font-family:var(--code-font)}
.btn{font-size:14px;font-weight:750;min-height:44px}
.btn-xs{font-size:12px!important;min-height:34px!important;padding-inline:11px!important}
.panel-kicker{font-size:11px;letter-spacing:.12em;margin-bottom:7px}
.status{font-size:11px!important;padding:6px 10px;border-radius:9px;letter-spacing:.025em}
.priority{font-size:10px;padding:5px 8px;border-radius:8px;font-weight:800}

/* Layout scale */
.dashboard-shell{grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 82px)}
.admin-shell{grid-template-columns:270px minmax(0,1fr);min-height:100vh}
.dashboard-sidebar,.admin-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;padding:26px 18px}
.dashboard-sidebar .brand strong,.admin-sidebar .brand strong{font-size:17px}
.dashboard-sidebar nav a,.admin-sidebar nav a{min-height:48px;padding:0 13px;font-size:14px;gap:12px}
.dashboard-sidebar nav a .icon,.admin-sidebar nav a .icon{width:19px;height:19px}
.dashboard-sidebar nav a b,.admin-sidebar nav a b{font-size:16px}
.sidebar-label{font-size:10px;letter-spacing:.13em;margin-top:25px}
.sidebar-home{min-height:62px;padding:12px 13px}
.sidebar-home strong{font-size:14px}.sidebar-home small{font-size:11px}
.dashboard-sidebar form{margin-top:auto}
.sidebar-logout{min-height:46px;font-size:13px}
.admin-user{padding:12px}.admin-user strong{font-size:13px}.admin-user small{font-size:11px}

.dashboard-main,.admin-main{min-width:0;max-width:none;margin:0;padding:0!important}
.dashboard-top,.admin-top{height:82px;min-height:82px;padding:0 26px;margin:0;border-bottom:1px solid rgba(88,155,219,.14)}
.dashboard-title h1,.admin-title h1{font-size:25px}
.dashboard-title small,.admin-title small{font-size:9px}
.dashboard-search,.admin-global-search{height:46px}
.dashboard-search input,.admin-global-search input{font-size:13px}
.user-pill{padding:6px 10px 6px 6px}.user-pill>span{width:38px;height:38px;font-size:12px}.user-pill strong{font-size:12px}.user-pill small{font-size:10px}
.dashboard-content,.admin-content{padding:26px;gap:20px}
.dashboard-panel,.admin-card,.dash-card{border-radius:20px!important;background:var(--v32-panel)!important;border-color:var(--v32-line)!important}
.panel-heading,.dash-card-head{padding:22px 23px}
.panel-heading h2,.dash-card-head h2{font-size:20px!important}
.panel-heading p,.dash-card-head p{font-size:13px!important;line-height:1.55;color:var(--v32-muted)}
.panel-heading>a,.panel-heading .panel-actions a{font-size:13px}

/* Dashboard overview */
.account-hero{padding:26px 28px;min-height:150px}
.account-avatar{width:82px;height:82px;font-size:24px}
.account-label{font-size:10px}.account-identity h2{font-size:25px}.account-identity p{font-size:13px}.account-identity small{font-size:11px}
.hero-balance small{font-size:11px}.hero-balance strong{font-size:30px}.hero-balance a{font-size:12px}
.dashboard-metrics{gap:16px}
.dashboard-metrics article{min-height:108px;padding:20px}
.dashboard-metrics small{font-size:11px}.dashboard-metrics strong{font-size:25px}.dashboard-metrics p{font-size:11px}
.plugin-library-row{min-height:82px;padding:13px 15px;gap:14px}
.plugin-library-copy strong{font-size:14px}.plugin-library-copy p,.plugin-library-copy small{font-size:11px;line-height:1.5}
.plugin-library-meta small{font-size:9px}.plugin-library-meta strong{font-size:12px}
.finance-list article{min-height:66px}.finance-list strong{font-size:13px}.finance-list small{font-size:10px}.finance-list b{font-size:13px}
.dashboard-notification-list strong{font-size:13px}.dashboard-notification-list p{font-size:12px}.dashboard-notification-list small{font-size:10px}
.ticket-widget-list strong{font-size:13px}.ticket-widget-list small{font-size:10px}.ticket-number{font-size:10px}

/* Ticket queue */
.tickets-page-head{padding:6px 2px 2px;align-items:center}
.tickets-page-head h2{font-size:31px;margin:7px 0}.tickets-page-head p{font-size:13px}
.ticket-filters,.admin-ticket-filters{padding:17px 19px;gap:10px;flex-wrap:wrap}
.ticket-filters label,.admin-ticket-filters label{height:46px;min-width:250px}
.ticket-filters input,.admin-ticket-filters input{font-size:13px}
.ticket-filters select,.admin-ticket-filters select{height:46px;min-width:185px;font-size:12px}
.ticket-filters .btn,.admin-ticket-filters .btn{font-size:13px;min-height:46px}
.ticket-tabs{gap:8px;padding:12px 18px;scrollbar-width:thin}
.ticket-tabs a{display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:0 13px;border:1px solid transparent;border-radius:10px;color:#7791a9;font-size:12px;font-weight:750;white-space:nowrap}
.ticket-tabs a:hover{color:#d9edff;background:rgba(20,104,181,.1)}
.ticket-tabs a.active{color:#fff;border-color:rgba(45,157,255,.28);background:linear-gradient(135deg,rgba(17,105,239,.34),rgba(16,164,237,.12));box-shadow:inset 0 1px rgba(255,255,255,.07)}
.ticket-tabs b{font-size:10px;min-width:21px;height:20px}
.ticket-list-modern{padding:12px 15px 16px;display:grid;gap:7px}
.ticket-list-modern>a{min-height:82px;padding:14px 15px;border:1px solid rgba(72,139,201,.12);background:rgba(3,14,27,.42)}
.ticket-list-modern>a:hover{transform:translateY(-1px);background:rgba(8,56,103,.18)}
.ticket-list-icon{width:46px;height:46px}
.ticket-list-copy>div b{font-size:11px}.ticket-list-copy strong{font-size:14px;margin:6px 0}.ticket-list-copy small{font-size:11px}

/* Ticket conversation */
.ticket-thread-layout{grid-template-columns:minmax(0,1.7fr) minmax(300px,.55fr);gap:18px}
.conversation-head{padding:23px 24px}.conversation-head a{font-size:12px}.conversation-head h2{font-size:23px;line-height:1.3}.conversation-head>div>div{margin-top:18px}
.modern-messages{padding:24px;gap:22px;max-height:680px;background:radial-gradient(520px 260px at 50% 0,rgba(11,102,190,.05),transparent 70%)}
.modern-messages .message{gap:12px}
.message-avatar{width:43px;height:43px;border-radius:13px;font-size:11px}
.message-bubble{max-width:min(78%,760px);padding:16px 17px;border-radius:8px 18px 18px;background:linear-gradient(145deg,rgba(8,31,54,.96),rgba(5,20,37,.94));box-shadow:0 8px 24px rgba(0,0,0,.13)}
.admin-message .message-bubble{border-radius:18px 8px 18px 18px;background:linear-gradient(145deg,rgba(24,62,107,.93),rgba(11,36,68,.94))}
.message-bubble header strong{font-size:13px}.message-bubble header strong span{font-size:9px;padding:4px 7px}.message-bubble time{font-size:10px}
.message-bubble p{font-size:13px;line-height:1.7;margin-top:11px;color:#c0d0dd;overflow-wrap:anywhere}
.message-attachment{font-size:12px;padding:9px 11px;border:1px solid rgba(45,157,255,.18);border-radius:10px;width:max-content}
.premium-reply{padding:20px 24px}.premium-reply>label{font-size:12px}.premium-reply textarea{min-height:120px;font-size:13px;line-height:1.6}
.reply-actions{margin-top:12px;gap:10px}.reply-file,.reply-actions select{height:44px;font-size:12px}.reply-actions .btn{min-height:44px;font-size:13px}
.ticket-details{padding:23px;top:104px}.ticket-details h3{font-size:19px}.ticket-details dt,.ticket-details dd{font-size:12px}.ticket-details dd small{font-size:10px}.ticket-security-note p{font-size:11px}
.closed-ticket-note strong{font-size:13px}.closed-ticket-note p{font-size:11px}

/* Profile */
.profile-page-hero{padding:25px 27px;gap:20px}
.profile-avatar-xl{width:86px;height:86px;font-size:24px}
.profile-page-copy h2{font-size:26px}.profile-page-copy p{font-size:13px}.profile-page-copy>div span{font-size:11px}
.profile-page-grid{grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:18px}
.premium-form{gap:16px;padding:23px}
.premium-form label{font-size:12px}.premium-form small{font-size:10px}
.premium-form input,.premium-form select{height:49px;font-size:13px}.premium-form textarea{font-size:13px}
.form-divider strong{font-size:13px}.form-divider p{font-size:11px}
.account-health{padding:23px}.account-health h3{font-size:18px}.account-health li strong{font-size:12px}.account-health li small{font-size:10px}
.profile-stats article strong{font-size:20px}.profile-stats article small{font-size:10px}

/* Admin interface */
.admin-welcome{padding:23px 24px}.admin-welcome h2{font-size:24px}.admin-welcome p{font-size:13px}
.admin-stats.v3{gap:14px}.admin-stats.v3 article{min-height:116px;padding:19px}.admin-stats.v3 small{font-size:11px}.admin-stats.v3 strong{font-size:27px}.admin-stats.v3 em{font-size:10px}
.admin-card-head{padding:18px 20px}.admin-card-head h3{font-size:16px}.admin-card-head p{font-size:11px}.admin-card-head a{font-size:11px}
.admin-activity-list{padding:10px 18px 18px}.admin-activity-list article{min-height:59px}.admin-activity-list strong{font-size:12px}.admin-activity-list small{font-size:10px}
.admin-rows{padding:8px 17px 16px}.admin-rows>a{min-height:62px}.admin-rows strong{font-size:12px}.admin-rows small{font-size:10px}.admin-rows>a>span{font-size:11px}
.admin-quick-tools{padding:0 17px 17px}.admin-quick-tools>a{min-height:62px}.admin-quick-tools strong{font-size:12px}.admin-quick-tools small{font-size:10px}
.admin-footer{font-size:10px;padding:22px 0}
.data-head,.data-row{font-size:12px}.data-row strong{font-size:13px}.data-row small{font-size:10px}
.detail-list dt{font-size:11px}.detail-list dd{font-size:13px}
.admin-form label{font-size:12px}.admin-form label small{font-size:10px}.admin-form input,.admin-form select{font-size:13px}

/* Admin tickets */
.ticket-queue-count{font-size:11px;padding:9px 12px}
.admin-ticket-list{padding:0 17px 18px;overflow:auto}
.admin-ticket-head,.admin-ticket-list>a{grid-template-columns:72px 145px minmax(220px,1fr) 120px 105px 130px 25px;gap:12px}
.admin-ticket-head{padding:14px 13px;font-size:10px}
.admin-ticket-list>a{min-height:72px;padding:12px 13px}
.admin-ticket-list .ticket-id{font-size:12px}.ticket-customer>b{width:36px;height:36px;font-size:9px}.ticket-customer>strong{font-size:12px}
.ticket-subject strong{font-size:13px}.ticket-subject small{font-size:10px}.admin-ticket-list time{font-size:10px}

/* Settings */
.settings-hero{padding:25px}.settings-hero h2{font-size:24px}.settings-hero p{font-size:12px}
.system-status,.captcha-state{font-size:11px;padding:10px 13px}
.settings-grid{gap:16px}.settings-card-head{padding:21px}.settings-card-head h3{font-size:18px}.settings-card-head p{font-size:12px}
.settings-icon{width:49px;height:49px}.settings-form{padding:20px 21px}.switch-row{padding:15px}.switch-row strong{font-size:13px}.switch-row small{font-size:10px}
.settings-info-list{padding:0 21px 21px}.settings-info-list article{padding:13px}.settings-info-list strong{font-size:12px}.settings-info-list small{font-size:10px}
.captcha-preview{padding:19px}.captcha-preview span:first-child{font-size:9px}.captcha-preview strong{font-size:15px}.captcha-preview p{font-size:11px}
.update-settings .version-chip{padding:8px 12px;border-radius:9px;background:rgba(22,139,255,.12);color:#5ec5ff;font-size:12px;font-weight:800}
.settings-icon.update{color:#4ec8ff}
.update-instructions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 21px}
.update-instructions>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;padding:15px;border:1px solid rgba(76,145,207,.13);border-radius:13px;background:rgba(4,16,30,.63)}
.step-number{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(15,119,226,.15);color:#4bbcff;font-weight:850}
.update-instructions p{margin:0;min-width:0}.update-instructions strong{display:block;font-size:12px;margin-bottom:7px}.update-instructions code{display:block;padding:9px;border-radius:8px;background:#020914;color:#8dcfff;font-size:10px;line-height:1.5;overflow:auto}

/* Admin user balance */
.admin-user-hero{display:flex;align-items:center;gap:18px;padding:24px 25px}
.admin-user-avatar{width:68px;height:68px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(145deg,#0a91ff,#1749b8);font-size:18px;font-weight:900;box-shadow:0 0 32px rgba(12,132,255,.25)}
.admin-user-copy{flex:1}.admin-user-copy h2{font-size:23px;margin:2px 0}.admin-user-copy p{margin:0 0 8px;color:var(--v32-muted);font-size:12px}.admin-user-copy>div{display:flex;gap:8px}
.role-chip{display:inline-flex;align-items:center;padding:6px 9px;border-radius:8px;background:rgba(128,94,255,.11);color:#af9aff;font-size:10px;font-weight:800;text-transform:uppercase}
.admin-user-balance{min-width:220px;padding-left:25px;border-left:1px solid rgba(78,145,207,.15)}.admin-user-balance small,.admin-user-balance span{display:block;color:var(--v32-muted);font-size:10px}.admin-user-balance strong{display:block;font-size:28px;margin:5px 0}
.admin-user-grid{margin-top:16px}.balance-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:20px}.balance-form .span-2{grid-column:1/-1}
.balance-preview{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid rgba(42,155,255,.16);border-radius:12px;background:rgba(13,91,163,.08)}.balance-preview>.icon{color:#42baff}.balance-preview strong{display:block;font-size:12px}.balance-preview small{font-size:10px;color:var(--v32-muted)}

/* File manager — practical dimensions */
.fm-shell.v3{gap:16px}.fm-hero{padding:25px 27px!important}.fm-hero h2{font-size:25px!important}.fm-hero p{font-size:12px!important;line-height:1.6}.fm-safety-note{font-size:10px}
.fm-stats small{font-size:10px!important}.fm-stats strong{font-size:20px!important}
.fm-workspaces{gap:12px}.fm-workspaces>a{min-height:72px;padding:14px 16px;grid-template-columns:46px minmax(0,1fr) auto}.fm-workspaces>a>span{width:44px;height:44px}.fm-workspaces strong{font-size:13px}.fm-workspaces small{font-size:10px}.fm-workspaces b{font-size:9px;padding:5px 8px}
.fm-toolbar{padding:17px 19px!important}.fm-breadcrumbs a{font-size:12px!important}.fm-search input{height:44px;font-size:12px;min-width:280px!important}
.fm-actions-bar{padding:13px 18px!important}.fm-actions-bar .btn{font-size:12px;min-height:40px}.fm-content-search input{height:40px;font-size:12px}
.fm-table th{padding:13px 15px!important;font-size:9px!important}.fm-table td{padding:13px 15px!important;font-size:12px!important}.fm-name strong{font-size:13px!important}.fm-name small{font-size:9px!important}.fm-file-icon{width:40px!important;height:40px!important;font-size:17px!important}.fm-protected{font-size:8px}.fm-modal h3{font-size:20px!important}.fm-modal p{font-size:12px!important}.fm-modal label{font-size:11px}.fm-modal input{font-size:12px}.fm-modal .btn{font-size:12px}.fm-editor-head h2{font-size:20px!important}.fm-code-editor{font-size:13px!important;line-height:1.7}

/* Responsive: side navigation is always a drawer, never a bottom tab bar */
@media(max-width:1180px){
  .dashboard-shell{grid-template-columns:235px minmax(0,1fr)}.admin-shell{grid-template-columns:225px minmax(0,1fr)}
  .dashboard-content,.admin-content{padding:20px}
  .update-instructions{grid-template-columns:1fr}
}
@media(max-width:900px){
  .dashboard-body .site-header{position:relative;top:auto}
  .dashboard-shell,.admin-shell{display:block!important;min-height:100vh}
  .dashboard-sidebar,.admin-sidebar{position:fixed!important;left:0!important;right:auto!important;top:0!important;bottom:0!important;width:min(310px,88vw)!important;height:100vh!important;padding:20px 16px!important;display:flex!important;flex-direction:column!important;transform:translateX(-105%);z-index:160;transition:transform .24s ease;border-top:0!important;border-right:1px solid rgba(66,144,213,.24)!important}
  .dashboard-sidebar>.brand,.admin-sidebar>.brand,.dashboard-brand-row,.admin-brand-row,.sidebar-home,.sidebar-label,.admin-user,.dashboard-sidebar form,.admin-environment{display:flex!important}
  .dashboard-sidebar nav,.admin-sidebar nav,.dashboard-sidebar nav:nth-of-type(2){display:grid!important;flex:none!important;overflow:visible!important}
  .dashboard-sidebar nav a,.admin-sidebar nav a{font-size:14px!important;justify-content:flex-start!important;min-width:0!important;min-height:48px!important;padding:0 13px!important}
  .dashboard-sidebar nav a span,.admin-sidebar nav a span,.sidebar-home span,.dashboard-sidebar .brand strong,.admin-sidebar .brand strong{display:inline!important;font-size:inherit!important}
  .dashboard-menu-open .dashboard-sidebar,.admin-menu-open .admin-sidebar{transform:translateX(0)}
  .dashboard-menu-open .dashboard-overlay,.admin-menu-open .admin-overlay{display:block}
  .dashboard-main,.admin-main{padding:0!important}
  .dashboard-top,.admin-top{top:0!important;height:70px;min-height:70px;padding:0 14px}
  .dashboard-menu-toggle,.admin-menu-toggle{display:block}
  .dashboard-title h1,.admin-title h1{font-size:20px}
  .dashboard-title small,.admin-title small{font-size:8px}
  .dashboard-search,.admin-global-search,.dashboard-catalog-btn,.dashboard-top-actions>.icon-btn,.admin-top-actions>.icon-btn,.admin-top-actions>.btn{display:none}
  .dashboard-content,.admin-content{padding:15px}
  .ticket-thread-layout,.ticket-create-layout,.profile-page-grid{grid-template-columns:1fr}
  .ticket-details{position:static}
  .admin-ticket-head,.admin-ticket-list>a{min-width:920px}
  .settings-grid{grid-template-columns:1fr}.settings-card.span-2{grid-column:auto}
  .turnstile-form{grid-template-columns:1fr}.turnstile-form .span-2{grid-column:auto}
  .fm-workspaces{grid-template-columns:1fr}
}
@media(max-width:620px){
  html{font-size:15px}.dashboard-content,.admin-content{padding:11px}
  .dashboard-top-actions .user-pill{padding:4px}.user-pill>div{display:none}
  .account-hero,.admin-user-hero{align-items:flex-start;flex-direction:column}.hero-balance,.admin-user-balance{width:100%;min-width:0;padding:15px 0 0;border-left:0;border-top:1px solid rgba(78,145,207,.15)}
  .dashboard-metrics,.admin-stats.v3{grid-template-columns:1fr}
  .tickets-page-head,.panel-heading,.dash-card-head,.settings-hero{align-items:flex-start;flex-direction:column}
  .ticket-filters,.admin-ticket-filters{display:grid}.ticket-filters label,.admin-ticket-filters label,.ticket-filters select,.admin-ticket-filters select{width:100%;min-width:0}
  .ticket-list-modern>a{grid-template-columns:44px minmax(0,1fr)}.ticket-list-arrow{display:none}
  .message-bubble{max-width:calc(100% - 55px)}.modern-messages{padding:16px}.message-bubble header{align-items:flex-start;flex-direction:column;gap:4px}
  .reply-actions{align-items:stretch;flex-direction:column}.reply-actions .btn{margin-left:0;width:100%}.reply-file,.reply-actions select{width:100%}
  .premium-form,.balance-form{grid-template-columns:1fr;padding:17px}.premium-form .span-2,.balance-form .span-2{grid-column:auto}
  .profile-page-hero>.btn{width:100%}.profile-page-copy>div{flex-direction:column;gap:6px}
  .fm-stats{grid-template-columns:1fr!important}.fm-toolbar{align-items:stretch;flex-direction:column}.fm-search input{width:100%!important;min-width:0!important}.fm-actions-bar{overflow:auto;flex-wrap:nowrap}.fm-content-search{min-width:260px}
}
.admin-user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.conversation-head>div{min-width:0}.conversation-icon{flex:0 0 48px}
@media(max-width:900px){.admin-user-grid{grid-template-columns:1fr}.admin-user-grid .span-2{grid-column:auto}}

/* ========================================================================
   Xaoc Shop 3.3 — dashboard, tickets and Pulse commerce polish
   Final overrides intentionally live at the end of the bundle.
   ======================================================================== */
:root{
  --ui-font:"Onest",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --code-font:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
  --dash-bg:#030912;
  --dash-panel:linear-gradient(145deg,rgba(8,23,39,.98),rgba(4,14,25,.98));
  --dash-panel-soft:rgba(7,21,36,.82);
  --dash-border:rgba(82,164,236,.18);
  --dash-border-strong:rgba(55,166,255,.34);
  --dash-muted:#829ab0;
  --dash-text:#edf7ff;
}
html,body,button,input,textarea,select{font-family:var(--ui-font)}
.mono,.fm-code-editor,.update-instructions code{font-family:var(--code-font)!important}
.dashboard-body,.admin-body{background:var(--dash-bg)}
.dashboard-body>.site-bg,.admin-body>.site-bg{opacity:.72}

/* Account layout — one header only, no collisions with page content. */
.dashboard-shell{grid-template-columns:274px minmax(0,1fr)!important;min-height:100vh!important;width:100%;border:0!important;border-radius:0!important;overflow:visible!important}
.dashboard-sidebar{top:0!important;height:100vh!important;padding:25px 18px!important;overflow-y:auto!important}
.dashboard-main{min-width:0!important;min-height:100vh;background:radial-gradient(800px 420px at 58% -80px,rgba(13,116,225,.11),transparent 72%),#030912!important}
.dashboard-top{position:sticky!important;top:0!important;z-index:45!important;min-height:86px!important;height:86px!important;padding:0 30px!important;margin:0!important;display:flex!important;align-items:center!important;gap:18px!important;background:rgba(3,12,22,.91)!important;border-bottom:1px solid rgba(77,158,229,.17)!important;backdrop-filter:blur(22px)!important;box-shadow:0 10px 40px rgba(0,0,0,.14)}
.dashboard-title{flex:0 1 330px!important;min-width:220px!important;max-width:360px!important;overflow:hidden}
.dashboard-title small{font-size:10px!important;line-height:1.2;letter-spacing:.13em;color:#527797!important;white-space:nowrap}
.dashboard-title h1{font-size:25px!important;line-height:1.18!important;letter-spacing:-.035em!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
.dashboard-search{flex:1 1 300px!important;width:auto!important;max-width:430px!important;min-width:210px!important;height:46px!important;margin-left:auto!important;padding:0 15px!important;border-radius:14px!important}
.dashboard-search input{font-size:14px!important}
.dashboard-top-actions{display:flex!important;align-items:center!important;gap:10px!important;margin-left:0!important;flex:0 0 auto}
.dashboard-catalog-btn{min-height:46px!important;padding-inline:19px!important;white-space:nowrap}
.user-pill{min-height:48px!important;padding:5px 11px 5px 5px!important;border-radius:15px!important}
.user-pill>span{width:38px!important;height:38px!important;font-size:12px!important}
.user-pill strong{font-size:13px!important}.user-pill small{font-size:9px!important}
.dashboard-content{width:100%;max-width:1560px;margin:0 auto;padding:30px!important;display:grid;align-content:start;gap:22px!important}
.dashboard-panel,.dash-card{background:var(--dash-panel)!important;border:1px solid var(--dash-border)!important;border-radius:22px!important;box-shadow:0 18px 55px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.03)!important;overflow:hidden}
.dash-card.full{width:100%;min-width:0}
.dash-card-head,.panel-heading{min-height:102px;padding:25px 27px!important;gap:18px!important;border-bottom:1px solid rgba(83,151,214,.12)}
.dash-card-head>div,.panel-heading>div{min-width:0}
.dash-card-head h2,.panel-heading h2{margin:4px 0 5px!important;font-size:23px!important;line-height:1.25!important;letter-spacing:-.025em}
.dash-card-head p,.panel-heading p{margin:0!important;font-size:14px!important;line-height:1.6!important;color:var(--dash-muted)!important}
.panel-kicker{font-size:10px!important;letter-spacing:.14em!important;color:#4caef4!important}
.dash-card-body{padding:0 27px 27px}
.empty-state{font-size:14px!important;line-height:1.6!important;color:#8299ad!important}
.empty-state.compact{min-height:108px!important;padding:34px 24px!important;margin:0!important;border:1px dashed rgba(62,157,239,.25)!important;border-radius:17px!important;background:rgba(5,18,31,.42)!important;display:grid!important;place-items:center!important;text-align:center!important}
.payments-card .finance-list{padding:0}.payments-card .finance-list article{min-height:70px}

/* Sidebar readability and stable navigation. */
.dashboard-brand-row{min-height:45px}
.sidebar-home{min-height:68px!important;margin-top:25px!important;padding:13px 14px!important}
.sidebar-home strong{font-size:14px!important}.sidebar-home small{font-size:10px!important}
.sidebar-label{margin:27px 11px 9px!important;font-size:10px!important}
.dashboard-nav{display:grid!important;gap:6px!important;overflow:visible!important}
.dashboard-nav a{min-height:49px!important;padding:0 14px!important;font-size:14px!important;border-radius:13px!important}
.dashboard-nav a span{font-size:14px!important;line-height:1.25!important}
.sidebar-logout{min-height:47px!important;font-size:13px!important}

/* Ticket index — tabs always remain in the card, never become a bottom bar. */
.tickets-page-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:22px!important;padding:4px 2px 0}
.tickets-page-head h2{font-size:31px!important;line-height:1.15!important;margin:7px 0 8px!important;letter-spacing:-.035em}
.tickets-page-head p{font-size:14px!important;margin:0;color:var(--dash-muted)}
.ticket-center{overflow:hidden!important}
.ticket-filters{display:flex!important;align-items:center!important;gap:10px!important;padding:20px 22px!important;border-bottom:1px solid rgba(74,144,205,.12)!important}
.ticket-filters label{flex:1 1 330px!important;min-width:220px!important;height:46px!important;padding:0 14px!important;border-radius:13px!important}
.ticket-filters input,.ticket-filters select{font-size:13px!important}
.ticket-filters select{height:46px!important;min-width:180px!important;border-radius:13px!important}
.ticket-tabs{position:static!important;inset:auto!important;display:flex!important;align-items:center!important;gap:9px!important;padding:14px 22px!important;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;border-bottom:1px solid rgba(74,144,205,.12)!important;background:rgba(3,14,25,.52)!important;scrollbar-width:thin}
.ticket-tabs a{flex:0 0 auto!important;min-height:41px!important;padding:0 14px!important;font-size:13px!important;border-radius:12px!important}
.ticket-tabs b{display:grid!important;place-items:center!important;min-width:23px!important;height:22px!important;font-size:10px!important}
.ticket-list-modern{padding:8px 13px 15px!important}
.ticket-list-modern>a{min-height:82px!important;margin:5px 0!important;padding:14px 15px!important;grid-template-columns:46px minmax(0,1fr) 22px!important;gap:15px!important;border:1px solid transparent!important;border-radius:15px!important}
.ticket-list-modern>a:hover{background:rgba(13,65,111,.34)!important;border-color:rgba(53,156,244,.22)!important;transform:none!important}
.ticket-list-icon{width:44px!important;height:44px!important;border-radius:13px!important}
.ticket-list-copy>div{gap:8px!important;margin-bottom:5px!important}.ticket-list-copy>div>b{font-size:11px!important}
.ticket-list-copy>strong{font-size:15px!important;line-height:1.35!important}.ticket-list-copy>small{font-size:11px!important;line-height:1.5!important;margin-top:4px!important}
.status,.priority{font-size:9px!important;line-height:1!important;padding:6px 8px!important;border-radius:8px!important}

/* Ticket conversation — consistent chat alignment and useful typography. */
.ticket-thread-layout{width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;align-items:start!important;gap:20px!important}
.ticket-conversation{min-width:0;overflow:hidden!important}
.conversation-head{min-height:132px;padding:25px 27px!important;align-items:center!important;background:linear-gradient(120deg,rgba(9,35,61,.82),rgba(4,18,32,.88))}
.conversation-head>div{min-width:0}.conversation-head a{font-size:12px!important;color:#65bdf5!important}.conversation-head>div>div{margin-top:15px!important;gap:9px!important}.conversation-head h2{font-size:24px!important;line-height:1.3!important;margin:8px 0 0!important;overflow-wrap:anywhere}
.conversation-icon{width:56px!important;height:56px!important;border-radius:17px!important;flex:0 0 auto!important}
.modern-messages{min-height:360px!important;max-height:680px!important;padding:28px!important;display:flex!important;flex-direction:column!important;gap:22px!important;overflow:auto!important;background:radial-gradient(620px 280px at 50% 0,rgba(14,113,205,.07),transparent 72%),rgba(2,11,20,.32)!important}
.modern-messages .message{width:100%!important;max-width:none!important;padding:0!important;border:0!important;background:none!important;display:flex!important;align-items:flex-start!important;gap:12px!important}
.modern-messages .user-message{justify-content:flex-start!important;flex-direction:row!important}
.modern-messages .admin-message{justify-content:flex-start!important;flex-direction:row-reverse!important}
.message-avatar{width:44px!important;height:44px!important;border-radius:14px!important;font-size:11px!important;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.message-bubble{width:auto!important;max-width:min(72%,780px)!important;padding:17px 18px!important;border-radius:7px 18px 18px 18px!important;background:linear-gradient(145deg,rgba(7,29,49,.98),rgba(4,20,35,.98))!important;border:1px solid rgba(74,145,205,.2)!important;box-shadow:0 12px 30px rgba(0,0,0,.14)!important}
.admin-message .message-bubble{border-radius:18px 7px 18px 18px!important;background:linear-gradient(145deg,rgba(20,58,99,.98),rgba(9,35,64,.98))!important;border-color:rgba(54,158,249,.29)!important}
.message-bubble header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin:0 0 11px!important}
.message-bubble header>div{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;min-width:0}
.message-bubble header strong{font-size:14px!important;line-height:1.3!important}
.message-bubble header span{display:inline-flex!important;align-items:center!important;min-height:24px!important;margin:0!important;padding:0 8px!important;border-radius:7px!important;background:rgba(111,72,255,.16)!important;color:#bca9ff!important;font-size:9px!important;font-weight:800!important;white-space:nowrap!important}
.message-bubble header span.customer-role{background:rgba(15,139,239,.11)!important;color:#72c9ff!important}
.message-bubble time{font-size:10px!important;line-height:1.4!important;color:#6e8ca4!important;white-space:nowrap!important}
.message-text{font-size:14px!important;line-height:1.75!important;color:#c6d7e4!important;overflow-wrap:anywhere!important;white-space:normal!important}
.message-attachment{min-height:40px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;margin-top:14px!important;padding:0 12px!important;border:1px solid rgba(50,158,249,.28)!important;border-radius:11px!important;background:rgba(8,97,174,.1)!important;color:#55c1ff!important;font-size:12px!important;font-weight:700!important}
.message-attachment .icon{width:17px!important;height:17px!important}
.premium-reply{margin:0!important;padding:23px 27px 27px!important;border-top:1px solid rgba(75,146,208,.14)!important;background:rgba(3,14,25,.66)!important}
.premium-reply>label>span{font-size:12px!important}.premium-reply textarea{min-height:128px!important;padding:15px!important;font-size:14px!important;line-height:1.6!important;border-radius:14px!important}
.reply-actions{display:flex!important;align-items:center!important;gap:10px!important;margin-top:12px!important;flex-wrap:wrap!important}
.reply-file{min-height:44px!important;font-size:12px!important}.reply-actions select{height:44px!important;font-size:12px!important}.reply-actions .btn{min-height:44px!important;margin-left:auto!important}
.ticket-details{position:sticky!important;top:106px!important;padding:24px!important;border-radius:20px!important}
.ticket-details h3{font-size:20px!important;margin:6px 0 20px!important}.ticket-details dl>div{padding:13px 0!important}.ticket-details dt,.ticket-details dd{font-size:12px!important}.ticket-details dd small{font-size:10px!important}
.ticket-security-note{padding:14px!important}.ticket-security-note p{font-size:11px!important;line-height:1.55!important}

/* Pulse is an external assortment, never an internal balance purchase. */
.external-commerce-note{display:flex;align-items:center;gap:12px;margin-top:20px;padding:14px 16px;border:1px solid rgba(41,175,255,.24);border-radius:14px;background:rgba(8,94,163,.09);max-width:620px}
.external-commerce-note>.icon{width:22px;height:22px;color:#51c9ff}.external-commerce-note strong,.external-commerce-note small{display:block}.external-commerce-note strong{font-size:13px}.external-commerce-note small{margin-top:3px;color:#7894aa;font-size:11px}
.pulse-product-card{border-color:rgba(87,92,255,.23)!important}.pulse-product-card:before{background:#5f3dff!important;opacity:.13!important}.pulse-product-card .product-icon{color:#a59bff;background:linear-gradient(145deg,rgba(91,60,255,.25),rgba(19,31,77,.66));border-color:rgba(127,105,255,.35)}
.external-sale-label{font-size:13px!important;color:#a99fff!important}.pulse-product-card .product-bottom{gap:12px}.pulse-product-card .product-bottom .btn{white-space:nowrap}
.external-purchase-card{border-color:rgba(119,94,255,.34)!important;background:linear-gradient(145deg,rgba(34,31,83,.82),rgba(7,20,39,.94))!important}.external-purchase-card>strong{font-size:25px!important;color:#d4ceff}.external-purchase-card p{font-size:12px!important;line-height:1.6!important}
.pulse-product-detail .product-detail-icon{color:#b6a9ff;background:linear-gradient(145deg,rgba(100,68,255,.32),rgba(13,32,73,.76));border-color:rgba(126,101,255,.5)}

/* Desktop breakpoints: preserve title, remove optional controls before they collide. */
@media(max-width:1380px){
  .dashboard-shell{grid-template-columns:250px minmax(0,1fr)!important}
  .dashboard-search{display:none!important}
  .dashboard-title{flex:1 1 auto!important;max-width:none!important}
}
@media(max-width:1120px) and (min-width:901px){
  .dashboard-catalog-btn{display:none!important}
  .dashboard-top{padding-inline:22px!important}
  .dashboard-content{padding:22px!important}
}
@media(max-width:900px){
  .dashboard-shell{display:block!important;min-height:100vh!important}
  .dashboard-sidebar{position:fixed!important;top:0!important;bottom:0!important;left:0!important;width:min(320px,88vw)!important;height:100vh!important;transform:translateX(-105%)!important;z-index:170!important}
  .dashboard-menu-open .dashboard-sidebar{transform:translateX(0)!important}
  .dashboard-top{min-height:74px!important;height:74px!important;padding:0 15px!important;gap:12px!important}
  .dashboard-title{min-width:0!important;max-width:calc(100vw - 180px)!important}
  .dashboard-title small{font-size:8px!important}.dashboard-title h1{font-size:20px!important}
  .dashboard-search,.dashboard-catalog-btn,.dashboard-top-actions>.icon-btn{display:none!important}
  .dashboard-content{padding:17px!important;gap:17px!important}
  .ticket-thread-layout{grid-template-columns:1fr!important}.ticket-details{position:static!important;top:auto!important}
  .ticket-filters{flex-wrap:wrap!important}.ticket-filters label{flex-basis:100%!important}.ticket-filters select{flex:1!important}
  .tickets-page-head{align-items:flex-start!important;flex-direction:column!important}
  .tickets-page-head .btn{width:100%!important}
}
@media(max-width:620px){
  .dashboard-content{padding:12px!important}
  .dashboard-title{max-width:calc(100vw - 135px)!important}.dashboard-title h1{font-size:18px!important}.dashboard-top-actions .user-pill{min-height:44px!important}
  .dash-card-head,.panel-heading{min-height:0!important;padding:20px!important;align-items:flex-start!important;flex-direction:column!important}.dash-card-head .btn,.panel-heading .btn{width:100%!important}
  .dash-card-body{padding:0 18px 18px!important}
  .ticket-filters{padding:15px!important;display:grid!important}.ticket-filters label,.ticket-filters select,.ticket-filters .btn{width:100%!important;min-width:0!important}
  .ticket-tabs{padding:11px 14px!important}.ticket-tabs a{font-size:12px!important;padding-inline:12px!important}
  .ticket-list-modern{padding:7px!important}.ticket-list-modern>a{grid-template-columns:42px minmax(0,1fr)!important;padding:13px!important}.ticket-list-arrow{display:none!important}
  .conversation-head{padding:20px!important;min-height:0!important;align-items:flex-start!important}.conversation-icon{width:45px!important;height:45px!important}.conversation-head h2{font-size:20px!important}
  .modern-messages{padding:17px!important;gap:18px!important}.message-avatar{width:38px!important;height:38px!important}.message-bubble{max-width:calc(100% - 50px)!important;padding:14px!important}.message-bubble header{flex-direction:column!important;gap:5px!important}.message-text{font-size:13px!important}
  .premium-reply{padding:18px!important}.reply-actions{align-items:stretch!important;flex-direction:column!important}.reply-actions .btn{width:100%!important;margin-left:0!important}.reply-file,.reply-actions select{width:100%!important}
  .product-hero{grid-template-columns:1fr!important}.purchase-card{width:100%}.pulse-product-card .product-bottom{align-items:stretch;flex-direction:column}.pulse-product-card .product-bottom .btn{width:100%}
}

/* ========================================================================
   Xaoc Shop 3.3.1 — clean scrolling and SMTP settings
   ======================================================================== */
html,body{overflow-x:hidden}
html,body,*{scrollbar-width:none;-ms-overflow-style:none}
*::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;background:transparent!important}
.dashboard-sidebar,.admin-sidebar,.modern-messages,.ticket-tabs,.data-table,.fm-table-wrap,.fm-actions-bar{overscroll-behavior:contain}

.settings-icon.mail{color:#70d8ff;background:linear-gradient(145deg,rgba(0,157,255,.2),rgba(35,92,177,.12));border-color:rgba(52,183,255,.3)}
.mail-settings{scroll-margin-top:110px}
.smtp-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.smtp-form>label{min-width:0}
.smtp-explainer{display:flex;align-items:flex-start;gap:13px;padding:16px;border:1px solid rgba(56,170,255,.19);border-radius:15px;background:rgba(8,89,157,.08)}
.smtp-explainer>.icon{width:23px;height:23px;color:#49c5ff;flex:0 0 auto}
.smtp-explainer strong{display:block;font-size:13px;color:#dff4ff}.smtp-explainer p{margin:5px 0 0;font-size:11px;line-height:1.6;color:#7290a7}
.smtp-test-form{display:flex;align-items:flex-end;gap:12px;padding:0 24px 24px}
.smtp-test-form label{flex:1;display:grid;gap:7px}.smtp-test-form label>span{font-size:11px;font-weight:700;color:#8199ad}.smtp-test-form input{height:46px;border:1px solid rgba(73,147,210,.2);border-radius:13px;background:#030d18;color:#ecf7ff;padding:0 14px;outline:0}.smtp-test-form input:focus{border-color:#249eff;box-shadow:0 0 0 3px rgba(36,158,255,.12)}

/* Ensure long account titles never escape the top bar. */
.dashboard-title h1,.admin-title h1{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboard-main,.admin-main{overflow:clip}
.dashboard-content,.admin-content{min-width:0}

/* Ticket chat remains roomy without visible system scrollbars. */
.modern-messages{scroll-behavior:smooth}
.message-text{word-break:break-word}

@media(max-width:760px){
  .smtp-form{grid-template-columns:1fr!important}.smtp-form .span-2{grid-column:auto!important}
  .smtp-test-form{align-items:stretch;flex-direction:column;padding:0 18px 18px}.smtp-test-form .btn{width:100%}
}

/* ========================================================================
   Xaoc Shop 4.0 — final account, support, security and mail polish
   ======================================================================== */
:root{
  --final-card:rgba(5,18,34,.88);
  --final-card-strong:rgba(7,24,44,.96);
  --final-line:rgba(74,153,221,.18);
  --final-text:#edf8ff;
  --final-muted:#87a2b8;
  --final-blue:#249eff;
  --final-cyan:#48d7ff;
  --final-purple:#7865ff;
}
.dashboard-content{display:grid;gap:22px;padding:28px 30px 42px;align-content:start}
.dashboard-panel,.dash-card{border:1px solid var(--final-line);border-radius:22px;background:linear-gradient(145deg,var(--final-card-strong),var(--final-card));box-shadow:0 18px 54px rgba(0,0,0,.18);overflow:hidden}
.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:25px 27px;border-bottom:1px solid rgba(74,153,221,.12)}
.panel-heading h2{margin:4px 0 6px;font-size:22px;line-height:1.22;letter-spacing:-.025em}.panel-heading p{margin:0;color:var(--final-muted);font-size:13px;line-height:1.6}.panel-heading>a,.panel-heading .panel-actions a{display:inline-flex;align-items:center;gap:7px;color:#69caff;font-size:12px;font-weight:800;white-space:nowrap}.panel-heading h2 b{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 8px;margin-left:5px;border-radius:999px;background:rgba(35,156,255,.14);color:#68c8ff;font-size:12px}
.dashboard-primary-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.65fr);gap:20px;min-width:0}
.dashboard-communication-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0}.communication-panel{min-height:410px;display:flex;flex-direction:column}.communication-panel>.dashboard-notification-list,.communication-panel>.ticket-widget-list{flex:1}.create-ticket-wide{margin:16px 22px 22px}
.finance-overview-panel .finance-list{padding:10px 20px 20px}.finance-overview-panel .finance-list article{min-height:66px;padding:12px 4px;border-bottom:1px solid rgba(74,153,221,.1)}
.dashboard-notification-list{display:grid;gap:9px;padding:14px 18px 20px}.notification-item{display:grid;grid-template-columns:48px minmax(0,1fr) 38px;align-items:center;gap:13px;min-height:82px;padding:14px 15px;border:1px solid rgba(75,150,214,.13);border-radius:16px;background:rgba(2,12,23,.52);transition:.18s ease}.notification-item:hover{border-color:rgba(54,170,255,.35);background:rgba(9,47,79,.42);transform:translateY(-1px)}.notification-item.unread{border-color:rgba(36,158,255,.35);box-shadow:inset 3px 0 0 #249eff}.notification-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,rgba(28,145,245,.22),rgba(53,77,172,.12));color:#61c9ff}.notification-icon .icon{width:21px;height:21px}.notification-copy{min-width:0}.notification-title-row{display:flex;align-items:center;gap:9px;min-width:0}.notification-title-row strong{font-size:14px;color:#f1f9ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-title-row em{padding:4px 7px;border-radius:7px;background:#178cff;color:#fff;font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase}.notification-copy p{margin:7px 0 6px;color:#a9bed0;font-size:12px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.notification-copy small{color:#66879f;font-size:10px}.notification-action{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#65c8ff;background:rgba(32,145,236,.1)}.notification-action .icon{width:17px;height:17px}
.ticket-widget-list{display:grid;gap:9px;padding:14px 18px 6px}.ticket-widget-item{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:12px;min-height:84px;padding:15px 16px;border:1px solid rgba(75,150,214,.13);border-radius:16px;background:rgba(2,12,23,.52);transition:.18s ease}.ticket-widget-item:hover{border-color:rgba(54,170,255,.35);background:rgba(9,47,79,.42);transform:translateY(-1px)}.ticket-widget-main{min-width:0}.ticket-widget-top{display:flex;align-items:center;gap:8px;margin-bottom:7px}.ticket-widget-main>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#edf8ff}.ticket-widget-main>small{display:block;margin-top:5px;color:#738fa5;font-size:10px}.ticket-widget-arrow{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#65c8ff;background:rgba(32,145,236,.1)}
.support-contact-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 24px;border:1px solid rgba(85,113,255,.23);border-radius:21px;background:linear-gradient(120deg,rgba(16,74,130,.34),rgba(49,31,121,.27),rgba(4,18,33,.86));box-shadow:0 20px 55px rgba(0,0,0,.18)}.support-contact-card.compact{border-radius:19px}.support-contact-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#188cff,#5d4fff);color:#fff;box-shadow:0 10px 28px rgba(35,119,255,.28)}.support-contact-icon .icon{width:24px;height:24px}.support-contact-copy strong{display:block;margin:3px 0 5px;font-size:17px}.support-contact-copy p{max-width:760px;margin:0;color:#a8bdd0;font-size:12px;line-height:1.55}.support-contact-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.support-contact-actions .btn{min-height:42px}
.notifications-page-layout,.tickets-page-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,340px);gap:20px;align-items:start}.notifications-side,.tickets-page-side{display:grid;gap:18px}.notification-guide{padding:24px}.notification-guide h3{margin:5px 0 18px;font-size:19px}.notification-guide ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.notification-guide li{display:flex;gap:11px;padding:12px;border:1px solid rgba(73,147,210,.12);border-radius:13px;background:rgba(2,12,23,.4)}.notification-guide li>.icon{width:21px;height:21px;color:#4cc4ff}.notification-guide strong,.notification-guide small{display:block}.notification-guide strong{font-size:12px}.notification-guide small{margin-top:3px;color:#7893a8;font-size:10px;line-height:1.45}
.tickets-main-card{min-width:0}.tickets-page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:27px;border-bottom:1px solid rgba(74,153,221,.12)}.tickets-page-head h2{margin:4px 0 6px;font-size:24px}.tickets-page-head p{margin:0;color:#88a2b8;font-size:13px}.ticket-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:17px 20px;border-bottom:1px solid rgba(74,153,221,.1)}.ticket-counts a{display:flex;align-items:center;gap:8px;min-height:50px;padding:9px 12px;border:1px solid rgba(74,153,221,.12);border-radius:13px;background:rgba(2,12,23,.38)}.ticket-counts a.active{border-color:rgba(36,158,255,.48);background:rgba(21,119,207,.16)}.ticket-counts strong{font-size:17px;color:#dff4ff}.ticket-counts span{font-size:10px;color:#819aae}.ticket-search-form{display:grid;grid-template-columns:20px minmax(180px,1fr) 180px auto;align-items:center;gap:10px;padding:17px 20px;border-bottom:1px solid rgba(74,153,221,.1)}.ticket-search-form>.icon{width:18px;height:18px;color:#61839c}.ticket-search-form input,.ticket-search-form select{height:44px;border:1px solid rgba(73,147,210,.18);border-radius:12px;background:#020c17;color:#ecf7ff;padding:0 13px;outline:0}.ticket-center-list{display:grid;gap:9px;padding:16px 20px 22px}.ticket-center-row{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:94px;padding:15px 16px;border:1px solid rgba(74,153,221,.13);border-radius:17px;background:rgba(2,12,23,.5);transition:.18s ease}.ticket-center-row:hover{border-color:rgba(36,158,255,.38);background:rgba(8,48,82,.4);transform:translateY(-1px)}.ticket-center-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(33,140,229,.14);color:#5dc9ff}.ticket-center-main{min-width:0}.ticket-center-main>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ticket-center-main>strong{display:block;margin:8px 0 5px;font-size:15px;color:#eef9ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-center-main>small{color:#7792a7;font-size:10px}.ticket-center-open{display:flex;align-items:center;gap:7px;color:#68c8ff;font-size:11px;font-weight:800}.ticket-center-open .icon{width:16px;height:16px}
.ticket-thread-layout{grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.ticket-conversation{min-width:0}.modern-messages{display:flex;flex-direction:column;gap:18px;max-height:680px;padding:25px 27px;overflow:auto}.modern-messages .message{display:flex;align-items:flex-start;gap:11px;width:100%}.modern-messages .admin-message{flex-direction:row-reverse}.message-bubble{width:auto;max-width:min(76%,760px);border:1px solid rgba(70,146,210,.17);border-radius:18px;background:rgba(4,18,32,.92)}.admin-message .message-bubble{background:linear-gradient(145deg,rgba(17,65,113,.96),rgba(15,43,78,.96));border-color:rgba(53,154,240,.28)}.message-bubble header{display:flex;align-items:center;justify-content:space-between;gap:14px}.message-text{margin-top:12px;white-space:pre-wrap}.ticket-details{position:sticky;top:100px}
.two-factor-card .verify-icon .icon{width:34px;height:34px}.twofa-setup-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.twofa-setup-card{min-width:0}.twofa-steps{display:grid;gap:13px;padding:24px 27px}.twofa-steps article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;padding:16px;border:1px solid rgba(74,153,221,.13);border-radius:15px;background:rgba(2,12,23,.45)}.twofa-steps article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#168cff,#5e4fff);font-weight:900}.twofa-steps strong{font-size:14px}.twofa-steps p{margin:5px 0 0;color:#8ca6ba;font-size:12px;line-height:1.55}.twofa-secret{display:block;margin-top:13px;padding:14px;border:1px dashed rgba(72,190,255,.4);border-radius:13px;background:#010914;color:#78d6ff;font:700 15px/1.6 'JetBrains Mono',monospace;letter-spacing:.08em;word-break:break-all}.twofa-actions{display:flex;gap:9px;margin-top:11px;flex-wrap:wrap}.twofa-confirm-form{grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(74,153,221,.12)}.twofa-side{padding:24px}.twofa-side h3{margin:6px 0 18px;font-size:20px}.twofa-side ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.twofa-side li{display:flex;gap:9px;color:#a7bed0;font-size:12px;line-height:1.55}.twofa-side li .icon{width:19px;height:19px;color:#35dca4;flex:0 0 auto}.recovery-codes-card{max-width:820px;margin:0 auto;padding:30px}.recovery-codes-card h2{font-size:27px;margin:5px 0 7px}.recovery-codes-card>p{color:#91aabd}.recovery-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:23px 0}.recovery-code-grid code{padding:14px;border:1px solid rgba(60,178,255,.24);border-radius:12px;background:#010914;color:#8bddff;text-align:center;font:700 15px 'JetBrains Mono',monospace;letter-spacing:.08em}.recovery-warning{display:flex;gap:11px;padding:15px;margin-bottom:20px;border:1px solid rgba(255,181,74,.22);border-radius:14px;background:rgba(116,75,8,.12)}.recovery-warning .icon{color:#ffc067}.recovery-warning p{margin:0;color:#c4ae86;font-size:12px;line-height:1.55}
.twofa-profile-card{padding:20px}.twofa-profile-card.enabled{border-color:rgba(49,215,161,.26)}.twofa-profile-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px}.twofa-profile-head>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:rgba(40,143,232,.14);color:#5bc8ff}.twofa-profile-head strong,.twofa-profile-head small{display:block}.twofa-profile-head strong{font-size:13px}.twofa-profile-head small{margin-top:3px;color:#728da2;font-size:10px}.twofa-profile-head em{padding:6px 9px;border-radius:8px;background:rgba(255,100,116,.1);color:#ff8290;font-size:9px;font-style:normal;font-weight:900}.twofa-profile-card.enabled .twofa-profile-head em{background:rgba(49,215,161,.12);color:#5be7b5}.twofa-profile-card>p{color:#8da6b9;font-size:11px;line-height:1.55}.twofa-inline-form{display:grid;grid-template-columns:1fr 110px;gap:8px;margin-top:10px}.twofa-inline-form .btn{grid-column:1/-1}.twofa-inline-form input{height:42px;min-width:0;border:1px solid rgba(73,147,210,.18);border-radius:11px;background:#020c17;color:#eff9ff;padding:0 11px}.twofa-inline-form.danger{padding-top:10px;border-top:1px solid rgba(255,83,109,.12)}
.smtp-last-test{display:flex;align-items:flex-start;gap:11px;margin:0 24px 24px;padding:14px 16px;border:1px solid rgba(68,147,207,.16);border-radius:14px;background:rgba(4,17,30,.6)}.smtp-last-test.success{border-color:rgba(49,215,161,.27)}.smtp-last-test.error{border-color:rgba(255,83,109,.27)}.smtp-last-test>.icon{width:22px;height:22px;color:#55c9ff}.smtp-last-test.success>.icon{color:#4be0a9}.smtp-last-test.error>.icon{color:#ff7589}.smtp-last-test strong,.smtp-last-test small{display:block}.smtp-last-test strong{font-size:12px}.smtp-last-test small{margin-top:4px;color:#7893a8;font-size:10px;line-height:1.5;overflow-wrap:anywhere}

@media(max-width:1180px){.dashboard-primary-grid,.dashboard-communication-grid{grid-template-columns:1fr}.notifications-page-layout,.tickets-page-layout{grid-template-columns:1fr}.notifications-side,.tickets-page-side{grid-template-columns:repeat(2,minmax(0,1fr))}.support-contact-card{grid-template-columns:52px minmax(0,1fr)}.support-contact-actions{grid-column:1/-1;justify-content:flex-start}.twofa-setup-layout{grid-template-columns:1fr}.twofa-side{position:static}}
@media(max-width:760px){.dashboard-content{padding:14px 12px 28px;gap:14px}.panel-heading{padding:19px;flex-direction:column}.panel-heading h2{font-size:20px}.dashboard-primary-grid,.dashboard-communication-grid{gap:14px}.communication-panel{min-height:0}.notifications-side,.tickets-page-side{grid-template-columns:1fr}.support-contact-card{grid-template-columns:1fr;padding:19px}.support-contact-icon{width:48px;height:48px}.support-contact-actions{display:grid;grid-template-columns:1fr}.support-contact-actions .btn{width:100%}.ticket-counts{display:flex;overflow:auto;padding:13px}.ticket-counts a{min-width:115px}.ticket-search-form{grid-template-columns:20px minmax(0,1fr);padding:14px}.ticket-search-form select,.ticket-search-form button{grid-column:1/-1;width:100%}.ticket-center-row{grid-template-columns:44px minmax(0,1fr);padding:13px}.ticket-center-open{display:none}.ticket-center-icon{width:42px;height:42px}.ticket-thread-layout{grid-template-columns:1fr}.modern-messages{padding:17px 14px}.message-bubble{max-width:calc(100% - 48px)}.message-bubble header{align-items:flex-start;flex-direction:column;gap:5px}.twofa-confirm-form{grid-template-columns:1fr}.twofa-confirm-form .span-2{grid-column:auto}.recovery-code-grid{grid-template-columns:1fr}.twofa-inline-form{grid-template-columns:1fr}.smtp-last-test{margin:0 18px 18px}}

/* Final security administration controls. */
.admin-2fa-reset-card{padding:0;overflow:hidden}
.admin-reset-2fa-form{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:14px;padding:0 24px 24px}
.admin-reset-2fa-form label{display:grid;gap:7px;color:#8da6ba;font-size:12px;font-weight:700}
.admin-reset-2fa-form input{height:46px;border:1px solid rgba(73,147,210,.2);border-radius:13px;background:#030d18;color:#eff9ff;padding:0 14px;outline:0}
.admin-reset-2fa-form input:focus{border-color:#249eff;box-shadow:0 0 0 3px rgba(36,158,255,.12)}
@media(max-width:760px){.admin-reset-2fa-form{grid-template-columns:1fr;padding:0 18px 18px}.admin-reset-2fa-form .btn{width:100%}}

/* Xaoc Shop 4.0.1 — compact contact placement and stable dashboard grids. */
.ticket-direct-contacts{
  display:grid;
  gap:7px;
  margin-top:16px;
  padding-top:15px;
  border-top:1px solid rgba(74,153,221,.12);
}
.ticket-direct-contacts>span{
  color:#6f8ba2;
  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.ticket-direct-contacts>a{
  display:flex;
  align-items:center;
  min-height:36px;
  padding:8px 10px;
  border:1px solid rgba(74,153,221,.12);
  border-radius:10px;
  background:rgba(2,12,23,.38);
  color:#8fdcff;
  font-size:11px;
  font-weight:750;
  overflow-wrap:anywhere;
}
.ticket-direct-contacts>a:hover{
  border-color:rgba(36,158,255,.35);
  background:rgba(14,75,123,.22);
}
.notifications-side,.tickets-page-side,.profile-side-stack{min-width:0}
.notifications-page-layout,.tickets-page-layout,.profile-page-grid{min-width:0}
.notifications-main-card,.tickets-main-card,.profile-settings-card{min-width:0}
@media(max-width:1180px){
  .notifications-side,.tickets-page-side{grid-template-columns:1fr}
}

/* ========================================================================
   Xaoc Shop 4.0.2 — dashboard proportions, ticket polish and complete 2FA UI
   ======================================================================== */

/* Dashboard cards must size from their content instead of stretching an
   isolated ticket across the full height of the notifications column. */
.dashboard-communication-grid{
  align-items:start;
}
.communication-panel{
  min-height:0;
  height:auto;
  align-self:start;
}
.communication-panel>.dashboard-notification-list,
.communication-panel>.ticket-widget-list{
  flex:0 1 auto;
}
.ticket-widget-list{
  align-content:start;
  grid-auto-rows:minmax(84px,auto);
}
.ticket-widget-item{
  align-self:start;
  height:auto;
}
.tickets-home>.empty-state,
.notifications-home>.empty-state{
  margin:18px;
  min-height:180px;
}
.panel-heading>div,
.tickets-page-head>div,
.conversation-head>div{
  min-width:0;
}
.panel-heading>a,
.panel-heading>.panel-actions,
.tickets-page-head>.btn{
  flex:0 0 auto;
}

/* Ticket list and side helper card. */
.tickets-page-layout{
  grid-template-columns:minmax(0,1fr) 318px;
  gap:22px;
}
.tickets-page-side{
  align-content:start;
}
.ticket-help-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:24px;
}
.ticket-help-card h3{
  margin:18px 0 10px;
  font-size:20px;
  line-height:1.25;
}
.ticket-help-card>p{
  margin:0 0 18px;
  color:#9ab1c3;
  font-size:13px;
  line-height:1.72;
}
.ticket-help-card>.btn{
  width:100%;
  min-height:46px;
}
.ticket-direct-contacts{
  display:grid;
  gap:9px;
  min-width:0;
  margin-top:18px;
  padding-top:17px;
  border-top:1px solid rgba(74,153,221,.14);
}
.ticket-direct-contacts>span{
  display:block;
  margin-bottom:1px;
  color:#6f8ba2;
  font-size:10px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.ticket-direct-contacts>a{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:3px;
  min-width:0;
  min-height:54px;
  padding:10px 12px;
  border:1px solid rgba(74,153,221,.15);
  border-radius:12px;
  background:rgba(2,12,23,.46);
  text-decoration:none;
}
.ticket-direct-contacts>a b,
.ticket-direct-contacts>a em{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ticket-direct-contacts>a b{
  color:#dceeff;
  font-size:11px;
  font-weight:750;
}
.ticket-direct-contacts>a em{
  color:#63c9ff;
  font-size:12px;
  font-style:normal;
  font-weight:800;
}
.ticket-direct-contacts>a:hover{
  border-color:rgba(36,158,255,.42);
  background:rgba(14,75,123,.25);
  transform:translateY(-1px);
}
.ticket-center-list{
  align-content:start;
}
.ticket-center-row{
  min-width:0;
}
.ticket-center-main>strong,
.ticket-center-main>small{
  max-width:100%;
}

/* Ticket conversation: consistent bubbles, no accidental giant gaps. */
.ticket-thread-layout{
  align-items:start;
}
.modern-messages{
  min-height:260px;
  max-height:min(680px,calc(100vh - 250px));
  align-items:stretch;
  scroll-padding:24px;
}
.modern-messages .message{
  min-width:0;
}
.message-bubble{
  min-width:0;
  max-width:min(74%,720px);
  padding:17px 18px;
}
.message-bubble header{
  min-width:0;
}
.message-bubble header>div{
  min-width:0;
}
.message-bubble header strong{
  overflow-wrap:anywhere;
}
.message-text,
.message-bubble p{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.message-attachment{
  max-width:100%;
}
.ticket-details{
  min-width:0;
}

/* Fully working TOTP pages. */
.twofa-login-shell{
  min-height:100vh;
  align-items:center;
}
.twofa-login-card{
  width:min(520px,100%);
}
.verify-icon.secure{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  margin:0 auto 18px;
  border:1px solid rgba(56,176,255,.3);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(27,151,245,.2),rgba(91,74,255,.13));
  color:#62ceff;
}
.verify-icon.secure .icon{
  width:30px;
  height:30px;
}
.twofa-login-card h1,
.twofa-login-card>p,
.twofa-login-card>.eyebrow{
  text-align:center;
}
.twofa-login-form{
  margin-top:22px;
}
.twofa-code-input{
  text-align:center;
  letter-spacing:.18em;
  font-family:'JetBrains Mono',monospace;
  font-size:24px!important;
  font-weight:700;
}
.twofa-cancel-form{
  display:flex;
  justify-content:center;
  margin-top:12px;
}
.twofa-login-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:20px;
  padding:13px 14px;
  border:1px solid rgba(74,153,221,.14);
  border-radius:13px;
  background:rgba(2,12,23,.4);
  color:#7f9aaf;
  font-size:11px;
  line-height:1.55;
}
.twofa-login-note .icon{
  width:18px;
  height:18px;
  flex:0 0 auto;
  color:#55c9ff;
}
.security-status-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:36px;
  padding:0 12px;
  border:1px solid rgba(58,178,255,.23);
  border-radius:11px;
  background:rgba(25,127,211,.11);
  color:#6acfff;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
.security-status-chip .icon{
  width:17px;
  height:17px;
}
.twofa-errors{
  margin:20px 27px 0;
}
.twofa-actions .btn{
  min-height:40px;
}
.twofa-confirm-form{
  padding-top:24px;
}
.twofa-side{
  position:sticky;
  top:96px;
  min-width:0;
}
.twofa-side-warning{
  margin-top:20px;
  padding:14px;
  border:1px solid rgba(255,188,82,.18);
  border-radius:13px;
  background:rgba(110,72,8,.11);
}
.twofa-side-warning strong{
  display:block;
  color:#f5d298;
  font-size:12px;
}
.twofa-side-warning p{
  margin:5px 0 0;
  color:#aa9675;
  font-size:10px;
  line-height:1.55;
}
.recovery-codes-card{
  width:min(860px,100%);
}
.recovery-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

@media(max-width:1180px){
  .tickets-page-layout{
    grid-template-columns:1fr;
  }
  .tickets-page-side{
    grid-template-columns:1fr;
  }
  .ticket-help-card{
    max-width:none;
  }
  .twofa-side{
    position:static;
  }
}

@media(max-width:760px){
  .dashboard-communication-grid{
    grid-template-columns:1fr;
  }
  .communication-panel{
    width:100%;
  }
  .panel-heading>a,
  .panel-heading>.panel-actions{
    width:100%;
  }
  .panel-heading>a{
    justify-content:space-between;
  }
  .ticket-help-card{
    padding:20px;
  }
  .ticket-direct-contacts>a{
    min-height:52px;
  }
  .modern-messages{
    min-height:220px;
    max-height:none;
    padding:16px 13px!important;
  }
  .message-bubble{
    max-width:calc(100% - 48px)!important;
    padding:14px 15px!important;
  }
  .twofa-errors{
    margin:16px 18px 0;
  }
  .twofa-steps{
    padding:18px;
  }
  .twofa-steps article{
    grid-template-columns:34px minmax(0,1fr);
    gap:11px;
    padding:14px;
  }
  .twofa-secret{
    font-size:12px;
    letter-spacing:.045em;
  }
  .twofa-actions{
    display:grid;
  }
  .twofa-actions .btn{
    width:100%;
  }
  .security-status-chip{
    align-self:flex-start;
  }
  .recovery-codes-card{
    padding:22px 18px;
  }
  .recovery-actions{
    display:grid;
  }
  .recovery-actions .btn{
    width:100%;
  }
}

/* Xaoc Shop 4.1 — Telegram Control Center and final admin polish */
body{font-family:Onest,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
code,pre,.tg-control-identity code,.tg-last-error code{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace}
.admin-body{--tg-blue:#229cff;--tg-cyan:#46d7ff;--tg-panel:#071523;--tg-panel-2:#0a1b2c;--tg-line:rgba(71,172,255,.2);--tg-muted:#7894ad}
.admin-content{width:100%;max-width:1600px;margin-inline:auto;padding:28px 30px 52px;gap:18px}
.admin-top{min-height:78px;padding:0 30px;margin:0;border-bottom:1px solid rgba(85,157,224,.12);background:rgba(4,13,23,.72);backdrop-filter:blur(20px)}
.admin-title h1{font-size:25px!important;line-height:1.15!important}.admin-title small{font-size:10px!important}.admin-card{box-shadow:0 18px 55px rgba(0,0,0,.19),inset 0 1px rgba(255,255,255,.025)}
.admin-body .premium-form input,.admin-body .premium-form textarea,.admin-body .premium-form select,.admin-body .admin-form input,.admin-body .admin-form textarea,.admin-body .admin-form select{font-size:14px;line-height:1.45}
.admin-body .premium-form>label>span,.admin-body .admin-form>label{font-size:12px}.admin-body .premium-form label small{font-size:10px;line-height:1.5}
.admin-body .btn{font-size:12px;min-height:43px}.admin-body .btn-lg{min-height:52px;font-size:13px}

.tg-control-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);align-items:center;gap:26px;min-height:218px;padding:30px 32px!important;border-color:rgba(53,172,255,.29)!important;background:linear-gradient(125deg,rgba(8,37,65,.98),rgba(4,15,28,.99) 52%,rgba(6,29,49,.98))!important}
.tg-control-hero:before{content:"";position:absolute;z-index:-1;width:500px;height:500px;right:-180px;top:-280px;border-radius:50%;background:radial-gradient(circle,rgba(37,164,255,.32),rgba(37,164,255,0) 70%)}
.tg-control-hero:after{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(97,184,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(97,184,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 90%)}
.tg-control-copy{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;align-items:center;min-width:0}
.tg-control-mark{width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(79,192,255,.4);border-radius:20px;color:#6bd8ff;background:linear-gradient(145deg,rgba(26,142,237,.28),rgba(13,76,139,.18));box-shadow:0 18px 42px rgba(0,118,224,.22),inset 0 1px rgba(255,255,255,.11)}
.tg-control-mark .icon{width:32px;height:32px}
.tg-control-copy h2{margin:6px 0 8px;font-size:clamp(25px,2.2vw,36px);line-height:1.08;letter-spacing:-.045em}
.tg-control-copy p{max-width:780px;margin:0;color:#93adc2;font-size:13px;line-height:1.7}
.tg-control-badges{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.tg-control-badges span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(111,163,205,.14);border-radius:999px;background:rgba(4,14,26,.42);color:#7892aa;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.tg-control-badges span:before{content:"";width:6px;height:6px;border-radius:50%;background:#506a80}
.tg-control-badges span.ok{color:#72e8bd;border-color:rgba(60,223,169,.22);background:rgba(31,168,121,.08)}.tg-control-badges span.ok:before{background:#43dea9;box-shadow:0 0 11px #43dea9}
.tg-control-badges span.warn{color:#ffd07a;border-color:rgba(255,193,91,.2);background:rgba(155,99,16,.08)}.tg-control-badges span.warn:before{background:#f7b94f;box-shadow:0 0 10px rgba(247,185,79,.65)}
.tg-control-identity{justify-self:end;width:min(100%,310px);padding:22px;border:1px solid rgba(71,175,255,.2);border-radius:20px;background:rgba(2,12,23,.57);box-shadow:inset 0 1px rgba(255,255,255,.035)}
.tg-control-identity small{display:block;color:#69839b;font-size:10px;text-transform:uppercase;letter-spacing:.11em}.tg-control-identity strong{display:block;margin:9px 0 15px;color:#eff9ff;font-size:22px;overflow-wrap:anywhere}.tg-control-identity code{display:inline-flex;padding:7px 10px;border-radius:9px;background:rgba(30,151,238,.1);color:#63caff;font-size:10px}
.tg-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.tg-metric-grid article{min-height:94px;display:flex;align-items:center;gap:14px;padding:18px;border:1px solid rgba(69,151,219,.15);border-radius:17px;background:linear-gradient(145deg,rgba(8,25,43,.94),rgba(3,12,23,.97));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.tg-metric-grid article>span{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(58,174,255,.18);border-radius:13px;background:rgba(19,139,229,.09);color:#4bc3ff}.tg-metric-grid article>span .icon{width:21px;height:21px}.tg-metric-grid article>div{min-width:0}.tg-metric-grid small{display:block;color:#658098;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.tg-metric-grid strong{display:block;margin-top:5px;color:#eefdff;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-metric-grid article.danger{border-color:rgba(255,91,119,.23)}.tg-metric-grid article.danger>span{color:#ff8da0;background:rgba(255,75,106,.08);border-color:rgba(255,91,119,.2)}
.tg-admin-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:16px;align-items:start}.tg-admin-grid>.span-2{grid-column:1/-1}
.tg-settings-card{padding:0!important;overflow:hidden}.tg-settings-card .settings-card-head{padding:23px 24px}.settings-icon.telegram{color:#65d0ff;background:linear-gradient(145deg,rgba(31,160,248,.17),rgba(13,89,159,.12));border-color:rgba(65,183,255,.25)}
.tg-settings-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px;gap:17px}.tg-settings-form textarea{min-height:132px;resize:vertical}
.tg-permission-box{padding:18px;border:1px solid rgba(73,158,229,.14);border-radius:16px;background:rgba(3,15,28,.52)}.tg-permission-box>div{margin-bottom:13px}.tg-permission-box>div strong{display:block;font-size:13px}.tg-permission-box>div small{display:block;margin-top:3px;color:#69849c;font-size:10px}.tg-permission-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tg-permission-box>div{grid-column:1/-1}
.tg-permission-box>label{position:relative;cursor:pointer}.tg-permission-box>label>input{position:absolute;opacity:0;pointer-events:none}.tg-permission-box>label>span{height:100%;min-height:112px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:14px;border:1px solid rgba(72,147,210,.12);border-radius:13px;background:rgba(8,25,43,.76);transition:.2s ease}.tg-permission-box>label>span .icon{width:22px;height:22px;margin-bottom:6px;color:#4fc5ff}.tg-permission-box b{font-size:12px}.tg-permission-box em{color:#6e879d;font-size:9px;line-height:1.5;font-style:normal}.tg-permission-box>label:hover>span{transform:translateY(-2px);border-color:rgba(61,173,255,.3)}.tg-permission-box>label>input:checked+span{border-color:rgba(45,176,255,.48);background:linear-gradient(145deg,rgba(13,75,128,.54),rgba(5,26,45,.9));box-shadow:0 12px 32px rgba(0,101,190,.13),inset 0 0 0 1px rgba(48,181,255,.08)}.tg-permission-box>label>input:checked+span:after{content:"✓";position:absolute;right:11px;top:10px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#1a9cf3;color:#fff;font-size:11px;font-weight:900}
.tg-side-stack{display:grid;gap:16px;min-width:0}.tg-test-card,.tg-security-card{padding:23px!important}.tg-test-card h3,.tg-security-card h3{margin:7px 0 15px;font-size:18px}.tg-test-card ol{list-style:none;display:grid;gap:10px;margin:0 0 20px;padding:0}.tg-test-card li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;color:#94aabc;font-size:10px;line-height:1.55}.tg-test-card li b{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(56,177,255,.25);border-radius:9px;background:rgba(18,139,224,.1);color:#5acbff}.tg-test-card form{display:grid;gap:10px;padding-top:16px;border-top:1px solid rgba(73,151,215,.12)}.tg-test-card form label{display:grid;gap:6px}.tg-test-card form label span{color:#7790a6;font-size:10px}.tg-test-card form input{width:100%;min-height:43px;padding:0 13px;border:1px solid rgba(75,151,216,.18);border-radius:12px;background:#04111f;color:#fff;outline:none}
.tg-security-card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(8,28,46,.96),rgba(3,14,25,.98))!important}.tg-security-card>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(65,212,164,.21);border-radius:14px;background:rgba(33,190,139,.09);color:#5ee0b4}.tg-security-card>span .icon{width:23px;height:23px}.tg-security-card ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.tg-security-card li{position:relative;padding-left:18px;color:#829bb0;font-size:10px;line-height:1.55}.tg-security-card li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:#3bd9a5;box-shadow:0 0 10px rgba(59,217,165,.55)}
.tg-update-card,.tg-audit-card{padding:24px!important}.tg-update-card .panel-heading{align-items:flex-start}.tg-update-card .panel-heading h2,.tg-audit-card .panel-heading h2{font-size:20px!important}.tg-update-card .panel-heading p{max-width:760px}.tg-pipeline-status{padding:8px 11px;border:1px solid rgba(61,211,168,.22);border-radius:999px;background:rgba(32,165,122,.08);color:#5fe2b6;font-size:9px;font-weight:900;letter-spacing:.1em}.tg-pipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:20px}.tg-pipeline article{position:relative;min-height:150px;padding:17px;border:1px solid rgba(71,152,219,.13);border-radius:15px;background:rgba(4,17,31,.62)}.tg-pipeline article:not(:last-child):after{content:"";position:absolute;right:-10px;top:38px;width:10px;height:1px;background:rgba(68,170,244,.28)}.tg-pipeline i{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(47,177,255,.22);border-radius:9px;background:rgba(16,139,224,.1);color:#5dccff;font-size:9px;font-style:normal;font-weight:900}.tg-pipeline strong{display:block;margin:16px 0 6px;font-size:12px}.tg-pipeline p{margin:0;color:#708aa1;font-size:9px;line-height:1.55}
.tg-audit-list{display:grid;gap:7px;margin-top:16px}.tg-audit-list article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 12px;border:1px solid rgba(71,150,216,.1);border-radius:12px;background:rgba(4,16,29,.47)}.tg-audit-list article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(18,137,223,.09);color:#47bdff}.tg-audit-list article>span .icon{width:18px;height:18px}.tg-audit-list article div{min-width:0}.tg-audit-list strong{display:block;font-size:11px;overflow-wrap:anywhere}.tg-audit-list small{display:block;margin-top:3px;color:#637e95;font-size:8px}.tg-audit-list time{color:#557087;font-size:8px;white-space:nowrap}.tg-last-error{display:grid;gap:8px;margin-top:14px;padding:14px;border:1px solid rgba(255,90,119,.2);border-radius:13px;background:rgba(112,20,37,.1)}.tg-last-error strong{color:#ff9caf;font-size:10px}.tg-last-error code{white-space:pre-wrap;overflow-wrap:anywhere;color:#c99aa4;font-size:9px;line-height:1.55}

@media(max-width:1200px){.tg-admin-grid{grid-template-columns:1fr}.tg-admin-grid>.span-2{grid-column:auto}.tg-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.tg-pipeline{grid-template-columns:repeat(3,minmax(0,1fr))}.tg-pipeline article:not(:last-child):after{display:none}}
@media(max-width:900px){.admin-content{padding:18px}.tg-control-hero{grid-template-columns:1fr;padding:24px!important}.tg-control-identity{justify-self:stretch;width:100%}.tg-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tg-permission-box{grid-template-columns:1fr}.tg-permission-box>div{grid-column:auto}.tg-settings-form{grid-template-columns:1fr}.tg-settings-form .span-2{grid-column:auto}.tg-side-stack{grid-template-columns:1fr}.tg-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.admin-content{padding:13px}.tg-control-hero{padding:20px!important;border-radius:18px!important}.tg-control-copy{grid-template-columns:48px minmax(0,1fr);gap:13px}.tg-control-mark{width:48px;height:48px;border-radius:15px}.tg-control-mark .icon{width:25px;height:25px}.tg-control-copy h2{font-size:23px}.tg-control-copy p{font-size:11px}.tg-control-badges{grid-column:1/-1}.tg-metric-grid{grid-template-columns:1fr}.tg-settings-form,.tg-settings-card .settings-card-head,.tg-test-card,.tg-security-card,.tg-update-card,.tg-audit-card{padding:18px!important}.tg-pipeline{grid-template-columns:1fr}.tg-pipeline article{min-height:auto}.tg-audit-list article{grid-template-columns:34px minmax(0,1fr)}.tg-audit-list time{grid-column:2}.tg-control-identity strong{font-size:18px}}

/* =========================================================
   Xaoc Shop 4.2 — ORBIT UI
   Original visual system inspired by modern modular SaaS stores.
   ========================================================= */
:root{
  --bg:#08090d;
  --bg2:#0b0c11;
  --panel:#101116;
  --panel2:#15161c;
  --panel3:#1a1b22;
  --line:#26272e;
  --line2:#343640;
  --text:#f6f7fb;
  --soft:#d9deeb;
  --muted:#8a8f9e;
  --muted2:#686d7a;
  --blue:#5d87ff;
  --blue2:#2e5bff;
  --cyan:#00c2ff;
  --green:#00bc7d;
  --green-soft:#7df2c8;
  --orange:#f0a63a;
  --red:#ff637f;
  --radius:24px;
  --radius-sm:16px;
  --shadow:0 28px 90px rgba(0,0,0,.38);
  --shadow-soft:0 18px 52px rgba(0,0,0,.24);
  --ui-font:"Manrope","Inter","Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif;
  --code-font:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
  font-family:var(--ui-font);
  color-scheme:dark;
}

html{font-size:16px;scrollbar-width:none;background:var(--bg)}
html::-webkit-scrollbar,body::-webkit-scrollbar,.dashboard-sidebar::-webkit-scrollbar,.admin-sidebar::-webkit-scrollbar,.modern-messages::-webkit-scrollbar{display:none}
body{
  font-family:var(--ui-font);
  font-size:15px;
  line-height:1.6;
  letter-spacing:-.01em;
  background:
    radial-gradient(900px 520px at 12% -10%,rgba(93,135,255,.16),transparent 62%),
    radial-gradient(760px 520px at 92% 8%,rgba(0,194,255,.08),transparent 65%),
    linear-gradient(180deg,#08090d 0%,#0a0b10 42%,#08090d 100%);
  color:var(--text);
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-3;
  opacity:.32;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,#000,transparent 78%);
}
body,button,input,select,textarea{font-family:var(--ui-font)}
code,.mono,.fm-code-editor{font-family:var(--code-font)}
::selection{background:rgba(93,135,255,.42);color:#fff}

.site-bg{display:none}
.section-shell{width:min(1260px,calc(100% - 48px));margin-inline:auto}

/* Shared surfaces */
.dashboard-panel,.admin-card,.dash-card,.content-card,.product-card,.purchase-card,.auth-card,.seller-panel,.simple-page,.maintenance-card{
  background:linear-gradient(180deg,rgba(21,22,28,.97),rgba(13,14,19,.98))!important;
  border:1px solid var(--line)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),var(--shadow-soft)!important;
}
.dashboard-panel,.admin-card,.dash-card,.content-card,.auth-card,.simple-page{border-radius:var(--radius)!important}
.dashboard-panel,.admin-card,.dash-card,.content-card{overflow:hidden}

/* Header */
.site-header{
  position:sticky;
  top:0;
  z-index:70;
  height:76px;
  display:flex;
  align-items:center;
  gap:30px;
  padding:0 max(24px,calc((100vw - 1260px)/2));
  background:rgba(8,9,13,.76);
  border-bottom:1px solid rgba(255,255,255,.065);
  backdrop-filter:blur(22px) saturate(140%);
}
.brand{gap:11px}
.brand-mark{
  position:relative;
  width:38px;
  height:38px;
  border:1px solid rgba(93,135,255,.4);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(93,135,255,.22),rgba(46,91,255,.08));
  box-shadow:0 10px 28px rgba(46,91,255,.16),inset 0 1px rgba(255,255,255,.13);
  transform:none;
  overflow:hidden;
}
.brand-mark:before,.brand-mark:after,.brand-mark b,.brand-mark i{content:"";position:absolute;display:block;background:linear-gradient(135deg,#8fb6ff,#4d7dff)}
.brand-mark:before{width:24px;height:6px;left:7px;top:9px;transform:rotate(45deg);border-radius:8px}
.brand-mark:after{width:24px;height:6px;left:7px;bottom:9px;transform:rotate(-45deg);border-radius:8px}
.brand-mark b{width:7px;height:28px;left:15px;top:5px;transform:skew(-18deg);border-radius:8px;opacity:.76}
.brand-mark i{display:none}
.brand strong{font-weight:800;font-size:18px;letter-spacing:-.04em}
.brand em{color:#8fb6ff}
.main-nav{gap:6px;margin:auto}
.nav-link{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  padding:0 14px;
  border-radius:12px;
  color:#979cab;
  font-size:13px;
  font-weight:700;
  transition:.18s ease;
}
.nav-link:after{display:none!important}
.nav-link:hover{color:#fff;background:rgba(255,255,255,.045)}
.nav-link.active{color:#fff;background:#15161c;border:1px solid #2b2d35;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.header-actions{gap:9px}
.header-user,.user-pill{
  border:1px solid var(--line)!important;
  background:#101116!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.icon-btn{
  width:42px;height:42px;border-radius:13px;
  border:1px solid var(--line);
  background:#101116;
  color:#aeb4c2;
  transition:.18s ease;
}
.icon-btn:hover{color:#fff;border-color:#3a3c46;background:#17181e;transform:translateY(-1px)}

.btn{
  min-height:44px;
  padding:0 17px;
  border-radius:13px;
  font-size:13px;
  font-weight:800;
  letter-spacing:-.01em;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{
  color:#fff;
  background:linear-gradient(135deg,#5d87ff,#2e5bff)!important;
  border-color:rgba(143,182,255,.38)!important;
  box-shadow:0 12px 32px rgba(46,91,255,.26),inset 0 1px rgba(255,255,255,.24)!important;
}
.btn-primary:hover{box-shadow:0 16px 38px rgba(46,91,255,.36),inset 0 1px rgba(255,255,255,.28)!important}
.btn-ghost{
  color:#c8cbd4;
  border-color:var(--line)!important;
  background:#101116!important;
}
.btn-ghost:hover,.btn-soft:hover{border-color:#3a3c46!important;background:#18191f!important;color:#fff}
.btn-soft{
  color:#c7d5ff;
  border-color:rgba(93,135,255,.28)!important;
  background:rgba(93,135,255,.09)!important;
}
.btn-lg{min-height:52px;padding-inline:22px;border-radius:15px}

/* Announcement */
.announcement-banner{
  z-index:60;
  padding:10px 52px;
  min-height:46px;
  background:linear-gradient(90deg,rgba(46,91,255,.92),rgba(93,135,255,.9));
  border-bottom:1px solid rgba(255,255,255,.16);
  box-shadow:0 14px 36px rgba(46,91,255,.16);
}
.announcement-banner strong{font-size:13px}.announcement-banner span{font-size:12px}

/* Hero */
.hero{
  min-height:auto;
  padding:80px 0 62px;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(520px,.98fr);
  align-items:center;
  gap:62px;
}
.hero-copy{position:relative;z-index:2}
.eyebrow{
  gap:9px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  color:#9ab4e6;
}
.eyebrow>span{width:7px;height:7px;background:var(--green);box-shadow:0 0 0 5px rgba(0,188,125,.09),0 0 20px rgba(0,188,125,.5)}
.hero-copy h1{
  max-width:740px;
  margin:22px 0 22px;
  font-size:clamp(54px,5.8vw,88px);
  line-height:.97;
  letter-spacing:-.072em;
  font-weight:800;
}
.hero-copy h1 span{
  background:linear-gradient(110deg,#dbe4fa 0%,#8fb6ff 38%,#5d87ff 72%,#00c2ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:none;
}
.hero-copy>p{max-width:620px;color:#a0a5b2;font-size:17px;line-height:1.78}
.hero-actions{margin-top:31px;display:flex;gap:11px;flex-wrap:wrap}
.trust-row{margin-top:27px;gap:9px;color:#858a98;font-size:11px}
.trust-row span{
  min-height:34px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  background:rgba(255,255,255,.025);
}
.trust-row span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(0,188,125,.5)}
.trust-row .icon{display:none}

.seller-panel{
  position:relative;
  padding:22px;
  border-radius:30px!important;
  overflow:hidden;
  background:
    radial-gradient(420px 240px at 100% 0,rgba(93,135,255,.14),transparent 70%),
    linear-gradient(180deg,#15161c,#0d0e12)!important;
  transform:perspective(1100px) rotateY(-2deg) rotateX(1deg);
}
.seller-panel:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 28%,transparent 75%,rgba(93,135,255,.06));
  mask:none;padding:0;border-radius:inherit;
}
.panel-top{position:relative;z-index:1}
.panel-top small{color:#777d8b;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.panel-top h2{font-size:20px;margin:4px 0 0;letter-spacing:-.035em}
.live-pills span{padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:#101116;color:#858b99;font-size:10px;font-weight:700}
.live-pills .live{color:var(--green-soft);border-color:rgba(0,188,125,.25);background:rgba(0,188,125,.08)}
.metrics{position:relative;z-index:1;gap:9px;margin-top:18px}
.metrics article{
  padding:15px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(12,13,18,.72);
}
.metrics small{font-size:9px;color:#747a88;text-transform:uppercase;letter-spacing:.08em}
.metrics strong{font-size:19px;margin:7px 0 1px;letter-spacing:-.04em}
.metrics em{font-size:9px;color:var(--green-soft)}
.chart-wrap{position:relative;z-index:1;margin-top:8px;padding:7px 0 0}
.chart-wrap svg{max-height:220px}
.chart-grid path{stroke:rgba(255,255,255,.055)}
.chart-line{stroke:#7aa1ff;stroke-width:3}
.chart-label rect{fill:#2e5bff}
.panel-foot{
  position:relative;z-index:1;
  margin-top:4px;
  padding:12px 13px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#101116;
}
.panel-foot .icon{color:#7aa1ff}.panel-foot b{font-size:11px}.panel-foot small{font-size:9px;color:#747a88}

/* Homepage product cards */
.product-section{padding:54px 0 92px}
.section-heading{margin-bottom:24px}
.section-heading h2{font-size:34px;margin:5px 0 0;letter-spacing:-.05em}
.section-heading>a{color:#a9bcf5;font-size:12px;font-weight:800}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.product-card{
  position:relative;
  min-height:360px;
  padding:0;
  border-radius:24px!important;
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.product-card:hover{transform:translateY(-5px);border-color:#3a3c46!important;box-shadow:0 28px 70px rgba(0,0,0,.34)!important}
.product-card:before{
  content:"";
  position:absolute;
  inset:0;
  width:auto;height:auto;border-radius:0;
  background:radial-gradient(260px 160px at 85% 0,rgba(93,135,255,.18),transparent 72%);
  filter:none;opacity:1;pointer-events:none;
}
.product-card .product-icon{
  position:relative;
  width:auto;height:144px;
  margin:0;
  display:grid;place-items:center;
  border:0;border-bottom:1px solid var(--line);
  border-radius:0;
  background:
    radial-gradient(circle at 50% 50%,rgba(93,135,255,.22),transparent 34%),
    linear-gradient(135deg,#17181e,#0e0f13);
  color:#8fb6ff;
}
.product-card .product-icon:before{
  content:"";
  position:absolute;
  width:78px;height:78px;
  border-radius:24px;
  border:1px solid rgba(143,182,255,.24);
  background:linear-gradient(145deg,rgba(93,135,255,.17),rgba(46,91,255,.06));
  box-shadow:0 20px 52px rgba(46,91,255,.17),inset 0 1px rgba(255,255,255,.1);
  transform:rotate(-7deg);
}
.product-card .product-icon .icon{position:relative;z-index:2;width:38px;height:38px}
.product-card>.product-meta,.product-card>h3,.product-card>p,.product-card>.tags,.product-card>.product-bottom{margin-left:21px;margin-right:21px;position:relative;z-index:2}
.product-meta{margin-top:18px;color:#7f8492;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.product-meta span{color:#9ab4e6}.product-meta em{background:rgba(240,166,58,.12);color:#f5bd6c;border:1px solid rgba(240,166,58,.22);border-radius:7px;padding:4px 7px}
.product-card h3{font-size:21px;line-height:1.18;margin-top:10px;margin-bottom:8px;letter-spacing:-.045em}
.product-card>p{font-size:12px;line-height:1.62;color:#8e94a2;margin-top:0;min-height:40px}
.tags{gap:6px}.tags span{font-size:9px;padding:5px 8px;border-radius:8px;border:1px solid var(--line);background:#121318;color:#858b99}
.product-bottom{margin-top:auto!important;margin-bottom:20px!important;padding-top:16px;border-top:1px solid rgba(255,255,255,.055)}
.product-bottom strong{font-size:20px;letter-spacing:-.04em}
.product-bottom .btn{min-height:39px;padding-inline:13px}
.pulse-product-card .product-icon{background:radial-gradient(circle at 50% 50%,rgba(0,194,255,.18),transparent 34%),linear-gradient(135deg,#15181e,#0d0f13);color:#52d9ff}

.feature-band{
  margin-bottom:96px;
  padding:14px;
  gap:10px;
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(180deg,#111217,#0d0e12);
  box-shadow:var(--shadow-soft);
}
.feature-band article{min-height:112px;padding:20px;border-radius:18px;background:#15161c;border:1px solid rgba(255,255,255,.045)}
.feature-band .icon{width:38px;height:38px;padding:9px;border-radius:12px;background:rgba(93,135,255,.1);color:#8fb6ff;border:1px solid rgba(93,135,255,.18)}
.feature-band strong{font-size:14px}.feature-band p{font-size:11px;color:#7e8491;line-height:1.5}

/* Catalog and product */
.catalog-page{padding-top:58px;padding-bottom:94px}
.catalog-head{
  padding:32px;
  border:1px solid var(--line);
  border-radius:28px;
  background:
    radial-gradient(500px 260px at 86% 10%,rgba(93,135,255,.12),transparent 70%),
    linear-gradient(180deg,#15161c,#0d0e12);
  box-shadow:var(--shadow-soft);
}
.catalog-head h1{font-size:46px;letter-spacing:-.06em;margin:12px 0 12px}
.catalog-head p{font-size:14px;line-height:1.7;color:#949aa8;max-width:720px}
.catalog-search label{height:50px;border-radius:15px;border-color:var(--line);background:#0c0d11}
.catalog-search input{font-size:13px}
.catalog-tabs{margin:20px 0 18px;padding:5px;border:1px solid var(--line);border-radius:14px;background:#101116;width:max-content}
.catalog-tabs a{min-height:39px;padding:0 15px;border-radius:10px;font-size:12px;font-weight:800;color:#7f8492}
.catalog-tabs a.active{background:#1a1b22;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.catalog-grid{align-items:start}
.external-commerce-note{border-color:rgba(0,188,125,.2);background:rgba(0,188,125,.06)}

.product-detail{padding-top:42px;padding-bottom:92px}
.back-link{display:inline-flex;margin-bottom:18px;color:#9399a8;font-size:12px;font-weight:700}
.product-hero{
  grid-template-columns:auto minmax(0,1fr) minmax(290px,340px);
  gap:26px;
  padding:28px;
  border:1px solid var(--line);
  border-radius:30px;
  background:radial-gradient(540px 280px at 65% 0,rgba(93,135,255,.1),transparent 70%),linear-gradient(180deg,#15161c,#0d0e12);
  box-shadow:var(--shadow-soft);
}
.product-detail-icon{width:96px;height:96px;border-radius:26px;border:1px solid rgba(93,135,255,.25);background:linear-gradient(145deg,rgba(93,135,255,.18),rgba(46,91,255,.05));color:#8fb6ff}
.product-detail-copy h1{font-size:42px;letter-spacing:-.055em;margin:10px 0 10px}
.product-detail-copy p{font-size:14px;line-height:1.7;color:#989eac}
.purchase-card{padding:21px;border-radius:20px!important;background:#111217!important;box-shadow:none!important}
.purchase-card small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#7d8391}.purchase-card strong{font-size:27px;letter-spacing:-.05em}
.detail-grid{gap:14px;margin-top:14px}.content-card{padding:25px}.content-card h2{font-size:20px}.prose{color:#a2a8b5;font-size:13px;line-height:1.8}
.inspector-grid>div{background:#111217;border-color:var(--line)}

/* Authentication */
.auth-shell{min-height:calc(100vh - 76px);padding:42px;gap:16px;background:radial-gradient(620px 420px at 75% 28%,rgba(93,135,255,.12),transparent 72%)}
.auth-card{width:min(520px,100%);padding:34px;border-radius:28px!important}
.auth-card h1{font-size:40px;letter-spacing:-.055em;margin:11px 0 10px}.auth-card>p{font-size:13px;color:#8f95a3}
.auth-form{gap:15px}.auth-form label{font-size:11px;color:#aeb3c0;font-weight:800}
.auth-form input,.auth-form select,.premium-form input,.premium-form select,.premium-form textarea,.admin-form input,.admin-form select,.admin-form textarea{
  border:1px solid var(--line)!important;
  background:#0c0d11!important;
  color:#fff!important;
  border-radius:13px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02);
}
.auth-form input{height:50px;font-size:13px}
.auth-form input:focus,.premium-form input:focus,.premium-form textarea:focus,.premium-form select:focus,.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{border-color:rgba(93,135,255,.64)!important;box-shadow:0 0 0 4px rgba(93,135,255,.09)!important;outline:none}
.auth-side{border-radius:28px;border:1px solid var(--line);background:radial-gradient(360px 280px at 50% 35%,rgba(93,135,255,.18),transparent 68%),linear-gradient(180deg,#15161c,#0d0e12)}
.auth-side h2{font-size:36px;letter-spacing:-.055em}.auth-side p{color:#9298a6}

/* Dashboard / Admin shells */
.dashboard-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;background:#0a0b0f}
.admin-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;background:#0a0b0f}
.dashboard-sidebar,.admin-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  padding:20px 14px;
  background:#0d0e12;
  border-right:1px solid var(--line);
  overflow-y:auto;
}
.dashboard-brand-row,.admin-brand-row{padding:0 7px 12px}
.sidebar-home,.admin-environment{
  min-height:62px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#121318;
}
.sidebar-home.active{border-color:rgba(93,135,255,.3);background:linear-gradient(135deg,rgba(93,135,255,.13),rgba(46,91,255,.05))}
.sidebar-label{margin:23px 9px 8px;font-size:9px;letter-spacing:.16em;color:#5f6471}
.dashboard-sidebar nav,.admin-sidebar nav{display:grid;gap:4px}
.dashboard-sidebar nav a,.admin-sidebar nav a{
  min-height:44px;
  padding:0 11px;
  gap:11px;
  border:1px solid transparent;
  border-radius:12px;
  color:#858b99;
  font-size:12px;
  font-weight:750;
  transition:.16s ease;
}
.dashboard-sidebar nav a:hover,.admin-sidebar nav a:hover{color:#fff;background:#15161c}
.dashboard-sidebar nav a.active,.admin-sidebar nav a.active{
  color:#fff;
  background:#18191f;
  border-color:#2b2d35;
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.dashboard-sidebar nav a.active .icon,.admin-sidebar nav a.active .icon{color:#8fb6ff}
.dashboard-sidebar nav a b,.admin-sidebar nav a b{font-size:14px;color:#555b68}
.sidebar-logout{min-height:44px;border-radius:12px;color:#858b99}.sidebar-logout:hover{background:#15161c;color:#fff}
.admin-user{border-radius:15px;border:1px solid var(--line);background:#121318}

.dashboard-main,.admin-main{min-width:0;background:linear-gradient(180deg,#0a0b0f,#090a0e)}
.dashboard-top,.admin-top{
  position:sticky;
  top:0;
  z-index:45;
  height:76px;
  min-height:76px;
  padding:0 22px;
  gap:18px;
  background:rgba(10,11,15,.8);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(20px) saturate(135%);
}
.dashboard-title h1,.admin-title h1{font-size:21px;margin:2px 0 0;letter-spacing:-.04em}.dashboard-title small,.admin-title small{font-size:8px;letter-spacing:.16em;color:#626875}
.dashboard-search,.admin-global-search{height:43px;max-width:420px;border:1px solid var(--line);border-radius:13px;background:#101116}
.dashboard-search input,.admin-global-search input{font-size:12px;color:#d8dce5}
.user-pill{border-radius:14px!important}.user-pill>span{background:linear-gradient(135deg,#5d87ff,#2e5bff)}
.dashboard-content,.admin-content{padding:22px;gap:16px;align-content:start}
.admin-footer{color:#555b68;font-size:9px}

/* Dashboard overview */
.account-hero{
  min-height:148px;
  padding:24px 26px;
  border-radius:26px!important;
  background:radial-gradient(520px 230px at 78% 0,rgba(93,135,255,.14),transparent 68%),linear-gradient(180deg,#15161c,#0e0f13)!important;
}
.account-avatar{width:76px;height:76px;border-radius:23px;background:linear-gradient(145deg,#5d87ff,#2e5bff);box-shadow:0 18px 42px rgba(46,91,255,.22)}
.account-label{font-size:9px;color:#9ab4e6}.account-identity h2{font-size:25px;letter-spacing:-.05em}.account-identity p{color:#9399a7}.account-identity small{color:#686e7c}
.hero-balance strong{font-size:31px;letter-spacing:-.055em}.hero-balance a{color:#a9bcf5;font-size:11px}
.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dashboard-metrics article{
  min-height:104px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:19px;
  background:linear-gradient(180deg,#14151a,#0f1014);
  box-shadow:inset 0 1px rgba(255,255,255,.03);
}
.metric-icon{width:42px;height:42px;border-radius:13px;background:rgba(93,135,255,.1)!important;color:#8fb6ff!important;border:1px solid rgba(93,135,255,.16)}
.dashboard-metrics small{font-size:9px;color:#737987}.dashboard-metrics strong{font-size:23px;letter-spacing:-.045em}.dashboard-metrics p{font-size:9px;color:#626875}
.dashboard-primary-grid{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:14px;align-items:start}
.dashboard-communication-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:start!important;
}
.communication-panel{height:auto!important;min-height:0!important;align-self:start!important}
.panel-heading,.dash-card-head{padding:20px 21px;border-bottom:1px solid var(--line)}
.panel-heading h2,.dash-card-head h2{font-size:19px!important;letter-spacing:-.04em}.panel-heading p,.dash-card-head p{font-size:11px!important;color:#777d8b;max-width:620px}.panel-heading>a,.panel-heading .panel-actions a{font-size:11px;color:#9ab4e6}
.panel-kicker{font-size:8px;letter-spacing:.16em;color:#727887}
.plugin-library-list,.finance-list,.dashboard-notification-list,.ticket-widget-list{padding:10px;display:grid;gap:7px}
.plugin-library-row,.finance-list article,.notification-item,.ticket-widget-item{
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:14px!important;
  background:#111217!important;
}
.plugin-library-row{min-height:74px;padding:11px 12px}.plugin-library-icon{width:40px;height:40px;border-radius:12px;background:rgba(93,135,255,.1);color:#8fb6ff}.plugin-library-main strong{font-size:12px}.plugin-library-main small{font-size:9px;color:#717785}.product-type-label{font-size:7px;color:#8faaf0}
.finance-list article{min-height:58px;padding:10px 12px}.finance-icon{width:36px;height:36px;border-radius:11px}.finance-list strong{font-size:11px}.finance-list small{font-size:8px}.finance-list b{font-size:11px}
.notification-item{min-height:auto!important;padding:12px!important;grid-template-columns:38px minmax(0,1fr) 36px!important;gap:10px!important}
.notification-icon{width:36px!important;height:36px!important;border-radius:11px!important}.notification-copy strong{font-size:11px!important}.notification-copy p{font-size:10px!important;line-height:1.55!important}.notification-copy small{font-size:8px!important}.notification-action{width:34px!important;height:34px!important;border-radius:10px!important}
.ticket-widget-item{min-height:auto!important;padding:12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important}
.ticket-widget-main{min-width:0}.ticket-widget-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ticket-widget-top .ticket-number{font-size:8px}.ticket-widget-main strong{display:block;margin:5px 0 3px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-widget-main small{font-size:8px;color:#6f7582}.ticket-widget-arrow{width:34px;height:34px;border-radius:10px;background:#18191f;border:1px solid var(--line)}
.create-ticket-wide{margin:0 10px 10px;width:calc(100% - 20px)}
.empty-state{color:#777d8b;font-size:11px}.rich-empty{min-height:170px}

/* Notifications / tickets pages: no empty stretched column */
.notifications-page-layout,.tickets-page-layout{grid-template-columns:minmax(0,1fr) minmax(270px,330px);gap:14px;align-items:start!important}
.notifications-main-card,.tickets-main-card,.notifications-side,.tickets-page-side{height:auto!important;align-self:start!important}
.notifications-side,.tickets-page-side{position:sticky;top:92px}
.notification-guide,.ticket-help-card,.ticket-create-card{padding:20px!important}
.ticket-direct-contacts{display:grid!important;gap:7px!important;margin-top:14px!important}
.ticket-direct-contacts a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:40px!important;padding:0 11px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:#111217!important;font-size:11px!important;overflow-wrap:anywhere!important}
.ticket-direct-contacts a:after{content:"↗";color:#8fb6ff}
.ticket-help-card h3,.ticket-create-card h3{font-size:17px!important}.ticket-help-card p,.ticket-create-card p{font-size:11px!important;line-height:1.65!important}

.tickets-page-head{padding:4px 2px 2px}.tickets-page-head h2{font-size:29px;letter-spacing:-.05em}.tickets-page-head p{font-size:12px;color:#7f8593}
.ticket-filters,.admin-ticket-filters{padding:13px;border-bottom:1px solid var(--line);gap:8px}
.ticket-filters label,.admin-ticket-filters label{height:43px;border-color:var(--line);background:#0c0d11;border-radius:12px}.ticket-filters input,.admin-ticket-filters input{font-size:11px}.ticket-filters select,.admin-ticket-filters select{height:43px;border-color:var(--line);background:#0c0d11;border-radius:12px;font-size:10px}
.ticket-tabs{padding:9px 12px;border-bottom:1px solid var(--line);gap:5px}.ticket-tabs a{min-height:34px;padding:0 11px;border-radius:9px;font-size:10px}.ticket-tabs a.active{background:#1a1b22;border-color:#31333c}
.ticket-list-modern{padding:9px;gap:6px}.ticket-list-modern>a{min-height:72px;padding:11px;border-radius:13px;border-color:rgba(255,255,255,.055);background:#111217}.ticket-list-icon{width:40px;height:40px;border-radius:12px}.ticket-list-copy strong{font-size:12px}.ticket-list-copy small{font-size:9px}

/* Ticket conversation */
.ticket-thread-layout{grid-template-columns:minmax(0,1fr) minmax(280px,330px);gap:14px;align-items:start}
.ticket-conversation,.ticket-details{height:auto!important;align-self:start}
.conversation-head{padding:19px 20px;border-bottom:1px solid var(--line)}
.conversation-head h2{font-size:20px;letter-spacing:-.04em}.conversation-head a{font-size:10px}
.modern-messages{
  display:flex;
  flex-direction:column;
  gap:17px;
  padding:20px;
  min-height:300px;
  max-height:660px;
  overflow:auto;
  background:linear-gradient(180deg,rgba(10,11,15,.4),rgba(13,14,18,.72));
}
.modern-messages .message{display:flex;align-items:flex-end;gap:9px;width:100%}
.modern-messages .message.admin-message{justify-content:flex-end}
.message-avatar{width:38px;height:38px;border-radius:12px;font-size:9px;border:1px solid var(--line);background:#17181e}
.admin-message .message-avatar{order:2;background:linear-gradient(135deg,#5d87ff,#2e5bff);border-color:transparent}
.message-bubble{
  width:auto!important;
  max-width:min(72%,720px)!important;
  padding:13px 14px!important;
  border:1px solid var(--line)!important;
  border-radius:16px 16px 16px 5px!important;
  background:#15161c!important;
  box-shadow:none!important;
}
.admin-message .message-bubble{border-radius:16px 16px 5px 16px!important;background:linear-gradient(145deg,#1e2d53,#17213c)!important;border-color:rgba(93,135,255,.26)!important}
.message-bubble header{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.message-bubble header strong{font-size:11px}.message-bubble header strong span{font-size:7px;border-radius:6px;padding:3px 6px}.message-bubble time{font-size:8px;color:#69707d;margin-left:auto}.message-bubble p{font-size:11px;line-height:1.65;margin:8px 0 0;color:#bcc1cc;white-space:pre-wrap;overflow-wrap:anywhere}
.message-attachment{margin-top:9px;padding:8px 10px;border-radius:9px;font-size:9px;background:rgba(255,255,255,.035);max-width:100%;overflow-wrap:anywhere}
.premium-reply{padding:17px 20px;border-top:1px solid var(--line)}.premium-reply textarea{min-height:110px;padding:13px;font-size:11px;border-radius:13px;background:#0c0d11;border-color:var(--line)}.reply-actions{gap:8px}.reply-file,.reply-actions select{height:41px;border-radius:11px;background:#111217;border-color:var(--line);font-size:10px}
.ticket-details{position:sticky;top:92px;padding:20px}.ticket-details h3{font-size:17px}.ticket-details dl{gap:0}.ticket-details dl>div{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.055)}.ticket-details dt{font-size:8px;color:#666c79}.ticket-details dd{font-size:10px}.ticket-security-note{border-radius:12px;background:rgba(93,135,255,.06);border-color:rgba(93,135,255,.16)}

/* Profile */
.profile-page-hero{padding:22px 24px;gap:18px}.profile-avatar-xl{width:76px;height:76px;border-radius:22px;background:linear-gradient(135deg,#5d87ff,#2e5bff)}.profile-page-copy h2{font-size:24px}.profile-page-copy p{font-size:11px}.profile-page-copy>div span{font-size:9px}
.profile-page-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;align-items:start}.profile-side-stack{display:grid;gap:14px;align-content:start}.premium-form{padding:20px;gap:13px}.premium-form label>span{font-size:10px}.premium-form small{font-size:8px}.premium-form input,.premium-form select{height:46px;font-size:11px}.premium-form textarea{font-size:11px}.account-health,.twofa-profile-card{padding:20px}.account-health h3{font-size:17px}.health-score span{font-size:34px}.account-health li strong{font-size:10px}.account-health li small{font-size:8px}.twofa-profile-head strong{font-size:11px}.twofa-profile-head small{font-size:8px}.twofa-profile-card p{font-size:9px}
.profile-stats{display:grid;grid-template-columns:repeat(3,1fr)!important}.profile-stats article{padding:14px!important}.profile-stats article strong{font-size:17px}.profile-stats article small{font-size:8px}

/* 2FA */
.twofa-setup-layout{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:14px;align-items:start}.twofa-setup-card,.twofa-side{height:auto!important}.twofa-secret{border-color:var(--line);background:#0c0d11}.twofa-code-input{letter-spacing:.35em;font-size:19px!important;text-align:center}

/* Admin */
.admin-welcome{padding:22px 23px;border-radius:24px!important;background:radial-gradient(460px 220px at 88% 0,rgba(93,135,255,.12),transparent 70%),linear-gradient(180deg,#15161c,#0e0f13)!important}.admin-welcome h2{font-size:23px}.admin-welcome p{font-size:11px;color:#7f8593}
.admin-stats.v3{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-stats.v3 article{min-height:106px;padding:17px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#14151a,#0f1014)}.admin-stat-icon{width:42px;height:42px;border-radius:13px;background:rgba(93,135,255,.1);color:#8fb6ff}.admin-stats.v3 small{font-size:9px}.admin-stats.v3 strong{font-size:24px}.admin-stats.v3 em{font-size:8px}
.admin-dashboard-grid{gap:14px;align-items:start}.admin-card-head{padding:16px 18px;border-bottom:1px solid var(--line)}.admin-card-head h3{font-size:14px}.admin-card-head p{font-size:9px}.admin-rows{padding:9px}.admin-rows article{border-color:rgba(255,255,255,.055);background:#111217;border-radius:12px}
.data-table{border-color:var(--line)}.data-head,.data-row{grid-template-columns:inherit}.data-head{background:#111217;color:#686e7b;font-size:8px}.data-row{border-color:rgba(255,255,255,.055);font-size:10px}.data-row:hover{background:#14151a}
.admin-grid,.settings-grid,.tg-admin-grid{gap:14px;align-items:start}
.settings-card-head{padding:18px;border-bottom:1px solid var(--line)}.settings-card-head h3{font-size:15px}.settings-card-head p{font-size:9px}.settings-icon{width:42px;height:42px;border-radius:13px}.version-chip{font-size:8px;border-color:var(--line);background:#111217}
.turnstile-form,.smtp-form,.settings-form{padding:18px}.smtp-explainer,.settings-info-list{background:#111217;border-color:var(--line)}

/* Telegram control */
.tg-control-hero{padding:22px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(440px 220px at 90% 0,rgba(0,194,255,.11),transparent 70%),linear-gradient(180deg,#15161c,#0e0f13);box-shadow:var(--shadow-soft)}
.tg-control-copy h2{font-size:24px}.tg-control-copy p{font-size:11px;color:#7f8593}.tg-control-mark{background:linear-gradient(135deg,#229ed9,#1777b7);box-shadow:0 16px 38px rgba(34,158,217,.2)}.tg-control-badges span{font-size:8px;border-radius:999px}.tg-control-identity{background:#111217;border-color:var(--line);border-radius:16px}.tg-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tg-metric-grid article{border-color:var(--line);background:linear-gradient(180deg,#14151a,#0f1014);border-radius:18px}.tg-metric-grid strong{font-size:18px}.tg-permission-box{border-color:var(--line);background:#111217}.tg-permission-box label{border-color:var(--line);background:#0d0e12}.tg-pipeline{gap:8px}.tg-pipeline article{border-color:var(--line);background:#111217;border-radius:14px}.tg-audit-list article{border-color:rgba(255,255,255,.055);background:#111217}

/* File manager */
.fm-shell,.fm-panel,.fm-editor-shell{background:#0d0e12!important;border-color:var(--line)!important}.fm-workspaces>a,.fm-row,.fm-toolbar,.fm-actions-bar{border-color:var(--line)!important;background:#111217!important}.fm-row:hover{background:#17181e!important}.fm-code-editor{background:#090a0e!important}

/* Footer */
.site-footer{
  width:min(1260px,calc(100% - 48px));
  margin:0 auto 24px;
  padding:28px;
  border:1px solid var(--line);
  border-radius:26px;
  background:linear-gradient(180deg,#111217,#0d0e12);
  box-shadow:var(--shadow-soft);
}
.site-footer p,.site-footer a{color:#7b818e;font-size:11px}.site-footer strong{font-size:11px}.site-footer a:hover{color:#fff}

/* General helper fixes */
.status{font-size:8px!important;border-radius:999px!important;padding:5px 8px!important}.priority{font-size:8px!important;border-radius:999px!important;padding:5px 8px!important}.chip{border-radius:999px;background:rgba(93,135,255,.09);border-color:rgba(93,135,255,.2);color:#a9bcf5}.empty-state{min-height:120px!important}
.flash{top:88px;right:20px;border-radius:14px;background:#15161c;border-color:var(--line);font-size:11px}

/* Mobile */
@media(max-width:1180px){
  .hero{grid-template-columns:1fr;gap:36px;padding-top:56px}.seller-panel{max-width:780px;transform:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-primary-grid{grid-template-columns:1fr}.dashboard-communication-grid{grid-template-columns:1fr}.notifications-page-layout,.tickets-page-layout,.ticket-thread-layout,.profile-page-grid,.twofa-setup-layout{grid-template-columns:1fr}.notifications-side,.tickets-page-side,.ticket-details{position:static}.admin-stats.v3,.tg-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .site-header{height:68px;padding:0 16px}.main-nav,.header-actions>.icon-btn{display:none}.mobile-menu{display:block;margin-left:auto}.header-actions{margin-left:auto}.header-actions .btn{display:none}
  .section-shell{width:min(100% - 28px,1260px)}
  .dashboard-shell,.admin-shell{grid-template-columns:1fr}.dashboard-sidebar,.admin-sidebar{position:fixed;left:0;top:0;z-index:100;width:min(300px,88vw);transform:translateX(-105%);transition:.22s ease}.dashboard-sidebar.open,.admin-sidebar.open{transform:none}.dashboard-top,.admin-top{height:auto;min-height:68px;padding:10px 14px}.dashboard-search,.admin-global-search{display:none}.dashboard-content,.admin-content{padding:14px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-menu-toggle,.admin-menu-toggle{display:flex}
  .catalog-head{grid-template-columns:1fr;gap:22px}.catalog-search{width:100%}.product-hero{grid-template-columns:auto 1fr}.product-hero .purchase-card{grid-column:1/-1}.site-footer{width:calc(100% - 28px);grid-template-columns:repeat(2,1fr);padding:22px}
}
@media(max-width:680px){
  body{font-size:14px}.section-shell{width:calc(100% - 20px)}
  .hero{padding:42px 0 44px}.hero-copy h1{font-size:48px}.hero-copy>p{font-size:14px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.seller-panel{padding:14px;border-radius:22px!important}.metrics{grid-template-columns:1fr}.chart-wrap svg{max-height:170px}.live-pills{display:none}
  .product-grid{grid-template-columns:1fr}.product-card{min-height:340px}.feature-band{grid-template-columns:1fr;margin-bottom:60px}.feature-band article{min-height:92px}
  .catalog-page{padding-top:28px}.catalog-head{padding:22px;border-radius:22px}.catalog-head h1{font-size:36px}.catalog-tabs{width:100%;overflow:auto}.catalog-tabs a{flex:1;justify-content:center}.catalog-search{display:grid}.catalog-search .btn{width:100%}
  .product-hero{grid-template-columns:1fr;padding:20px}.product-detail-icon{width:72px;height:72px}.product-detail-copy h1{font-size:34px}.detail-grid{grid-template-columns:1fr}
  .auth-shell{padding:18px 10px}.auth-card{padding:24px}.auth-side{display:none}.auth-card h1{font-size:34px}
  .dashboard-top-actions .dashboard-catalog-btn,.admin-top-actions .btn,.admin-top-actions form{display:none}.dashboard-title h1,.admin-title h1{font-size:17px}.user-pill>div,.user-pill>b{display:none}.user-pill{padding:5px!important}.dashboard-content,.admin-content{padding:10px;gap:10px}.account-hero{padding:18px;display:grid;gap:18px}.account-identity{align-items:center}.account-avatar{width:62px;height:62px}.hero-balance{text-align:left}.dashboard-metrics{grid-template-columns:1fr 1fr;gap:8px}.dashboard-metrics article{min-height:92px;padding:14px}.dashboard-metrics p{display:none}.panel-heading{padding:16px;align-items:flex-start}.panel-heading h2{font-size:17px!important}.panel-heading p{display:none}.panel-heading>a{white-space:nowrap}
  .plugin-library-row{grid-template-columns:38px minmax(0,1fr) auto}.plugin-library-meta:nth-of-type(2),.plugin-library-meta:nth-of-type(3){display:none}.plugin-library-action .btn{font-size:0;width:38px;padding:0}.plugin-library-action .btn .icon{width:15px;height:15px}
  .notifications-page-layout,.tickets-page-layout,.ticket-thread-layout,.profile-page-grid{gap:10px}.notification-item{grid-template-columns:34px minmax(0,1fr)!important}.notification-action{display:none}.ticket-direct-contacts{grid-template-columns:1fr!important}
  .message-bubble{max-width:86%!important}.modern-messages{padding:14px}.message-avatar{width:32px;height:32px}.premium-reply{padding:14px}.reply-actions{flex-direction:column}.reply-actions>*{width:100%!important}
  .admin-stats.v3,.tg-metric-grid{grid-template-columns:1fr 1fr;gap:8px}.admin-stats.v3 article,.tg-metric-grid article{min-height:92px;padding:13px}.tg-control-hero{padding:18px}.tg-control-copy{grid-template-columns:1fr}.tg-control-mark{width:48px;height:48px}.tg-control-identity{width:100%}.tg-pipeline{grid-template-columns:1fr}
  .site-footer{width:calc(100% - 20px);grid-template-columns:1fr;padding:20px;margin-bottom:10px}
}
@media(max-width:430px){
  .hero-copy h1{font-size:41px}.dashboard-metrics{grid-template-columns:1fr}.admin-stats.v3,.tg-metric-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.site-header .brand strong{font-size:16px}.header-user{display:none}
}

/* 4.2 homepage modules */
.orbit-process{padding:12px 0 50px}
.orbit-process>.section-heading>p{max-width:390px;margin:0;color:#747a88;font-size:12px;line-height:1.6}
.orbit-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.orbit-process-grid>article{position:relative;min-height:190px;padding:20px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#14151a,#0f1014);overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.03)}
.orbit-process-grid>article:after{content:"";position:absolute;width:180px;height:180px;right:-90px;bottom:-120px;border-radius:50%;background:rgba(93,135,255,.1);filter:blur(25px)}
.orbit-process-grid>article>span{position:absolute;right:18px;top:12px;font-size:38px;font-weight:800;letter-spacing:-.08em;color:rgba(255,255,255,.045)}
.orbit-process-grid>article>div{position:relative;z-index:1}.orbit-process-grid .icon{width:40px;height:40px;padding:10px;border:1px solid rgba(93,135,255,.18);border-radius:13px;background:rgba(93,135,255,.09);color:#8fb6ff}
.orbit-process-grid h3{font-size:17px;letter-spacing:-.04em;margin:24px 0 8px}.orbit-process-grid p{margin:0;color:#7e8491;font-size:11px;line-height:1.65}

.orbit-bento{display:grid;grid-template-columns:1.28fr .72fr .72fr;grid-template-rows:auto auto;gap:12px;padding-bottom:58px}
.orbit-bento>article{position:relative;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#14151a,#0e0f13);box-shadow:var(--shadow-soft);overflow:hidden}
.orbit-bento-main{grid-row:1/3;padding:26px;background:radial-gradient(440px 260px at 90% 0,rgba(93,135,255,.14),transparent 68%),linear-gradient(180deg,#15161c,#0e0f13)!important}
.orbit-bento-main h2{max-width:590px;font-size:34px;line-height:1.1;letter-spacing:-.055em;margin:11px 0 13px}.orbit-bento-main>p{max-width:590px;color:#858b98;font-size:12px;line-height:1.7}
.orbit-mini-window{margin-top:24px;padding:12px;border:1px solid #2a2c34;border-radius:18px;background:#0b0c10;box-shadow:0 20px 60px rgba(0,0,0,.32)}
.orbit-mini-window>div{display:flex;align-items:center;gap:6px;height:34px;padding:0 7px;border-bottom:1px solid rgba(255,255,255,.055);color:#6d7380;font-size:9px}.orbit-mini-window>div i{width:7px;height:7px;border-radius:50%;background:#343640}.orbit-mini-window>div i:first-child{background:#ff637f}.orbit-mini-window>div i:nth-child(2){background:#f0a63a}.orbit-mini-window>div i:nth-child(3){background:#00bc7d}.orbit-mini-window>div strong{margin-left:auto;color:#777d89;font-size:8px;text-transform:uppercase;letter-spacing:.12em}
.orbit-mini-window>article{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:67px;padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.045)}.orbit-mini-window>article:last-child{border-bottom:0}.orbit-mini-window>article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(93,135,255,.1);color:#8fb6ff}.orbit-mini-window>article .icon{width:18px;height:18px}.orbit-mini-window p{display:grid;gap:2px;margin:0}.orbit-mini-window b{font-size:11px}.orbit-mini-window small{font-size:8px;color:#666c78}.orbit-mini-window em{font-style:normal;font-size:8px;color:#a9bcf5;border:1px solid rgba(93,135,255,.2);border-radius:8px;padding:6px 8px;background:rgba(93,135,255,.06)}
.orbit-bento-card{min-height:210px;padding:22px}.orbit-bento-card>span{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(93,135,255,.18);border-radius:14px;background:rgba(93,135,255,.09);color:#8fb6ff}.orbit-bento-card>span .icon{width:20px;height:20px}.orbit-bento-card h3{font-size:17px;letter-spacing:-.04em;margin:28px 0 8px}.orbit-bento-card p{margin:0;color:#7e8491;font-size:11px;line-height:1.65}.orbit-bento-card>a{position:absolute;left:22px;bottom:19px;display:inline-flex;align-items:center;gap:6px;color:#a9bcf5;font-size:10px;font-weight:800}.orbit-bento-card>a .icon{width:14px;height:14px}.orbit-bento-card.security{background:radial-gradient(220px 150px at 100% 0,rgba(0,188,125,.1),transparent 70%),linear-gradient(180deg,#14151a,#0e0f13)}.orbit-bento-card.security>span{color:#7df2c8;border-color:rgba(0,188,125,.18);background:rgba(0,188,125,.08)}.orbit-status{position:absolute;left:22px;bottom:19px;display:flex;align-items:center;gap:7px;color:#8e94a0;font-size:9px}.orbit-status i{width:7px;height:7px;border-radius:50%;background:#00bc7d;box-shadow:0 0 12px rgba(0,188,125,.5)}
.orbit-bento-card.telegram{background:radial-gradient(220px 150px at 100% 0,rgba(0,194,255,.1),transparent 70%),linear-gradient(180deg,#14151a,#0e0f13)}.orbit-bento-card.telegram>span{color:#52d9ff;border-color:rgba(0,194,255,.18);background:rgba(0,194,255,.07)}
.orbit-bento-card.support{grid-column:3;background:radial-gradient(220px 150px at 100% 0,rgba(240,166,58,.09),transparent 70%),linear-gradient(180deg,#14151a,#0e0f13)}.orbit-bento-card.support>span{color:#f5bd6c;border-color:rgba(240,166,58,.18);background:rgba(240,166,58,.07)}

.orbit-cta{margin-bottom:62px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(480px 240px at 78% 0,rgba(93,135,255,.16),transparent 68%),linear-gradient(180deg,#15161c,#0e0f13);box-shadow:var(--shadow-soft)}
.orbit-cta h2{font-size:28px;letter-spacing:-.05em;margin:7px 0}.orbit-cta p{margin:0;color:#7e8491;font-size:11px}

@media(max-width:980px){.orbit-process-grid{grid-template-columns:1fr}.orbit-process-grid>article{min-height:150px}.orbit-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}.orbit-bento-main{grid-column:1/-1;grid-row:auto}.orbit-bento-card.support{grid-column:auto}.orbit-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.orbit-process{padding-bottom:34px}.orbit-process>.section-heading{align-items:flex-start;flex-direction:column}.orbit-process-grid{gap:8px}.orbit-bento{grid-template-columns:1fr;gap:8px}.orbit-bento-main{grid-column:auto;padding:20px}.orbit-bento-main h2{font-size:28px}.orbit-bento-card{min-height:190px}.orbit-bento-card.support{grid-column:auto}.orbit-cta{margin-bottom:40px;padding:22px}.orbit-cta h2{font-size:24px}.orbit-cta .btn{width:100%}}

/* 4.2.1 layout and product-card polish */
html,body{max-width:100%}
img,video,canvas{max-width:100%;height:auto}
:is(.hero,.catalog-head,.product-grid,.orbit-process-grid,.orbit-bento,.feature-band,.site-footer,.dashboard-grid,.dashboard-columns,.admin-grid)>*{min-width:0}
:is(h1,h2,h3,h4,p,a,span,strong,small,button,label){overflow-wrap:anywhere}
.btn{max-width:100%}

/* One clean brand asset instead of layered CSS shapes. */
.brand-mark,.brand.compact .brand-mark,.auth-brand .brand-mark{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px;
  display:block!important;
  border:0!important;
  border-radius:13px!important;
  background:url('/assets/brand-mark.svg?v=4.2.1') center/contain no-repeat!important;
  box-shadow:0 10px 30px rgba(46,91,255,.18)!important;
  transform:none!important;
  overflow:visible!important;
}
.brand.compact .brand-mark{width:35px!important;height:35px!important;flex-basis:35px}
.brand-mark:before,.brand-mark:after,.brand-mark b,.brand-mark i{display:none!important;content:none!important}
.brand{min-width:0}.brand strong{line-height:1.05}

/* Make the page grid resistant to long Russian copy and product names. */
.hero{grid-template-columns:minmax(0,.96fr) minmax(420px,1.04fr)}
.hero-copy{min-width:0}
.hero-copy h1{max-width:680px;text-wrap:balance}
.hero-copy>p{max-width:640px}
.section-heading>div,.catalog-head>div,.product-detail-copy{min-width:0}
.section-heading h2,.orbit-bento-main h2,.orbit-cta h2{text-wrap:balance}

/* Rebuilt product cards: visual cover, readable body, stable footer. */
.product-grid,.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.product-card{
  min-height:410px!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:24px!important;
  overflow:hidden!important;
  isolation:isolate;
}
.product-card:before{display:none!important}
.product-card-cover{
  position:relative;
  min-height:158px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.065);
  background:
    radial-gradient(circle at 50% 46%,rgba(86,132,255,.20),transparent 31%),
    linear-gradient(145deg,#171a22,#0b0e14 72%);
}
.product-card-cover:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 90%);
}
.product-card-orbit{
  position:absolute;
  width:126px;
  height:126px;
  border:1px solid rgba(111,160,255,.13);
  border-radius:50%;
  box-shadow:0 0 0 22px rgba(91,127,255,.025),0 0 0 44px rgba(91,127,255,.018);
}
.product-card .product-icon{
  position:relative!important;
  z-index:2;
  width:76px!important;
  height:76px!important;
  margin:0!important;
  border:1px solid rgba(134,177,255,.28)!important;
  border-radius:22px!important;
  color:#91bdff!important;
  background:linear-gradient(145deg,rgba(96,139,255,.24),rgba(35,62,121,.18))!important;
  box-shadow:0 20px 55px rgba(39,89,255,.22),inset 0 1px rgba(255,255,255,.12)!important;
  transform:rotate(-5deg);
}
.product-card .product-icon:before{display:none!important}
.product-card .product-icon .icon{width:34px!important;height:34px!important;transform:rotate(5deg)}
.product-card .product-meta{
  position:absolute!important;
  z-index:3;
  top:14px!important;
  left:14px!important;
  right:auto!important;
  margin:0!important;
  display:flex;
  align-items:center;
  gap:7px;
}
.product-card .product-meta span,.product-card .product-meta em{
  max-width:180px;
  padding:5px 8px;
  font-size:9px;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  border-radius:8px;
  letter-spacing:.09em;
}
.product-card-body{
  position:relative;
  z-index:2;
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:21px 21px 19px;
}
.product-card-copy{min-width:0}
.product-card h3{
  margin:0 0 9px!important;
  min-height:50px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  font-size:21px!important;
  line-height:1.18!important;
  letter-spacing:-.04em;
}
.product-card p{
  margin:0!important;
  min-height:62px!important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  color:#8f97a7!important;
  font-size:12px!important;
  line-height:1.68!important;
}
.product-card .tags{
  margin:16px 0 0!important;
  min-height:27px;
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:6px;
}
.product-card .tags span{
  max-width:100%;
  padding:5px 8px;
  font-size:9px;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.product-card .product-bottom{
  width:100%;
  min-width:0;
  margin:18px 0 0!important;
  padding:16px 0 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  border-top:1px solid rgba(255,255,255,.06);
}
.product-card .product-bottom strong{
  min-width:0;
  font-size:20px!important;
  line-height:1.1;
  color:#76c8ff;
}
.product-card .product-bottom .btn{
  min-height:40px!important;
  padding:0 13px!important;
  white-space:nowrap;
  border-radius:12px;
}
.product-card .product-bottom .btn .icon{width:15px;height:15px}
.external-sale-label{font-size:12px!important;line-height:1.3!important;color:#b5abff!important}
.pulse-product-card .product-card-cover{
  background:radial-gradient(circle at 50% 46%,rgba(0,202,255,.19),transparent 31%),linear-gradient(145deg,#171a22,#0b0e14 72%);
}
.pulse-product-card .product-card-orbit{border-color:rgba(61,211,255,.13);box-shadow:0 0 0 22px rgba(0,195,255,.025),0 0 0 44px rgba(0,195,255,.018)}
.pulse-product-card .product-icon{color:#63ddff!important;border-color:rgba(73,218,255,.27)!important;background:linear-gradient(145deg,rgba(0,190,255,.20),rgba(30,67,119,.18))!important;box-shadow:0 20px 55px rgba(0,160,255,.18),inset 0 1px rgba(255,255,255,.12)!important}

/* Catalog and footer alignment fixes. */
.catalog-head{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr)}
.catalog-search{min-width:0}
.catalog-search label{min-width:0}
.catalog-search input{min-width:0}
.site-footer{grid-template-columns:minmax(250px,1.7fr) repeat(3,minmax(130px,1fr));gap:28px}
.site-footer>div{min-width:0}
.site-footer a,.site-footer p{line-height:1.55}

@media(max-width:1080px){
  .hero{grid-template-columns:1fr;gap:38px;min-height:auto}
  .hero-copy h1{max-width:800px}
  .seller-panel{max-width:800px;width:100%;margin-inline:auto}
  .product-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog-head{grid-template-columns:1fr;gap:24px}
  .site-footer{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .brand-mark,.auth-brand .brand-mark{width:36px!important;height:36px!important;flex-basis:36px}
  .hero-copy h1{font-size:clamp(40px,13vw,52px)!important;line-height:1.02!important;letter-spacing:-.06em!important}
  .product-grid,.catalog-grid{grid-template-columns:1fr}
  .product-card{min-height:392px!important}
  .product-card-cover{min-height:146px}
  .product-card-body{padding:18px}
  .product-card h3{min-height:auto;font-size:20px!important}
  .product-card p{min-height:58px!important}
  .product-card .product-bottom{grid-template-columns:minmax(0,1fr) auto;gap:9px}
  .product-card .product-bottom .btn{padding-inline:12px!important}
  .catalog-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr;overflow:visible!important}
  .catalog-tabs a{min-width:0;text-align:center;white-space:normal}
  .site-footer{grid-template-columns:1fr;gap:22px}
}
@media(max-width:380px){
  .product-card .product-bottom{grid-template-columns:1fr}
  .product-card .product-bottom .btn{width:100%}
  .product-card h3{font-size:19px!important}
}