:root{--bg:#08090c;--bg2:#0d0f14;--surface:#11131a;--surface2:#171a22;--line:rgba(255,255,255,.08);--text:#f8f7f3;--muted:#9699a6;--amber:#ffc247;--orange:#ff7a18;--gold:#ffd776;--danger:#ff5c6c;--success:#4ed69b;--warning:#ffbd59;--shadow:0 25px 80px rgba(0,0,0,.35);--radius:24px;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;line-height:1.55;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(var(--container),calc(100% - 40px));margin:auto}.noise-layer{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.ambient{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.15}.ambient-one{width:520px;height:520px;background:var(--orange);top:-220px;right:-120px}.ambient-two{width:420px;height:420px;background:var(--amber);bottom:-230px;left:-180px}.brand{display:inline-flex;align-items:center;gap:12px;font-family:'Manrope',sans-serif}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--gold),var(--orange));display:grid;place-items:center;color:#171008;font-weight:900;box-shadow:0 10px 28px rgba(255,154,31,.22);font-size:13px;letter-spacing:-.5px}.brand b{display:block;font-size:17px;line-height:1}.brand small{display:block;color:#8d8f98;font-size:8px;letter-spacing:2.8px;margin-top:5px}.brand-large .brand-mark{width:52px;height:52px;border-radius:16px}.brand-large b{font-size:20px}.site-header{position:relative;z-index:20;padding:22px 0}.nav-wrap{height:64px;display:flex;align-items:center;justify-content:space-between}.main-nav{display:flex;align-items:center;gap:33px;color:#b6b7bd;font-size:14px}.main-nav a:hover{color:var(--text)}.nav-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:13px;padding:11px 18px;font-weight:700;transition:.25s ease;background:none;color:var(--text)}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--amber),var(--orange));color:#1d1307;box-shadow:0 13px 35px rgba(255,145,24,.2)}.btn-primary:hover{box-shadow:0 18px 44px rgba(255,145,24,.3)}.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.025)}.btn-glass{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.05);backdrop-filter:blur(12px)}.btn-light{background:#fff;color:#131313}.btn-large{padding:15px 23px;border-radius:15px}.btn-small{padding:8px 12px;font-size:12px;border-radius:10px}.btn-block{width:100%}.mobile-menu{display:none;border:1px solid var(--line);background:var(--surface);color:white;border-radius:10px;padding:8px 11px}.hero{position:relative;overflow:hidden;padding:80px 0 100px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 35%,rgba(255,173,45,.1),transparent 32%),linear-gradient(180deg,transparent,rgba(255,255,255,.012));pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}.hero-copy{position:relative;z-index:2}.hero-badge,.section-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:1.9px;color:var(--amber)}.hero-badge{border:1px solid rgba(255,194,71,.22);padding:8px 12px;border-radius:999px;background:rgba(255,194,71,.06)}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 5px rgba(255,194,71,.1)}.hero h1{font-family:'Manrope',sans-serif;font-size:clamp(54px,6.2vw,88px);line-height:.96;letter-spacing:-5px;margin:26px 0}.gradient-text{background:linear-gradient(100deg,#ffe19b,var(--amber) 45%,var(--orange));-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:18px;color:#a7a9b2;max-width:580px}.hero-actions{display:flex;gap:12px;margin:34px 0}.trust-row{display:flex;gap:34px;margin-top:42px}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-family:'Manrope';font-size:21px}.trust-row span{font-size:12px;color:var(--muted)}.hero-visual{position:relative;min-height:570px;display:grid;place-items:center}.glass-card{background:linear-gradient(145deg,rgba(24,26,34,.9),rgba(12,13,17,.92));border:1px solid rgba(255,255,255,.09);box-shadow:var(--shadow);backdrop-filter:blur(24px)}.dashboard-mock{width:100%;max-width:535px;border-radius:28px;padding:25px;position:relative;z-index:3;transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}.mock-top,.chart-head,.mock-order,.service-top,.service-meta,.card-head,.table-head,.welcome-row,.label-row{display:flex;align-items:center;justify-content:space-between}.mock-top small,.chart-head small,.service-meta small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px}.mock-top strong{display:block;font-family:'Manrope';font-size:26px;margin-top:5px}.status-live{font-size:10px;color:#c5c7cf;background:rgba(255,255,255,.05);border:1px solid var(--line);padding:7px 10px;border-radius:999px}.status-live i{display:inline-block;width:6px;height:6px;background:var(--success);border-radius:50%;margin-right:5px}.mock-chart{margin:24px 0;background:rgba(255,255,255,.025);border:1px solid var(--line);padding:18px;border-radius:18px}.bars{height:145px;display:flex;align-items:end;gap:11px;padding-top:20px}.bars i{flex:1;height:var(--h);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--amber),rgba(255,122,24,.35));box-shadow:0 -5px 18px rgba(255,179,44,.12)}.mock-orders{display:grid;gap:10px}.mock-order{padding:13px;background:rgba(255,255,255,.028);border:1px solid var(--line);border-radius:15px;gap:12px}.mock-order>div{flex:1}.mock-order strong{display:block;font-size:13px}.mock-order small{display:block;color:var(--muted);font-size:10px}.social{width:36px;height:36px;display:grid;place-items:center;border-radius:11px}.instagram{background:linear-gradient(135deg,#a23dc8,#ff5d4d)}.tiktok{background:#14161c;border:1px solid rgba(255,255,255,.1)}.status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.status.done,.status.completed{background:rgba(78,214,155,.1);color:var(--success)}.status.processing{background:rgba(255,194,71,.1);color:var(--amber)}.status.pending{background:rgba(108,166,255,.1);color:#79aaff}.status.partial{background:rgba(185,125,255,.1);color:#bc87ff}.status.canceled{background:rgba(255,92,108,.1);color:var(--danger)}.float-card{position:absolute;z-index:4;display:flex;gap:11px;align-items:center;padding:13px 16px;border-radius:16px;background:rgba(17,19,25,.88);border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.28);backdrop-filter:blur(16px)}.float-card span{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:rgba(255,194,71,.12);color:var(--amber)}.float-card strong,.float-card small{display:block}.float-card strong{font-size:12px}.float-card small{font-size:9px;color:var(--muted)}.float-card-one{left:-20px;top:120px}.float-card-two{right:-25px;bottom:85px}.orbit{position:absolute;border:1px solid rgba(255,190,59,.11);border-radius:50%}.orbit-one{width:510px;height:510px}.orbit-two{width:650px;height:650px}.logo-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.015)}.logo-strip .container{display:flex;justify-content:space-between;align-items:center;height:88px;color:#70727c;font-family:'Manrope';font-weight:700}.logo-strip i{width:4px;height:4px;border-radius:50%;background:#373943}.section{padding:110px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:46px;gap:40px}.section-heading h2,.feature-copy h2,.faq-layout h2,.cta-card h2{font-family:'Manrope';font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-2.5px;margin:11px 0 0}.section-heading>p{max-width:430px;color:var(--muted)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-card{position:relative;padding:31px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));min-height:290px}.step-card.featured{border-color:rgba(255,190,59,.22);background:linear-gradient(145deg,rgba(255,184,44,.09),rgba(255,122,24,.02))}.step-no{position:absolute;right:25px;top:24px;color:#3b3d46;font-family:'Manrope';font-size:28px;font-weight:800}.icon-box{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:rgba(255,190,59,.1);border:1px solid rgba(255,190,59,.15);color:var(--amber);font-size:21px;margin-bottom:46px}.step-card h3,.service-card h3,.feature-grid h3{font-family:'Manrope';font-size:19px;margin:0 0 10px}.step-card p,.service-card p,.feature-grid p{color:var(--muted);font-size:14px}.services-showcase{background:linear-gradient(180deg,rgba(255,255,255,.014),transparent)}.text-link{color:var(--amber);font-weight:700}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{padding:23px;border:1px solid var(--line);background:var(--surface);border-radius:20px;transition:.25s}.service-card:hover{transform:translateY(-5px);border-color:rgba(255,190,59,.22)}.service-platform{width:41px;height:41px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--amber),var(--orange));color:#19120a;font-weight:900}.service-card p{min-height:43px}.service-meta{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.service-meta strong{font-family:'Manrope';font-size:17px}.service-meta a{font-size:12px;color:var(--amber);font-weight:700}.feature-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center}.feature-copy p,.faq-layout>div>p{color:var(--muted);max-width:430px;margin:22px 0 30px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.feature-grid article{padding:25px;border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:19px}.feature-grid article>span{font-size:23px;color:var(--amber)}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.accordion details{border-bottom:1px solid var(--line);padding:20px 0}.accordion summary{display:flex;justify-content:space-between;list-style:none;cursor:pointer;font-family:'Manrope';font-weight:700}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{color:var(--amber)}.accordion p{color:var(--muted);font-size:14px;max-width:670px}.cta-section{padding:30px 0 100px}.cta-card{display:flex;align-items:center;justify-content:space-between;padding:58px;border-radius:28px;background:linear-gradient(120deg,#f8ad2c,#ff721b);color:#1c1208;box-shadow:0 35px 90px rgba(255,124,24,.18)}.cta-card .section-kicker{color:#5b350b}.site-footer{padding:70px 0 25px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:45px}.footer-grid p{color:var(--muted);max-width:330px;font-size:13px}.footer-grid h4{font-family:'Manrope';margin-top:0}.footer-grid>div>a:not(.brand){display:block;color:var(--muted);font-size:13px;margin:10px 0}.footer-cta{border:1px solid var(--line);padding:19px;border-radius:17px}.footer-cta span,.footer-cta strong,.footer-cta small{display:block}.footer-cta span{color:var(--amber);font-family:'Manrope';font-size:24px;font-weight:800}.footer-cta small{color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;color:#6d6f78;font-size:12px}.auth-page{overflow-x:hidden}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-brand-panel{padding:55px 8vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:radial-gradient(circle at 25% 65%,rgba(255,170,31,.2),transparent 35%),linear-gradient(145deg,#11131a,#090a0d)}.auth-brand-panel:after{content:"AM";position:absolute;right:-40px;bottom:-100px;font-family:'Manrope';font-weight:900;font-size:330px;color:rgba(255,255,255,.018);letter-spacing:-35px}.auth-quote{position:relative;z-index:2}.auth-quote h2{font-family:'Manrope';font-size:clamp(40px,4.5vw,66px);line-height:1.03;letter-spacing:-3px;margin:16px 0}.auth-quote p{color:var(--muted);max-width:500px}.mini-proof{display:flex;align-items:center;gap:16px;position:relative;z-index:2}.avatars{display:flex}.avatars i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);border:2px solid var(--bg);margin-left:-8px;font-style:normal;font-size:11px}.avatars i:first-child{margin-left:0}.mini-proof strong,.mini-proof small{display:block}.mini-proof small{color:var(--muted);font-size:11px}.auth-benefits{list-style:none;padding:0;margin:0;position:relative;z-index:2}.auth-benefits li{margin:13px 0;color:#d4d5d9}.auth-benefits span{color:var(--amber);margin-right:10px}.auth-form-panel{display:grid;place-items:center;padding:50px;background:#0b0c10}.auth-form-wrap{width:min(470px,100%)}.auth-head>span{color:var(--amber);font-size:12px;font-weight:800;letter-spacing:1.7px}.auth-head h1{font-family:'Manrope';font-size:39px;letter-spacing:-2px;margin:10px 0 6px}.auth-head p{color:var(--muted);margin-bottom:30px}.auth-form{display:grid;gap:18px}.field{display:grid;gap:8px}.field label{font-size:12px;font-weight:700;color:#d7d7dc}.field label span,.field small{color:var(--muted);font-weight:400}.field input,.field select,.field textarea,.inline-form input,.inline-form select{width:100%;background:#11131a;border:1px solid var(--line);border-radius:13px;color:var(--text);padding:13px 14px;outline:none}.field input:focus,.field select:focus,.field textarea:focus,.inline-form input:focus,.inline-form select:focus{border-color:rgba(255,190,59,.55);box-shadow:0 0 0 4px rgba(255,190,59,.06)}.password-field{position:relative}.password-field input{padding-right:70px}.password-field button{position:absolute;right:8px;top:8px;border:0;background:rgba(255,255,255,.05);color:#aaa;padding:6px 8px;border-radius:8px;font-size:10px}.label-row a{font-size:11px;color:var(--amber)}.check-row{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.check-row input{accent-color:var(--orange)}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-switch{text-align:center;color:var(--muted);font-size:13px;margin-top:22px}.auth-switch a{color:var(--amber);font-weight:700}.install-shell{min-height:100vh;display:grid;place-items:center;padding:40px}.install-card{width:min(760px,100%);padding:38px;border-radius:26px}.install-card h1{font-family:'Manrope';font-size:36px;letter-spacing:-2px;margin:14px 0 6px}.install-card>.brand{margin-bottom:35px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-full{grid-column:1/-1}.divider{display:flex;align-items:center;gap:12px;color:var(--amber);font-size:11px;letter-spacing:1.5px;margin:5px 0}.divider:after{content:"";height:1px;flex:1;background:var(--line)}.muted{color:var(--muted)}.alert{padding:13px 15px;border-radius:12px;font-size:13px;border:1px solid}.alert-success{color:#9af1c7;background:rgba(78,214,155,.08);border-color:rgba(78,214,155,.18)}.alert-danger{color:#ff9eaa;background:rgba(255,92,108,.08);border-color:rgba(255,92,108,.18)}.alert-warning{color:#ffd28a;background:rgba(255,189,89,.08);border-color:rgba(255,189,89,.18)}.toast-stack{position:fixed;right:24px;top:24px;z-index:200;display:grid;gap:10px;width:min(390px,calc(100% - 48px))}.toast-stack .alert{background:#15171e;box-shadow:0 18px 45px rgba(0,0,0,.35);transition:.3s}.toast-hide{opacity:0;transform:translateY(-10px)}.panel-layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;border-right:1px solid var(--line);background:rgba(10,11,14,.93);backdrop-filter:blur(22px);display:flex;flex-direction:column;z-index:40}.sidebar>.brand{padding:0 10px 25px;border-bottom:1px solid var(--line)}.side-nav{display:grid;gap:6px;margin-top:25px}.side-nav a,.sidebar-bottom a,.sidebar-bottom button{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;color:#9b9da6;font-size:13px;border:0;background:none;width:100%;text-align:left}.side-nav a span,.sidebar-bottom span{width:23px;text-align:center;color:#72747d}.side-nav a:hover,.side-nav a.active{color:var(--text);background:linear-gradient(90deg,rgba(255,190,59,.13),rgba(255,122,24,.03));border:1px solid rgba(255,190,59,.1)}.side-nav a.active span{color:var(--amber)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:15px}.panel-content{min-width:0}.panel-topbar{height:98px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,9,12,.65);backdrop-filter:blur(20px);position:sticky;top:0;z-index:30}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--amber)}.panel-topbar h1{font-family:'Manrope';font-size:21px;margin:3px 0 0}.topbar-user{display:flex;align-items:center;gap:10px}.balance-pill{padding:8px 13px;border:1px solid var(--line);border-radius:12px;text-align:right;margin-right:10px}.balance-pill small,.balance-pill strong{display:block}.balance-pill small{font-size:8px;color:var(--muted);letter-spacing:1px}.balance-pill strong{font-size:13px;color:var(--amber)}.avatar{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--amber),var(--orange));display:grid;place-items:center;color:#201407;font-weight:900}.user-meta strong,.user-meta small{display:block}.user-meta strong{font-size:12px}.user-meta small{font-size:9px;color:var(--muted)}.panel-main{padding:34px;max-width:1600px;margin:auto}.welcome-row{margin-bottom:28px}.welcome-row h2,.table-head h2,.form-card h2{font-family:'Manrope';font-size:30px;letter-spacing:-1.5px;margin:6px 0 3px}.welcome-row p,.table-head p,.form-card p{color:var(--muted);font-size:13px;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-card{display:flex;gap:16px;padding:20px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.034),rgba(255,255,255,.014));border-radius:18px}.stat-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:rgba(255,190,59,.09);color:var(--amber);font-size:19px}.stat-card small,.stat-card strong,.stat-card em{display:block}.stat-card small{font-size:10px;color:var(--muted)}.stat-card strong{font-family:'Manrope';font-size:23px;margin:2px 0}.stat-card em{font-style:normal;font-size:9px;color:#666974}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:15px 0}.panel-card,.table-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,22,29,.94),rgba(12,13,17,.94));border-radius:19px}.panel-card{padding:23px}.card-head h3,.table-head h3{font-family:'Manrope';font-size:20px;margin:4px 0}.big-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:rgba(255,190,59,.1);color:var(--amber);font-size:23px}.big-number{font-family:'Manrope';font-size:22px;color:var(--amber)}.order-quick>p{color:var(--muted);font-size:13px;max-width:500px;margin:18px 0}.mini-chart{height:90px;display:flex;align-items:end;gap:9px;margin-top:25px}.mini-chart i{flex:1;height:var(--h);background:linear-gradient(180deg,var(--amber),rgba(255,122,24,.25));border-radius:7px 7px 2px 2px}.table-card{overflow:hidden;margin-top:15px}.table-head{padding:22px 24px;border-bottom:1px solid var(--line)}.table-head>a{font-size:12px;color:var(--amber);font-weight:700}.responsive-table{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.055);font-size:12px}th{font-size:9px;letter-spacing:1px;color:#737680;text-transform:uppercase;background:rgba(255,255,255,.015)}td{color:#c6c7cc}tbody tr:hover{background:rgba(255,255,255,.018)}.empty-cell{text-align:center;color:var(--muted);padding:35px}.table-sub{display:block;color:var(--muted);margin-top:3px}.category-chip{padding:6px 8px;border-radius:8px;background:rgba(255,190,59,.08);color:var(--amber);font-size:10px}.content-grid{display:grid;gap:16px}.order-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr)}.order-form{display:grid;gap:17px;margin-top:22px}.service-info{display:grid;gap:3px;padding:13px;border:1px dashed rgba(255,190,59,.2);background:rgba(255,190,59,.04);border-radius:12px}.service-info strong{font-size:12px}.service-info span{font-size:10px;color:var(--muted)}.charge-box{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,rgba(255,190,59,.11),rgba(255,122,24,.04));border:1px solid rgba(255,190,59,.16);padding:16px;border-radius:14px}.charge-box small,.charge-box strong{display:block}.charge-box strong{font-family:'Manrope';font-size:24px;color:var(--amber)}.charge-box>span{color:var(--muted);font-size:11px}.help-card{align-self:start;position:sticky;top:132px}.help-orb{width:55px;height:55px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--amber),var(--orange));color:#201407;font-family:'Manrope';font-size:24px;font-weight:900}.help-card h3{font-family:'Manrope';font-size:22px;margin:20px 0 8px}.help-card>p{color:var(--muted);font-size:13px}.help-card ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:15px}.help-card li{display:flex;gap:10px;color:#b8bac1;font-size:12px}.help-card li span{color:var(--amber);font-weight:800}.truncate-link{display:block;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9ebcff}.public-services{padding-top:75px;min-height:70vh}.admin-service-layout{grid-template-columns:370px 1fr}.inline-form{display:flex;gap:7px;align-items:center}.inline-form input{min-width:110px;padding:8px 10px}.inline-form select{min-width:120px;padding:8px 10px}.error-page{min-height:70vh;display:grid;place-items:center;align-content:center;text-align:center;padding:50px}.error-code{font-family:'Manrope';font-size:100px;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--amber),var(--orange));-webkit-background-clip:text;color:transparent}.error-page h1{font-family:'Manrope';font-size:34px;margin:15px}.error-page p{color:var(--muted)}.error-detail{max-width:780px;white-space:pre-wrap;text-align:left;background:#11131a;border:1px solid var(--line);padding:14px;border-radius:12px;color:#ff9eaa}.public-page .site-header{border-bottom:1px solid var(--line)}
@media(max-width:1050px){.hero-grid,.feature-layout,.faq-layout{grid-template-columns:1fr}.hero-visual{min-height:520px}.service-cards{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.panel-layout{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;width:260px;transition:.25s}.sidebar.open{left:0}.panel-topbar .mobile-menu{display:block}.panel-topbar{gap:14px}.panel-topbar>div:first-of-type{flex:1}.admin-service-layout,.order-layout{grid-template-columns:1fr}.help-card{position:static}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-cta{grid-column:1/-1}.auth-shell{grid-template-columns:.85fr 1.15fr}.auth-brand-panel{padding:45px}.main-nav{display:none;position:absolute;left:20px;right:20px;top:80px;padding:18px;background:#12141a;border:1px solid var(--line);border-radius:16px;flex-direction:column}.main-nav.open{display:flex}.site-header .mobile-menu{display:block}.site-header .nav-actions{display:none}}
@media(max-width:720px){.container{width:min(100% - 26px,var(--container))}.hero{padding:55px 0}.hero h1{font-size:55px;letter-spacing:-3px}.hero-actions,.trust-row,.section-heading,.cta-card,.welcome-row{align-items:stretch;flex-direction:column}.hero-actions .btn{width:100%}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dashboard-mock{transform:none;padding:16px}.hero-visual{min-height:440px}.float-card{display:none}.orbit-one{width:390px;height:390px}.orbit-two{width:480px;height:480px}.section{padding:75px 0}.steps-grid,.service-cards,.feature-grid{grid-template-columns:1fr}.logo-strip .container{overflow:auto;gap:30px;justify-content:flex-start}.section-heading{align-items:flex-start}.feature-layout,.faq-layout{gap:45px}.cta-card{padding:34px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-cta{grid-column:1/-1}.auth-shell{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-form-panel{min-height:100vh;padding:28px 18px}.form-two,.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.install-card{padding:23px}.panel-topbar{padding:0 15px;height:82px}.panel-topbar h1{font-size:16px}.balance-pill,.user-meta{display:none}.panel-main{padding:18px 13px}.stat-grid{grid-template-columns:1fr}.panel-grid{grid-template-columns:1fr}.welcome-row{gap:15px}.table-head{align-items:flex-start;gap:15px}.toast-stack{right:13px;top:13px;width:calc(100% - 26px)}.footer-bottom{gap:10px;flex-direction:column}.inline-form{min-width:260px}}


/* ===== Aslan Medya SMM V2 extensions ===== */
:root{--sidebar:284px;--blue:#79aaff;--purple:#bc87ff}.logo-brand img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(245,184,31,.12))}.logo-brand>span{min-width:0}.public-brand img{width:58px;height:58px}.auth-logo img{width:min(430px,92%);height:auto;filter:drop-shadow(0 24px 70px rgba(245,184,31,.14))}.install-logo{display:block;width:min(320px,78%);max-height:180px;object-fit:contain;margin:0 auto 12px}.sidebar>.logo-brand{padding:0 7px 22px}.sidebar>.logo-brand img{width:48px;height:48px}.panel-layout{grid-template-columns:var(--sidebar) 1fr}.sidebar{width:var(--sidebar);padding:20px 16px;overflow-y:auto;scrollbar-width:thin}.nav-label{color:#545761;font-size:8px;letter-spacing:1.8px;font-weight:800;padding:16px 13px 5px}.side-nav{margin-top:10px;gap:4px}.side-nav a{padding:10px 12px}.sidebar-bottom{padding-bottom:4px}.sidebar-overlay{display:none}.panel-topbar{height:88px;padding:0 28px}.topbar-title{min-width:0}.topbar-actions{display:flex;align-items:center;gap:10px}.top-icon{position:relative;width:42px;height:42px;border:1px solid var(--line);border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.025)}.top-icon b{position:absolute;right:-3px;top:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;font-size:8px;display:grid;place-items:center}.balance-pill{display:flex;align-items:center;gap:10px;text-align:left;margin:0;padding:7px 9px 7px 13px}.balance-pill i{font-style:normal;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,var(--amber),var(--orange));display:grid;place-items:center;color:#171008}.panel-main{padding:28px;max-width:1700px}.compact{margin-bottom:22px}.welcome-actions,.button-row,.row-actions,.edit-actions{display:flex;gap:8px;align-items:center}.featured-stat{border-color:rgba(245,184,31,.24);background:linear-gradient(135deg,rgba(245,184,31,.1),rgba(255,122,24,.025))}.featured-stat>a{margin-left:auto;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(245,184,31,.12);color:var(--amber)}.admin-stats{margin-bottom:16px}.announcement{display:flex;gap:14px;align-items:flex-start;padding:15px 18px;margin-bottom:12px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.announcement>span{color:var(--amber);font-size:18px}.announcement strong{font-size:13px}.announcement p{font-size:12px;color:var(--muted);margin:3px 0 0}.announcement-warning{border-color:rgba(255,189,89,.18)}.announcement-danger{border-color:rgba(255,92,108,.18)}.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:15px;margin:15px 0}.chart-card{min-height:285px}.chart-bars{height:180px;display:flex;align-items:end;gap:15px;padding-top:24px}.chart-column{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;position:relative}.chart-column i,.chart-column b{display:block;width:70%;height:var(--h);min-height:4px;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,var(--amber),rgba(255,122,24,.25));box-shadow:0 -8px 22px rgba(245,184,31,.09)}.chart-column span{font-size:9px;color:var(--muted)}.chart-bars.dual .chart-column{flex-direction:row;align-items:end;padding-bottom:22px;gap:4px}.chart-bars.dual .chart-column i,.chart-bars.dual .chart-column b{width:32%;align-self:end}.chart-bars.dual .chart-column b{background:linear-gradient(180deg,#62d5a2,rgba(78,214,155,.16))}.chart-bars.dual .chart-column span{position:absolute;bottom:0}.quick-card{display:flex;align-items:center;gap:22px;background:radial-gradient(circle at 90% 10%,rgba(245,184,31,.11),transparent 40%),linear-gradient(145deg,rgba(20,22,29,.94),rgba(12,13,17,.94))}.quick-orb{flex:0 0 auto;width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--amber),var(--orange));color:#201407;font-size:30px;font-weight:900;box-shadow:0 20px 45px rgba(255,136,24,.18)}.quick-card h3{font-family:'Manrope';font-size:24px;margin:5px 0}.quick-card p{font-size:12px;color:var(--muted);margin:0 0 18px}.attention-card{display:grid;gap:10px}.attention-card h3{font-family:'Manrope';font-size:23px;margin:4px 0 9px}.attention-card>a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:13px;border-radius:14px;background:rgba(255,255,255,.018)}.attention-card>a>span{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:rgba(245,184,31,.09);color:var(--amber)}.attention-card>a>div{flex:1}.attention-card strong,.attention-card small{display:block}.attention-card strong{font-size:12px}.attention-card small{font-size:9px;color:var(--muted)}.attention-card a>i{font-style:normal;color:var(--amber)}.split-tables{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}.transaction-list{display:grid}.transaction-item{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid var(--line)}.transaction-item:last-child{border-bottom:0}.transaction-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font-weight:800}.transaction-icon.plus{background:rgba(78,214,155,.09);color:var(--success)}.transaction-icon.minus{background:rgba(255,92,108,.09);color:var(--danger)}.transaction-item>div{flex:1}.transaction-item strong,.transaction-item small{display:block}.transaction-item strong{font-size:12px}.transaction-item small{font-size:9px;color:var(--muted)}.transaction-item>b{font-size:12px}.positive{color:var(--success)!important}.negative{color:var(--danger)!important}.empty-state-mini{padding:28px;text-align:center;color:var(--muted);font-size:12px}.filter-bar{display:flex;gap:9px;align-items:center;border:1px solid var(--line);background:rgba(17,19,26,.7);padding:10px;border-radius:16px;margin:0 0 15px}.filter-bar select{min-width:190px}.search-field{min-width:250px;flex:1;position:relative}.search-field span{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#686b76}.search-field input{padding-left:38px}.btn-text{color:var(--muted);padding:8px}.btn-danger{border-color:rgba(255,92,108,.2);background:rgba(255,92,108,.08);color:#ff9eaa}.btn-success{border-color:rgba(78,214,155,.2);background:rgba(78,214,155,.1);color:#92edc3}.order-id{color:var(--amber);font-weight:800}.selected-service{border:1px dashed rgba(245,184,31,.22);border-radius:15px;min-height:92px;padding:16px;background:rgba(245,184,31,.035)}.service-placeholder{display:flex;align-items:center;gap:12px;color:var(--muted)}.service-placeholder span{width:43px;height:43px;border-radius:13px;background:rgba(245,184,31,.08);display:grid;place-items:center;color:var(--amber)}.service-placeholder p{font-size:12px}.selected-service .service-detail-card{display:grid;grid-template-columns:1fr repeat(3,auto);gap:14px;align-items:center}.selected-service strong,.selected-service small{display:block}.selected-service strong{font-size:13px}.selected-service small{font-size:9px;color:var(--muted)}.selected-service .service-metric{padding-left:14px;border-left:1px solid var(--line)}.selected-service .service-metric b{font-size:11px;color:var(--amber)}.check-row{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#a9abb3}.check-row input{accent-color:var(--amber);margin-top:3px}.detail-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.detail-head h2{font-family:'Manrope';font-size:34px;letter-spacing:-1.5px;margin:7px 0 2px}.detail-head p{color:var(--muted);font-size:12px;margin:0}.status-large{padding:10px 14px;font-size:11px}.detail-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:15px}.summary-price{padding-bottom:19px;border-bottom:1px solid var(--line)}.summary-price small,.summary-price strong,.summary-price em{display:block}.summary-price small{font-size:9px;letter-spacing:1px;color:var(--muted)}.summary-price strong{font-family:'Manrope';font-size:36px;color:var(--amber)}.summary-price em{font-style:normal;color:var(--success);font-size:11px}.progress-wrap{margin:22px 0}.progress-label{display:flex;justify-content:space-between;font-size:11px}.progress{height:8px;border-radius:8px;background:#22252d;margin-top:9px;overflow:hidden}.progress i{display:block;width:var(--progress);height:100%;border-radius:8px;background:linear-gradient(90deg,var(--amber),var(--orange))}.detail-list{display:grid;grid-template-columns:1fr 1fr;margin:0}.detail-list>div{padding:13px 0;border-bottom:1px solid var(--line)}.detail-list dt{font-size:9px;color:var(--muted);text-transform:uppercase}.detail-list dd{font-size:12px;margin:3px 0 0}.link-box{display:flex;gap:12px;align-items:center;padding:13px;margin-top:18px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018)}.link-box>span{color:var(--amber)}.link-box>div{overflow:hidden}.link-box small,.link-box strong{display:block}.link-box small{font-size:8px;color:var(--muted)}.link-box strong{font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.timeline{display:grid;padding:8px 0}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:12px;position:relative;padding-bottom:23px}.timeline-item:before{content:"";position:absolute;width:1px;background:var(--line);top:13px;bottom:0;left:5px}.timeline-item:last-child:before{display:none}.timeline-item>i{width:11px;height:11px;border:2px solid #252831;background:#11131a;border-radius:50%;z-index:1}.timeline-item>i.completed{border-color:var(--success);box-shadow:0 0 0 4px rgba(78,214,155,.08)}.timeline-item>i.processing,.timeline-item>i.pending{border-color:var(--amber);box-shadow:0 0 0 4px rgba(245,184,31,.08)}.timeline-item>i.canceled{border-color:var(--danger)}.timeline-item strong{font-size:12px}.timeline-item p{font-size:11px;color:#b8bac1;margin:3px 0}.timeline-item small{font-size:9px;color:var(--muted)}.pagination{display:flex;justify-content:center;gap:6px;margin:20px}.pagination a{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;font-size:11px}.pagination a.active{background:linear-gradient(135deg,var(--amber),var(--orange));color:#211406;border-color:transparent}.pagination a.disabled{opacity:.25;pointer-events:none}.transaction-type{font-size:9px;text-transform:uppercase;letter-spacing:.8px;background:rgba(255,255,255,.045);padding:6px 8px;border-radius:8px}.payment-layout{display:grid;grid-template-columns:350px 1fr;gap:15px}.payment-methods{display:grid;align-content:start;gap:9px}.payment-method{display:flex;align-items:center;gap:12px;width:100%;padding:15px;border:1px solid var(--line);border-radius:15px;color:var(--text);background:rgba(17,19,26,.78);text-align:left}.payment-method.active{border-color:rgba(245,184,31,.35);background:linear-gradient(90deg,rgba(245,184,31,.11),rgba(255,122,24,.025))}.payment-method>span{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:rgba(245,184,31,.09);color:var(--amber);font-weight:800}.payment-method>div{flex:1}.payment-method strong,.payment-method small{display:block}.payment-method strong{font-size:13px}.payment-method small{font-size:9px;color:var(--muted)}.payment-method>i{font-style:normal;color:var(--amber)}.secure-pill{font-size:9px;color:var(--success);border:1px solid rgba(78,214,155,.15);padding:7px 9px;border-radius:99px}.instruction-box{padding:15px;background:rgba(245,184,31,.04);border:1px dashed rgba(245,184,31,.2);border-radius:13px;color:#c5c7cc;font-size:12px;line-height:1.7}.money-input{position:relative}.money-input span{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--amber);font-weight:800}.money-input input{padding-left:38px}.file-drop{display:grid;place-items:center;text-align:center;border:1px dashed #343741;border-radius:14px;padding:22px;background:rgba(255,255,255,.015);cursor:pointer}.file-drop input{display:none}.file-drop>span{font-size:22px;color:var(--amber)}.file-drop strong,.file-drop small{display:block}.file-drop strong{font-size:12px;margin:4px}.file-drop small{font-size:9px;color:var(--muted)}.deposit-total{padding:16px;border-radius:14px;background:linear-gradient(135deg,rgba(245,184,31,.11),rgba(255,122,24,.035));border:1px solid rgba(245,184,31,.17)}.deposit-total span,.deposit-total strong,.deposit-total small{display:block}.deposit-total span{font-size:9px;color:var(--muted)}.deposit-total strong{font-family:'Manrope';font-size:27px;color:var(--amber)}.deposit-total small{font-size:9px}.support-layout{display:grid;grid-template-columns:420px 1fr;gap:15px}.form-card h3,.api-doc-card h3{font-family:'Manrope';font-size:24px;margin:5px 0}.ticket-list{display:grid}.ticket-row{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.ticket-row:hover{background:rgba(255,255,255,.018)}.ticket-icon{width:46px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(245,184,31,.08);color:var(--amber);font-size:11px}.ticket-row>div{flex:1}.ticket-row strong,.ticket-row small{display:block}.ticket-row strong{font-size:12px}.ticket-row small{font-size:9px;color:var(--muted)}.chat-card{padding:0;overflow:hidden}.chat-thread{padding:28px;display:grid;gap:22px;max-height:590px;overflow:auto}.chat-message{display:grid;grid-template-columns:43px minmax(0,1fr);gap:12px;max-width:82%}.chat-message.admin-message{margin-left:auto;grid-template-columns:minmax(0,1fr) 43px}.chat-message.admin-message .chat-avatar{order:2}.chat-message.admin-message>div:last-child{order:1}.chat-avatar{width:43px;height:43px;border-radius:14px;background:#20232b;display:grid;place-items:center;font-size:11px;font-weight:900;color:var(--amber)}.admin-message .chat-avatar{background:linear-gradient(135deg,var(--amber),var(--orange));color:#201407}.chat-message>div:last-child>p{padding:14px 16px;background:#191b23;border:1px solid var(--line);border-radius:4px 16px 16px 16px;margin:4px 0 0;font-size:12px;color:#d1d2d7}.admin-message>div:last-child>p{background:linear-gradient(135deg,rgba(245,184,31,.13),rgba(255,122,24,.05));border-color:rgba(245,184,31,.18);border-radius:16px 4px 16px 16px}.chat-meta{display:flex;justify-content:space-between;gap:20px}.chat-meta strong{font-size:11px}.chat-meta small{font-size:8px;color:var(--muted)}.chat-reply{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px;border-top:1px solid var(--line);background:rgba(255,255,255,.015)}.chat-reply textarea{min-height:75px}.closed-note{padding:20px;text-align:center;color:var(--muted);border-top:1px solid var(--line)}.api-key-reveal{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px 18px;margin-bottom:15px;border:1px solid rgba(78,214,155,.2);background:rgba(78,214,155,.06);border-radius:15px}.api-key-reveal>span{font-size:9px;color:var(--success)}.api-key-reveal code{overflow:auto}.api-key-reveal button{border:0;background:var(--success);color:#082016;border-radius:9px;padding:8px 11px;font-weight:800}.api-key-reveal small{grid-column:2/-1;color:var(--muted)}.api-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:15px}.api-key-box,.api-endpoint{padding:14px;border:1px solid var(--line);border-radius:12px;background:#0a0b0f;margin:18px 0;overflow:auto}.api-key-box code{color:var(--amber)}.api-endpoint small,.api-endpoint code{display:block}.api-endpoint small{font-size:8px;color:var(--muted);margin-bottom:5px}.code-tabs,.log-tabs{display:flex;gap:6px;margin:18px 0 10px}.code-tabs button,.log-tabs button{border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--muted);border-radius:9px;padding:8px 11px;font-size:10px}.code-tabs button.active,.log-tabs button.active{color:#201407;background:var(--amber);border-color:transparent}.api-doc-card pre{padding:18px;border-radius:13px;background:#08090c;border:1px solid var(--line);overflow:auto;color:#d8dadd;font-size:11px;min-height:120px}.truncate-json{display:block;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:monospace;font-size:9px}.profile-layout{display:grid;grid-template-columns:300px 1fr 1fr;gap:15px}.profile-card{text-align:center}.profile-avatar{width:84px;height:84px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(135deg,var(--amber),var(--orange));color:#201407;font-family:'Manrope';font-size:31px;font-weight:900;margin:8px auto 16px}.profile-card h3{font-family:'Manrope';font-size:22px;margin:0}.profile-card>p{color:var(--muted);font-size:12px}.profile-card dl{text-align:left;margin-top:25px}.profile-card dl>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px}.profile-card dt{font-size:10px;color:var(--muted)}.profile-card dd{font-size:10px;margin:0}.notification-page-list{display:grid;gap:9px}.notification-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:15px;background:rgba(17,19,26,.78)}.notification-card.unread{border-color:rgba(245,184,31,.2);background:linear-gradient(90deg,rgba(245,184,31,.07),rgba(17,19,26,.8))}.notification-symbol{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(245,184,31,.09);color:var(--amber)}.notification-card>div{flex:1}.notification-card strong,.notification-card small{display:block}.notification-card p{font-size:11px;color:var(--muted);margin:3px 0}.notification-card small{font-size:8px;color:#656872}.notification-card>i{font-style:normal;color:var(--amber)}.public-services-head{padding:75px 0 20px}.public-services-head h2,.public-services-head h1{font-family:'Manrope';font-size:48px;letter-spacing:-2px;margin:8px 0}.public-services-head p{color:var(--muted)}.service-filter{margin-top:20px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:15px 0 90px}.catalog-card{padding:20px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(20,22,29,.94),rgba(12,13,17,.94));display:flex;flex-direction:column}.catalog-top{display:flex;align-items:center;gap:10px}.category-logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(245,184,31,.09);color:var(--amber);font-weight:900}.catalog-top>div{flex:1}.catalog-top small,.catalog-top strong{display:block}.catalog-top small{font-size:9px;color:var(--muted)}.catalog-top strong{font-size:10px}.catalog-card h3{font-family:'Manrope';font-size:17px;margin:18px 0 8px}.catalog-card>p{font-size:11px;color:var(--muted);flex:1}.catalog-features{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0}.catalog-features span{padding:7px;border-radius:8px;background:rgba(255,255,255,.026);font-size:8px;color:#a9abb3}.catalog-bottom{display:flex;justify-content:space-between;align-items:end;padding-top:15px;border-top:1px solid var(--line)}.catalog-bottom small,.catalog-bottom strong{display:block}.catalog-bottom small{font-size:8px;color:var(--muted)}.catalog-bottom strong{font-family:'Manrope';color:var(--amber);font-size:19px}.lion-halo{position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,rgba(245,184,31,.16),transparent 65%);filter:blur(10px);top:-70px;right:-30px}.hero-lion-logo{position:absolute;right:-20px;top:-95px;width:390px;opacity:.19;filter:drop-shadow(0 30px 60px rgba(245,184,31,.22));z-index:2;pointer-events:none}.maintenance-shell{min-height:100vh;display:grid;place-items:center;align-content:center;text-align:center;padding:30px;position:relative;overflow:hidden}.maintenance-logo{width:min(480px,75vw);max-height:300px;object-fit:contain;filter:drop-shadow(0 30px 70px rgba(245,184,31,.17));z-index:2}.maintenance-shell h1{font-family:'Manrope';font-size:clamp(48px,8vw,100px);letter-spacing:-5px;line-height:.95;margin:15px 0}.maintenance-shell>p{max-width:570px;color:var(--muted);font-size:17px}.maintenance-meta{display:flex;gap:25px;margin-top:38px;color:var(--muted);font-size:10px}.maintenance-meta i{display:inline-block;width:7px;height:7px;background:var(--amber);border-radius:50%;margin-right:6px}.maintenance-orbit{position:absolute;width:700px;height:700px;border:1px solid rgba(245,184,31,.08);border-radius:50%}.admin-service-top{display:grid;grid-template-columns:1.4fr .6fr;gap:14px;margin-bottom:15px}.create-drawer{padding:0;overflow:hidden}.create-drawer>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:18px 21px;cursor:pointer}.create-drawer>summary::-webkit-details-marker{display:none}.create-drawer>summary span{font-family:'Manrope';font-size:15px}.create-drawer>summary b{color:var(--amber);margin-right:8px}.create-drawer>summary i{font-style:normal}.service-admin-form,.provider-form{display:grid;gap:13px;padding:0 21px 21px;border-top:1px solid var(--line);padding-top:18px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.check-grid{display:flex;gap:16px;flex-wrap:wrap}.inline-category-form{display:grid;grid-template-columns:65px 1fr 80px auto;gap:8px;padding:16px;border-top:1px solid var(--line)}.category-admin-list{padding:0 16px 16px;display:grid}.category-admin-list>div{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:10px 0}.category-admin-list strong{flex:1;font-size:11px}.category-admin-list em{font-style:normal;font-size:8px;color:var(--muted)}.service-admin-list{display:grid;gap:8px}.service-admin-row{position:relative;border:1px solid var(--line);border-radius:15px;background:rgba(17,19,26,.75);overflow:hidden}.service-admin-row>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}.service-admin-row>summary::-webkit-details-marker{display:none}.service-summary{flex:1}.service-summary strong,.service-summary small{display:block}.service-summary strong{font-size:12px}.service-summary small{font-size:9px;color:var(--muted)}.service-money{text-align:right}.service-money strong,.service-money small{display:block}.service-money strong{font-size:13px;color:var(--amber)}.service-money small{font-size:8px;color:var(--muted)}.service-admin-row>summary>i{font-style:normal;color:var(--muted)}.service-admin-row .edit-form{border-top:1px solid var(--line);background:rgba(0,0,0,.08)}.service-toggle-form{position:absolute;right:55px;bottom:20px}.provider-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.provider-head{display:flex;align-items:center;gap:12px}.provider-logo{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--amber),var(--orange));color:#201407;font-weight:900}.provider-head>div:nth-child(2){flex:1}.provider-head strong,.provider-head small{display:block}.provider-head strong{font-size:13px}.provider-head small{font-size:9px;color:var(--muted)}.provider-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.provider-stats>div{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:11px;padding:11px}.provider-stats small,.provider-stats strong{display:block}.provider-stats small{font-size:8px;color:var(--muted)}.provider-stats strong{font-size:11px;margin-top:3px}.provider-edit{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.provider-edit>summary{font-size:10px;color:var(--amber);cursor:pointer}.compact-form{padding:16px 0 0;border:0}.cron-guide,.gateway-note,.backup-warning{display:flex;align-items:flex-start;gap:15px;margin-top:15px}.cron-guide>span,.gateway-note>span,.backup-warning>span{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:rgba(245,184,31,.09);color:var(--amber)}.cron-guide p,.gateway-note p,.backup-warning p{font-size:11px;color:var(--muted);margin:4px 0}.cron-guide code{display:block;margin-top:10px;padding:10px;border-radius:9px;background:#08090c;color:#d4d5d9;font-size:10px;overflow:auto}.deposit-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.deposit-card-head{display:flex;justify-content:space-between;align-items:center}.deposit-card-head>div{display:flex;align-items:center;gap:10px}.deposit-card-head strong,.deposit-card-head small{display:block}.deposit-card-head strong{font-size:12px}.deposit-card-head small{font-size:9px;color:var(--muted)}.compact-list{margin:17px 0}.compact-list>div{padding:9px 0}.receipt-link{display:block;padding:11px;border:1px dashed rgba(245,184,31,.2);border-radius:10px;text-align:center;color:var(--amber);font-size:10px}.deposit-action-form{display:grid;gap:9px;margin-top:12px}.admin-note{padding:12px;margin-top:12px;border-radius:10px;background:rgba(255,255,255,.025)}.admin-note small{font-size:8px;color:var(--muted)}.admin-note p{font-size:11px;margin:4px 0}.priority{font-size:9px;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.04)}.priority-high,.priority-urgent{color:#ff9eaa;background:rgba(255,92,108,.08)}.status-inline{display:flex;gap:8px}.payment-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.settings-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:15px}.logo-preview{display:flex;align-items:center;gap:18px;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.logo-preview img{width:120px;height:90px;object-fit:contain}.logo-preview strong{display:block;margin-bottom:8px}.vertical-checks{display:grid}.vertical-checks .check-row{padding:11px;border:1px solid var(--line);border-radius:11px}.vertical-checks b,.vertical-checks small{display:block}.vertical-checks small{font-size:8px;color:var(--muted)}.announcement-admin{margin-top:15px}.announcement-admin>div{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.announcement-admin>div>div{flex:1}.announcement-admin strong,.announcement-admin small{display:block}.announcement-admin strong{font-size:11px}.announcement-admin small{font-size:8px;color:var(--muted)}.log-tabs{margin:0 0 12px}.backup-warning{margin:0 0 15px}.install-card{max-width:720px}.install-shell{padding:50px 20px}
@media(max-width:1250px){.profile-layout{grid-template-columns:260px 1fr}.profile-layout>section:last-child{grid-column:2}.deposit-admin-grid{grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:repeat(2,1fr)}.payment-admin-grid{grid-template-columns:1fr}.admin-service-top{grid-template-columns:1fr}}
@media(max-width:1050px){.panel-layout{display:block}.sidebar{left:calc(var(--sidebar) * -1 - 20px);width:var(--sidebar);position:fixed;transition:.25s;box-shadow:20px 0 70px rgba(0,0,0,.45)}.sidebar.open{left:0}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(3px);z-index:39}.sidebar.open~* .sidebar-overlay{display:block}.dashboard-grid,.split-tables,.payment-layout,.support-layout,.api-layout,.detail-grid,.settings-layout{grid-template-columns:1fr}.provider-grid{grid-template-columns:1fr}.profile-layout{grid-template-columns:1fr 1fr}.profile-layout>section:last-child{grid-column:auto}.pricing-grid{grid-template-columns:repeat(2,1fr)}.deposit-admin-grid{grid-template-columns:1fr 1fr}.hero-lion-logo{right:10%;top:-80px}.panel-topbar .mobile-menu{display:block}}
@media(max-width:720px){.panel-main{padding:17px 12px}.topbar-actions{gap:6px}.top-icon{width:37px;height:37px}.welcome-actions{width:100%}.welcome-actions .btn{flex:1}.dashboard-grid,.split-tables{display:grid}.filter-bar{align-items:stretch;flex-direction:column}.search-field{min-width:0;width:100%}.filter-bar select{min-width:0}.selected-service .service-detail-card{grid-template-columns:1fr 1fr}.selected-service .service-detail-card>div:first-child{grid-column:1/-1}.selected-service .service-metric{padding:0;border:0}.detail-head{align-items:flex-start;flex-direction:column;gap:14px}.detail-head h2{font-size:27px}.detail-list{grid-template-columns:1fr}.payment-layout,.support-layout{display:grid}.chat-message{max-width:100%}.chat-reply{grid-template-columns:1fr}.api-key-reveal{grid-template-columns:1fr}.api-key-reveal small{grid-column:auto}.profile-layout{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr}.provider-grid,.deposit-admin-grid,.payment-admin-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr 1fr}.inline-category-form{grid-template-columns:50px 1fr}.inline-category-form input:nth-child(4),.inline-category-form button{grid-column:auto}.service-admin-row>summary{align-items:flex-start;flex-wrap:wrap}.service-summary{min-width:calc(100% - 65px)}.service-money{text-align:left}.service-toggle-form{position:static;padding:0 20px 18px}.settings-layout{display:grid}.maintenance-shell h1{letter-spacing:-3px}.hero-lion-logo{width:300px;right:0;top:-30px}.public-services-head h2,.public-services-head h1{font-size:37px}.topbar-title h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.provider-stats{grid-template-columns:1fr}.status-inline{flex-direction:column}.chat-message.admin-message{grid-template-columns:1fr}.chat-message.admin-message .chat-avatar{display:none}.chat-message.admin-message>div:last-child{order:initial}}

@media(max-width:1050px){body.sidebar-open .sidebar-overlay{display:block}}
.category-logo img {
    width: 25px;
    height: 25px;
    display: block;
    object-fit: contain;
}

.catalog-card .category-logo {
    overflow: hidden;
}
.legal-content{padding:28px;line-height:1.8;white-space:normal;max-width:900px}.legal-editor{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}.table-actions{display:flex;gap:7px;flex-wrap:wrap}.inline-form{display:flex;gap:10px;align-items:end;margin-top:20px}.inline-form input{flex:1}.check-row{display:flex;align-items:center;gap:9px}.check-row input{width:auto}.error-shell{min-height:70vh;display:grid;place-items:center;padding:40px}.error-card{text-align:center;padding:45px;max-width:620px}.error-code{font-size:64px;font-weight:900;color:var(--amber)}

/* E-posta doğrulama sayfası */
.verify-shell {
    position: relative;
    min-height: calc(100vh - 108px);
    padding: 70px 20px 100px;
    display: grid;
    place-items: center;
    overflow: hidden;
}

.verify-shell::before {
    content: "";
    position: absolute;
    width: 560px;
    height: 560px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(255, 166, 28, 0.15),
        rgba(255, 166, 28, 0.03) 42%,
        transparent 70%
    );
    filter: blur(10px);
    pointer-events: none;
}

.verify-shell::after {
    content: "";
    position: absolute;
    width: 740px;
    height: 740px;
    border: 1px solid rgba(255, 194, 71, 0.06);
    border-radius: 50%;
    pointer-events: none;
}

.verify-card {
    position: relative;
    z-index: 2;
    width: min(570px, 100%);
    padding: 52px 48px 44px;
    border-radius: 28px;
    text-align: center;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 50% 0,
            rgba(255, 183, 42, 0.1),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            rgba(24, 26, 34, 0.96),
            rgba(11, 12, 16, 0.97)
        );
    border: 1px solid rgba(255, 255, 255, 0.09);
    box-shadow:
        0 35px 100px rgba(0, 0, 0, 0.46),
        0 0 70px rgba(255, 145, 24, 0.05);
}

.verify-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 15%;
    right: 15%;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--amber),
        var(--orange),
        transparent
    );
}

.verify-icon {
    width: 82px;
    height: 82px;
    margin: 0 auto 25px;
    display: grid;
    place-items: center;
    border-radius: 25px;
    color: #251606;
    background: linear-gradient(135deg, var(--amber), var(--orange));
    box-shadow:
        0 18px 45px rgba(255, 141, 24, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.45);
    transform: rotate(-3deg);
}

.verify-icon svg {
    width: 40px;
    height: 40px;
    transform: rotate(3deg);
}

.verify-card h1 {
    margin: 13px 0 12px;
    font-family: "Manrope", sans-serif;
    font-size: clamp(30px, 4vw, 42px);
    line-height: 1.08;
    letter-spacing: -1.8px;
}

.verify-description {
    max-width: 440px;
    margin: 0 auto 26px;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.75;
}

.verify-email-box {
    margin: 0 0 14px;
    padding: 16px 18px;
    border: 1px solid rgba(255, 194, 71, 0.16);
    border-radius: 15px;
    background: rgba(255, 194, 71, 0.045);
}

.verify-email-box span,
.verify-email-box strong {
    display: block;
}

.verify-email-box span {
    margin-bottom: 3px;
    color: var(--muted);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.verify-email-box strong {
    color: #fff;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.verify-notice {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
    padding: 13px 15px;
    text-align: left;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.025);
}

.verify-notice > span {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: var(--amber);
    font-size: 12px;
    font-weight: 900;
    background: rgba(255, 194, 71, 0.1);
}

.verify-notice p {
    margin: 0;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.55;
}

.verify-form .btn {
    min-height: 55px;
}

.verify-form .btn b {
    font-size: 18px;
}

.verify-change-link {
    display: inline-block;
    margin-top: 20px;
    color: var(--amber);
    font-size: 12px;
    font-weight: 700;
}

.verify-change-link:hover {
    text-decoration: underline;
}

.verify-expiry {
    display: block;
    margin-top: 15px;
    color: #676a75;
    font-size: 10px;
}

@media (max-width: 600px) {
    .verify-shell {
        min-height: calc(100vh - 85px);
        padding: 38px 14px 70px;
    }

    .verify-card {
        padding: 38px 20px 32px;
        border-radius: 22px;
    }

    .verify-icon {
        width: 70px;
        height: 70px;
        border-radius: 21px;
    }

    .verify-icon svg {
        width: 34px;
        height: 34px;
    }

    .verify-card h1 {
        font-size: 29px;
        letter-spacing: -1.2px;
    }

    .verify-description {
        font-size: 13px;
    }
}
/* Kalıcı e-posta doğrulama uyarısı */
.email-verification-banner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    margin-bottom: 24px;
    padding: 17px 19px;
    overflow: hidden;
    border: 1px solid rgba(255, 179, 38, 0.28);
    border-radius: 17px;
    background:
        radial-gradient(
            circle at 0 50%,
            rgba(255, 184, 31, 0.13),
            transparent 36%
        ),
        linear-gradient(
            135deg,
            rgba(38, 29, 14, 0.96),
            rgba(19, 19, 22, 0.96)
        );
    box-shadow:
        0 18px 50px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.email-verification-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 4%;
    right: 4%;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--amber),
        var(--orange),
        transparent
    );
}

.email-verification-icon {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #1c1203;
    font-size: 19px;
    background: linear-gradient(
        135deg,
        var(--amber),
        var(--orange)
    );
    box-shadow: 0 10px 28px rgba(255, 139, 24, 0.2);
}

.email-verification-content {
    min-width: 0;
    flex: 1;
}

.email-verification-content strong,
.email-verification-content span {
    display: block;
}

.email-verification-content strong {
    margin-bottom: 4px;
    color: #fff;
    font-size: 14px;
}

.email-verification-content span {
    color: var(--muted);
    font-size: 11px;
    line-height: 1.55;
}

.email-verification-actions {
    display: flex;
    align-items: center;
    gap: 13px;
}

.email-verification-actions form {
    margin: 0;
}

.email-verification-button {
    min-height: 40px;
    padding: 0 16px;
    cursor: pointer;
    border: 0;
    border-radius: 11px;
    color: #1d1203;
    font-size: 11px;
    font-weight: 800;
    background: linear-gradient(
        135deg,
        var(--amber),
        var(--orange)
    );
}

.email-verification-button:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.email-verification-actions > a {
    color: var(--amber);
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

@media (max-width: 800px) {
    .email-verification-banner {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 16px;
    }

    .email-verification-content {
        width: calc(100% - 60px);
        flex: initial;
    }

    .email-verification-actions {
        width: 100%;
        padding-left: 60px;
        flex-wrap: wrap;
    }
}

@media (max-width: 520px) {
    .email-verification-actions {
        padding-left: 0;
    }

    .email-verification-actions form,
    .email-verification-button {
        width: 100%;
    }
}
/* V5 provider integration */
.provider-log-card { margin-top: 22px; }
.provider-form .field small,
.service-admin-form .field small { display:block; margin-top:6px; color:var(--muted); font-size:10px; line-height:1.5; }
.order-provider-actions { display:grid; gap:10px; margin-top:18px; }
.order-provider-actions form { margin:0; }

/* V6 - Dinamik özel servis sipariş alanları */
.order-dynamic-field[hidden] { display: none !important; }
.special-order-note {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 16px;
    padding: 14px 16px;
    border: 1px solid rgba(255, 177, 39, .2);
    border-radius: 14px;
    background: rgba(255, 164, 23, .055);
}
.special-order-note strong { color: #fff; font-size: 13px; }
.special-order-note span { color: var(--muted); font-size: 11px; line-height: 1.55; }
.subscription-fields {
    margin: 6px 0 18px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255,255,255,.018);
}
.subscription-charge-box,
.package-charge-box { margin: 4px 0 18px; }
.order-form textarea { resize: vertical; min-height: 110px; }
@media (max-width: 620px) {
    .subscription-fields { padding: 14px; }
}
.order-parameter-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}
.order-parameter-list > div {
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(255,255,255,.02);
}
.order-parameter-list small,
.order-parameter-list strong { display: block; }
.order-parameter-list small { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .8px; }
.order-parameter-list strong { margin-top: 4px; color: #fff; font-size: 12px; overflow-wrap: anywhere; }
@media (max-width: 600px) { .order-parameter-list { grid-template-columns: 1fr; } }

/* =========================================================
   V6 FINAL UPDATE — premium UI, mobile, health and catalog
   ========================================================= */
.hero-final{position:relative;overflow:hidden;padding:95px 0 80px;background:radial-gradient(circle at 18% 15%,rgba(255,170,30,.12),transparent 32%),radial-gradient(circle at 82% 35%,rgba(255,104,22,.12),transparent 34%)}
.hero-final: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:55px 55px;mask-image:linear-gradient(to bottom,#000,transparent 88%);pointer-events:none}
.hero-final .hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:78px;align-items:center;position:relative;z-index:1}
.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,194,71,.17);border-radius:999px;background:rgba(255,194,71,.055);font-size:10px;font-weight:800;letter-spacing:1px;color:#f8d998;text-transform:uppercase}
.pulse-dot,.status-live i,.maintenance-status i,.maintenance-meta i,.live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(78,214,155,.1);animation:v6pulse 1.8s infinite}
@keyframes v6pulse{50%{box-shadow:0 0 0 9px rgba(78,214,155,0)}}
.hero-final h1{font-family:Manrope,sans-serif;font-size:clamp(45px,5.5vw,74px);line-height:1.02;letter-spacing:-4px;margin:22px 0 20px;max-width:720px}
.gradient-text{background:linear-gradient(90deg,var(--amber),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-final .hero-copy>p{max-width:650px;color:var(--muted);font-size:17px;line-height:1.8}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn-glass{border:1px solid var(--line);background:rgba(255,255,255,.035);backdrop-filter:blur(12px)}
.hero-proof{display:flex;align-items:center;gap:13px;margin-top:25px;color:var(--muted);font-size:11px}.proof-avatars{display:flex}.proof-avatars i{display:grid;place-items:center;width:30px;height:30px;margin-left:-7px;border:2px solid #0a0b0f;border-radius:50%;font-style:normal;font-size:8px;font-weight:900;background:linear-gradient(135deg,#292d38,#12141a)}.proof-avatars i:first-child{margin-left:0;background:linear-gradient(135deg,var(--amber),var(--orange));color:#1d1304}
.trust-row{display:flex;gap:32px;margin-top:35px;padding-top:24px;border-top:1px solid var(--line)}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font:800 21px Manrope,sans-serif}.trust-row span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}
.hero-visual{position:relative;min-height:550px;display:grid;place-items:center}.dashboard-mock{position:relative;z-index:3;width:min(100%,510px);padding:22px;border-radius:27px;background:linear-gradient(145deg,rgba(24,27,35,.94),rgba(10,11,15,.96));box-shadow:0 45px 110px rgba(0,0,0,.48),0 0 70px rgba(255,137,24,.08);transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}
.mock-top,.chart-head,.mock-order{display:flex;align-items:center;justify-content:space-between;gap:12px}.mock-top small,.mock-top strong,.mock-balance span,.mock-balance strong,.mock-balance small{display:block}.mock-top small,.mock-balance span,.chart-head small{font-size:8px;color:var(--muted);letter-spacing:.9px}.mock-top strong{font-size:13px}.status-live{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--success)}
.mock-balance{margin:20px 0 14px;padding:22px;border:1px solid rgba(255,194,71,.13);border-radius:18px;background:linear-gradient(135deg,rgba(255,183,34,.08),rgba(255,112,19,.025))}.mock-balance strong{font:800 21px Manrope,sans-serif;margin:5px 0}.mock-balance small{font-size:10px;color:var(--muted)}
.mock-chart{padding:18px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.018)}.chart-head strong{font-size:12px}.chart-head b{font-size:11px;color:var(--success)}.mock-chart .bars{height:105px;display:flex;align-items:end;gap:10px;margin-top:18px}.mock-chart .bars i{height:var(--h);flex:1;border-radius:7px 7px 2px 2px;background:linear-gradient(to top,rgba(255,122,24,.45),var(--amber))}
.mock-orders{display:grid;gap:9px;margin-top:14px}.mock-order{padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.mock-order>div{flex:1}.mock-order strong,.mock-order small{display:block}.mock-order strong{font-size:10px}.mock-order small{font-size:8px;color:var(--muted)}.social{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.05)}
.orbit{position:absolute;border:1px solid rgba(255,188,59,.08);border-radius:50%}.orbit-one{width:540px;height:540px}.orbit-two{width:410px;height:410px}.float-card{position:absolute;z-index:4;display:flex;gap:10px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:15px;background:rgba(14,16,21,.92);box-shadow:0 20px 50px rgba(0,0,0,.35);backdrop-filter:blur(15px)}.float-card>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,184,31,.09);color:var(--amber)}.float-card strong,.float-card small{display:block}.float-card strong{font-size:10px}.float-card small{font-size:8px;color:var(--muted)}.float-card-one{left:-20px;top:95px}.float-card-two{right:-25px;bottom:85px}
.platform-ribbon{border-block:1px solid var(--line);background:rgba(255,255,255,.015)}.platform-ribbon .container{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:15px;overflow:hidden}.platform-ribbon span{white-space:nowrap;color:#777b86;font:800 10px Manrope,sans-serif;letter-spacing:1.5px}.platform-ribbon i{width:4px;height:4px;border-radius:50%;background:var(--amber)}
.section{padding:95px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-heading h2,.feature-copy h2,.faq-layout h2{font:800 clamp(33px,4vw,51px)/1.08 Manrope,sans-serif;letter-spacing:-2.3px;margin:8px 0}.section-heading>p{max-width:440px;color:var(--muted);font-size:13px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(23,25,32,.82),rgba(12,13,17,.92));overflow:hidden}.step-card.featured{border-color:rgba(255,180,35,.25);background:radial-gradient(circle at 50% 0,rgba(255,183,34,.12),transparent 45%),rgba(18,19,24,.9)}.step-no{position:absolute;right:22px;top:17px;font:800 44px Manrope,sans-serif;color:rgba(255,255,255,.035)}.icon-box{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:rgba(255,183,31,.08);color:var(--amber);font-size:20px}.step-card h3{font:700 17px Manrope,sans-serif;margin:22px 0 8px}.step-card p{color:var(--muted);font-size:11px;line-height:1.7}
.services-showcase{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.012),transparent)}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:rgba(17,19,25,.76);transition:.2s}.service-card:hover,.final-catalog-card:hover{transform:translateY(-4px);border-color:rgba(255,182,35,.2);box-shadow:0 24px 65px rgba(0,0,0,.25)}.service-top{display:flex;align-items:center;justify-content:space-between}.service-platform{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--amber),var(--orange));color:#201305;font-size:9px;font-weight:900}.service-top small{font-size:9px;color:var(--muted)}.service-card h3{font-size:14px;line-height:1.45;margin:18px 0 8px}.service-card p{font-size:10px;color:var(--muted);min-height:48px}.service-meta{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line)}.service-meta span{font-size:9px;color:var(--muted)}.service-meta strong{font-size:12px;color:var(--amber)}
.feature-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.feature-copy>p,.faq-layout>div:first-child>p{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:25px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.feature-grid article{padding:24px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.018)}.feature-grid article>span{font-size:22px;color:var(--amber)}.feature-grid h3{font-size:14px;margin:14px 0 7px}.feature-grid p{font-size:10px;color:var(--muted);line-height:1.7}
.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.faq-list{display:grid;gap:9px}.faq-list details{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018);overflow:hidden}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;list-style:none;font-size:12px;font-weight:700;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--amber);font-size:18px}.faq-list p{margin:0;padding:0 20px 19px;color:var(--muted);font-size:11px;line-height:1.75}.cta-section{padding:20px 0 95px}.cta-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px;border-radius:27px;background:linear-gradient(125deg,#f3b627,#ff7818);color:#1c1205;box-shadow:0 35px 100px rgba(255,125,24,.14)}.cta-card h2{font:800 clamp(28px,4vw,45px)/1.1 Manrope,sans-serif;letter-spacing:-2px;margin:7px 0}.btn-light{background:#fff;color:#17120a;border-color:#fff}.text-link{font-size:11px;color:var(--amber)}

.maintenance-final{min-height:100vh;display:grid;place-items:center;padding:35px 18px;position:relative;overflow:hidden;background:#08090c}.maintenance-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle,#000,transparent 75%)}.maintenance-glow{position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(255,157,24,.14),transparent 65%)}.maintenance-card{position:relative;z-index:2;width:min(720px,100%);padding:45px;text-align:center;border-radius:30px;background:radial-gradient(circle at 50% 0,rgba(255,183,33,.11),transparent 40%),linear-gradient(145deg,rgba(24,26,33,.96),rgba(9,10,13,.97));box-shadow:0 45px 130px rgba(0,0,0,.55)}.maintenance-status{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,193,66,.18);font-size:9px;font-weight:800;letter-spacing:1px;color:#e7c77f}.maintenance-logo{width:150px;height:100px;object-fit:contain;margin:24px auto 10px}.maintenance-card h1{font:800 clamp(39px,6vw,61px)/1.03 Manrope,sans-serif;letter-spacing:-3px;margin:8px 0 17px}.maintenance-card>p{max-width:530px;margin:auto;color:var(--muted);font-size:13px}.maintenance-progress{height:5px;margin:28px auto;max-width:460px;border-radius:10px;background:rgba(255,255,255,.05);overflow:hidden}.maintenance-progress span{display:block;width:72%;height:100%;background:linear-gradient(90deg,var(--amber),var(--orange));animation:v6progress 2.4s ease-in-out infinite alternate}@keyframes v6progress{to{width:89%}}.maintenance-points{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.maintenance-points div{padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}.maintenance-points b,.maintenance-points span{display:block}.maintenance-points b{color:var(--amber);font-size:10px}.maintenance-points span{font-size:9px;color:var(--muted);margin-top:4px}.maintenance-actions{display:flex;justify-content:center;gap:10px;margin-top:25px}.maintenance-meta{display:flex;justify-content:space-between;gap:15px;padding-top:22px;margin-top:25px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.maintenance-meta span:first-child{display:flex;align-items:center;gap:8px}

.final-welcome{position:relative;padding:28px;border:1px solid var(--line);border-radius:23px;background:radial-gradient(circle at 0 0,rgba(255,185,35,.08),transparent 35%),rgba(255,255,255,.015);overflow:hidden}.final-welcome:after{content:"";position:absolute;right:-70px;top:-120px;width:280px;height:280px;border:1px solid rgba(255,183,30,.06);border-radius:50%}.final-quick-card{background:radial-gradient(circle at 90% 0,rgba(255,161,27,.13),transparent 45%),rgba(17,19,25,.8)}
.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.health-card{display:flex;align-items:center;gap:13px;padding:17px}.health-card .health-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.04);font-size:17px}.health-card>div:nth-child(2){min-width:0;flex:1}.health-card small,.health-card strong,.health-card span{display:block}.health-card small{font-size:8px;color:var(--muted);letter-spacing:.8px}.health-card strong{font-size:13px;margin:2px 0}.health-card span{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health-card>a{font-size:9px;color:var(--amber)}.health-card.healthy{border-color:rgba(78,214,155,.16)}.health-card.warning{border-color:rgba(255,189,89,.26)}.health-card.danger{border-color:rgba(255,92,108,.23)}

.favorite-service-strip{display:flex;align-items:center;gap:13px;padding:13px 15px;margin-bottom:14px;border:1px solid rgba(255,185,35,.15);border-radius:15px;background:rgba(255,185,35,.035)}.favorite-service-strip>div:first-child{display:flex;gap:7px;align-items:center;white-space:nowrap;font-size:10px}.favorite-service-strip>div:first-child span{color:var(--amber)}.favorite-service-chips{display:flex;gap:7px;overflow:auto;padding-bottom:2px}.favorite-service-chips button{white-space:nowrap;border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:#d8d9de;background:rgba(255,255,255,.025);font-size:9px}.favorite-service-chips button:hover{border-color:rgba(255,183,32,.25);color:var(--amber)}
.premium-filter{position:sticky;top:12px;z-index:10;padding:12px;border:1px solid var(--line);border-radius:17px;background:rgba(10,11,15,.88);backdrop-filter:blur(18px)}.final-catalog-grid{margin-top:18px}.final-catalog-card{position:relative;transition:.2s}.social-logo{display:grid;place-items:center}.social-logo b{font-size:10px;color:var(--amber)}.favorite-form{margin-left:auto}.favorite-button{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);color:#616570}.favorite-button.active,.favorite-button:hover{color:var(--amber);border-color:rgba(255,183,31,.22);background:rgba(255,183,31,.06)}.catalog-empty{grid-column:1/-1}
.live-status-note{display:flex;align-items:center;gap:12px;margin:15px 0;padding:12px 15px;border:1px solid rgba(78,214,155,.15);border-radius:14px;background:rgba(78,214,155,.035)}.live-status-note>div{flex:1}.live-status-note strong,.live-status-note small{display:block}.live-status-note strong{font-size:11px}.live-status-note small{font-size:9px;color:var(--muted)}.live-status-note button{border:0;background:transparent;color:var(--amber);font-size:9px;font-weight:700}
.bulk-service-bar{display:flex;align-items:center;gap:8px;position:sticky;top:12px;z-index:14;margin:14px 0;padding:11px;border:1px solid rgba(255,185,35,.16);border-radius:15px;background:rgba(10,11,15,.92);backdrop-filter:blur(18px)}.bulk-service-bar select,.bulk-service-bar input{min-height:39px}.bulk-service-bar input[name=bulk_markup]{width:95px}.bulk-select-all{display:flex;align-items:center;gap:8px;font-size:9px;white-space:nowrap}.service-bulk-checkbox{width:16px;height:16px;flex:0 0 auto;accent-color:var(--amber)}.service-admin-filter{flex-wrap:wrap}.service-admin-filter .search-field{min-width:250px}
.mobile-bottom-nav{display:none}

@media(max-width:1050px){.hero-final .hero-grid{grid-template-columns:1fr;gap:40px}.hero-copy{text-align:center}.hero-final .hero-copy>p,.hero-final h1{margin-left:auto;margin-right:auto}.hero-actions,.hero-proof,.trust-row{justify-content:center}.hero-visual{min-height:480px}.float-card-one{left:5%}.float-card-two{right:5%}.steps-grid,.service-cards{grid-template-columns:repeat(2,1fr)}.feature-layout,.faq-layout{grid-template-columns:1fr;gap:35px}.health-grid{grid-template-columns:1fr 1fr}.platform-ribbon .container{justify-content:flex-start;overflow:auto}}
@media(max-width:720px){.hero-final{padding:62px 0 55px}.hero-final h1{letter-spacing:-2.5px}.hero-final .hero-copy>p{font-size:14px}.hero-actions .btn{width:100%}.hero-proof{align-items:flex-start;text-align:left}.trust-row{gap:18px;justify-content:space-between}.hero-visual{min-height:430px}.dashboard-mock{padding:14px;transform:none}.float-card{display:none}.orbit-one{width:390px;height:390px}.orbit-two{width:300px;height:300px}.platform-ribbon .container{min-height:58px}.section{padding:66px 0}.section-heading{align-items:flex-start;flex-direction:column}.steps-grid,.service-cards,.feature-grid{grid-template-columns:1fr}.cta-card{align-items:flex-start;flex-direction:column;padding:30px}.maintenance-card{padding:30px 19px}.maintenance-points{grid-template-columns:1fr}.maintenance-actions{flex-direction:column}.maintenance-actions .btn{width:100%}.maintenance-meta{flex-direction:column;align-items:center}.health-grid{grid-template-columns:1fr}.bulk-service-bar{position:static;align-items:stretch;flex-direction:column}.bulk-service-bar input[name=bulk_markup]{width:100%}.favorite-service-strip{align-items:flex-start;flex-direction:column}.premium-filter{position:static}.panel-content{padding-bottom:78px}.mobile-bottom-nav{display:grid;position:fixed;left:10px;right:10px;bottom:9px;z-index:35;grid-template-columns:repeat(5,1fr);padding:7px;border:1px solid rgba(255,255,255,.09);border-radius:19px;background:rgba(12,13,17,.94);box-shadow:0 15px 45px rgba(0,0,0,.42);backdrop-filter:blur(20px)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 3px;color:#7f828d}.mobile-bottom-nav span{font-size:17px}.mobile-bottom-nav small{font-size:7px}.mobile-bottom-nav a.active{color:var(--amber)}.mobile-bottom-nav .mobile-order-button{margin-top:-23px}.mobile-bottom-nav .mobile-order-button span{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--amber),var(--orange));color:#211405;box-shadow:0 12px 25px rgba(255,132,24,.23)}.service-admin-row>summary .status{display:none}.service-bulk-checkbox{margin-top:8px}.service-admin-filter select{width:100%}}
@media(max-width:480px){.container{width:min(var(--container),calc(100% - 24px))}.hero-final h1{font-size:40px}.trust-row strong{font-size:17px}.trust-row span{font-size:7px}.hero-visual{min-height:385px}.mock-order .status{display:none}.maintenance-card h1{letter-spacing:-2px}.final-welcome{padding:21px}.catalog-features{grid-template-columns:repeat(2,1fr)}}
.maintenance-eta{display:inline-flex;margin-top:14px;padding:8px 12px;border:1px solid rgba(255,191,60,.16);border-radius:999px;color:#f0cc7b;background:rgba(255,185,35,.045);font-size:9px;font-weight:700;letter-spacing:.6px}

/* =========================================================
   V6 FINAL — MANUEL TASARIM GÜNCELLEMESİ 01
   Public header, support, maintenance and footer refinements
   ========================================================= */

/* Public header */
.site-header{
    position:sticky;
    top:0;
    z-index:70;
    padding:12px 0;
    border-bottom:1px solid rgba(255,194,71,.12);
    background:linear-gradient(180deg,rgba(8,9,12,.95),rgba(8,9,12,.82));
    box-shadow:0 14px 40px rgba(0,0,0,.22);
    backdrop-filter:blur(22px);
}
.site-header::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,194,71,.55),rgba(255,122,24,.28),transparent);
    pointer-events:none;
}
.nav-shell{
    position:relative;
    min-height:68px;
    height:auto;
    padding:0 17px;
    border:1px solid rgba(255,194,71,.12);
    border-radius:19px;
    background:
        radial-gradient(circle at 0 50%,rgba(255,194,71,.075),transparent 27%),
        linear-gradient(135deg,rgba(22,23,29,.94),rgba(12,13,17,.9));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 45px rgba(0,0,0,.2);
}
.nav-shell::before{
    content:"";
    position:absolute;
    top:-1px;
    left:12%;
    right:12%;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--amber),var(--orange),transparent);
    opacity:.65;
}
.public-brand img{max-width:92px;max-height:54px;object-fit:contain}
.main-nav{gap:8px;padding:5px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(0,0,0,.14)}
.main-nav a{
    position:relative;
    padding:9px 13px;
    border-radius:10px;
    color:#aeb0b8;
    font-size:12px;
    font-weight:650;
    transition:.22s ease;
}
.main-nav a::after{
    content:"";
    position:absolute;
    left:13px;
    right:13px;
    bottom:5px;
    height:1px;
    transform:scaleX(0);
    background:linear-gradient(90deg,var(--amber),var(--orange));
    transition:.22s ease;
}
.main-nav a:hover,.main-nav a.active{color:#fff;background:rgba(255,194,71,.065)}
.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1)}
.main-nav .nav-support-link{color:#f4cf77}
.public-menu-button{border-color:rgba(255,194,71,.2);background:rgba(255,194,71,.06);color:var(--amber)}

/* Hero alignment and removed auxiliary ribbon spacing */
@media(min-width:1051px){
    .hero-final .hero-copy{padding-left:34px}
}
.hero-final .trust-row{margin-top:34px}

/* Maintenance visual without central logo */
.maintenance-stage{
    position:relative;
    width:210px;
    height:170px;
    margin:20px auto 5px;
    display:grid;
    place-items:center;
}
.maintenance-ring{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(255,194,71,.17);
    box-shadow:0 0 35px rgba(255,145,24,.035);
}
.maintenance-ring-one{width:92px;height:92px;animation:maintenanceSpin 10s linear infinite}
.maintenance-ring-two{width:136px;height:136px;border-style:dashed;animation:maintenanceSpinReverse 15s linear infinite}
.maintenance-ring-three{width:178px;height:178px;border-color:rgba(255,255,255,.055);animation:maintenanceBreath 3s ease-in-out infinite}
.maintenance-ring-one::before,.maintenance-ring-two::before{
    content:"";
    position:absolute;
    width:8px;
    height:8px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--amber),var(--orange));
    box-shadow:0 0 18px rgba(255,162,25,.7);
}
.maintenance-ring-one::before{top:-4px;left:50%;margin-left:-4px}
.maintenance-ring-two::before{right:-4px;top:50%;margin-top:-4px}
.maintenance-core{
    position:relative;
    z-index:4;
    width:86px;
    height:86px;
    display:grid;
    place-items:center;
    align-content:center;
    border:1px solid rgba(255,211,118,.35);
    border-radius:28px;
    color:#211506;
    background:
        radial-gradient(circle at 30% 20%,rgba(255,255,255,.55),transparent 26%),
        linear-gradient(135deg,#ffe092,var(--amber) 50%,var(--orange));
    box-shadow:0 22px 55px rgba(255,139,24,.24),inset 0 1px 0 rgba(255,255,255,.62);
    transform:rotate(-4deg);
}
.maintenance-core span{font:900 27px/1 Manrope,sans-serif;letter-spacing:-1.5px;transform:rotate(4deg)}
.maintenance-core small{margin-top:5px;font-size:5px;font-weight:900;letter-spacing:1.25px;transform:rotate(4deg)}
.maintenance-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--amber);box-shadow:0 0 16px var(--amber);animation:maintenanceSpark 2.8s ease-in-out infinite}
.spark-one{left:15px;top:52px}.spark-two{right:18px;top:30px;animation-delay:.7s}.spark-three{right:34px;bottom:16px;animation-delay:1.2s}
@keyframes maintenanceSpin{to{transform:rotate(360deg)}}
@keyframes maintenanceSpinReverse{to{transform:rotate(-360deg)}}
@keyframes maintenanceBreath{50%{transform:scale(1.045);opacity:.6}}
@keyframes maintenanceSpark{50%{transform:scale(2);opacity:.35}}

/* Public support page */
.support-page{background:#08090c}
.support-hero{
    position:relative;
    overflow:hidden;
    padding:95px 0 78px;
    background:
        radial-gradient(circle at 14% 20%,rgba(255,185,42,.12),transparent 31%),
        radial-gradient(circle at 84% 34%,rgba(255,112,24,.10),transparent 30%);
}
.support-hero::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:54px 54px;
    mask-image:linear-gradient(to bottom,#000,transparent 92%);
    pointer-events:none;
}
.support-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.04fr .96fr;gap:70px;align-items:center}
.support-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,194,71,.18);border-radius:999px;color:#f2ce79;background:rgba(255,194,71,.055);font-size:9px;font-weight:850;letter-spacing:1.5px}
.support-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(78,214,155,.1)}
.support-hero-copy h1{margin:22px 0 18px;font:800 clamp(48px,6vw,76px)/1.01 Manrope,sans-serif;letter-spacing:-4px}
.support-hero-copy>p{max-width:610px;color:var(--muted);font-size:16px;line-height:1.8}
.support-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:32px;max-width:670px}
.support-quick-stats div{padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.support-quick-stats strong,.support-quick-stats span{display:block}.support-quick-stats strong{font:750 12px Manrope,sans-serif;color:#f3f3f0}.support-quick-stats span{margin-top:4px;color:var(--muted);font-size:8px}
.support-orbit-card{position:relative;min-height:410px;display:grid;place-items:center}
.support-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,194,71,.12)}
.support-orbit-one{width:270px;height:270px;animation:maintenanceSpin 20s linear infinite}
.support-orbit-two{width:370px;height:370px;border-style:dashed;opacity:.7;animation:maintenanceSpinReverse 28s linear infinite}
.support-core{position:relative;z-index:3;width:150px;height:150px;display:grid;place-items:center;align-content:center;border-radius:45px;border:1px solid rgba(255,214,131,.32);background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.4),transparent 26%),linear-gradient(135deg,var(--amber),var(--orange));color:#201306;box-shadow:0 35px 90px rgba(255,127,19,.25),inset 0 1px 0 rgba(255,255,255,.5);transform:rotate(-5deg)}
.support-core span{font:900 48px/1 Manrope,sans-serif;letter-spacing:-3px;transform:rotate(5deg)}.support-core small{font-size:7px;font-weight:900;letter-spacing:2px;margin-top:8px;transform:rotate(5deg)}
.support-signal{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 8px rgba(255,194,71,.05),0 0 25px rgba(255,194,71,.7)}
.signal-one{top:36px;left:24%}.signal-two{right:16%;bottom:52px}
.support-float{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid var(--line);border-radius:14px;background:rgba(16,18,23,.9);box-shadow:0 18px 48px rgba(0,0,0,.28);backdrop-filter:blur(16px);font-size:9px;color:#b9bbc3}.support-float b{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:var(--amber);background:rgba(255,194,71,.09)}.support-float-top{left:1%;top:68px}.support-float-bottom{right:0;bottom:52px}
.support-section{padding:86px 0 105px;background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)}
.support-layout-public{display:grid;grid-template-columns:.92fr 1.08fr;gap:24px;align-items:start}
.compact-heading{margin-bottom:24px}.compact-heading h2{font-size:36px}
.support-channels{display:grid;gap:13px}
.support-channel-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(21,23,30,.94),rgba(11,12,16,.94));transition:.22s ease}
.support-channel-card:hover{transform:translateY(-3px);border-color:rgba(255,194,71,.2)}
.telegram-channel{background:radial-gradient(circle at 0 50%,rgba(55,160,218,.09),transparent 38%),linear-gradient(145deg,rgba(21,23,30,.94),rgba(11,12,16,.94))}
.mail-channel{background:radial-gradient(circle at 0 50%,rgba(255,177,43,.08),transparent 38%),linear-gradient(145deg,rgba(21,23,30,.94),rgba(11,12,16,.94))}
.support-channel-icon{width:53px;height:53px;display:grid;place-items:center;border-radius:16px;color:var(--amber);background:rgba(255,194,71,.085);border:1px solid rgba(255,194,71,.12)}.telegram-channel .support-channel-icon{color:#59bcec;background:rgba(57,169,226,.08);border-color:rgba(57,169,226,.14)}.support-channel-icon svg{width:25px;height:25px}
.support-channel-copy span{font-size:8px;font-weight:850;letter-spacing:1.4px;color:var(--amber)}.telegram-channel .support-channel-copy span{color:#66c1ec}.support-channel-copy h3{margin:5px 0 5px;font:750 17px Manrope,sans-serif}.support-channel-copy p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.support-channel-copy small{display:block;margin-top:7px;color:#d7d8dc;font-size:9px;overflow-wrap:anywhere}
.support-channel-disabled{padding:9px 11px;border:1px solid var(--line);border-radius:10px;color:#777b85;font-size:9px;white-space:nowrap}
.support-note-card{display:flex;gap:12px;padding:16px;border:1px dashed rgba(255,194,71,.18);border-radius:16px;background:rgba(255,194,71,.035)}.support-note-card>span{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:rgba(255,194,71,.1);color:var(--amber);font-weight:900}.support-note-card strong{font-size:11px}.support-note-card p{margin:3px 0 0;color:var(--muted);font-size:9px;line-height:1.6}
.support-form-card{position:sticky;top:108px;padding:30px;border-radius:26px;background:radial-gradient(circle at 100% 0,rgba(255,167,28,.095),transparent 36%),linear-gradient(145deg,rgba(23,25,32,.96),rgba(10,11,14,.97))}
.support-form-head h2{margin:8px 0 8px;font:800 32px/1.1 Manrope,sans-serif;letter-spacing:-1.6px}.support-form-head p{margin:0 0 24px;color:var(--muted);font-size:11px;line-height:1.7}
.support-contact-form{display:grid;gap:14px}.support-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.support-contact-form textarea{resize:vertical;min-height:150px}.support-contact-form .field small{display:block;margin-top:6px;color:#777a84;font-size:8px}.support-honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.support-faq-mini{padding:0 0 100px}.support-faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.support-faq-grid article{position:relative;padding:23px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.018)}.support-faq-grid article>span{position:absolute;right:19px;top:16px;color:#353842;font:850 24px Manrope,sans-serif}.support-faq-grid h3{margin:0 0 8px;font:720 16px Manrope,sans-serif}.support-faq-grid p{margin:0;color:var(--muted);font-size:10px;line-height:1.65;max-width:290px}

/* Premium footer */
.site-footer-premium{position:relative;overflow:hidden;margin-top:0;padding:0 0 22px;border-top:1px solid rgba(255,194,71,.14);background:linear-gradient(180deg,#0b0c10,#07080a)}
.site-footer-premium::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--amber),var(--orange),transparent);opacity:.65}
.footer-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.08;pointer-events:none}.footer-glow-one{width:400px;height:400px;left:-180px;top:50px;background:var(--amber)}.footer-glow-two{width:360px;height:360px;right:-160px;bottom:-120px;background:var(--orange)}
.footer-trust-bar{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:38px;margin-bottom:54px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--line)}
.footer-trust-bar>div{display:flex;align-items:center;gap:12px;padding:17px 20px;background:rgba(13,15,19,.96)}.footer-trust-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;color:var(--amber);background:rgba(255,194,71,.08)}.footer-trust-bar p{margin:0}.footer-trust-bar strong,.footer-trust-bar small{display:block}.footer-trust-bar strong{font-size:11px}.footer-trust-bar small{margin-top:3px;color:var(--muted);font-size:8px}
.footer-main-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.6fr .8fr .8fr 1.15fr;gap:50px;padding-bottom:45px}.footer-brand{margin-bottom:20px}.footer-brand img{max-width:112px;max-height:75px;object-fit:contain}.footer-brand-column>p{max-width:390px;margin:0;color:var(--muted);font-size:11px;line-height:1.8}.footer-status-pill{display:inline-flex;align-items:center;gap:9px;margin-top:20px;padding:8px 11px;border:1px solid rgba(78,214,155,.13);border-radius:999px;color:#a7ddc4;background:rgba(78,214,155,.04);font-size:8px}.footer-status-pill i,.footer-made i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(78,214,155,.08)}
.footer-link-column h4{margin:4px 0 18px;color:#f2f2ee;font:750 12px Manrope,sans-serif;letter-spacing:.4px}.footer-link-column>a{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin:0 0 11px;color:#8d909a;font-size:10px;transition:.2s}.footer-link-column>a:hover{color:var(--amber);transform:translateX(3px)}.footer-contact-column>a{overflow-wrap:anywhere}.footer-support-button{margin-top:17px!important;padding:10px 13px!important;border:1px solid rgba(255,194,71,.16)!important;border-radius:11px!important;color:var(--amber)!important;background:rgba(255,194,71,.045)!important}
.footer-legal-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.footer-legal-row>span{color:#6f727c;font-size:8px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.footer-legal-row nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}.footer-legal-row a{color:#777a84;font-size:8px}.footer-legal-row a:hover{color:var(--amber)}
.site-footer-premium .footer-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;padding:20px 0 0;color:#686b75;font-size:8px}.footer-made{display:flex;align-items:center;gap:8px}

@media(max-width:1050px){
    .nav-shell{padding:0 13px}
    .main-nav{top:82px;left:20px;right:20px;gap:3px;padding:12px;border-color:rgba(255,194,71,.16);background:rgba(12,13,17,.98);box-shadow:0 25px 70px rgba(0,0,0,.42)}
    .main-nav a{width:100%;text-align:center}
    .support-hero-inner,.support-layout-public{grid-template-columns:1fr}
    .support-hero-copy{text-align:center}.support-hero-copy>p{margin-inline:auto}.support-quick-stats{margin-inline:auto}.support-orbit-card{min-height:350px}
    .support-form-card{position:static}
    .footer-main-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:28px}
}
@media(max-width:800px){
    .footer-trust-bar{grid-template-columns:1fr}.footer-main-grid{grid-template-columns:1fr 1fr}.footer-brand-column{grid-column:1/-1}.footer-legal-row{align-items:flex-start;flex-direction:column}.footer-legal-row nav{justify-content:flex-start}
    .support-channel-card{grid-template-columns:auto 1fr}.support-channel-card>.btn,.support-channel-disabled{grid-column:1/-1;width:100%}.support-channel-card>.btn{justify-content:center}
    .support-faq-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
    .site-header{padding:8px 0}.nav-shell{min-height:62px;border-radius:16px}.public-brand img{max-width:75px}.public-brand span{display:none}
    .support-hero{padding:62px 0 50px}.support-hero-copy h1{font-size:43px;letter-spacing:-2.6px}.support-quick-stats{grid-template-columns:1fr}.support-orbit-card{min-height:300px}.support-orbit-one{width:210px;height:210px}.support-orbit-two{width:285px;height:285px}.support-core{width:118px;height:118px;border-radius:35px}.support-core span{font-size:38px}.support-float{display:none}
    .support-section{padding:60px 0 75px}.support-form-card{padding:22px 17px;border-radius:21px}.support-form-row{grid-template-columns:1fr}.support-form-head h2{font-size:27px}.support-channel-card{padding:16px}.support-channel-icon{width:46px;height:46px}.support-channel-copy h3{font-size:15px}
    .maintenance-stage{transform:scale(.88);margin-top:8px;margin-bottom:-4px}
    .footer-main-grid{grid-template-columns:1fr;gap:30px}.footer-brand-column{grid-column:auto}.footer-trust-bar{margin-top:25px;margin-bottom:42px}.site-footer-premium .footer-bottom{flex-direction:column;align-items:flex-start}.footer-legal-row nav{gap:12px}
}

/* =========================================================
   V6 FINAL UI UPDATE 02
   Maintenance access separation, premium wordmark, footer and filters
   ========================================================= */

/* Maintenance readability and branded shine wordmark */
.maintenance-status{padding:10px 15px;font-size:10.5px;letter-spacing:1.15px}
.maintenance-stage{width:270px;height:190px;margin:24px auto 12px}
.maintenance-ring-one{width:116px;height:116px}.maintenance-ring-two{width:168px;height:168px}.maintenance-ring-three{width:220px;height:220px}
.maintenance-core.maintenance-wordmark{width:190px;height:82px;padding:12px 17px;border-radius:24px;transform:none;color:#171006;background:linear-gradient(110deg,#cf8614 0%,#ffe9a9 23%,#f5b81f 43%,#fff5cb 53%,#ff9a20 72%,#c8750e 100%);background-size:240% 100%;animation:maintenanceWordmarkShine 4.2s ease-in-out infinite;box-shadow:0 22px 65px rgba(255,139,24,.25),inset 0 1px 0 rgba(255,255,255,.7)}
.maintenance-wordmark strong,.maintenance-wordmark span,.maintenance-wordmark small{display:block;transform:none!important;text-align:center}
.maintenance-wordmark strong{font:900 20px/1 Manrope,sans-serif;letter-spacing:-.8px}.maintenance-wordmark span{margin-top:3px;font:850 8px/1 Manrope,sans-serif;letter-spacing:2.3px}.maintenance-wordmark small{margin-top:8px;font-size:7px;font-weight:900;letter-spacing:1.25px;color:rgba(29,18,4,.75)}
@keyframes maintenanceWordmarkShine{0%,100%{background-position:100% 50%}50%{background-position:0 50%}}
.maintenance-card>p{font-size:14px;line-height:1.75}.maintenance-eta{font-size:10.5px;padding:9px 14px}.maintenance-points div{padding:16px}.maintenance-points b{font-size:11px}.maintenance-points span{font-size:10.5px;line-height:1.45}.maintenance-meta{font-size:10.5px}.maintenance-meta span{min-height:20px;align-items:center}.maintenance-actions .btn{min-height:47px}

/* Dedicated administrator login — normal member login stays unavailable in maintenance */
.admin-auth-page .site-header,.admin-auth-page .site-footer{display:none!important}.admin-auth-page{overflow-x:hidden;background:#08090c}
.admin-login-shell{position:relative;min-height:100vh;display:grid;place-items:center;padding:42px 18px;overflow:hidden}.admin-login-grid{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:54px 54px;mask-image:radial-gradient(circle at center,#000,transparent 78%)}.admin-login-glow{position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(255,155,25,.16),transparent 66%);filter:blur(10px)}
.admin-login-card{position:relative;z-index:2;width:min(490px,100%);padding:38px;border-radius:28px;background:radial-gradient(circle at 50% 0,rgba(255,186,39,.105),transparent 38%),linear-gradient(145deg,rgba(24,26,33,.97),rgba(9,10,13,.98))}.admin-login-brand{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:26px}.admin-login-brand img{width:82px;height:58px;object-fit:contain}.admin-login-brand b,.admin-login-brand small{display:block}.admin-login-brand b{font:850 15px Manrope,sans-serif}.admin-login-brand small{margin-top:4px;color:var(--muted);font-size:7px;letter-spacing:1.8px}
.admin-security-badge{display:flex;align-items:center;justify-content:center;gap:9px;width:max-content;max-width:100%;margin:0 auto 17px;padding:8px 12px;border:1px solid rgba(78,214,155,.15);border-radius:999px;color:#aadac5;background:rgba(78,214,155,.035);font-size:8px;font-weight:850;letter-spacing:1px}.admin-security-badge i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(78,214,155,.08)}
.admin-login-card h1{margin:0;text-align:center;font:850 37px/1.1 Manrope,sans-serif;letter-spacing:-1.8px}.admin-login-card>p{max-width:390px;margin:12px auto 25px;text-align:center;color:var(--muted);font-size:11px;line-height:1.7}.admin-auth-form{display:grid;gap:14px}.admin-login-links{display:flex;justify-content:space-between;gap:15px;margin-top:20px}.admin-login-links a{color:var(--amber);font-size:9px;font-weight:700}.admin-login-note{display:block;margin-top:18px;padding-top:17px;border-top:1px solid var(--line);text-align:center;color:#656873;font-size:8px}

/* Footer: remove double-line empty band and convert it into a useful compact panel */
.footer-legal-row{border-bottom:0;padding-bottom:16px}.site-footer-premium .footer-bottom-panel{align-items:center;margin-top:0;padding:16px 18px;border:1px solid rgba(255,255,255,.055);border-radius:15px;background:rgba(255,255,255,.018)}.footer-copyright strong,.footer-copyright small{display:block}.footer-copyright strong{color:#8a8d96;font-size:9px}.footer-copyright small{margin-top:2px;color:#5d6069;font-size:7px}.footer-mini-badges{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.footer-mini-badges span{padding:6px 9px;border:1px solid rgba(255,194,71,.09);border-radius:999px;color:#777b84;background:rgba(255,194,71,.025);font-size:7px}.footer-made{white-space:nowrap;color:#7d9589}

/* Modern, progressive and stable live filters */
.modern-live-filter{position:relative;display:grid;grid-template-columns:minmax(240px,1fr) repeat(auto-fit,minmax(150px,max-content));align-items:center;gap:9px;padding:11px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(145deg,rgba(18,20,26,.94),rgba(10,11,15,.94));box-shadow:0 14px 42px rgba(0,0,0,.18);backdrop-filter:blur(18px)}
.modern-live-filter .search-field{min-width:0;min-height:44px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.025);transition:.2s}.modern-live-filter .search-field:focus-within{border-color:rgba(255,184,36,.35);box-shadow:0 0 0 4px rgba(255,184,36,.055)}.modern-live-filter .search-field input{width:100%;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important}
.modern-live-filter select{min-height:44px;min-width:145px;padding:0 35px 0 13px;border:1px solid rgba(255,255,255,.075);border-radius:13px;color:#d7d8dc;background-color:rgba(255,255,255,.025);transition:.2s}.modern-live-filter select:focus{border-color:rgba(255,184,36,.35);box-shadow:0 0 0 4px rgba(255,184,36,.055)}
.live-filter-state{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 11px;border:1px solid rgba(78,214,155,.12);border-radius:999px;color:#94c8b1;background:rgba(78,214,155,.025);font-size:8px;font-weight:750;white-space:nowrap}.live-filter-state i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(78,214,155,.07)}.js-live-filters .live-filter-fallback{display:none}.modern-live-filter.is-filtering{opacity:.62;pointer-events:none}.modern-live-filter.is-filtering .live-filter-state i{animation:v6pulse .75s infinite}
.live-filter-loader{position:fixed;left:0;right:0;top:0;height:3px;z-index:9999;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .15s}.live-filter-loader span{display:block;width:35%;height:100%;background:linear-gradient(90deg,var(--amber),var(--orange));transform:translateX(-130%)}.live-filter-loading .live-filter-loader{opacity:1}.live-filter-loading .live-filter-loader span{animation:liveFilterProgress .8s ease-in-out infinite}@keyframes liveFilterProgress{to{transform:translateX(390%)}}
.modern-live-filter .btn-text{min-height:40px;padding-inline:11px;color:#8b8e97;font-size:9px}.modern-live-filter .btn-text:hover{color:var(--amber)}

@media(max-width:900px){.modern-live-filter{grid-template-columns:1fr 1fr}.modern-live-filter .search-field{grid-column:1/-1}.live-filter-state{justify-self:start}.footer-bottom-panel{flex-wrap:wrap}.footer-mini-badges{order:3;width:100%;justify-content:flex-start}}
@media(max-width:600px){.maintenance-stage{transform:scale(.82);margin-block:-2px}.maintenance-card>p{font-size:12px}.maintenance-points span,.maintenance-meta{font-size:10px}.admin-login-card{padding:30px 19px}.admin-login-card h1{font-size:31px}.admin-login-links{flex-direction:column;align-items:center}.modern-live-filter{grid-template-columns:1fr;position:static}.modern-live-filter .search-field{grid-column:auto}.modern-live-filter select{width:100%}.live-filter-state{justify-self:stretch}.site-footer-premium .footer-bottom-panel{align-items:flex-start;flex-direction:column}.footer-mini-badges{justify-content:flex-start}}

/* =========================================================
   V6 FINAL UI 03 — filtre, arama, özel select ve footer
   ========================================================= */

/* Arama alanı */
.modern-live-filter .search-field {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 280px;
    min-height: 48px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
}

.modern-live-filter .search-field:focus-within {
    border-color: rgba(255, 184, 36, 0.48);
    box-shadow:
        0 0 0 4px rgba(255, 184, 36, 0.07),
        0 12px 35px rgba(0, 0, 0, 0.15);
}

.modern-live-filter .search-field > span {
    position: absolute;
    z-index: 2;
    left: 16px;
    top: 50%;
    width: 18px;
    transform: translateY(-50%);
    color: #a8abb4;
    font-size: 17px;
    line-height: 1;
    pointer-events: none;
}

.modern-live-filter .search-field input {
    display: block;
    width: 100%;
    height: 48px;
    min-height: 48px;
    margin: 0;
    padding: 0 16px 0 45px !important;
    border: 0 !important;
    outline: 0 !important;
    color: #f4f4f6 !important;
    caret-color: var(--amber);
    background: transparent !important;
    box-shadow: none !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 48px;
    appearance: none;
    -webkit-appearance: none;
}

.modern-live-filter .search-field input::placeholder {
    color: #777b86;
    opacity: 1;
}

.modern-live-filter input[type="search"]::-webkit-search-decoration,
.modern-live-filter input[type="search"]::-webkit-search-cancel-button,
.modern-live-filter input[type="search"]::-webkit-search-results-button,
.modern-live-filter input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

/* JavaScript çalışmazsa kullanılacak normal select görünümü */
.modern-live-filter select {
    min-height: 48px;
    color: #eeeeF2;
    color-scheme: dark;
    background-color: #111319;
}

.modern-live-filter select option,
.modern-live-filter select optgroup {
    color: #ececf0;
    background: #111319;
}

/* Modern özel select */
.filter-select {
    position: relative;
    min-width: 175px;
}

.js-filter-selects .filter-select-native {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.filter-select-trigger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    width: 100%;
    min-height: 48px;
    padding: 0 42px 0 15px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    color: #e9e9ed;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.045),
            rgba(255, 255, 255, 0.015)
        );
    font-size: 12px;
    font-weight: 650;
    text-align: left;
    transition: 0.2s ease;
}

.filter-select-trigger > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filter-select-trigger::after {
    content: "";
    position: absolute;
    right: 17px;
    top: 50%;
    width: 7px;
    height: 7px;
    margin-top: -5px;
    border-right: 2px solid #92959f;
    border-bottom: 2px solid #92959f;
    transform: rotate(45deg);
    transition: 0.2s ease;
}

.filter-select.open .filter-select-trigger {
    border-color: rgba(255, 184, 36, 0.45);
    box-shadow: 0 0 0 4px rgba(255, 184, 36, 0.065);
}

.filter-select.open .filter-select-trigger::after {
    margin-top: -1px;
    transform: rotate(225deg);
    border-color: var(--amber);
}

.filter-select-menu {
    position: absolute;
    z-index: 500;
    top: calc(100% + 9px);
    left: 0;
    width: max(100%, 280px);
    max-width: min(430px, 85vw);
    padding: 9px;
    overflow: hidden;
    border: 1px solid rgba(255, 194, 71, 0.18);
    border-radius: 16px;
    background:
        radial-gradient(
            circle at 50% 0,
            rgba(255, 177, 33, 0.07),
            transparent 35%
        ),
        rgba(13, 15, 20, 0.985);
    box-shadow:
        0 28px 80px rgba(0, 0, 0, 0.56),
        0 0 50px rgba(255, 145, 24, 0.045);
    backdrop-filter: blur(24px);
}

.filter-select-menu[hidden] {
    display: none !important;
}

.filter-select-search {
    width: 100%;
    height: 42px;
    margin-bottom: 8px;
    padding: 0 13px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 11px;
    outline: 0;
    color: #f4f4f6;
    caret-color: var(--amber);
    background: rgba(255, 255, 255, 0.035);
    font-size: 12px;
}

.filter-select-search:focus {
    border-color: rgba(255, 184, 36, 0.4);
}

.filter-select-options {
    display: grid;
    gap: 3px;
    max-height: 350px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #5b4520 #17191f;
}

.filter-select-option {
    display: block;
    width: 100%;
    min-height: 39px;
    padding: 9px 11px;
    cursor: pointer;
    border: 0;
    border-radius: 10px;
    color: #b8bac2;
    background: transparent;
    font-size: 11px;
    line-height: 1.45;
    text-align: left;
    transition: 0.15s ease;
}

.filter-select-option:hover {
    color: #fff;
    background: rgba(255, 194, 71, 0.075);
}

.filter-select-option.selected {
    color: #171008;
    background: linear-gradient(135deg, var(--amber), var(--orange));
    font-weight: 800;
}

.filter-select-option[hidden] {
    display: none;
}

/* Canlı filtre göstergesi */
.live-filter-state {
    min-height: 42px;
    padding: 0 13px;
    gap: 8px;
    color: #a9d9c3;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.15px;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}

.live-filter-state i {
    width: 7px;
    height: 7px;
}

/* Filtre yenilenirken tamamen bulanıklaşmasın */
.modern-live-filter.is-filtering {
    opacity: 0.88;
    pointer-events: none;
}

/* Footer boyutları */
.site-footer-premium {
    padding-bottom: 34px;
}

.footer-trust-bar {
    margin-top: 48px;
    margin-bottom: 65px;
    border-radius: 20px;
}

.footer-trust-bar > div {
    gap: 15px;
    min-height: 88px;
    padding: 21px 25px;
}

.footer-trust-icon {
    width: 45px;
    height: 45px;
    border-radius: 14px;
    font-size: 17px;
}

.footer-trust-bar strong {
    font-size: 13px;
}

.footer-trust-bar small {
    margin-top: 5px;
    font-size: 10px;
    line-height: 1.5;
}

.footer-main-grid {
    gap: 58px;
    padding-bottom: 55px;
}

.footer-brand {
    margin-bottom: 24px;
}

.footer-brand img {
    max-width: 145px;
    max-height: 95px;
}

.footer-brand b {
    font-size: 18px;
}

.footer-brand small {
    font-size: 9px;
}

.footer-brand-column > p {
    max-width: 430px;
    font-size: 13px;
    line-height: 1.85;
}

.footer-status-pill {
    margin-top: 23px;
    padding: 10px 14px;
    font-size: 10px;
}

.footer-link-column h4 {
    margin-bottom: 21px;
    font-size: 14px;
}

.footer-link-column > a {
    margin-bottom: 13px;
    font-size: 12px;
}

.footer-support-button {
    padding: 12px 16px !important;
    font-size: 11px !important;
}

.footer-legal-row {
    padding: 22px 0;
}

.footer-legal-row > span {
    font-size: 9px;
}

.footer-legal-row a {
    font-size: 10px;
}

.site-footer-premium .footer-bottom-panel {
    min-height: 70px;
    padding: 19px 22px;
}

.footer-copyright strong {
    font-size: 11px;
}

.footer-copyright small {
    margin-top: 4px;
    font-size: 9px;
}

.footer-mini-badges span {
    padding: 7px 11px;
    font-size: 9px;
}

.footer-made {
    font-size: 10px;
}

@media (max-width: 900px) {
    .filter-select {
        min-width: 0;
        width: 100%;
    }

    .filter-select-menu {
        width: 100%;
        max-width: 100%;
    }

    .footer-main-grid {
        gap: 36px;
    }
}

@media (max-width: 600px) {
    .modern-live-filter .search-field {
        min-width: 0;
        width: 100%;
    }

    .footer-trust-bar > div {
        min-height: 78px;
        padding: 18px;
    }

    .footer-brand-column > p {
        font-size: 12px;
    }

    .footer-link-column > a {
        font-size: 12px;
    }
}

/* Yeni sipariş — kategori ve servis ID seçimi */
.order-service-tools {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 15px;
    margin-bottom: 17px;
    padding: 17px;
    border: 1px solid rgba(255, 194, 71, 0.12);
    border-radius: 18px;
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(255, 176, 30, 0.075),
            transparent 38%
        ),
        rgba(255, 255, 255, 0.018);
}

.order-service-tools .field {
    margin: 0;
}

.order-service-tools .field > label {
    display: block;
    margin-bottom: 9px;
    color: #f1f1f3;
    font-size: 11px;
    font-weight: 750;
}

.order-service-tools .field > small {
    display: block;
    margin-top: 8px;
    color: #777b85;
    font-size: 9px;
    line-height: 1.45;
}

.service-id-search {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 48px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.045),
            rgba(255, 255, 255, 0.015)
        );
    transition: 0.2s ease;
}

.service-id-search:focus-within {
    border-color: rgba(255, 184, 36, 0.48);
    box-shadow:
        0 0 0 4px rgba(255, 184, 36, 0.07),
        0 13px 35px rgba(0, 0, 0, 0.17);
}

.service-id-search > span {
    position: absolute;
    left: 16px;
    color: var(--amber);
    font-size: 16px;
    font-weight: 900;
    pointer-events: none;
}

.service-id-search input {
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0 16px 0 38px !important;
    border: 0 !important;
    outline: 0 !important;
    color: #ffffff !important;
    caret-color: var(--amber);
    background: transparent !important;
    box-shadow: none !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.service-id-search input::placeholder {
    color: #676b75;
    font-weight: 500;
}

.service-id-status {
    min-height: 14px;
    transition: 0.2s ease;
}

.service-id-status.success {
    color: #65dfad !important;
}

.service-id-status.error {
    color: #ff7786 !important;
}

@media (max-width: 760px) {
    .order-service-tools {
        grid-template-columns: 1fr;
        padding: 14px;
    }
}

/* Servis ID arama durumu */
.service-id-status.loading {
    color: #f1c66c !important;
}

.service-id-status.loading::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 7px;
    border: 1px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    vertical-align: -1px;
    animation: service-id-spin .7s linear infinite;
}

@keyframes service-id-spin {
    to { transform: rotate(360deg); }
}

/* Footer canlılık / okunabilirlik düzeltmesi */
.site-footer-premium {
    color: rgba(255, 255, 255, 0.92);
}

.site-footer-premium .footer-brand b,
.site-footer-premium .footer-link-column h4,
.site-footer-premium .footer-copyright strong {
    color: #ffffff !important;
}

.site-footer-premium .footer-brand small,
.site-footer-premium .footer-brand-column > p,
.site-footer-premium .footer-link-column > a,
.site-footer-premium .footer-legal-row > span,
.site-footer-premium .footer-legal-row a,
.site-footer-premium .footer-copyright small,
.site-footer-premium .footer-made {
    color: rgba(255, 255, 255, 0.78) !important;
}

.site-footer-premium .footer-link-column > a:hover,
.site-footer-premium .footer-legal-row a:hover {
    color: #ffbf3c !important;
}

.site-footer-premium .footer-status-pill {
    color: #dfffee !important;
    border-color: rgba(66, 214, 151, 0.28) !important;
    background: rgba(27, 88, 63, 0.22) !important;
}

.site-footer-premium .footer-mini-badges span {
    color: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(255, 191, 60, 0.18) !important;
    background: rgba(255, 255, 255, 0.03) !important;
}

.site-footer-premium .footer-bottom-panel {
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.025) !important;
}

.site-footer-premium .footer-trust-bar strong {
    color: #ffffff !important;
}

.site-footer-premium .footer-trust-bar small {
    color: rgba(255, 255, 255, 0.74) !important;
}

.site-footer-premium .footer-legal-row {
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.site-footer-premium .footer-link-column > a,
.site-footer-premium .footer-legal-row a,
.site-footer-premium .footer-support-button {
    transition: all 0.2s ease;
}

.site-footer-premium .footer-support-button {
    color: #ffd36b !important;
    border-color: rgba(255, 191, 60, 0.28) !important;
}

.site-footer-premium .footer-support-button:hover {
    color: #111 !important;
    background: linear-gradient(135deg, #ffbf3c, #ff8f1f) !important;
    border-color: transparent !important;
}
/* =========================================================
   SHOPIER V1 — KULLANICI + YÖNETİCİ ÖDEME ARAYÜZÜ
   ========================================================= */
[data-reference-field][hidden],
[data-receipt-field][hidden],
[data-gateway-note][hidden] {
    display: none !important;
}

.shopier-flow-note {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 14px 15px;
    border: 1px solid rgba(245, 184, 31, .2);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(245, 184, 31, .09), rgba(255, 122, 24, .025));
}

.shopier-flow-note > span,
.shopier-logo-mark,
.shopier-admin-brand > span {
    width: 43px;
    height: 43px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: linear-gradient(135deg, var(--amber), var(--orange));
    color: #201407;
    font-family: "Manrope", sans-serif;
    font-weight: 900;
    box-shadow: 0 12px 28px rgba(255, 145, 24, .16);
}

.shopier-flow-note strong,
.shopier-flow-note small {
    display: block;
}

.shopier-flow-note strong {
    color: #f8f8fa;
    font-size: 12px;
}

.shopier-flow-note small {
    margin-top: 3px;
    color: rgba(255, 255, 255, .68);
    font-size: 10px;
    line-height: 1.55;
}

.deposit-total [data-deposit-payable] {
    color: rgba(255, 255, 255, .82);
    font-weight: 700;
}

.shopier-welcome {
    position: relative;
}

.shopier-checkout-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(300px, .82fr);
    gap: 15px;
    align-items: start;
}

.shopier-checkout-card,
.shopier-security-card {
    position: relative;
    overflow: hidden;
}

.shopier-checkout-card::before,
.shopier-admin-card::before {
    content: "";
    position: absolute;
    inset: 0 12% auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--amber), var(--orange), transparent);
    opacity: .8;
}

.shopier-brand-row,
.shopier-admin-head {
    display: flex;
    align-items: center;
    gap: 13px;
}

.shopier-brand-row > div:nth-child(2),
.shopier-admin-brand,
.shopier-admin-brand > div {
    min-width: 0;
    flex: 1;
}

.shopier-brand-row strong,
.shopier-brand-row small,
.shopier-admin-brand strong,
.shopier-admin-brand small {
    display: block;
}

.shopier-brand-row strong,
.shopier-admin-brand strong {
    font-size: 14px;
}

.shopier-brand-row small,
.shopier-admin-brand small {
    margin-top: 3px;
    color: rgba(255, 255, 255, .58);
    font-size: 9px;
}

.shopier-payment-summary {
    display: grid;
    gap: 0;
    margin: 23px 0 15px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 16px;
    background: rgba(255, 255, 255, .018);
}

.shopier-payment-summary > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 13px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.shopier-payment-summary > div:last-child {
    border-bottom: 0;
}

.shopier-payment-summary span {
    color: rgba(255, 255, 255, .6);
    font-size: 10px;
}

.shopier-payment-summary strong {
    color: rgba(255, 255, 255, .94);
    font-size: 12px;
}

.shopier-payment-summary .shopier-total-line {
    padding-top: 16px;
    padding-bottom: 16px;
    background: linear-gradient(135deg, rgba(245, 184, 31, .095), rgba(255, 122, 24, .025));
}

.shopier-payment-summary .shopier-total-line span {
    color: #f2ca75;
    font-weight: 800;
}

.shopier-payment-summary .shopier-total-line strong {
    color: var(--amber);
    font-family: "Manrope", sans-serif;
    font-size: 23px;
}

.shopier-reference {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
    padding: 12px 14px;
    border: 1px dashed rgba(245, 184, 31, .21);
    border-radius: 12px;
    background: rgba(245, 184, 31, .035);
}

.shopier-reference small {
    color: rgba(255, 255, 255, .5);
    font-size: 8px;
    letter-spacing: 1.1px;
}

.shopier-reference strong {
    color: #f2cc79;
    font-family: monospace;
    font-size: 11px;
    letter-spacing: .3px;
}

.shopier-pay-button {
    box-shadow: 0 15px 42px rgba(255, 145, 24, .17);
}

.shopier-poll-state {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    min-height: 30px;
    margin-top: 10px;
    color: rgba(255, 255, 255, .55);
    font-size: 9px;
    text-align: center;
}

.shopier-poll-state i {
    width: 8px;
    height: 8px;
    border: 1px solid var(--amber);
    border-right-color: transparent;
    border-radius: 50%;
    animation: shopier-spin .75s linear infinite;
}

@keyframes shopier-spin {
    to { transform: rotate(360deg); }
}

.shopier-result {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 16px 0;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
}

.shopier-result > span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 900;
}

.shopier-result strong,
.shopier-result small {
    display: block;
}

.shopier-result strong {
    font-size: 12px;
}

.shopier-result small {
    margin-top: 3px;
    color: rgba(255, 255, 255, .61);
    font-size: 9px;
}

.shopier-result.success {
    border-color: rgba(78, 214, 155, .2);
    background: rgba(78, 214, 155, .055);
}

.shopier-result.success > span {
    color: var(--success);
    background: rgba(78, 214, 155, .1);
}

.shopier-result.danger {
    border-color: rgba(255, 92, 108, .2);
    background: rgba(255, 92, 108, .05);
}

.shopier-result.danger > span {
    color: #ff9eaa;
    background: rgba(255, 92, 108, .1);
}

.shopier-security-card h3,
.shopier-checklist h3,
.admin-section-heading h3 {
    margin: 6px 0 18px;
    font-family: "Manrope", sans-serif;
    font-size: 22px;
    letter-spacing: -.7px;
}

.shopier-security-card ol,
.shopier-checklist ul {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.shopier-security-card li,
.shopier-checklist li {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 13px;
    background: rgba(255, 255, 255, .018);
}

.shopier-security-card li > span,
.shopier-checklist li > span {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 9px;
    color: var(--amber);
    background: rgba(245, 184, 31, .09);
    font-size: 10px;
    font-weight: 900;
}

.shopier-security-card li strong,
.shopier-security-card li small,
.shopier-checklist li strong,
.shopier-checklist li small {
    display: block;
}

.shopier-security-card li strong,
.shopier-checklist li strong {
    color: rgba(255, 255, 255, .9);
    font-size: 11px;
}

.shopier-security-card li small,
.shopier-checklist li small {
    margin-top: 3px;
    color: rgba(255, 255, 255, .54);
    font-size: 9px;
    line-height: 1.5;
}

.shopier-return-hint {
    margin: 14px 0 0;
    padding: 12px;
    border-radius: 12px;
    color: rgba(255, 255, 255, .62);
    background: rgba(255, 255, 255, .022);
    font-size: 9px;
    line-height: 1.65;
}

.table-subline {
    display: block;
    margin-top: 3px;
    color: rgba(255, 255, 255, .45);
    font-size: 8px;
}

.table-action-link {
    color: var(--amber);
    font-size: 9px;
    font-weight: 800;
}

.gateway-admin-info {
    display: grid;
    gap: 3px;
    margin-top: 12px;
    padding: 12px;
    border: 1px solid rgba(245, 184, 31, .16);
    border-radius: 11px;
    background: rgba(245, 184, 31, .045);
}

.gateway-admin-info strong {
    color: #f2cb78;
    font-size: 10px;
}

.gateway-admin-info small {
    color: rgba(255, 255, 255, .55);
    font-size: 8px;
    line-height: 1.5;
}

/* Shopier yönetici ekranı */
.shopier-admin-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr);
    gap: 15px;
    align-items: start;
}

.shopier-admin-card {
    position: relative;
    overflow: hidden;
}

.shopier-admin-brand {
    display: flex;
    align-items: center;
    gap: 12px;
}

.shopier-connection-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 10px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 999px;
    color: rgba(255, 255, 255, .66);
    background: rgba(255, 255, 255, .025);
    font-size: 8px;
    font-weight: 800;
    white-space: nowrap;
}

.shopier-connection-pill i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #777b85;
}

.shopier-connection-pill.is-connected {
    color: #a2efcc;
    border-color: rgba(78, 214, 155, .2);
    background: rgba(78, 214, 155, .06);
}

.shopier-connection-pill.is-connected i {
    background: var(--success);
    box-shadow: 0 0 0 4px rgba(78, 214, 155, .09);
}

.shopier-owner-strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin: 18px 0 4px;
}

.shopier-owner-strip > div {
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 12px;
    background: rgba(255, 255, 255, .018);
}

.shopier-owner-strip small,
.shopier-owner-strip strong {
    display: block;
}

.shopier-owner-strip small {
    color: rgba(255, 255, 255, .42);
    font-size: 7px;
    letter-spacing: .9px;
}

.shopier-owner-strip strong {
    margin-top: 4px;
    overflow: hidden;
    color: rgba(255, 255, 255, .85);
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shopier-settings-form {
    margin-top: 18px;
}

.secret-input-wrap {
    position: relative;
}

.secret-input-wrap input {
    padding-right: 78px;
}

.secret-input-wrap > span {
    position: absolute;
    top: 50%;
    right: 11px;
    transform: translateY(-50%);
    padding: 5px 7px;
    border-radius: 7px;
    color: #f1ca78;
    background: rgba(245, 184, 31, .09);
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .7px;
    pointer-events: none;
}

.shopier-settings-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.shopier-webhook-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 13px 14px;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 13px;
    background: rgba(255, 255, 255, .018);
}

.shopier-webhook-box > div {
    min-width: 0;
}

.shopier-webhook-box small,
.shopier-webhook-box code {
    display: block;
}

.shopier-webhook-box small {
    color: rgba(255, 255, 255, .42);
    font-size: 7px;
    letter-spacing: 1px;
}

.shopier-webhook-box code {
    margin-top: 4px;
    overflow: hidden;
    color: rgba(255, 255, 255, .76);
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shopier-webhook-box > span {
    flex: 0 0 auto;
    color: #f1ca78;
    font-size: 8px;
}

.shopier-admin-side {
    display: grid;
    gap: 15px;
}

.shopier-checklist li.done {
    border-color: rgba(78, 214, 155, .14);
    background: rgba(78, 214, 155, .035);
}

.shopier-checklist li.done > span {
    color: var(--success);
    background: rgba(78, 214, 155, .09);
}

.shopier-security-note {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.shopier-security-note > span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 11px;
    color: var(--amber);
    background: rgba(245, 184, 31, .09);
    font-weight: 900;
}

.shopier-security-note strong {
    font-size: 11px;
}

.shopier-security-note p {
    margin: 4px 0 0;
    color: rgba(255, 255, 255, .58);
    font-size: 9px;
    line-height: 1.65;
}

.shopier-log-card {
    margin-top: 15px;
}

.shopier-log-card .card-head {
    margin-bottom: 12px;
}

.shopier-log-card code {
    color: #f1cb7b;
    font-size: 9px;
}

.shopier-log-error {
    max-width: 320px;
    color: rgba(255, 255, 255, .58);
    font-size: 9px;
    line-height: 1.4;
}

.admin-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 24px 0 12px;
}

.admin-section-heading h3 {
    margin-bottom: 0;
}

@media (max-width: 1100px) {
    .shopier-checkout-shell,
    .shopier-admin-layout {
        grid-template-columns: 1fr;
    }

    .shopier-admin-side {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .shopier-brand-row,
    .shopier-admin-head {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .shopier-brand-row > .status,
    .shopier-admin-head > .shopier-connection-pill {
        margin-left: 56px;
    }

    .shopier-owner-strip,
    .shopier-settings-grid,
    .shopier-admin-side {
        grid-template-columns: 1fr;
    }

    .shopier-webhook-box,
    .shopier-reference {
        align-items: flex-start;
        flex-direction: column;
    }

    .shopier-reference strong,
    .shopier-webhook-box code {
        overflow-wrap: anywhere;
        white-space: normal;
    }
}
/* Ödeme yöntemi logoları */
.payment-method-symbol.has-logo {
    padding: 7px !important;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.payment-method-symbol.has-logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.payment-method.active .payment-method-symbol.has-logo {
    border-color: rgba(255, 194, 71, 0.35);
    box-shadow: 0 8px 24px rgba(255, 160, 30, 0.12);
}
.shopier-logo-image {
    padding: 7px !important;
    overflow: hidden;
    background: #ffffff !important;
}

.shopier-logo-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* V8 — yeni sipariş özel modern picker tasarımı */
[data-native-category-select],
[data-native-service-select] {
    display: none !important;
}

.order-platform-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.platform-pill {
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 999px;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.03);
    color: rgba(255, 255, 255, 0.82);
    font-size: 11px;
    font-weight: 700;
    transition: .18s ease;
}

.platform-pill:hover,
.platform-pill.active {
    border-color: rgba(255, 186, 40, 0.35);
    background: linear-gradient(135deg, rgba(255, 186, 40, 0.16), rgba(255, 122, 24, 0.08));
    color: #fff4cf;
    box-shadow: 0 10px 25px rgba(255, 140, 24, 0.14);
}

.custom-picker-shell {
    position: relative;
}

.custom-picker-trigger {
    width: 100%;
    display: grid;
    gap: 3px;
    text-align: left;
    padding: 16px 52px 16px 16px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(25, 27, 35, 0.96), rgba(13, 15, 20, 0.98));
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
    transition: .2s ease;
}

.custom-picker-trigger:hover,
.custom-picker-shell.is-open .custom-picker-trigger {
    border-color: rgba(255, 186, 40, 0.45);
    box-shadow: 0 0 0 4px rgba(255, 186, 40, 0.07), 0 16px 38px rgba(0,0,0,.22);
}

.custom-picker-trigger > i {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-style: normal;
    color: var(--amber);
    font-size: 18px;
    transition: transform .2s ease;
}

.custom-picker-shell.is-open .custom-picker-trigger > i {
    transform: translateY(-50%) rotate(180deg);
}

.custom-picker-meta {
    color: rgba(255,255,255,.52);
    font-size: 10px;
    letter-spacing: .7px;
    text-transform: uppercase;
    font-weight: 800;
}

.custom-picker-trigger strong {
    font-size: 16px;
    line-height: 1.3;
}

.custom-picker-trigger small {
    color: rgba(255,255,255,.6);
    font-size: 11px;
    line-height: 1.4;
}

.custom-picker-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 10px);
    z-index: 40;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 18px;
    background: linear-gradient(160deg, rgba(15, 18, 24, 0.98), rgba(10, 12, 16, 0.99));
    box-shadow: 0 26px 70px rgba(0,0,0,.42);
    backdrop-filter: blur(20px);
}

.custom-picker-panel-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 14px;
    margin-bottom: 12px;
}

.custom-picker-panel-head strong,
.custom-picker-panel-head small {
    display: block;
}

.custom-picker-panel-head strong {
    font-size: 13px;
    color: #fff;
}

.custom-picker-panel-head small {
    color: rgba(255,255,255,.58);
    font-size: 10px;
}

.custom-category-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    max-height: 290px;
    overflow: auto;
    padding-right: 3px;
}

.category-option {
    display: grid;
    gap: 2px;
    text-align: left;
    padding: 12px 13px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: rgba(255,255,255,.025);
    color: rgba(255,255,255,.84);
    transition: .18s ease;
}

.category-option span {
    font-size: 13px;
    font-weight: 700;
}

.category-option small {
    font-size: 10px;
    color: rgba(255,255,255,.52);
}

.category-option:hover,
.category-option.active {
    border-color: rgba(255, 186, 40, 0.35);
    background: linear-gradient(135deg, rgba(255, 186, 40, 0.13), rgba(255, 122, 24, 0.04));
}

.order-service-picker-field {
    margin-top: 16px;
}

.custom-service-panel {
    padding: 14px;
}

.service-picker-head {
    align-items: center;
}

.service-inline-search {
    width: min(280px, 100%);
    height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 12px;
    background: rgba(255,255,255,.03);
    color: #fff;
    outline: 0;
}

.service-inline-search::placeholder {
    color: rgba(255,255,255,.36);
}

.custom-service-list {
    max-height: 410px;
    overflow: auto;
    padding-right: 4px;
    display: grid;
    gap: 12px;
}

.custom-service-group {
    display: grid;
    gap: 8px;
}

.custom-service-group > header {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 6px 10px;
    border-radius: 10px;
    background: rgba(255, 186, 40, 0.1);
    color: #ffd67c;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .5px;
}

.service-option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    width: 100%;
    text-align: left;
    padding: 13px 14px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: rgba(255,255,255,.025);
    color: #fff;
    transition: .18s ease;
}

.service-option > div {
    min-width: 0;
}

.service-option strong,
.service-option small,
.service-option span {
    display: block;
}

.service-option strong {
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.service-option small {
    color: rgba(255,255,255,.56);
    font-size: 10px;
    margin-top: 3px;
}

.service-option > span {
    flex: 0 0 auto;
    color: var(--amber);
    font-size: 11px;
    font-weight: 800;
    text-align: right;
}

.service-option:hover,
.service-option.active {
    border-color: rgba(255, 186, 40, 0.35);
    background: linear-gradient(135deg, rgba(255, 186, 40, 0.12), rgba(255, 122, 24, 0.03));
    transform: translateY(-1px);
}

.custom-service-empty {
    padding: 24px 18px;
    border: 1px dashed rgba(255,255,255,.1);
    border-radius: 16px;
    text-align: center;
    background: rgba(255,255,255,.02);
}

.custom-service-empty strong {
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
}

.custom-service-empty p {
    margin: 0;
    color: rgba(255,255,255,.58);
    font-size: 11px;
}

/* Anasayfa hero karışma / taşma düzeltmesi */
.landing-page .hero-final {
    position: relative;
    z-index: 1;
    isolation: isolate;
}

.landing-page .hero-final .hero-grid,
.landing-page .hero-final .hero-copy,
.landing-page .hero-final .hero-visual,
.landing-page .hero-final .dashboard-mock,
.landing-page .services-showcase,
.landing-page .feature-section,
.landing-page .faq-section,
.landing-page .cta-section {
    position: relative;
    z-index: 2;
}

.landing-page .hero-final img {
    display: none !important;
}

.landing-page .hero-final .hero-visual {
    overflow: visible;
}

@media (max-width: 900px) {
    .custom-category-list {
        grid-template-columns: 1fr;
    }

    .custom-picker-panel-head,
    .service-picker-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .service-inline-search {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .order-platform-pills {
        gap: 6px;
    }

    .platform-pill {
        font-size: 10px;
        padding: 7px 10px;
    }

    .custom-picker-trigger {
        padding: 14px 46px 14px 14px;
    }

    .custom-picker-trigger strong {
        font-size: 15px;
    }

    .service-option {
        align-items: flex-start;
        flex-direction: column;
    }

    .service-option > span {
        text-align: left;
    }
}

/* V9.1 — Yeni sipariş alanı kompakt profesyonel ölçüler */
.order-service-tools > .field:last-child {
    align-self: start;
}

.order-service-tools > .field:last-child .service-id-search {
    height: 48px;
    min-height: 48px;
}

.order-service-tools > .field:last-child .service-id-search input {
    height: 48px;
}

.service-picker-trigger {
    padding-top: 14px;
    padding-bottom: 14px;
}

.custom-service-list {
    max-height: 360px;
}

.custom-service-panel {
    max-height: min(440px, calc(100vh - 220px));
    overflow: hidden;
}

@media (max-width: 720px) {
    .custom-service-list {
        max-height: 320px;
    }

    .custom-service-panel {
        max-height: min(400px, calc(100vh - 170px));
    }
}


/* V10 performance and accessibility */
@supports (content-visibility: auto) {
    .landing-page .section,
    .landing-page .cta-section,
    .landing-page .site-footer {
        content-visibility: auto;
        contain-intrinsic-size: 1px 760px;
    }
    .landing-page .hero-final {
        content-visibility: visible;
    }
}

img {
    max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* =========================================================
   V11 — Modern Site Ayarları
   ========================================================= */
.admin-page .settings-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(520px, .92fr);
    gap: 18px;
    align-items: stretch;
    margin-bottom: 18px;
}

.admin-page .settings-hero-copy,
.admin-page .settings-health-grid {
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 22px;
    background:
        radial-gradient(circle at 85% 5%, rgba(255, 176, 30, .09), transparent 42%),
        linear-gradient(145deg, rgba(20, 22, 29, .95), rgba(11, 13, 18, .95));
}

.admin-page .settings-hero-copy {
    padding: 28px;
}

.admin-page .settings-hero-copy h2 {
    margin: 9px 0 7px;
    font-family: 'Manrope', sans-serif;
    font-size: clamp(25px, 2.2vw, 36px);
    line-height: 1.08;
    letter-spacing: -1.4px;
}

.admin-page .settings-hero-copy p {
    max-width: 690px;
    margin: 0;
    color: var(--muted);
    font-size: 12px;
}

.admin-page .settings-health-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, .065);
}

.admin-page .settings-health-card {
    min-width: 0;
    padding: 22px 17px;
    background: #11131a;
}

.admin-page .settings-health-card span,
.admin-page .settings-health-card strong,
.admin-page .settings-health-card small {
    display: block;
}

.admin-page .settings-health-card span {
    color: #707480;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: 1.1px;
}

.admin-page .settings-health-card strong {
    margin: 7px 0 3px;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
}

.admin-page .settings-health-card small {
    color: #727681;
    font-size: 8px;
    line-height: 1.45;
}

.admin-page .settings-health-card.is-good strong { color: var(--success); }
.admin-page .settings-health-card.is-warning strong { color: var(--warning); }
.admin-page .settings-health-card.is-danger strong { color: var(--danger); }

.admin-page .settings-shell {
    display: grid;
    grid-template-columns: 242px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.admin-page .settings-sidebar {
    position: sticky;
    top: 106px;
    display: grid;
    gap: 12px;
    padding: 13px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 19px;
    background: linear-gradient(160deg, rgba(18,20,27,.96), rgba(10,12,16,.96));
    box-shadow: 0 24px 70px rgba(0,0,0,.22);
}

.admin-page .settings-search-wrap {
    position: relative;
}

.admin-page .settings-search-wrap > span {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--amber);
    pointer-events: none;
}

.admin-page .settings-search-wrap input {
    width: 100%;
    height: 43px;
    padding: 0 37px 0 37px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    background: rgba(255,255,255,.025);
    color: #fff;
    outline: 0;
    font-size: 11px;
}

.admin-page .settings-search-wrap input:focus {
    border-color: rgba(255,190,59,.42);
    box-shadow: 0 0 0 4px rgba(255,190,59,.06);
}

.admin-page .settings-search-wrap button {
    position: absolute;
    right: 8px;
    top: 50%;
    width: 27px;
    height: 27px;
    transform: translateY(-50%);
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #6f737e;
    font-size: 16px;
}

.admin-page .settings-search-wrap button:hover {
    background: rgba(255,255,255,.05);
    color: #fff;
}

.admin-page .settings-nav {
    display: grid;
    gap: 5px;
}

.admin-page .settings-nav button {
    display: grid;
    grid-template-columns: 33px 1fr;
    gap: 10px;
    align-items: center;
    width: 100%;
    min-height: 54px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 13px;
    background: transparent;
    color: #8d919b;
    text-align: left;
    transition: .18s ease;
}

.admin-page .settings-nav button > span {
    width: 33px;
    height: 33px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(255,255,255,.035);
    color: #737782;
    font-size: 13px;
}

.admin-page .settings-nav button b,
.admin-page .settings-nav button small {
    display: block;
}

.admin-page .settings-nav button b {
    color: inherit;
    font-size: 11px;
}

.admin-page .settings-nav button small {
    margin-top: 1px;
    color: #5e626d;
    font-size: 8px;
}

.admin-page .settings-nav button:hover,
.admin-page .settings-nav button.active {
    border-color: rgba(255,187,42,.17);
    background: linear-gradient(90deg, rgba(255,188,43,.12), rgba(255,122,24,.025));
    color: #fff;
}

.admin-page .settings-nav button.active > span {
    background: linear-gradient(135deg, var(--amber), var(--orange));
    color: #211406;
    box-shadow: 0 10px 25px rgba(255,145,24,.15);
}

.admin-page .settings-sidebar-note {
    display: flex;
    gap: 9px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 12px;
    background: rgba(255,255,255,.018);
}

.admin-page .settings-sidebar-note > span {
    color: var(--success);
    font-size: 8px;
    line-height: 1.8;
}

.admin-page .settings-sidebar-note strong,
.admin-page .settings-sidebar-note small {
    display: block;
}

.admin-page .settings-sidebar-note strong { font-size: 9px; }
.admin-page .settings-sidebar-note small { margin-top: 3px; color: #6e727d; font-size: 7px; line-height: 1.5; }

.admin-page .settings-content {
    min-width: 0;
}

.admin-page .settings-panel {
    display: none;
    min-width: 0;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 20px;
    background:
        radial-gradient(circle at 100% 0, rgba(255,176,30,.06), transparent 30%),
        linear-gradient(155deg, rgba(18,20,27,.95), rgba(10,12,16,.97));
    box-shadow: 0 24px 75px rgba(0,0,0,.22);
}

.admin-page .settings-panel.active { display: block; }

.admin-page .settings-panel-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 19px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.admin-page .settings-panel-head > div:first-child > span {
    color: var(--amber);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.4px;
}

.admin-page .settings-panel-head h3 {
    margin: 5px 0 4px;
    font-family: 'Manrope', sans-serif;
    font-size: 24px;
    letter-spacing: -.8px;
}

.admin-page .settings-panel-head p {
    margin: 0;
    color: var(--muted);
    font-size: 10px;
}

.admin-page .settings-panel-head em {
    color: #747883;
    font-size: 8px;
    font-style: normal;
}

.admin-page .settings-panel-link {
    padding: 9px 12px;
    border: 1px solid rgba(255,190,59,.15);
    border-radius: 11px;
    background: rgba(255,190,59,.055);
    color: var(--amber);
    font-size: 9px;
    font-weight: 800;
}

.admin-page .settings-section-card,
.admin-page .settings-seo-preview,
.admin-page .settings-maintenance-status,
.admin-page .settings-test-card,
.admin-page .settings-info-banner {
    margin-top: 13px;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 17px;
    background: rgba(255,255,255,.018);
}

.admin-page .settings-section-title {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    margin-bottom: 16px;
}

.admin-page .settings-section-title > span {
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: rgba(255,190,59,.09);
    color: var(--amber);
    font-size: 8px;
    font-weight: 900;
}

.admin-page .settings-section-title h4,
.admin-page .settings-section-title p {
    margin: 0;
}

.admin-page .settings-section-title h4 { font-size: 12px; }
.admin-page .settings-section-title p { margin-top: 2px; color: #777b85; font-size: 8px; }

.admin-page .settings-fields-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.admin-page .settings-fields-grid .field-full { grid-column: 1 / -1; }

.admin-page .settings-field {
    transition: opacity .18s ease, transform .18s ease;
}

.admin-page .settings-field.is-search-hidden { display: none !important; }

.admin-page .settings-field label {
    color: #e7e7ea;
    font-size: 10px;
}

.admin-page .settings-field label b { color: var(--amber); }

.admin-page .settings-field input:not([type="checkbox"]):not([type="color"]),
.admin-page .settings-field select,
.admin-page .settings-field textarea,
.admin-page .settings-test-card input {
    border-radius: 12px;
    background: rgba(6,7,10,.44);
    font-size: 11px;
}

.admin-page .settings-field small {
    color: #717580;
    font-size: 8px;
    line-height: 1.5;
}

.admin-page .settings-input-suffix {
    position: relative;
}

.admin-page .settings-input-suffix input { padding-right: 55px !important; }

.admin-page .settings-input-suffix > span {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #777b84;
    font-size: 9px;
    pointer-events: none;
}

.admin-page .settings-logo-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    align-items: center;
}

.admin-page .settings-logo-preview {
    display: flex;
    align-items: center;
    gap: 15px;
}

.admin-page .settings-logo-frame {
    width: 105px;
    height: 82px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(255,190,59,.13);
    border-radius: 15px;
    background: radial-gradient(circle, rgba(255,190,59,.08), transparent 68%), #0a0b0f;
}

.admin-page .settings-logo-frame img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}

.admin-page .settings-logo-preview span,
.admin-page .settings-logo-preview strong,
.admin-page .settings-logo-preview small {
    display: block;
}

.admin-page .settings-logo-preview span { color: #777b86; font-size: 7px; letter-spacing: 1px; }
.admin-page .settings-logo-preview strong { margin: 4px 0; font-size: 13px; }
.admin-page .settings-logo-preview small { color: #6f737e; font-size: 8px; }

.admin-page .settings-color-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.admin-page .settings-color-field {
    display: grid;
    gap: 8px;
    padding: 15px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 14px;
    background: rgba(255,255,255,.018);
}

.admin-page .settings-color-field > span { font-size: 10px; font-weight: 800; }
.admin-page .settings-color-field > div { display: flex; align-items: center; gap: 11px; }
.admin-page .settings-color-field input { width: 46px; height: 38px; padding: 0; border: 0; border-radius: 10px; background: none; }
.admin-page .settings-color-field code { color: #c7c8cd; font-size: 10px; }
.admin-page .settings-color-field small { color: #6f737d; font-size: 8px; }

.admin-page .settings-theme-preview {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-top: 14px;
    padding: 19px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 16px;
    background:
        radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--preview-accent) 18%, transparent), transparent 43%),
        #0b0d12;
}

.admin-page .settings-theme-preview span,
.admin-page .settings-theme-preview strong,
.admin-page .settings-theme-preview small { display: block; }
.admin-page .settings-theme-preview span { color: var(--preview-primary); font-size: 7px; font-weight: 900; letter-spacing: 1.2px; }
.admin-page .settings-theme-preview strong { margin: 4px 0; font-size: 16px; }
.admin-page .settings-theme-preview small { color: #777b84; font-size: 8px; }
.admin-page .settings-theme-preview button { padding: 11px 15px; border: 0; border-radius: 11px; background: linear-gradient(135deg, var(--preview-primary), var(--preview-accent)); color: #211406; font-size: 9px; font-weight: 900; }

.admin-page .settings-seo-preview {
    padding: 20px;
    background: #fff;
    color: #202124;
}

.admin-page .settings-seo-preview span,
.admin-page .settings-seo-preview strong,
.admin-page .settings-seo-preview p { display: block; }
.admin-page .settings-seo-preview span { color: #3c4043; font-size: 10px; }
.admin-page .settings-seo-preview strong { margin: 5px 0 3px; color: #1a0dab; font-family: Arial, sans-serif; font-size: 18px; font-weight: 400; }
.admin-page .settings-seo-preview p { max-width: 720px; margin: 0; color: #4d5156; font-family: Arial, sans-serif; font-size: 11px; line-height: 1.5; }

.admin-page .settings-character-row {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.admin-page .settings-character-row b { color: #767a84; font-size: 8px; }
.admin-page .settings-character-row b.is-good { color: var(--success); }
.admin-page .settings-character-row b.is-warning { color: var(--warning); }

.admin-page .settings-link-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 13px;
}

.admin-page .settings-link-cards.two-column { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.admin-page .settings-link-cards a {
    position: relative;
    display: grid;
    gap: 3px;
    padding: 16px 42px 16px 16px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 14px;
    background: rgba(255,255,255,.018);
    transition: .18s ease;
}

.admin-page .settings-link-cards a:hover {
    transform: translateY(-2px);
    border-color: rgba(255,190,59,.22);
    background: rgba(255,190,59,.045);
}

.admin-page .settings-link-cards span { color: var(--amber); font-size: 7px; font-weight: 900; letter-spacing: 1px; }
.admin-page .settings-link-cards strong { font-size: 11px; }
.admin-page .settings-link-cards small { color: #70747f; font-size: 8px; line-height: 1.45; }
.admin-page .settings-link-cards i { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: var(--amber); font-style: normal; }

.admin-page .settings-security-score {
    min-width: 105px;
    padding: 10px 13px;
    border: 1px solid rgba(78,214,155,.14);
    border-radius: 12px;
    background: rgba(78,214,155,.05);
    text-align: right;
}

.admin-page .settings-security-score span,
.admin-page .settings-security-score strong { display: block; }
.admin-page .settings-security-score span { color: #6e9e88; font-size: 6px; letter-spacing: 1px; }
.admin-page .settings-security-score strong { margin-top: 3px; color: var(--success); font-size: 14px; }

.admin-page .settings-toggle-list {
    display: grid;
    gap: 9px;
}

.admin-page .settings-toggle-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 66px;
    padding: 14px 16px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 14px;
    background: rgba(255,255,255,.018);
}

.admin-page .settings-toggle-row strong,
.admin-page .settings-toggle-row small { display: block; }
.admin-page .settings-toggle-row strong { font-size: 10px; }
.admin-page .settings-toggle-row small { margin-top: 3px; color: #6f737d; font-size: 8px; line-height: 1.45; }
.admin-page .settings-toggle-row.compact { flex: 1; min-height: 56px; padding: 10px 12px; }

.admin-page .settings-switch {
    position: relative;
    width: 44px;
    height: 24px;
    flex: 0 0 auto;
}

.admin-page .settings-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.admin-page .settings-switch i {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 999px;
    background: #242730;
    transition: .2s ease;
}

.admin-page .settings-switch i::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    background: #8a8e98;
    transition: .2s ease;
}

.admin-page .settings-switch input:checked + i {
    border-color: rgba(78,214,155,.26);
    background: rgba(78,214,155,.2);
}

.admin-page .settings-switch input:checked + i::after {
    transform: translateX(20px);
    background: var(--success);
    box-shadow: 0 0 15px rgba(78,214,155,.3);
}

.admin-page .settings-switch.danger input:checked + i {
    border-color: rgba(255,92,108,.3);
    background: rgba(255,92,108,.19);
}

.admin-page .settings-switch.danger input:checked + i::after { background: var(--danger); }
.admin-page .settings-switch.large { width: 54px; height: 28px; }
.admin-page .settings-switch.large i::after { width: 22px; height: 22px; }
.admin-page .settings-switch.large input:checked + i::after { transform: translateX(24px); }

.admin-page .settings-danger-zone {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-top: 13px;
    padding: 16px;
    border: 1px solid rgba(255,92,108,.16);
    border-radius: 15px;
    background: linear-gradient(90deg, rgba(255,92,108,.07), rgba(255,92,108,.015));
}

.admin-page .settings-danger-zone > div {
    display: flex;
    gap: 12px;
    align-items: center;
}

.admin-page .settings-danger-zone > div > span {
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 11px;
    background: rgba(255,92,108,.1);
    color: var(--danger);
    font-weight: 900;
}

.admin-page .settings-danger-zone strong,
.admin-page .settings-danger-zone small { display: block; }
.admin-page .settings-danger-zone strong { font-size: 10px; }
.admin-page .settings-danger-zone small { max-width: 680px; margin-top: 3px; color: #8a7479; font-size: 8px; line-height: 1.45; }

.admin-page .settings-maintenance-status {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 15px;
    align-items: center;
}

.admin-page .settings-maintenance-orb {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: rgba(78,214,155,.08);
}

.admin-page .settings-maintenance-orb i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--success);
    box-shadow: 0 0 0 7px rgba(78,214,155,.08), 0 0 20px rgba(78,214,155,.2);
}

.admin-page .settings-maintenance-status.is-active .settings-maintenance-orb { background: rgba(255,189,89,.09); }
.admin-page .settings-maintenance-status.is-active .settings-maintenance-orb i { background: var(--warning); box-shadow: 0 0 0 7px rgba(255,189,89,.08), 0 0 20px rgba(255,189,89,.2); }
.admin-page .settings-maintenance-status span,
.admin-page .settings-maintenance-status strong,
.admin-page .settings-maintenance-status small { display: block; }
.admin-page .settings-maintenance-status span { color: #737782; font-size: 7px; letter-spacing: 1px; }
.admin-page .settings-maintenance-status strong { margin: 4px 0; font-size: 13px; }
.admin-page .settings-maintenance-status small { color: #777b85; font-size: 8px; }

.admin-page .settings-password-field {
    position: relative;
}

.admin-page .settings-password-field input { padding-right: 68px !important; }
.admin-page .settings-password-field button {
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    padding: 6px 8px;
    border: 0;
    border-radius: 8px;
    background: rgba(255,255,255,.055);
    color: #aaaeb8;
    font-size: 8px;
}

.admin-page .settings-test-card {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}

.admin-page .settings-test-card > div:first-child span,
.admin-page .settings-test-card > div:first-child strong,
.admin-page .settings-test-card > div:first-child small { display: block; }
.admin-page .settings-test-card > div:first-child span { color: var(--amber); font-size: 7px; font-weight: 900; letter-spacing: 1px; }
.admin-page .settings-test-card > div:first-child strong { margin: 4px 0; font-size: 11px; }
.admin-page .settings-test-card > div:first-child small { color: #717580; font-size: 8px; }
.admin-page .settings-test-card > div:last-child { display: flex; gap: 8px; min-width: min(430px, 100%); }
.admin-page .settings-test-card input { min-width: 0; flex: 1; padding: 11px 13px; color: #fff; }

.admin-page .settings-integration-grid {
    display: grid;
    gap: 11px;
}

.admin-page .settings-integration-card {
    display: grid;
    grid-template-columns: 46px 1fr auto;
    gap: 14px;
    align-items: center;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 15px;
    background: rgba(255,255,255,.018);
    transition: .18s ease;
}

.admin-page .settings-integration-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255,190,59,.22);
    background: rgba(255,190,59,.04);
}

.admin-page .settings-integration-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: linear-gradient(135deg, rgba(255,194,71,.16), rgba(255,122,24,.07));
    color: var(--amber);
    font-size: 17px;
    font-weight: 900;
}

.admin-page .settings-integration-card small,
.admin-page .settings-integration-card strong,
.admin-page .settings-integration-card p { display: block; margin: 0; }
.admin-page .settings-integration-card small { color: var(--amber); font-size: 7px; letter-spacing: 1px; }
.admin-page .settings-integration-card strong { margin: 4px 0 2px; font-size: 11px; }
.admin-page .settings-integration-card p { color: #747883; font-size: 8px; }
.admin-page .settings-integration-card > i { color: var(--amber); font-style: normal; }

.admin-page .settings-info-banner {
    display: flex;
    gap: 11px;
    align-items: flex-start;
}

.admin-page .settings-info-banner > span {
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: rgba(108,166,255,.09);
    color: #79aaff;
    font-weight: 900;
}

.admin-page .settings-info-banner p { margin: 3px 0 0; color: #7c8290; font-size: 8px; line-height: 1.55; }

.admin-page .settings-save-bar {
    position: sticky;
    bottom: 13px;
    z-index: 15;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-top: 14px;
    padding: 12px 13px 12px 16px;
    border: 1px solid rgba(255,190,59,.16);
    border-radius: 15px;
    background: rgba(12,14,19,.92);
    box-shadow: 0 18px 55px rgba(0,0,0,.38);
    backdrop-filter: blur(18px);
}

.admin-page .settings-save-bar > div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.admin-page .settings-save-bar > div > span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--success);
    box-shadow: 0 0 0 6px rgba(78,214,155,.07);
}

.admin-page .settings-save-bar.is-dirty > div > span {
    background: var(--warning);
    box-shadow: 0 0 0 6px rgba(255,189,89,.07);
}

.admin-page .settings-save-bar strong,
.admin-page .settings-save-bar small { display: block; }
.admin-page .settings-save-bar strong { font-size: 9px; }
.admin-page .settings-save-bar small { margin-top: 2px; color: #6e727c; font-size: 7px; }
.admin-page .settings-save-bar .btn { min-width: 190px; }

.admin-page .settings-legal-panel { padding-bottom: 22px; }

.admin-page .settings-legal-list {
    display: grid;
    gap: 9px;
}

.admin-page .settings-legal-item {
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 15px;
    background: rgba(255,255,255,.018);
    overflow: hidden;
}

.admin-page .settings-legal-item > summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 16px;
    list-style: none;
    cursor: pointer;
}

.admin-page .settings-legal-item > summary::-webkit-details-marker { display: none; }
.admin-page .settings-legal-item > summary > div { display: flex; gap: 11px; align-items: center; }
.admin-page .settings-legal-status { width: 8px; height: 8px; border-radius: 50%; background: #555a65; }
.admin-page .settings-legal-status.active { background: var(--success); box-shadow: 0 0 0 5px rgba(78,214,155,.06); }
.admin-page .settings-legal-item strong,
.admin-page .settings-legal-item small { display: block; }
.admin-page .settings-legal-item strong { font-size: 10px; }
.admin-page .settings-legal-item small { margin-top: 2px; color: #70747e; font-size: 8px; }
.admin-page .settings-legal-item > summary i { color: var(--amber); font-style: normal; transition: .2s; }
.admin-page .settings-legal-item[open] > summary i { transform: rotate(180deg); }

.admin-page .settings-legal-form {
    display: grid;
    gap: 14px;
    padding: 16px;
    border-top: 1px solid rgba(255,255,255,.07);
    background: rgba(0,0,0,.08);
}

.admin-page .settings-legal-form textarea {
    width: 100%;
    min-height: 280px;
    resize: vertical;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 13px;
    background: #0b0d12;
    color: #d5d6da;
    outline: 0;
    font-size: 10px;
    line-height: 1.7;
}

.admin-page .settings-legal-form textarea:focus { border-color: rgba(255,190,59,.4); box-shadow: 0 0 0 4px rgba(255,190,59,.055); }
.admin-page .settings-legal-actions { display: flex; justify-content: space-between; align-items: center; gap: 14px; }

.admin-page .settings-search-empty {
    display: none;
    padding: 40px 20px;
    text-align: center;
    color: #777b86;
    font-size: 10px;
}

.admin-page .settings-content.is-searching .settings-panel { display: none; }
.admin-page .settings-content.is-searching .settings-panel.has-search-match { display: block; margin-bottom: 12px; }
.admin-page .settings-content.is-searching .settings-panel-head { margin-bottom: 12px; }
.admin-page .settings-content.is-searching .settings-save-bar { display: flex; }

@media (max-width: 1280px) {
    .admin-page .settings-hero { grid-template-columns: 1fr; }
    .admin-page .settings-health-grid { min-height: 105px; }
}

@media (max-width: 980px) {
    .admin-page .settings-shell { grid-template-columns: 1fr; }
    .admin-page .settings-sidebar { position: static; }
    .admin-page .settings-nav { display: flex; overflow-x: auto; padding-bottom: 4px; }
    .admin-page .settings-nav button { min-width: 160px; }
    .admin-page .settings-sidebar-note { display: none; }
    .admin-page .settings-health-grid { grid-template-columns: repeat(2, 1fr); }
    .admin-page .settings-logo-card { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .admin-page .settings-hero-copy { padding: 21px; }
    .admin-page .settings-health-card { padding: 16px 13px; }
    .admin-page .settings-panel { padding: 16px; border-radius: 17px; }
    .admin-page .settings-panel-head { flex-direction: column; gap: 10px; }
    .admin-page .settings-panel-head h3 { font-size: 21px; }
    .admin-page .settings-fields-grid,
    .admin-page .settings-color-grid,
    .admin-page .settings-link-cards,
    .admin-page .settings-link-cards.two-column { grid-template-columns: 1fr; }
    .admin-page .settings-fields-grid .field-full { grid-column: auto; }
    .admin-page .settings-theme-preview,
    .admin-page .settings-test-card,
    .admin-page .settings-legal-actions { align-items: stretch; flex-direction: column; }
    .admin-page .settings-test-card > div:last-child { min-width: 0; flex-direction: column; }
    .admin-page .settings-maintenance-status { grid-template-columns: auto 1fr; }
    .admin-page .settings-maintenance-status > .settings-switch { grid-column: 1 / -1; justify-self: end; }
    .admin-page .settings-save-bar { align-items: stretch; flex-direction: column; }
    .admin-page .settings-save-bar .btn { width: 100%; min-width: 0; }
    .admin-page .settings-integration-card { grid-template-columns: 42px 1fr; }
    .admin-page .settings-integration-card > i { display: none; }
}

@media (max-width: 460px) {
    .admin-page .settings-health-grid { grid-template-columns: 1fr 1fr; }
    .admin-page .settings-nav button { min-width: 145px; }
    .admin-page .settings-logo-preview { align-items: flex-start; flex-direction: column; }
    .admin-page .settings-toggle-row,
    .admin-page .settings-danger-zone { align-items: flex-start; }
}
.admin-page .settings-save-bar[hidden] { display: none !important; }