:root{color-scheme:dark;--premium-glass:rgba(12,24,40,.72);--premium-glass-2:rgba(15,30,49,.82);--premium-border:rgba(130,184,235,.16);--premium-glow:0 24px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.045)}
*{scrollbar-width:thin;scrollbar-color:#385779 rgba(5,12,22,.5)}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:rgba(5,12,22,.55)}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3e648d,#263f61);border:2px solid rgba(5,12,22,.7);border-radius:99px}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4d86b8,#355b83)}
body{position:relative;background:radial-gradient(circle at 14% -4%,rgba(73,214,202,.16),transparent 31%),radial-gradient(circle at 88% 2%,rgba(105,168,255,.14),transparent 32%),radial-gradient(circle at 62% 82%,rgba(181,136,255,.07),transparent 38%),linear-gradient(180deg,#07101b,#050b13 72%)!important;background-attachment:fixed!important}body:before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(122,178,230,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(122,178,230,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 82%)}body:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.035),transparent 44%)}::selection{background:rgba(73,214,202,.28);color:#fff}
.topbar,body>header{background:linear-gradient(180deg,rgba(9,20,34,.93),rgba(7,16,27,.82))!important;border-bottom:1px solid rgba(126,183,236,.14)!important;box-shadow:0 12px 42px rgba(0,0,0,.3),inset 0 -1px rgba(255,255,255,.025);backdrop-filter:blur(22px) saturate(145%)}
.brand,.brand>*{transition:transform .22s ease}.brand:hover{transform:translateY(-1px)}.logo,.brand .logo{box-shadow:0 12px 28px rgba(243,191,88,.25),inset 0 1px rgba(255,255,255,.45)!important}.brand b,.brand h1{text-shadow:0 3px 16px rgba(0,0,0,.35)}
.hero{background:linear-gradient(128deg,rgba(18,43,61,.82),rgba(14,29,49,.76) 42%,rgba(33,27,48,.7)),radial-gradient(circle at 88% 12%,rgba(73,214,202,.15),transparent 35%)!important;border-color:rgba(125,202,229,.19)!important;box-shadow:var(--premium-glow),0 0 80px rgba(46,157,186,.05);backdrop-filter:blur(16px) saturate(130%)}.hero:before{filter:blur(8px);opacity:.9}.hero h1{background:linear-gradient(100deg,#fff 10%,#d9f5ff 42%,#f7d891 92%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 24px rgba(0,0,0,.28));letter-spacing:-1.4px}.hero p{color:#c2d2e6!important}.eyebrow{text-shadow:0 0 18px rgba(73,214,202,.6)}
.search-wrap input,.search input{background:linear-gradient(180deg,rgba(5,13,24,.9),rgba(7,17,29,.78))!important;border-color:rgba(115,173,222,.24)!important;box-shadow:inset 0 1px 10px rgba(0,0,0,.3),0 10px 28px rgba(0,0,0,.13)}.search-wrap input:hover,.search input:hover{border-color:rgba(139,196,238,.38)!important}.search-wrap input:focus,.search input:focus{border-color:#49d6ca!important;box-shadow:0 0 0 4px rgba(73,214,202,.09),0 12px 34px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.03)!important}
.stats{gap:14px!important}.stat{position:relative;overflow:hidden;background:linear-gradient(150deg,rgba(21,40,62,.8),rgba(12,25,42,.76))!important;border-color:var(--premium-border)!important;box-shadow:0 14px 40px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(14px);transition:transform .22s,border-color .22s,box-shadow .22s}.stat:hover{transform:translateY(-3px);border-color:rgba(118,190,225,.28)!important;box-shadow:0 20px 52px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05)}.stat:before{content:'';position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);opacity:.55}.stat strong{text-shadow:0 0 24px currentColor;filter:saturate(115%)}
.tab,.btn{box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.14);backdrop-filter:blur(12px)}.tab{transition:.24s}.tab.active{box-shadow:0 10px 30px rgba(42,171,184,.12),inset 0 1px rgba(255,255,255,.08);border-color:rgba(92,218,215,.48)!important}.btn{position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s,filter .2s}.btn:hover{box-shadow:0 12px 28px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.06)}.btn.primary{box-shadow:0 12px 32px rgba(242,154,58,.24),inset 0 1px rgba(255,255,255,.42);background:linear-gradient(135deg,#ffd77b,#f3a847 48%,#f1763c)!important}.btn.primary:hover{filter:brightness(1.05);transform:translateY(-2px)}
.filters{background:linear-gradient(165deg,rgba(17,34,54,.88),rgba(10,21,36,.82))!important;border-color:var(--premium-border)!important;box-shadow:0 18px 55px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(16px) saturate(125%)}.filter select,.filter input,.sort select,.seller-input,.seller-select,.offer-input,.offer-select,.offer-textarea,.code-login input{background:linear-gradient(180deg,rgba(6,15,27,.94),rgba(9,21,36,.9))!important;border-color:rgba(105,158,207,.19)!important;box-shadow:inset 0 1px 6px rgba(0,0,0,.24)}.filter select:focus,.filter input:focus,.sort select:focus{border-color:rgba(73,214,202,.7)!important;box-shadow:0 0 0 3px rgba(73,214,202,.07)}
.card{background:linear-gradient(165deg,rgba(22,42,66,.94),rgba(11,23,39,.96))!important;border-color:rgba(118,169,216,.15)!important;box-shadow:0 14px 36px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(12px)}.card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(0,0,0,.34),0 0 0 1px rgba(140,206,245,.06),inset 0 1px rgba(255,255,255,.06);border-color:color-mix(in srgb,var(--accent,#69a8ff) 45%,#46698d)!important}.card:before{width:4px;box-shadow:0 0 18px var(--accent,transparent);opacity:.85}.art{background-image:linear-gradient(135deg,rgba(38,57,84,.94),rgba(15,28,47,.98))!important}.art:after{background:linear-gradient(120deg,transparent 22%,rgba(255,255,255,.12),transparent 72%)!important}.card h3{color:#f3f8ff;text-shadow:0 3px 12px rgba(0,0,0,.25)}.price{text-shadow:0 0 22px rgba(243,191,88,.23)}.chip{border:1px solid rgba(133,181,224,.08);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.pager .page-btn,.page-btn{background:linear-gradient(180deg,rgba(18,34,54,.92),rgba(11,22,38,.94))!important;border-color:rgba(113,163,211,.16)!important;box-shadow:0 8px 20px rgba(0,0,0,.14)}.page-btn:hover:not(:disabled){border-color:rgba(73,214,202,.5);transform:translateY(-1px)}
dialog{border-color:rgba(133,190,235,.2)!important;background:linear-gradient(160deg,rgba(15,30,49,.98),rgba(8,18,31,.99))!important;box-shadow:0 38px 120px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.045)!important}dialog::backdrop{background:rgba(2,7,13,.78)!important;backdrop-filter:blur(8px) saturate(80%)!important}.modal-head h3{letter-spacing:.2px}.close{transition:.2s}.close:hover{background:#263b57;transform:rotate(4deg)}
.chat-dialog,.chat-shell{box-shadow:0 35px 110px rgba(0,0,0,.58)!important}.chat-side,.chat-main,.chat-panel{background:linear-gradient(180deg,rgba(11,24,40,.97),rgba(7,16,28,.98))!important}.chat-room,.room{transition:background .2s,border-color .2s}.chat-room.active,.room.active{background:linear-gradient(90deg,rgba(73,214,202,.12),rgba(73,214,202,.03))!important;border-left:2px solid #49d6ca}.chat-message,.msg{box-shadow:0 8px 22px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.03)}.chat-message.mine{box-shadow:0 10px 26px rgba(43,171,177,.11),inset 0 1px rgba(255,255,255,.06)}.chat-image{box-shadow:0 14px 36px rgba(0,0,0,.35);border:1px solid rgba(131,187,229,.15)}.send,.chat-send{background:rgba(7,17,30,.94)!important;box-shadow:inset 0 1px rgba(255,255,255,.03)}
.toast{box-shadow:0 18px 50px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.05)!important;background:linear-gradient(135deg,rgba(20,45,68,.97),rgba(12,29,48,.98))!important;backdrop-filter:blur(16px)}
.hero,.stats,.tabs,.layout,.ticket{animation:premiumReveal .55s ease both}.stats{animation-delay:.05s}.tabs{animation-delay:.1s}.layout{animation-delay:.15s}@keyframes premiumReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:650px){body:before{background-size:34px 34px}.hero h1{letter-spacing:-.6px}.card:hover{transform:none}.stat:hover{transform:none}.topbar,body>header{backdrop-filter:blur(18px)}}

html,select{color-scheme:dark!important}select option{background-color:#0b1727!important;color:#eef5ff!important}select option:checked{background:linear-gradient(#2a4b6b,#213d59)!important;color:#fff!important}select option:hover{background-color:#244766!important}.filter select,.sort select{background-color:#0a1626!important}

.custom-select{position:relative;width:100%}.custom-select-sort{width:150px}.custom-select-button{width:100%;height:39px;border:1px solid rgba(105,158,207,.22);border-radius:9px;background:linear-gradient(180deg,rgba(7,17,30,.98),rgba(10,23,39,.96));color:#eef5ff;text-align:left;padding:0 34px 0 11px;cursor:pointer;position:relative;box-shadow:inset 0 1px 6px rgba(0,0,0,.24)}.custom-select-button:after{content:'⌄';position:absolute;right:11px;top:8px;color:#8ea6c4;font-size:16px}.custom-select.open .custom-select-button{border-color:rgba(73,214,202,.7);box-shadow:0 0 0 3px rgba(73,214,202,.07)}.custom-select-menu{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:80;max-height:280px;overflow:auto;padding:6px;border:1px solid rgba(118,178,225,.25);border-radius:12px;background:linear-gradient(180deg,#0d1b2d,#081422);box-shadow:0 22px 60px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.04)}.custom-select.open .custom-select-menu{display:block}.custom-select-option{display:block;width:100%;border:0;border-radius:8px;background:transparent;color:#dbe8f7;text-align:left;padding:9px 10px;cursor:pointer;font-size:12px}.custom-select-option:hover,.custom-select-option.selected{background:linear-gradient(90deg,rgba(73,214,202,.17),rgba(105,168,255,.1));color:#fff}.custom-select-sort .custom-select-menu{min-width:160px}@media(max-width:650px){.custom-select-sort{width:100%}}

.logo img{width:70%;height:70%;object-fit:contain;display:block}

.service-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin:18px 0}.service-qr{width:210px;height:210px;object-fit:contain;border-radius:16px;background:#fff;padding:8px;box-shadow:0 16px 45px rgba(0,0,0,.36),0 0 0 1px rgba(73,214,202,.2)}.service-qr-wrap small{color:#8ea6c4;font-size:11px}

.contact-box{padding:12px 4px 2px;text-align:center}.contact-box .contact-icon{width:68px;height:68px;margin:0 auto 14px;border-radius:22px;background:linear-gradient(135deg,#ffd77b,#f1763c);box-shadow:0 16px 40px rgba(243,191,88,.22),inset 0 1px rgba(255,255,255,.45)}.contact-box .contact-icon img{width:70%;height:70%;object-fit:contain;display:block}.contact-box h3{margin:0 0 8px;font-size:24px;letter-spacing:.5px}.contact-box p{max-width:470px;margin:0 auto 18px;color:#b8cbe1;line-height:1.75}.service-qr-wrap{width:min(100%,340px);margin:0 auto;padding:14px;border-radius:26px;background:linear-gradient(160deg,rgba(73,214,202,.10),rgba(105,168,255,.06));border:1px solid rgba(73,214,202,.24);box-shadow:0 22px 58px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.045)}.service-qr{width:100%;aspect-ratio:1/1;padding:10px;background:#fff;border-radius:20px;box-shadow:0 14px 34px rgba(0,0,0,.28);display:block}.service-qr-wrap small{display:block;margin-top:10px;color:#8ea6c4;font-size:11px}.contact-box .copy-line{margin-top:18px;max-width:420px;margin-left:auto;margin-right:auto}