:root{--navy:#101b3b;--navy2:#172653;--pink:#f02c78;--bg:#f5f7fb;--card:#fff;--text:#17203b;--muted:#7c859d;--line:#e8ebf2;--green:#16a56b;--shadow:0 18px 45px rgba(25,36,75,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.app{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.app aside{background:linear-gradient(180deg,var(--navy),#0c1530);color:#fff;padding:26px 18px;position:sticky;top:0;height:100vh}.logo{font-size:25px;font-weight:800;display:block;margin:0 10px 30px}.logo span{color:var(--pink)}.user-mini{display:flex;gap:12px;align-items:center;padding:14px;margin-bottom:18px;background:rgba(255,255,255,.06);border-radius:16px}.avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),#8e4cf5);font-weight:800}.user-mini small{display:block;color:#aeb8d2;margin-top:3px}.app nav{display:grid;gap:6px}.app nav a{padding:12px 14px;border-radius:12px;color:#bdc6dc;display:flex;gap:12px;align-items:center;font-size:14px}.app nav a:hover,.app nav a.active{background:rgba(240,44,120,.14);color:#fff}.app nav a.active i{color:var(--pink)}.main header{height:86px;background:var(--card);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 32px;position:sticky;top:0;z-index:5}.main header h2{margin:0 0 3px;font-size:20px}.main header small{color:var(--muted)}.head-actions{display:flex;gap:10px;align-items:center}.balance{padding:10px 16px;border:1px solid var(--line);border-radius:13px;display:grid}.balance span{font-size:11px;color:var(--muted)}.balance b{color:var(--pink)}.home{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--navy);color:#fff}.page{padding:30px;max-width:1500px;margin:auto}.hero{background:linear-gradient(120deg,var(--navy),var(--navy2));color:#fff;border-radius:24px;padding:32px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}.hero span{font-size:11px;letter-spacing:2px;color:#f4a4c4}.hero h1{font-size:32px;margin:8px 0}.hero p{color:#cbd3e6;max-width:600px}.hero a{display:inline-block;margin-top:10px;background:var(--pink);padding:12px 18px;border-radius:12px;font-weight:700}.hero-balance{background:rgba(255,255,255,.08);padding:22px 28px;border-radius:18px;min-width:250px;display:grid}.hero-balance small{color:#cbd3e6}.hero-balance strong{font-size:30px;margin:5px 0}.hero-balance em{font-style:normal;color:#f5a7c6}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:22px 0}.stats>div,.form-card,.table-card,.bank,.notifications>div{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.stats>div{padding:20px;display:grid;grid-template-columns:40px 1fr;gap:4px 12px;align-items:center}.stats i{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#fff0f6;color:var(--pink)}.stats small{color:var(--muted)}.stats b{font-size:22px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:30px 2px 14px}.section-head h3{margin:0}.section-head p{margin:4px 0;color:var(--muted)}.section-head a{color:var(--pink);font-weight:700}.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.package{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;min-height:160px;transition:.2s}.package:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#f4bad1}.package span,.package small{color:var(--muted);font-size:12px}.package h4{margin:8px 0;flex:1}.package>b{font-size:21px;color:var(--pink)}.pkg-actions{display:flex;gap:8px;margin-top:13px}.pkg-actions>button,.pkg-actions form:first-child{flex:1}.pkg-actions button{border:0;border-radius:10px;padding:10px 12px;background:var(--navy);color:#fff;font-weight:700;cursor:pointer}.pkg-actions .fav{background:#f4f5f8;color:#9ba2b4}.pkg-actions .fav.on{color:var(--pink);background:#fff0f6}.toolbar{background:var(--card);padding:16px;border-radius:18px;border:1px solid var(--line);margin-bottom:18px}.toolbar>input{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;font-size:14px}.platforms{display:flex;gap:8px;overflow:auto;margin-top:12px}.platforms button,.filters button{border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:10px;white-space:nowrap;cursor:pointer}.table-wrap,.table-card{overflow:auto}.table-card{padding:18px}.table-card h3{margin-top:0}table{width:100%;border-collapse:collapse;background:var(--card)}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-size:11px;text-transform:uppercase}.plus{color:var(--green);font-weight:700}.minus{color:#d84055;font-weight:700}.bank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.bank{padding:20px;display:grid;gap:7px}.bank small{color:var(--muted);margin-top:6px}.bank code{font-size:14px;color:var(--navy);word-break:break-all}.form-card{padding:24px;margin-bottom:18px}.form-card.narrow{max-width:620px}.form-card h3{margin-top:0}.form-card form{display:grid;gap:13px}.form-card label,.auth-card label{display:grid;gap:6px;font-size:13px;font-weight:600}.form-card input,.form-card select,.form-card textarea,.auth-card input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--text)}.form-card button,.auth-card button{border:0;background:var(--pink);color:#fff;padding:13px 16px;border-radius:11px;font-weight:800;cursor:pointer}.split{display:grid;grid-template-columns:1fr 1.4fr;gap:18px}.themes{display:flex;gap:10px}.themes label{padding:12px;border:1px solid var(--line);border-radius:11px}.alert{padding:13px 16px;border-radius:12px;margin-bottom:16px}.alert.success{background:#e9fff5;color:#08794b}.alert.danger{background:#fff0f2;color:#b72f44}.notifications{display:grid;gap:10px}.notifications>div{padding:16px;display:flex;gap:14px}.notifications i{color:var(--pink);margin-top:4px}.notifications p{margin:5px 0;color:var(--muted)}.notifications small{color:#a1a8b8}.modal{position:fixed;inset:0;background:rgba(8,14,33,.62);display:none;place-items:center;z-index:50;padding:20px}.modal.show{display:grid}.modal-card{background:var(--card);width:min(540px,100%);padding:26px;border-radius:22px;position:relative}.modal-card .close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:28px;cursor:pointer;color:var(--muted)}.modal-card form{display:grid;gap:13px}.modal-card label{display:grid;gap:6px}.modal-card input,.modal-card textarea{padding:12px;border:1px solid var(--line);border-radius:10px}.modal-card form>button{background:var(--pink);color:#fff;border:0;padding:13px;border-radius:11px;font-weight:800}.payline{display:flex;justify-content:space-between;background:var(--bg);padding:13px;border-radius:11px}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#293a77,var(--navy) 55%,#0a1127)}.auth-card{width:min(460px,92vw);background:#fff;border-radius:24px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.auth-card .logo{color:var(--navy);margin:0 0 25px}.auth-card h1{margin-bottom:5px}.auth-card p{color:var(--muted);margin-top:0}.auth-card form{display:grid;gap:13px}.switch{text-align:center;margin-top:15px;color:var(--pink)}[data-theme=karanlik]{--bg:#0e1425;--card:#151e33;--text:#edf1fb;--muted:#929db6;--line:#25304a;--shadow:none}[data-theme=karanlik] .toolbar>input,[data-theme=karanlik] .platforms button,[data-theme=karanlik] .filters button{background:#151e33;color:#fff}@media(prefers-color-scheme:dark){[data-theme=sistem]{--bg:#0e1425;--card:#151e33;--text:#edf1fb;--muted:#929db6;--line:#25304a;--shadow:none}}@media(max-width:1000px){.app{grid-template-columns:82px 1fr}.app aside{padding:20px 10px}.app aside .logo,.user-mini div:not(.avatar),.app nav span{display:none}.app nav a{justify-content:center}.stats,.package-grid{grid-template-columns:repeat(2,1fr)}.bank-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}@media(max-width:650px){.app{display:block}.app aside{position:fixed;z-index:20;left:0;right:0;bottom:0;top:auto;height:70px;padding:8px;display:flex}.app aside .logo,.user-mini,.app nav a:nth-child(n+6){display:none}.app nav{display:flex;width:100%;justify-content:space-around}.app nav a{padding:10px}.main header{height:72px;padding:0 15px}.main header small{display:none}.page{padding:15px 15px 90px}.hero{display:block;padding:22px}.hero-balance{margin-top:18px}.stats,.package-grid,.bank-grid{grid-template-columns:1fr}.package-grid.big{grid-template-columns:1fr}.head-actions .balance{display:none}}

/* V4 modern package catalog */
.packages-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,var(--navy),#1b2f67 68%,#472459);border-radius:24px;padding:28px 30px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:18px;box-shadow:var(--shadow)}.packages-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-120px;background:rgba(240,44,120,.18)}.packages-hero .eyebrow{font-size:10px;letter-spacing:2px;color:#ff9bc2;font-weight:800}.packages-hero h3{font-size:27px;margin:7px 0 5px}.packages-hero p{margin:0;color:#cbd4e9;max-width:650px}.packages-balance{position:relative;z-index:1;min-width:220px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);border-radius:17px;padding:17px 19px;display:grid;backdrop-filter:blur(8px)}.packages-balance small{color:#cbd4e9}.packages-balance strong{font-size:25px;margin:4px 0 8px}.packages-balance a{font-size:12px;color:#ff9bc2;font-weight:800}.toolbar.modern{padding:14px 16px}.searchbox{position:relative;display:flex;align-items:center}.searchbox>i{position:absolute;left:15px;color:var(--muted)}.toolbar.modern .searchbox input{width:100%;height:48px;border:1px solid var(--line);border-radius:13px;padding:0 100px 0 43px;background:var(--bg);color:var(--text);outline:none}.toolbar.modern .searchbox input:focus{border-color:rgba(240,44,120,.55);box-shadow:0 0 0 4px rgba(240,44,120,.08)}.searchbox kbd{position:absolute;right:10px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:6px 9px;color:var(--muted);font-family:inherit;font-size:11px}.platforms button{display:flex;align-items:center;gap:7px;transition:.2s}.platforms button:hover,.platforms button.active{border-color:rgba(240,44,120,.32);background:#fff0f6;color:var(--pink)}.modern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.package.modern-card{padding:0;min-height:245px;border-radius:20px;overflow:hidden;display:block}.modern-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(25,36,75,.12)}.pkg-top{padding:17px 18px 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.pkg-platform{display:flex;align-items:center;gap:11px}.pkg-platform .pkg-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#fff0f6,#f1edff);color:var(--pink)}.pkg-platform div{display:grid;gap:2px}.pkg-platform small{font-size:10px;text-transform:uppercase;letter-spacing:.6px}.pkg-platform strong{font-size:13px}.pkg-top form{margin:0}.pkg-top .fav{width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:#a7adbc;cursor:pointer}.pkg-top .fav.on{background:#fff0f6;color:var(--pink);border-color:#ffd4e5}.pkg-body{padding:18px;min-height:104px}.pkg-body h4{font-size:16px;line-height:1.35;margin:0 0 16px}.pkg-amount{display:inline-flex;align-items:center;gap:7px;background:var(--bg);border-radius:10px;padding:7px 10px;color:var(--muted)}.pkg-amount i{font-size:11px;color:var(--pink)}.pkg-amount span{font-weight:800;color:var(--text);font-size:13px}.pkg-amount small{font-size:11px}.pkg-footer{border-top:1px solid var(--line);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.pkg-price{display:grid}.pkg-price small{font-size:10px;color:var(--muted)}.pkg-price b{font-size:21px;color:var(--pink)}.order-btn{border:0;background:var(--navy);color:#fff;border-radius:11px;padding:11px 14px;font-weight:800;cursor:pointer;white-space:nowrap;transition:.2s}.order-btn:hover{background:var(--pink);transform:translateX(2px)}.order-btn i{font-size:11px;margin-left:5px}.pkg-empty{display:none;place-items:center;text-align:center;padding:55px 20px;background:var(--card);border:1px dashed var(--line);border-radius:20px;color:var(--muted)}.pkg-empty i{font-size:34px;color:var(--pink);margin-bottom:8px}.pkg-empty h3{color:var(--text);margin:4px}.pkg-empty p{margin:3px}.modal-card{box-shadow:0 30px 80px rgba(8,14,33,.25)}@media(max-width:1200px){.modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.packages-hero{display:block;padding:22px}.packages-hero h3{font-size:22px}.packages-balance{margin-top:18px}.modern-grid{grid-template-columns:1fr}.searchbox kbd{display:none}.toolbar.modern .searchbox input{padding-right:14px}.pkg-footer{align-items:end}}


/* V4 compact package cards */
.compact-toolbar{padding:14px 16px;margin-bottom:16px}.compact-platforms{margin-top:12px}.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.compact-package{background:var(--card);border:1px solid var(--line);border-radius:19px;padding:10px;box-shadow:0 8px 26px rgba(25,36,75,.05);transition:.2s;min-width:0}.compact-package:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(25,36,75,.10)}.compact-main{position:relative;display:flex;align-items:center;gap:12px;min-height:86px}.compact-icon{width:74px;height:74px;flex:0 0 74px;border-radius:13px;display:grid;place-items:center;color:#fff;background:#344a7b;font-size:26px}.compact-info{min-width:0;padding-right:20px}.compact-platform-name{font-size:13px;font-weight:900;color:#344a7b;line-height:1.15;margin-bottom:2px}.compact-info h4{font-size:15px;font-weight:500;margin:0;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-price{font-size:12px;color:var(--muted);margin-top:10px}.compact-fav{position:absolute;right:0;top:0;margin:0}.compact-fav .fav{width:27px;height:27px;border:0;background:transparent;color:#b4bac8;cursor:pointer}.compact-fav .fav.on{color:var(--pink)}.compact-buy{width:100%;height:44px;margin-top:8px;border:0;border-radius:11px;background:#f1f3f7;color:#53607c;font-size:11px;font-weight:800;cursor:pointer;transition:.2s}.compact-buy:hover{background:var(--navy);color:#fff}.platform-instagram .compact-icon{background:#ef3677}.platform-instagram .compact-platform-name{color:#ef3677}.platform-youtube .compact-icon{background:#e72d42}.platform-youtube .compact-platform-name{color:#e72d42}.platform-twitter .compact-icon{background:#3289df}.platform-twitter .compact-platform-name{color:#3289df}.platform-tiktok .compact-icon{background:#4c4f86}.platform-tiktok .compact-platform-name{color:#4c4f86}.platform-spotify .compact-icon{background:#21c978}.platform-spotify .compact-platform-name{color:#18ad65}.platform-twitch .compact-icon{background:#6240a2}.platform-twitch .compact-platform-name{color:#6240a2}.platform-facebook .compact-icon{background:#287be0}.platform-facebook .compact-platform-name{color:#287be0}.platform-telegram .compact-icon{background:#32a9df}.platform-telegram .compact-platform-name{color:#32a9df}[data-theme=karanlik] .compact-buy{background:#202a40;color:#c8d0e2}[data-theme=karanlik] .compact-buy:hover{background:var(--pink);color:#fff}@media(max-width:1280px){.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:950px){.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.compact-grid{grid-template-columns:1fr}.compact-main{min-height:82px}.compact-icon{width:70px;height:70px;flex-basis:70px}}

/* V4 compact catalog reference refinement */
.compact-toolbar,.compact-grid,.compact-package,.compact-package button,.compact-package input,.compact-platforms button,.searchbox input{font-family:'Poppins',sans-serif}
.compact-toolbar{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 16px 13px;box-shadow:0 5px 18px rgba(25,36,75,.035)}
.compact-toolbar .searchbox{max-width:420px}.compact-toolbar .searchbox input{height:42px;width:100%;border:1px solid var(--line);border-radius:11px;background:var(--bg);padding:0 76px 0 39px;color:var(--text);font-size:12px;outline:0}.compact-toolbar .searchbox>i{left:14px;font-size:12px}.compact-toolbar .searchbox kbd{font-size:10px;padding:5px 7px}
.compact-platforms{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.compact-platforms button{height:34px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--card);font-size:11px;font-weight:500;color:var(--text);cursor:pointer}.compact-platforms button i{font-size:11px}.compact-platforms button.active{background:#fff0f6;border-color:#ffb7d2;color:#ef3677}.compact-platforms button:hover{border-color:#ef3677;color:#ef3677}
.compact-package{border-radius:16px;padding:10px}.compact-main{gap:12px;min-height:72px}.compact-icon{width:74px;height:74px;flex-basis:74px;border-radius:12px;font-size:25px}.compact-info{padding-right:18px}.compact-platform-name{font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;letter-spacing:0;margin-bottom:1px}.compact-info h4{font-family:'Poppins',sans-serif;font-size:14px;font-weight:500;line-height:1.35}.compact-price{font-family:'Poppins',sans-serif;font-size:11px;font-weight:400;margin-top:8px}.compact-buy{height:44px;border-radius:10px;font-family:'Poppins',sans-serif;font-size:11px;font-weight:500;letter-spacing:0;background:#f1f3f7;color:#52607c}.compact-fav .fav{font-size:12px}
@media(max-width:650px){.compact-toolbar .searchbox{max-width:none}.compact-platforms{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.compact-platforms button{flex:0 0 auto}}
/* V4 3-step platform > service > package flow */
.pkg-flow{font-family:'Poppins',sans-serif}.pkg-stage-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px}.pkg-stage-head>div{display:flex;align-items:center;gap:10px}.pkg-stage-head>div>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--pink);color:#fff;font-weight:700;font-size:13px}.pkg-stage-head h3{margin:0;color:#344a70;font-size:20px}.pkg-stage-head p{margin:0;color:#8790a8;font-size:12px}.platform-icon-grid{display:grid;grid-template-columns:repeat(8,minmax(92px,1fr));gap:8px;margin-bottom:26px}.platform-icon-card{height:126px;border:0;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 8px 24px rgba(31,45,80,.045);transition:.2s;color:#63708d}.platform-icon-card i{font-size:35px}.platform-icon-card span{font-size:11px;font-weight:600;opacity:0;transform:translateY(4px);transition:.2s}.platform-icon-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(31,45,80,.10)}.platform-icon-card:hover span{opacity:1;transform:none}.platform-instagram i{color:#ef3677}.platform-tiktok i{color:#4d527e}.platform-youtube i{color:#e72d42}.platform-twitter i{color:#222}.platform-facebook i{color:#4167a9}.platform-twitch i{color:#6441a5}.platform-spotify i{color:#1fc778}.platform-telegram i{color:#3d8fe5}.service-stage,.packages-stage{padding-top:4px}.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.service-card{height:232px;border:0;border-radius:20px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 7px 25px rgba(31,45,80,.035);color:#66738f;font-family:'Poppins',sans-serif;transition:.2s}.service-card>i{font-size:40px;margin-bottom:18px}.service-card strong{font-size:17px;color:#344a70;font-weight:700;line-height:1.2}.service-card small{font-size:13px;margin-top:2px}.service-card em{margin-top:36px;background:#ef3677;color:#fff;border-radius:22px;padding:7px 20px;font-style:normal;font-size:12px;font-weight:600}.service-card em i{font-size:10px;margin-left:3px}.service-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(31,45,80,.09)}.pkg-back{border:1px solid #e5e9f1;background:#fff;color:#52617e;border-radius:10px;padding:9px 14px;cursor:pointer;font-family:'Poppins',sans-serif;font-size:11px}.pkg-back i{margin-right:5px}.packages-stage .compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.packages-stage .compact-package[hidden]{display:none!important}[data-theme=karanlik] .platform-icon-card,[data-theme=karanlik] .service-card,[data-theme=karanlik] .pkg-back{background:#172035;border-color:#26324b}[data-theme=karanlik] .pkg-stage-head h3,[data-theme=karanlik] .service-card strong{color:#eef2fa}@media(max-width:1200px){.platform-icon-grid{grid-template-columns:repeat(4,1fr)}.service-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.service-grid{grid-template-columns:repeat(3,1fr)}.packages-stage .compact-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.platform-icon-grid{grid-template-columns:repeat(4,1fr);gap:6px}.platform-icon-card{height:92px}.platform-icon-card i{font-size:28px}.service-grid{grid-template-columns:repeat(2,1fr);gap:9px}.service-card{height:190px}.service-card>i{font-size:32px}.service-card strong{font-size:14px}.service-card em{margin-top:24px}.packages-stage .compact-grid{grid-template-columns:1fr}.pkg-stage-head p{display:none}}

/* V4 platform renkleri + Roxi hover + modern hizmet kartları */
:root{--selected-platform:#f02c78}
.platform-icon-grid{gap:10px}
.platform-icon-card{position:relative;overflow:hidden;height:132px;border:1px solid rgba(226,231,240,.75);background:#fff;color:var(--c);box-shadow:0 8px 25px rgba(31,45,80,.045);transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease}
.platform-icon-card:before{content:"";position:absolute;inset:auto -25% -70% -25%;height:100%;border-radius:50%;background:var(--c);opacity:0;transition:.28s ease}
.platform-icon-card i,.platform-icon-card span,.platform-icon-card small{position:relative;z-index:1;transition:.22s ease}
.platform-icon-card i{color:var(--c)!important;font-size:35px}
.platform-icon-card span{opacity:1;transform:none;font-size:12px;font-weight:700;color:#344a70}
.platform-icon-card small{font-size:10px;color:#8c95aa;margin-top:-10px}
.platform-icon-card:hover,.platform-icon-card.selected{background:var(--c);border-color:var(--c);color:#fff;transform:translateY(-5px);box-shadow:0 16px 34px color-mix(in srgb,var(--c) 24%,transparent)}
.platform-icon-card:hover:before,.platform-icon-card.selected:before{opacity:1;inset:-10%}
.platform-icon-card:hover i,.platform-icon-card.selected i,.platform-icon-card:hover span,.platform-icon-card.selected span,.platform-icon-card:hover small,.platform-icon-card.selected small{color:#fff!important}
.service-stage .pkg-stage-head>div>span,.packages-stage .pkg-stage-head>div>span{background:var(--selected-platform)}
.service-stage .pkg-stage-head h3,.packages-stage .pkg-stage-head h3{color:#344a70}
.service-grid{gap:16px}
.service-card{position:relative;height:238px;border:1px solid rgba(226,231,240,.72);overflow:hidden;background:#fff;color:#6b7894;box-shadow:0 8px 25px rgba(31,45,80,.045);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.service-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--c);transform:scaleX(0);transform-origin:left;transition:.25s ease}
.service-card .service-icon{width:66px;height:66px;border-radius:19px;display:grid;place-items:center;margin-bottom:14px;background:color-mix(in srgb,var(--c) 10%,white);color:var(--c);transition:.22s ease}
.service-card .service-icon i{font-size:31px;margin:0;color:inherit}
.service-card strong{font-size:15px;color:#344a70;font-weight:700}
.service-card small{font-size:11px;color:#8a93a8}
.service-card em{margin-top:28px;background:var(--c);padding:8px 19px;box-shadow:0 7px 16px color-mix(in srgb,var(--c) 20%,transparent);transition:.22s ease}
.service-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--c) 28%,#e2e7f0);box-shadow:0 18px 38px color-mix(in srgb,var(--c) 13%,transparent)}
.service-card:hover:before{transform:scaleX(1)}
.service-card:hover .service-icon{background:var(--c);color:#fff;transform:scale(1.06)}
.service-card:hover em{transform:translateY(-2px);box-shadow:0 10px 22px color-mix(in srgb,var(--c) 28%,transparent)}
.pkg-back:hover{border-color:var(--selected-platform);color:var(--selected-platform)}
.packages-stage .compact-buy:hover{background:var(--selected-platform)}
[data-theme=karanlik] .platform-icon-card,[data-theme=karanlik] .service-card{background:#172035;border-color:#26324b}
[data-theme=karanlik] .platform-icon-card span,[data-theme=karanlik] .service-card strong{color:#eef2fa}
[data-theme=karanlik] .service-card .service-icon{background:#202b44}
@media(max-width:650px){.platform-icon-card{height:96px}.platform-icon-card span{font-size:10px}.platform-icon-card small{display:none}.service-card{height:190px}.service-card .service-icon{width:54px;height:54px;border-radius:15px}.service-card .service-icon i{font-size:26px}.service-card em{margin-top:20px}}

/* V4 active catalog isolation */
.pkg-flow [hidden],.pkg-flow .service-grid[hidden],.pkg-flow .compact-package[hidden]{display:none!important}
.service-grid{display:grid}
.service-grid .service-card .service-icon{color:var(--c)!important;background:color-mix(in srgb,var(--c) 12%,white)!important}
.service-grid .service-card em{background:var(--c)!important}
.service-grid .service-card:hover{border-color:color-mix(in srgb,var(--c) 24%,transparent)}
.packages-stage .compact-package .compact-buy:hover{background:var(--selected-platform)!important;color:#fff}

/* V4 favori + destek + canlı bildirim */
.app nav a{position:relative}.live-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;background:#ef3340;color:#fff;font-size:10px;line-height:1;animation:memberPulse 1s infinite}.has-live-badge>i{color:#ef3340!important}@keyframes memberPulse{50%{opacity:.25;box-shadow:0 0 0 7px rgba(239,51,64,.12)}}
.compact-fav{display:flex!important;align-items:center;gap:5px}.remove-favorite{border:0;background:#fff0f4;color:#e62d72;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap}.compact-fav:has(.remove-favorite){right:4px;top:3px}.member-toast{position:fixed;right:24px;bottom:24px;z-index:9999;background:#17213f;color:#fff;padding:12px 17px;border-radius:12px;font-size:13px;font-weight:700;box-shadow:0 15px 45px rgba(0,0,0,.22);opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.member-toast.show{opacity:1;transform:none}
.support-layout{display:grid;grid-template-columns:390px 1fr;gap:18px;align-items:start}.support-side{min-width:0}.support-list h3{display:flex;align-items:center;justify-content:space-between}.refresh-btn,.chat-actions button{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;padding:8px 10px;cursor:pointer}.ticket-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 4px;border-bottom:1px solid var(--line);color:var(--text)}.ticket-row.active{color:var(--pink)}.ticket-row span{display:grid;gap:4px}.ticket-row small{color:var(--muted)}.ticket-status{font-style:normal;font-size:10px;font-weight:800;border-radius:20px;padding:6px 9px;background:#f2f4f8;color:#67728b}.ticket-status.admin_yaniti{background:#fff0f4;color:#e62d72;animation:memberPulse 1s infinite}.ticket-status.kapali{background:#eef1f5;color:#8a93a7}.support-chat{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);min-height:520px;overflow:hidden}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.chat-head h3{margin:4px 0 0}.chat-head small{color:var(--muted)}.chat-actions{display:flex;gap:8px;align-items:center}.chat-actions form{margin:0}.chat-actions .close-ticket{background:#fff0f2;color:#c83c50;border-color:#ffd8df}.chat-messages{padding:20px;display:grid;gap:14px;max-height:520px;overflow:auto}.chat-message{display:flex;gap:10px;max-width:82%}.chat-message.admin{margin-left:auto;flex-direction:row-reverse}.chat-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:#edf0f6;color:#68748e}.chat-message.admin .chat-avatar{background:#fff0f6;color:var(--pink)}.chat-bubble{background:#f4f6fa;padding:12px 14px;border-radius:4px 15px 15px 15px}.chat-message.admin .chat-bubble{background:#fff0f6;border-radius:15px 4px 15px 15px}.chat-bubble p{margin:5px 0 7px;line-height:1.55}.chat-bubble small{color:var(--muted)}.chat-reply{border-top:1px solid var(--line);padding:15px;display:flex;gap:10px}.chat-reply textarea{flex:1;resize:vertical;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;padding:12px}.chat-reply button{border:0;background:var(--pink);color:#fff;border-radius:12px;padding:0 18px;font-weight:800}.closed-ticket-note,.support-empty{padding:50px 20px;text-align:center;color:var(--muted)}.support-empty i{font-size:42px;color:#d7dce8;margin-bottom:12px}
@media(max-width:1050px){.support-layout{grid-template-columns:1fr}.support-chat{min-height:420px}}@media(max-width:650px){.live-badge{position:absolute;right:2px;top:2px}.chat-head{align-items:flex-start;gap:10px;flex-direction:column}.chat-actions{width:100%;flex-wrap:wrap}.chat-message{max-width:95%}.chat-reply{display:grid}.chat-reply button{padding:12px}.member-toast{left:15px;right:15px;bottom:85px;text-align:center}}

/* Üye paneli - admin paneli arayüz uyarlaması */
.member-admin-shell>aside{width:248px;padding:0 14px 18px;border-right:1px solid var(--line);box-shadow:4px 0 18px rgba(30,45,75,.035)}
.member-side-brand{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;border-bottom:1px solid var(--line);margin-bottom:12px}.member-side-brand .logo{margin:0}.member-side-toggle{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.member-side-toggle:hover{background:#f3f5f9;color:var(--pink)}
.member-admin-shell .user-mini{margin:8px 0 14px;padding:12px;border-radius:10px;background:rgba(246,248,252,.85);border:1px solid var(--line)}.member-admin-shell .user-mini .avatar{width:38px;height:38px}.member-admin-shell nav{gap:3px}.member-admin-shell nav a{min-height:42px;border-radius:7px;padding:0 12px;font-size:12px}.member-admin-shell nav a i{width:22px;text-align:center}.member-admin-shell nav a.active{box-shadow:none}.member-admin-shell nav .member-logout{margin-top:12px;border-top:1px solid var(--line);padding-top:13px;color:#d84a5c}
.member-admin-shell .main{margin-left:248px}.member-topbar{min-height:72px;padding:0 26px;border-bottom:1px solid var(--line);background:var(--card);box-shadow:0 3px 14px rgba(29,44,75,.035)}.member-page-title h2{font-size:17px;margin-bottom:2px}.member-page-title small{font-size:10px}.member-head-actions{gap:8px}.member-head-actions .balance{height:42px;border-radius:9px;padding:5px 13px}.member-icon-btn{position:relative;width:42px;height:42px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--text);display:grid;place-items:center;text-decoration:none;cursor:pointer}.member-icon-btn:hover{color:var(--pink);border-color:#f3b9cf;background:#fff8fb}.theme-quick-form{margin:0}.member-notification-btn b{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:12px;background:#e83d50;color:#fff;font-size:9px;display:grid;place-items:center}.member-notification-btn.has-notification i{animation:memberBell 1.5s infinite}@keyframes memberBell{0%,100%{transform:rotate(0)}20%{transform:rotate(12deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(7deg)}80%{transform:rotate(-7deg)}}
.member-profile-menu{position:relative}.member-profile-trigger{height:46px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--card);border-radius:10px;padding:4px 9px 4px 5px;color:var(--text);cursor:pointer}.member-top-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),#ff72a8);color:#fff;font-weight:700}.member-profile-copy{display:grid;text-align:left;line-height:1.15}.member-profile-copy strong{font-size:11px}.member-profile-copy small{font-size:9px;color:var(--muted);margin-top:3px}.member-profile-trigger>i{font-size:9px;color:var(--muted);margin-left:3px}.member-profile-dropdown{position:absolute;right:0;top:54px;width:205px;padding:7px;background:var(--card);border:1px solid var(--line);border-radius:11px;box-shadow:0 18px 50px rgba(23,33,63,.16);display:none;z-index:100}.member-profile-menu.open .member-profile-dropdown{display:grid}.member-profile-dropdown a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:7px;color:var(--text);font-size:11px}.member-profile-dropdown a:hover{background:#f5f7fb;color:var(--pink)}.member-profile-dropdown .danger{color:#d84a5c;border-top:1px solid var(--line);margin-top:4px}
.member-settings-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}.member-settings-profile{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 20px;box-shadow:var(--shadow);text-align:center}.settings-avatar{width:78px;height:78px;margin:0 auto 13px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),#ff79ae);color:#fff;font-size:29px;font-weight:700;box-shadow:0 10px 25px rgba(238,54,119,.22)}.member-settings-profile h3{margin:0;color:var(--text);font-size:17px}.member-settings-profile>p{margin:4px 0 9px;color:var(--muted);font-size:11px}.member-settings-profile>span{display:inline-flex;padding:5px 10px;border-radius:20px;background:#fff0f6;color:var(--pink);font-size:9px;font-weight:700}.settings-profile-meta{display:grid;text-align:left;margin-top:22px;border-top:1px solid var(--line)}.settings-profile-meta>div{display:grid;grid-template-columns:28px 1fr;grid-template-areas:'icon small' 'icon bold';padding:13px 0;border-bottom:1px solid var(--line)}.settings-profile-meta i{grid-area:icon;color:var(--pink);align-self:center}.settings-profile-meta small{grid-area:small;color:var(--muted);font-size:9px}.settings-profile-meta b{grid-area:bold;font-size:10px;overflow-wrap:anywhere}.member-settings-content{display:grid;gap:18px}.settings-card{margin:0!important;padding:22px!important}.settings-card-title{display:flex;gap:12px;align-items:center;margin-bottom:18px}.settings-card-title>span{width:40px;height:40px;border-radius:10px;background:#fff0f6;color:var(--pink);display:grid;place-items:center}.settings-card-title h3{margin:0 0 3px;font-size:14px}.settings-card-title p{margin:0;color:var(--muted);font-size:10px}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.settings-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-card .themes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.settings-card .themes label{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 7px;border:1px solid var(--line);border-radius:9px;cursor:pointer}.settings-card .themes label:has(input:checked){border-color:var(--pink);background:#fff5f9;color:var(--pink)}.settings-card .themes input{accent-color:var(--pink)}
[data-theme=karanlik] .member-admin-shell .user-mini,[data-theme=karanlik] .member-side-toggle:hover,[data-theme=karanlik] .member-profile-dropdown a:hover{background:#202b44}[data-theme=karanlik] .member-icon-btn:hover,[data-theme=karanlik] .settings-card .themes label:has(input:checked){background:#251c32}.side-collapsed>aside{width:78px}.side-collapsed .main{margin-left:78px}.side-collapsed .member-side-brand .logo,.side-collapsed .user-mini>div:not(.avatar),.side-collapsed nav a span,.side-collapsed nav .live-badge{display:none}.side-collapsed .member-side-brand{justify-content:center}.side-collapsed .user-mini{justify-content:center;padding:10px}.side-collapsed nav a{justify-content:center;padding:0}.side-collapsed nav a i{width:auto}
@media(max-width:980px){.member-settings-layout{grid-template-columns:1fr}.member-settings-profile{display:none}.settings-bottom-grid{grid-template-columns:1fr}.member-profile-copy{display:none}.member-admin-shell>aside{width:78px}.member-admin-shell .main{margin-left:78px}.member-admin-shell .member-side-brand .logo,.member-admin-shell .user-mini>div:not(.avatar),.member-admin-shell nav a span,.member-admin-shell nav .live-badge{display:none}.member-admin-shell .member-side-brand{justify-content:center}.member-admin-shell .user-mini{justify-content:center}.member-admin-shell nav a{justify-content:center;padding:0}.member-admin-shell nav a i{width:auto}}
@media(max-width:650px){.member-topbar{padding:0 12px}.member-page-title small,.member-head-actions .balance,.member-profile-copy{display:none}.member-head-actions{gap:5px}.member-icon-btn{width:37px;height:37px}.member-profile-trigger{height:39px;padding:2px}.member-top-avatar{width:33px;height:33px}.member-profile-trigger>i{display:none}.settings-form-grid{grid-template-columns:1fr}.settings-card .themes{grid-template-columns:1fr}.member-admin-shell>aside{display:none}.member-admin-shell .main{margin-left:0}}

/* Üye profil ayarlari - kompakt admin panel hizasi */
.member-admin-shell .member-settings-layout{grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}
.member-admin-shell aside.member-settings-profile{position:static;top:auto;height:auto;min-height:0;width:auto;padding:22px 18px;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);align-self:start}
.member-admin-shell .member-settings-profile h3{color:var(--text)!important}
.member-admin-shell .member-settings-profile>p{color:var(--muted)!important}
.member-admin-shell .settings-profile-meta{margin-top:18px}
.member-admin-shell .settings-profile-meta>div{padding:11px 0}
.member-admin-shell .member-settings-content{gap:14px}
.member-admin-shell .settings-card{padding:18px!important;border-radius:14px}
.member-admin-shell .settings-card-title{margin-bottom:14px}
.member-admin-shell .settings-bottom-grid{gap:14px}
.member-admin-shell .settings-card form{gap:10px}
.member-admin-shell .settings-card input{padding:10px 12px}
.member-admin-shell .settings-card button{padding:11px 14px}
.member-admin-shell .settings-card .themes label{padding:10px 6px}
@media(max-width:980px){.member-admin-shell .member-settings-layout{grid-template-columns:1fr}.member-admin-shell aside.member-settings-profile{display:none}}

/* V4 - sidebar/content gap fix + modern polish */
.member-admin-shell{grid-template-columns:248px minmax(0,1fr)!important}
.member-admin-shell .main{margin-left:0!important;min-width:0;width:auto}
.member-admin-shell .page{max-width:none;margin:0;padding:28px 30px 38px}
.member-admin-shell .member-topbar{border-radius:0;backdrop-filter:saturate(130%) blur(10px)}
.member-admin-shell>aside{z-index:12}
.member-admin-shell .member-side-brand .logo{letter-spacing:-.5px}
.member-admin-shell .user-mini{box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.member-admin-shell nav a{transition:background .2s ease,color .2s ease,transform .2s ease}
.member-admin-shell nav a:hover{transform:translateX(3px)}
.member-admin-shell nav a.active{background:linear-gradient(90deg,rgba(240,44,120,.20),rgba(240,44,120,.10));box-shadow:inset 3px 0 0 var(--pink)}
.member-admin-shell .member-icon-btn,.member-admin-shell .member-profile-trigger,.member-admin-shell .balance{box-shadow:0 4px 14px rgba(25,36,75,.035);transition:.2s ease}
.member-admin-shell .member-icon-btn:hover,.member-admin-shell .member-profile-trigger:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(25,36,75,.08)}
.pkg-flow{max-width:none;width:100%}
.pkg-stage-head{margin-bottom:16px}
.pkg-stage-head h3{font-size:19px;letter-spacing:-.25px}
.platform-icon-grid{gap:12px;margin-bottom:30px}
.platform-icon-card{height:124px;border-radius:16px;box-shadow:0 7px 22px rgba(31,45,80,.05)}
.platform-icon-card:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:4px 4px 0 0;background:var(--c);opacity:.7;transform:scaleX(.35);transition:.22s ease}
.platform-icon-card:hover:after,.platform-icon-card.selected:after{background:#fff;opacity:.85;transform:scaleX(1)}
.platform-icon-card:hover,.platform-icon-card.selected{transform:translateY(-5px) scale(1.015)}
.service-grid{gap:15px}
.service-card{height:218px;border-radius:17px;box-shadow:0 7px 24px rgba(31,45,80,.045)}
.service-card .service-icon{width:60px;height:60px;border-radius:17px;margin-bottom:12px}
.service-card strong{font-size:14px;letter-spacing:-.1px}
.service-card em{margin-top:23px;padding:8px 18px}
.service-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(31,45,80,.10)}
.packages-stage .compact-package{border-radius:17px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.packages-stage .compact-package:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(31,45,80,.09)}
.member-admin-shell .section-head,.member-admin-shell .pkg-stage-head{position:relative}
@media(max-width:980px){
 .member-admin-shell{grid-template-columns:78px minmax(0,1fr)!important}
 .member-admin-shell .main{margin-left:0!important}
 .member-admin-shell .page{padding:24px 20px 34px}
}
@media(max-width:650px){
 .member-admin-shell{display:block!important}
 .member-admin-shell .main{margin-left:0!important}
 .member-admin-shell .page{padding:18px 12px 88px}
 .platform-icon-grid{gap:8px}
 .platform-icon-card{border-radius:13px}
}

/* V4 - Genel Bakış / Popüler Paketler modern kartları */
.member-admin-shell .popular-package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:4px}
.member-admin-shell .popular-package{position:relative;min-height:188px;padding:18px!important;border:1px solid var(--line);border-radius:18px!important;background:var(--card);color:var(--text);text-decoration:none;overflow:hidden;display:flex!important;flex-direction:column;justify-content:space-between;box-shadow:0 7px 24px rgba(31,45,80,.045);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.member-admin-shell .popular-package:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--pc)}
.member-admin-shell .popular-package:after{content:"";position:absolute;width:125px;height:125px;border-radius:50%;right:-54px;top:-58px;background:var(--pc);opacity:.055;pointer-events:none}
.member-admin-shell .popular-package:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--pc) 28%,var(--line));box-shadow:0 17px 38px rgba(31,45,80,.11)}
.popular-package-top{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.popular-brand{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:var(--pc);color:#fff;font-size:21px;box-shadow:0 8px 18px color-mix(in srgb,var(--pc) 24%,transparent)}.popular-platform{font-size:11px;font-weight:700;color:var(--muted)}.popular-heart{margin-left:auto;width:32px;height:32px;border-radius:50%;display:grid!important;place-items:center;color:var(--pc);background:color-mix(in srgb,var(--pc) 9%,transparent);transition:.2s ease}.popular-package:hover .popular-heart{font-weight:900;background:var(--pc);color:#fff}
.popular-package-body{position:relative;z-index:1;margin:17px 0 13px}.popular-package-body h4{margin:0 0 7px;font-size:15px;line-height:1.35;color:var(--text);font-weight:700}.popular-package-body small{font-size:11px;color:var(--muted)}
.popular-package-bottom{position:relative;z-index:1;padding-top:13px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.popular-package-bottom b{font-size:19px;color:var(--pc);letter-spacing:-.3px}.popular-package-bottom span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--pc) 10%,transparent);color:var(--pc);font-size:10px;font-weight:800;transition:.2s ease}.popular-package:hover .popular-package-bottom span{background:var(--pc);color:#fff}.popular-package:hover .popular-package-bottom span i{transform:translateX(2px)}.popular-package-bottom span i{transition:.2s ease}
[data-theme=karanlik] .popular-package{background:var(--card)}
@media(max-width:1250px){.member-admin-shell .popular-package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.member-admin-shell .popular-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.member-admin-shell .popular-package-grid{grid-template-columns:1fr}.member-admin-shell .popular-package{min-height:170px}}

/* Popular package brand icons + direct package focus */
.member-admin-shell .popular-package .popular-brand{color:#fff!important;font-size:0!important}
.member-admin-shell .popular-package .popular-brand i{display:block!important;color:#fff!important;font-family:"Font Awesome 6 Brands"!important;font-style:normal!important;font-weight:400!important;font-size:22px!important;line-height:1!important}
.member-admin-shell .popular-package .popular-brand .fa-x-twitter:before{content:"\e61f"}
.compact-package.jump-highlight{outline:2px solid var(--selected-platform,var(--pink));outline-offset:3px;box-shadow:0 18px 42px rgba(31,45,80,.16)!important}

/* V4 - Paketler ilk ekran önerileri + gerçek X logosu */
.x-brand-svg{display:block;width:22px;height:22px;color:currentColor;fill:currentColor}
.platform-icon-card .platform-x-svg{width:30px;height:30px;color:var(--c)}
.platform-icon-card:hover .platform-x-svg,.platform-icon-card.selected .platform-x-svg{color:#fff}
.compact-icon .x-brand-svg,.popular-brand .x-brand-svg{width:22px;height:22px;color:#fff!important}
.package-suggestions{margin-top:8px;padding-top:2px;animation:suggestionFade .24s ease}
.package-suggestions[hidden]{display:none!important}
.suggestion-head{margin-top:4px;margin-bottom:16px}
.suggestion-head>div>span{display:grid;place-items:center}
.suggestion-head>div>span i{font-size:11px}
.suggestion-grid{margin-bottom:28px!important}
.suggestion-package{min-height:174px!important}
.suggestion-open{margin-left:auto;color:var(--pc);font-size:12px;opacity:.65}
.suggestion-package:hover .suggestion-open{opacity:1;transform:translate(2px,-2px)}
.suggestion-open{transition:.2s ease}
@keyframes suggestionFade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

/* V4 - marka ikonlari, modern paket kartlari, acik sidebar, favori aksiyonu */
.compact-icon>i.fa-brands{display:block!important;color:#fff!important;font-family:"Font Awesome 6 Brands"!important;font-style:normal!important;font-weight:400!important;font-size:27px!important;line-height:1!important;opacity:1!important}
.compact-icon>i.fa-instagram:before{content:"\f16d"}.compact-icon>i.fa-youtube:before{content:"\f167"}.compact-icon>i.fa-facebook-f:before{content:"\f39e"}.compact-icon>i.fa-twitch:before{content:"\f1e8"}.compact-icon>i.fa-tiktok:before{content:"\e07b"}.compact-icon>i.fa-spotify:before{content:"\f1bc"}.compact-icon>i.fa-telegram:before{content:"\f2c6"}
.packages-stage .compact-grid{gap:14px}.packages-stage .compact-package{padding:12px;border:1px solid #e5eaf2;background:var(--card);box-shadow:0 8px 24px rgba(28,43,75,.045)}.packages-stage .compact-main{min-height:78px}.packages-stage .compact-icon{width:66px;height:66px;flex-basis:66px;border-radius:16px;box-shadow:0 8px 18px rgba(30,45,80,.10)}.packages-stage .compact-info h4{font-weight:600}.packages-stage .compact-price{font-size:12px;font-weight:600}.compact-card-actions{display:grid;grid-template-columns:1fr;gap:7px;margin-top:9px}.compact-card-actions .compact-buy{margin-top:0;background:#f4f6fa;border:1px solid #edf0f5}.compact-card-actions .compact-buy:hover{background:var(--pink);border-color:var(--pink);color:#fff}.favorite-remove-form{margin:0!important;position:static!important}.favorite-remove-wide{width:100%;height:38px;border:1px solid #ffd0df;border-radius:10px;background:#fff4f8;color:#e72d70;font-size:11px;font-weight:700;cursor:pointer;transition:.2s}.favorite-remove-wide:hover{background:#e72d70;color:#fff;border-color:#e72d70}.favorite-remove-wide i{margin-right:6px}
/* sidebar: koyu blok yerine modern acik panel */
.member-admin-shell>aside{background:#fff!important;color:#263553!important;border-right:1px solid #e6eaf1!important;box-shadow:6px 0 24px rgba(27,42,72,.035)!important}.member-admin-shell .member-side-brand{border-bottom-color:#e6eaf1}.member-admin-shell .member-side-brand .logo{color:#14213d!important}.member-admin-shell .member-side-toggle{color:#73809a}.member-admin-shell .user-mini{background:linear-gradient(135deg,#f8f9fc,#f2f5fa)!important;border-color:#e5e9f1!important}.member-admin-shell .user-mini b{color:#23314f}.member-admin-shell .user-mini small{color:#8b96ab}.member-admin-shell nav a{color:#5e6b83!important;font-weight:500}.member-admin-shell nav a i{color:#8793a9}.member-admin-shell nav a:hover{background:#f7f8fb!important;color:#1f2d49!important}.member-admin-shell nav a:hover i{color:var(--pink)}.member-admin-shell nav a.active{background:linear-gradient(90deg,#fff0f6,#fff8fb)!important;color:#263553!important;box-shadow:inset 3px 0 0 var(--pink)!important}.member-admin-shell nav a.active i{color:var(--pink)!important}.member-admin-shell nav .member-logout{color:#d94b62!important;border-top-color:#e6eaf1!important}
[data-theme=karanlik] .member-admin-shell>aside{background:#151e33!important;color:#edf1fb!important;border-right-color:#25304a!important}[data-theme=karanlik] .member-admin-shell .member-side-brand .logo,[data-theme=karanlik] .member-admin-shell .user-mini b{color:#edf1fb!important}[data-theme=karanlik] .member-admin-shell .user-mini{background:#1b263e!important;border-color:#293650!important}[data-theme=karanlik] .member-admin-shell nav a{color:#b8c2d7!important}[data-theme=karanlik] .member-admin-shell nav a:hover{background:#202b44!important;color:#fff!important}[data-theme=karanlik] .member-admin-shell nav a.active{background:linear-gradient(90deg,rgba(240,44,120,.20),rgba(240,44,120,.08))!important;color:#fff!important}


/* V4 platform X hover + suggested package brand watermark */
.platform-icon-card .platform-x-svg{position:relative;z-index:3;display:block;flex:0 0 auto;opacity:1!important;visibility:visible!important;fill:currentColor;transition:color .2s ease,transform .2s ease}
.platform-icon-card:hover .platform-x-svg,.platform-icon-card.selected .platform-x-svg{color:#fff!important;fill:currentColor!important;opacity:1!important;visibility:visible!important;transform:scale(1.04)}
.platform-icon-card:hover .platform-x-svg path,.platform-icon-card.selected .platform-x-svg path{fill:currentColor!important}
.suggestion-package{isolation:isolate}
.suggestion-package:after{display:none!important}
.suggestion-package .popular-package-top{position:relative;z-index:2}
.suggestion-watermark{position:absolute;right:-9px;top:-15px;width:82px;height:82px;border-radius:0 18px 0 82px;display:flex;align-items:flex-start;justify-content:flex-end;padding:18px 17px 0 0;background:color-mix(in srgb,var(--pc) 7%,transparent);color:var(--pc);pointer-events:none;z-index:0;overflow:hidden;transition:.22s ease}
.suggestion-watermark i{font-family:"Font Awesome 6 Brands"!important;font-style:normal!important;font-weight:400!important;font-size:30px!important;line-height:1!important;color:var(--pc)!important;opacity:.16!important;filter:drop-shadow(0 7px 12px color-mix(in srgb,var(--pc) 28%,transparent))}
.suggestion-watermark .x-brand-svg{width:29px!important;height:29px!important;color:var(--pc)!important;opacity:.16!important;filter:drop-shadow(0 7px 12px color-mix(in srgb,var(--pc) 28%,transparent))}
.suggestion-package:hover .suggestion-watermark{background:color-mix(in srgb,var(--pc) 11%,transparent);transform:scale(1.04);transform-origin:top right}
.suggestion-package:hover .suggestion-watermark i,.suggestion-package:hover .suggestion-watermark .x-brand-svg{opacity:.27!important}
.suggestion-watermark .fa-instagram:before{content:"\f16d"}.suggestion-watermark .fa-youtube:before{content:"\f167"}.suggestion-watermark .fa-facebook-f:before{content:"\f39e"}.suggestion-watermark .fa-twitch:before{content:"\f1e8"}.suggestion-watermark .fa-tiktok:before{content:"\e07b"}.suggestion-watermark .fa-spotify:before{content:"\f1bc"}.suggestion-watermark .fa-telegram:before{content:"\f2c6"}


/* V4 - Favorilerim: direkt paket vitrini */
.favorites-showcase{max-width:1500px;margin:0 auto}.favorites-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--card),color-mix(in srgb,var(--pink) 4%,var(--card)));box-shadow:0 10px 30px rgba(31,45,80,.045)}.favorites-hero>div{display:flex;align-items:center;gap:13px}.favorites-hero-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),#ff5b98);color:#fff;font-size:18px;box-shadow:0 10px 22px rgba(240,44,120,.22)}.favorites-hero h3{margin:0 0 3px;font-size:19px}.favorites-hero p{margin:0;color:var(--muted);font-size:12px}.favorites-hero>b{padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--pink) 9%,transparent);color:var(--pink);font-size:12px}.favorite-package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.favorite-package-card{position:relative;overflow:hidden;padding:15px;border:1px solid var(--line);border-top:3px solid var(--pc);border-radius:17px;background:var(--card);box-shadow:0 9px 26px rgba(31,45,80,.055);transition:.22s ease}.favorite-package-card:after{content:"";position:absolute;right:-34px;top:-36px;width:110px;height:110px;border-radius:50%;background:color-mix(in srgb,var(--pc) 7%,transparent);pointer-events:none}.favorite-package-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(31,45,80,.10);border-color:color-mix(in srgb,var(--pc) 28%,var(--line));border-top-color:var(--pc)}.favorite-card-top{display:flex;align-items:center;gap:11px;position:relative;z-index:1}.favorite-brand{width:48px;height:48px;flex:0 0 48px;border-radius:14px;display:grid;place-items:center;background:var(--pc);color:#fff;box-shadow:0 9px 20px color-mix(in srgb,var(--pc) 22%,transparent)}.favorite-brand i{font-family:"Font Awesome 6 Brands"!important;font-style:normal!important;font-size:23px!important;color:#fff!important}.favorite-brand .x-brand-svg{width:21px;height:21px;color:#fff!important}.favorite-card-top>div{min-width:0}.favorite-card-top small{display:block;color:var(--pc);font-size:10px;font-weight:800;margin-bottom:3px}.favorite-card-top h4{margin:0;color:var(--text);font-size:14px;line-height:1.3}.favorite-heart-form{margin-left:auto;align-self:flex-start}.favorite-heart-form .fav{position:static;width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--pc) 8%,transparent);color:var(--pc);border:0;display:grid;place-items:center;cursor:pointer}.favorite-card-meta{display:flex;align-items:center;justify-content:space-between;margin:16px 0 13px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.favorite-card-meta span{color:var(--muted);font-size:11px}.favorite-card-meta span i{margin-right:5px;color:var(--pc)}.favorite-card-meta strong{font-size:18px;color:var(--pc)}.favorite-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.favorite-buy,.favorite-remove-wide{height:39px;border-radius:10px;font-size:10px;font-weight:800;cursor:pointer;transition:.2s}.favorite-buy{border:1px solid var(--pc);background:var(--pc);color:#fff}.favorite-buy:hover{filter:brightness(.94);transform:translateY(-1px)}.favorite-remove-form{margin:0!important}.favorite-remove-wide{border:1px solid #ffd0df;background:#fff5f8;color:#e72d70}.favorite-remove-wide:hover{background:#e72d70;color:#fff;border-color:#e72d70}.favorites-empty{min-height:390px;border:1px dashed color-mix(in srgb,var(--pink) 25%,var(--line));border-radius:22px;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.favorites-empty>span{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:#fff1f6;color:var(--pink);font-size:30px;margin-bottom:16px}.favorites-empty h3{margin:0 0 7px;font-size:20px}.favorites-empty p{margin:0 0 18px;color:var(--muted);font-size:12px}.favorites-empty a{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:11px;background:var(--pink);color:#fff;text-decoration:none;font-size:11px;font-weight:800}@media(max-width:1250px){.favorite-package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.favorite-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.favorite-package-grid{grid-template-columns:1fr}.favorite-card-actions{grid-template-columns:1fr}.favorites-hero{align-items:flex-start}.favorites-hero>b{white-space:nowrap}}

/* V4 - Profesyonel tipografi dengesi */
:root{--member-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
html,body,.app,.auth{font-family:var(--member-font)!important;font-weight:400;letter-spacing:0!important}
.app aside nav a,.member-profile-copy,.user-mini,.member-page-title small,.pkg-stage-head p,.section-head p,.recommended-card small,.compact-info,.service-card small,.platform-icon-card small{font-weight:400!important;letter-spacing:0!important}
.app aside nav a{font-size:13px!important}
.app aside nav a span,.member-profile-copy strong,.user-mini b{font-weight:500!important}
.member-page-title h2{font-size:21px!important;font-weight:600!important;letter-spacing:-.25px!important}
.section-head h3,.pkg-stage-head h3{font-size:19px!important;font-weight:600!important;letter-spacing:-.2px!important}
.platform-icon-card span,.service-card strong{font-size:13px!important;font-weight:600!important;letter-spacing:0!important}
.platform-icon-card small,.service-card small{font-size:11px!important}
.compact-platform-name,.recommended-platform{font-size:11px!important;font-weight:600!important;letter-spacing:.1px!important}
.compact-info h4,.recommended-card h4,.favorite-showcase-card h4{font-size:14px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:0!important}
.compact-price,.recommended-price,.favorite-showcase-price{font-size:17px!important;font-weight:600!important;letter-spacing:-.15px!important}
.compact-buy,.recommended-card .package-go,.favorite-showcase-card .compact-buy,.remove-favorite{font-family:var(--member-font)!important;font-size:11px!important;font-weight:600!important;letter-spacing:0!important}
.stats small,.hero small,.hero p,.table-card,.form-card,label,input,select,textarea,button{font-family:var(--member-font)!important}
.stats b,.hero-balance strong{font-weight:600!important}
.logo{font-family:var(--member-font)!important;font-weight:700!important;letter-spacing:-.5px!important}
/* Gereksiz ağır görünümü azalt */
.package-grid b,.compact-package b,.recommended-grid b{font-weight:600}
@media(max-width:768px){.member-page-title h2{font-size:19px!important}.section-head h3,.pkg-stage-head h3{font-size:17px!important}}

/* V10 - aktif sipariş gerçek ilerleme kartları */
.live-orders{margin-top:22px}.live-orders-head{margin-bottom:12px}.live-orders-head p{margin:3px 0 0;font-size:12px;font-weight:400;color:#7c879e}.live-dot{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#536078}.live-dot i{width:8px;height:8px;border-radius:50%;background:#28bf78;box-shadow:0 0 0 4px rgba(40,191,120,.12)}.live-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.live-order-card{background:#fff;border:1px solid #e8ebf2;border-radius:12px;padding:17px 18px}.live-order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.live-platform{display:block;font-size:11px;font-weight:600;color:#f02c78;margin-bottom:4px}.live-order-top h4{margin:0;color:#1f2940;font-size:15px;font-weight:600}.live-order-top small{display:block;margin-top:4px;color:#9099aa;font-size:11px;font-weight:400}.live-percent{font-size:23px;line-height:1;font-weight:600;color:#f02c78;white-space:nowrap}.live-percent.pending{color:#9aa3b3}.live-progress-meta{display:flex;justify-content:space-between;gap:12px;margin:16px 0 7px;font-size:12px}.live-progress-meta b{font-weight:600;color:#38445c}.live-progress-meta span{font-weight:400;color:#7c879e}.live-progress-track{height:8px;border-radius:999px;background:#edf0f5;overflow:hidden}.live-progress-track span{display:block;height:100%;border-radius:inherit;background:#f02c78;transition:width .45s ease}.live-progress-track.indeterminate span{background:#c8ced9;animation:memberProgress 1.6s ease-in-out infinite}.live-target{display:flex;align-items:center;gap:8px;margin-top:12px;color:#8a94a7;font-size:11px;min-width:0}.live-target span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes memberProgress{0%{transform:translateX(-120%)}100%{transform:translateX(560%)}}@media(max-width:760px){.live-order-grid{grid-template-columns:1fr}.live-progress-meta{align-items:flex-start;flex-direction:column;gap:3px}}@media(prefers-reduced-motion:reduce){.live-progress-track span{transition:none}.live-progress-track.indeterminate span{animation:none}}
/* 2026 modern live order cards + exact detail modal */
.live-orders{margin-top:30px}.live-orders-head{position:relative;padding-left:18px;margin-bottom:18px}.live-orders-head:before{content:"";position:absolute;left:0;top:2px;width:4px;height:34px;border-radius:8px;background:#ff2c72}.live-orders-head h3{font-size:20px!important;margin:0!important}.live-dot{background:#fff;padding:7px 11px;border-radius:999px;box-shadow:0 5px 20px rgba(32,56,96,.05)}
.live-order-grid{gap:18px}.modern-order-card{border:1px solid #e9edf5;border-radius:16px;padding:24px 26px 20px;box-shadow:0 12px 32px rgba(33,55,92,.035);overflow:hidden}.moc-head{display:flex;align-items:flex-start;gap:18px}.moc-icon,.lod-icon{width:76px;height:76px;flex:0 0 76px;border-radius:18px;background:linear-gradient(145deg,#fff0f6,#fff8fb);display:grid;place-items:center}.moc-icon i,.lod-icon i{font-size:43px;background:linear-gradient(135deg,#6c22cc,#ff245f,#ff9a20);-webkit-background-clip:text;color:transparent}.moc-title{min-width:0;flex:1}.moc-title>div:first-child,.lod-title>div:first-child{display:flex;align-items:center;gap:12px}.moc-platform,.lod-title>div>span{background:#ffe9f1;color:#f02c78;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:700}.moc-title small,.lod-title small{color:#8390a7;font-size:12px;font-weight:600}.moc-title h4{font-size:17px;margin:7px 0 9px;color:#17223b}.moc-tags{display:flex;gap:8px;flex-wrap:wrap}.moc-tags span{display:inline-flex;align-items:center;gap:7px;background:#f4f7fb;color:#40516e;padding:7px 10px;border-radius:8px;font-size:12px;font-weight:600}.moc-tags span:last-child i{color:#ff8b1a}.moc-status{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-size:12px;font-weight:700;white-space:nowrap}.moc-status.process{background:#eaf5ff;color:#1475d3}.moc-status.queue{background:#eaf5ff;color:#1475d3}.moc-progress-title,.lod-progress-title{display:flex;justify-content:space-between;align-items:center;margin:19px 0 9px;color:#18233c;font-size:13px}.moc-progress-title strong,.lod-progress-title strong{font-size:15px}.moc-track,.lod-track{height:13px;background:#edf2f8;border-radius:999px;overflow:hidden}.moc-track span,.lod-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff2465,#ff397a);position:relative}.moc-track span:after,.lod-track span:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.15) 0 8px,transparent 8px 16px)}.moc-track.indeterminate span{background:linear-gradient(90deg,#2599f4,#48b5ff)}.moc-foot{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:18px;margin-top:18px}.moc-foot>div{display:flex;align-items:center;gap:10px;color:#385174}.moc-foot>div:first-child{display:block}.moc-foot i{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 4px 15px rgba(39,72,115,.09);font-size:14px}.moc-foot span{display:flex;flex-direction:column}.moc-foot b{font-size:13px}.moc-foot small{font-size:11px;color:#8795ad;margin-top:2px}.moc-detail{border:0;background:#ff286d;color:#fff;border-radius:10px;padding:12px 17px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(255,40,109,.18)}
.live-detail-modal{position:fixed;inset:0;z-index:99999;background:rgba(42,62,94,.52);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:24px}.live-detail-modal.show{display:flex}.live-detail-card{position:relative;width:min(790px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:16px;padding:28px 30px 18px;box-shadow:0 30px 80px rgba(17,35,65,.25)}.lod-close{position:absolute;right:20px;top:15px;border:0;background:none;color:#34537f;font-size:32px;font-weight:300;cursor:pointer;z-index:2}.lod-top{display:flex;align-items:flex-start;gap:20px;padding-right:45px}.lod-title{flex:1}.lod-title h3{font-size:20px;margin:8px 0 10px;color:#14203a}.lod-progress-title{margin-top:22px}.lod-track{height:14px}.lod-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;padding:22px 14px}.lod-stats>div{display:flex;align-items:center;gap:12px}.lod-stats>div:first-child{display:block}.lod-stats i{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;box-shadow:0 5px 18px rgba(34,66,109,.10);color:#496b9d}.lod-stats span{display:flex;flex-direction:column}.lod-stats b{font-size:14px;color:#24436c}.lod-stats small{font-size:12px;color:#8493aa;margin-top:3px}.lod-info{display:grid;grid-template-columns:1fr 1fr;gap:17px 30px;background:#f8fbff;border-radius:13px;padding:18px 22px}.lod-info>div{display:flex;align-items:center;gap:14px;min-width:0}.lod-info>div>i{width:26px;text-align:center;color:#496b9d;font-size:18px}.lod-info span{display:flex;flex-direction:column;min-width:0}.lod-info small{font-size:12px;color:#7889a4;margin-bottom:3px}.lod-info b{font-size:13px;color:#17365f;font-weight:600}.lod-info .target{color:#0879df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lod-process{border-top:1px dashed #dfe5ee;margin-top:18px;padding-top:17px}.lod-process h4{margin:0 0 17px;font-size:16px}.lod-steps{display:grid;grid-template-columns:repeat(5,1fr);position:relative}.lod-steps:before{content:"";position:absolute;left:8%;right:8%;top:15px;height:3px;background:linear-gradient(90deg,#ff2c72 0 72%,#e6ebf3 72%)}.lod-steps>div{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center}.lod-steps>div>i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e7edf5;color:#60718d;margin-bottom:8px}.lod-steps .done>i,.lod-steps .active>i{background:#ff2c72;color:#fff;box-shadow:0 0 0 5px #fff}.lod-steps b{font-size:11px;color:#253a5d}.lod-steps small{font-size:10px;color:#7889a4;margin-top:3px}.lod-live{margin-top:19px;background:#edfbf6;border-radius:11px;padding:14px 16px;display:flex;align-items:center;gap:12px;color:#16945b}.lod-live>i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d7f6e8}.lod-live span{display:flex;flex-direction:column;flex:1}.lod-live b{font-size:12px}.lod-live small{font-size:11px;color:#5f7890;margin-top:3px}.lod-live em{font-style:normal;font-size:11px;color:#405674}.lod-live em i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1fc37a;margin-right:6px}.lod-actions{display:flex;justify-content:flex-end;margin-top:16px}.lod-actions button{border:0;background:#eef3fb;color:#3e5a7e;border-radius:10px;padding:11px 34px;font-weight:700;cursor:pointer}body.modal-open{overflow:hidden}
@media(max-width:800px){.moc-foot{grid-template-columns:1fr 1fr}.moc-detail{grid-column:1/-1}.lod-info{grid-template-columns:1fr}.lod-stats{grid-template-columns:1fr 1fr}.lod-steps{overflow-x:auto;grid-template-columns:repeat(5,120px)}.lod-steps:before{display:none}.lod-live{align-items:flex-start;flex-wrap:wrap}.lod-live em{width:100%;padding-left:46px}}@media(max-width:520px){.moc-head,.lod-top{flex-wrap:wrap}.moc-icon,.lod-icon{width:60px;height:60px;flex-basis:60px}.moc-icon i,.lod-icon i{font-size:34px}.moc-status{margin-left:auto}.lod-stats{grid-template-columns:1fr}.live-detail-card{padding:24px 18px 16px}}
/* V11 - Siparisler sayfasi tam modern tasarim */
.orders-modern-page{max-width:1500px;margin:0 auto}.orders-modern-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px;margin-bottom:18px;border:1px solid #e8edf5;border-radius:20px;background:linear-gradient(135deg,#fff 45%,#fff5fa 100%);box-shadow:0 12px 35px rgba(31,50,84,.045)}.omh-title{display:flex;align-items:center;gap:15px}.omh-title>span{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#ff1767,#ff4d8d);box-shadow:0 10px 25px rgba(240,44,120,.22);font-size:20px}.omh-title h2{margin:0 0 4px;color:#14203a;font-size:24px}.omh-title p{margin:0;color:#8793a8;font-size:12px}.omh-tools{display:flex;align-items:center;gap:10px}.omh-tools label{height:44px;width:310px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #e5eaf2;border-radius:12px;background:#f9fbfe;color:#8290a8}.omh-tools input{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;width:100%;height:auto!important;padding:0!important;font-size:12px}.omh-tools>a{height:44px;padding:0 16px;border-radius:12px;display:flex;align-items:center;gap:8px;background:#ff286d;color:#fff;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 8px 20px rgba(255,40,109,.18)}
.orders-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.orders-summary>div{position:relative;min-height:112px;padding:18px 18px 16px 78px;border:1px solid #e8edf5;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(31,50,84,.035)}.os-icon{position:absolute;left:18px;top:21px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:17px}.os-icon.blue{background:#eaf4ff;color:#1681ed}.os-icon.green{background:#e7fbf2;color:#1bbd78}.os-icon.violet{background:#f1edff;color:#7358e8}.os-icon.orange{background:#fff3e7;color:#e98520}.os-icon.pink{background:#ffebf3;color:#f02c78}.orders-summary small{display:block;color:#75839b;font-size:11px}.orders-summary b{display:block;margin:3px 0 1px;color:#15223d;font-size:22px}.orders-summary em{font-style:normal;color:#a0a9b8;font-size:10px}.orders-toolbar{display:flex;align-items:center;justify-content:space-between;margin:6px 0 12px}.modern-filters{display:flex!important;gap:8px!important;margin:0!important}.modern-filters button{border:1px solid #e5eaf2!important;background:#fff!important;color:#52617a!important;border-radius:11px!important;padding:10px 14px!important;font-size:12px!important;font-weight:600!important;box-shadow:0 4px 14px rgba(31,50,84,.025)!important}.modern-filters button.active{background:linear-gradient(135deg,#ff1767,#ff3f82)!important;color:#fff!important;border-color:transparent!important}.modern-filters button span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;margin-left:4px;border-radius:20px;background:rgba(255,255,255,.22)}.orders-live-badge{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #e8edf5;border-radius:999px;background:#fff;color:#536078;font-size:11px;font-weight:600}.orders-live-badge i{width:8px;height:8px;border-radius:50%;background:#20c47a;box-shadow:0 0 0 4px rgba(32,196,122,.12)}
.orders-modern-page>.table-wrap{overflow:hidden;border:1px solid #e8edf5;border-radius:16px;background:#fff;box-shadow:0 12px 32px rgba(31,50,84,.04)}.orders-modern-page>.table-wrap table{margin:0!important}.orders-modern-page>.table-wrap thead{background:#f8fafd}.orders-modern-page>.table-wrap th{padding:15px 17px!important;color:#72819a!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #e9edf4!important}.orders-modern-page>.table-wrap td{padding:16px 17px!important;color:#253551!important;font-size:12px!important;border-bottom:1px solid #edf0f5!important}.orders-modern-page>.table-wrap tbody tr{transition:.18s}.orders-modern-page>.table-wrap tbody tr:hover{background:#fbfcff}.orders-modern-page>.table-wrap .status{border-radius:9px!important;padding:7px 11px!important;font-weight:700!important}
.orders-modern-page .live-orders{margin-top:26px}.orders-modern-page .live-orders-head{padding:0 0 0 16px}.orders-modern-page .modern-order-card{border-radius:18px;box-shadow:0 12px 34px rgba(31,50,84,.045);transition:.2s}.orders-modern-page .modern-order-card:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(31,50,84,.07)}
@media(max-width:1050px){.orders-summary{grid-template-columns:1fr 1fr}.orders-modern-hero{align-items:flex-start;flex-direction:column}.omh-tools{width:100%}.omh-tools label{flex:1;width:auto}}@media(max-width:650px){.orders-summary{grid-template-columns:1fr}.omh-tools{flex-direction:column;align-items:stretch}.omh-tools label{width:100%}.omh-tools>a{justify-content:center}.orders-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.modern-filters{overflow:auto;max-width:100%}.omh-title h2{font-size:20px}.omh-title p{line-height:1.5}}
\n/* Siparislerim refinement: standard typography + clean action button */
.orders-modern-page,.orders-modern-page button,.orders-modern-page input{font-weight:400}
.orders-modern-page h2,.orders-modern-page h3,.orders-modern-page h4{font-weight:600!important;letter-spacing:-.01em}
.orders-modern-page b,.orders-modern-page strong{font-weight:600}
.orders-modern-page .omh-tools>a,.orders-modern-page .modern-filters button,.orders-modern-page .orders-live-badge,.orders-modern-page .moc-status,.orders-modern-page .moc-detail{font-weight:500!important}
.orders-modern-page .moc-platform,.orders-modern-page .moc-tags span{font-weight:500!important}
.orders-modern-page>.table-wrap .status{font-weight:500!important}
.orders-modern-page .moc-detail{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;white-space:nowrap}
.orders-modern-page .moc-foot .moc-detail>i{width:auto!important;height:auto!important;border-radius:0!important;display:inline-block!important;place-items:unset!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font-size:12px!important}
.orders-modern-page .modern-filters button{cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}
.orders-modern-page .modern-filters button:not(.active):hover{background:#f8faff!important;border-color:#dbe2ed!important;color:#263650!important}
/* Sipariş iptal / kısmi iade aksiyonları */
.moc-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.moc-actions .moc-detail,.moc-actions .moc-cancel{width:auto;min-width:0;height:42px;padding:0 14px;border-radius:9px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:none}.moc-actions .moc-cancel{background:#fff;border:1px solid #ef476f;color:#d92f59}.moc-actions .moc-cancel:hover{background:#fff3f6}.moc-actions .moc-cancel i,.moc-actions .moc-detail i{width:auto;height:auto;background:transparent;border-radius:0;box-shadow:none;font-size:13px;color:inherit}@media(max-width:700px){.moc-actions{width:100%;margin-left:0}.moc-actions .moc-detail,.moc-actions .moc-cancel{flex:1}}
/* Siparis durdur/devam kontrolu */
.moc-actions .moc-pause{border:1px solid #e4e7ec;background:#fff;color:#4b5563;border-radius:10px;padding:9px 12px;font:500 13px/1.2 Poppins,Arial,sans-serif;cursor:pointer;box-shadow:none}.moc-actions .moc-pause:hover{background:#f8fafc;color:#111827}.moc-actions .moc-pause i{margin-right:6px}

/* Orders summary compact 5-column layout - keep existing functionality */
@media (min-width:1051px){
  .orders-modern-page .orders-summary{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin:18px 0!important}
  .orders-modern-page .orders-summary>div{min-width:0!important;min-height:94px!important;padding:14px 12px 13px 62px!important;border-radius:15px!important}
  .orders-modern-page .os-icon{left:14px!important;top:16px!important;width:38px!important;height:38px!important;border-radius:11px!important;font-size:14px!important}
  .orders-modern-page .orders-summary small{font-size:10px!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .orders-modern-page .orders-summary b{font-size:19px!important;line-height:1.2!important;margin:3px 0 2px!important;font-weight:600!important;white-space:nowrap}
  .orders-modern-page .orders-summary em{font-size:9px!important;line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (min-width:651px) and (max-width:1050px){
  .orders-modern-page .orders-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
/* Dashboard V2 - mockup aligned */
.dash-v2{max-width:1540px;margin:0 auto}.dash-banner{min-height:100px;border-radius:18px;padding:22px 30px;display:flex;align-items:center;gap:24px;color:#fff;background:radial-gradient(circle at 65% 40%,#e831b8 0,transparent 28%),linear-gradient(110deg,#090d3b,#17105d 58%,#17044b);overflow:hidden;box-shadow:0 16px 40px rgba(31,25,94,.16)}.dash-banner>div:first-child{flex:1}.dash-banner h1{font-size:25px;margin:0 0 7px;font-weight:600}.dash-banner p{margin:0;color:#d9d9ed;font-size:13px}.dash-banner>a{background:#ff2772;color:#fff;padding:13px 20px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.dash-socials{display:flex;align-items:center;gap:12px}.dash-socials i{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:27px;background:rgba(255,255,255,.12);transform:rotate(-7deg);box-shadow:0 8px 18px rgba(0,0,0,.16)}.dash-socials i:nth-child(2n){transform:rotate(7deg)}
.dash-stats-v2{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0}.dash-stats-v2 article{min-height:94px;border:1px solid #e8edf5;border-radius:16px;padding:16px;display:flex;align-items:center;gap:13px}.dash-stats-v2 article>span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:18px;flex:0 0 44px}.dash-stats-v2 small,.dash-stats-v2 em{display:block;font-size:10px;color:#62718b;font-style:normal}.dash-stats-v2 b{display:block;font-size:20px;font-weight:600;color:#14213c;margin:2px 0}.dash-stats-v2 .blue{background:linear-gradient(135deg,#f7fbff,#eef7ff)}.dash-stats-v2 .blue span{background:#e5f3ff;color:#1684ef}.dash-stats-v2 .green{background:linear-gradient(135deg,#f6fffa,#ecfbf4)}.dash-stats-v2 .green span{background:#ddf8eb;color:#18b875}.dash-stats-v2 .purple{background:linear-gradient(135deg,#fbf9ff,#f2edff)}.dash-stats-v2 .purple span{background:#e9e0ff;color:#7557e9}.dash-stats-v2 .orange{background:linear-gradient(135deg,#fffaf5,#fff0e4)}.dash-stats-v2 .orange span{background:#ffe7d2;color:#ed8420}.dash-stats-v2 .pink{background:linear-gradient(135deg,#fff9fc,#ffedf4)}.dash-stats-v2 .pink span{background:#ffddea;color:#ed2b74}
.dash-card{background:#fff;border:1px solid #e7ecf4;border-radius:18px;box-shadow:0 10px 30px rgba(31,50,84,.035)}.dash-card-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px 10px}.dash-card-head h3{font-size:16px;margin:0 0 3px;font-weight:600;color:#14213c}.dash-card-head h3>i{color:#ef2c77;margin-right:7px}.dash-card-head p{margin:0;font-size:11px;color:#8592a7}.dash-card-head>a{font-size:10px;color:#ed2d76;background:#fff5f9;border-radius:20px;padding:8px 12px}.dash-platform-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;padding:5px 14px 16px}.dash-platform-grid>a{position:relative;min-height:105px;border:1px solid #e7edf5;border-radius:14px;padding:15px;background:linear-gradient(145deg,#fff,#fbfcff);display:flex;flex-direction:column;justify-content:center;transition:.18s}.dash-platform-grid>a:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(31,50,84,.07)}.dash-platform-grid>a>i{font-size:27px;color:#ef2d78;margin-bottom:10px}.dash-platform-grid b{font-size:12px;color:#16243e;font-weight:600}.dash-platform-grid small{font-size:10px;color:#8995a8}.dash-platform-grid span{position:absolute;right:10px;top:13px;width:26px;height:26px;border:1px solid #e6ebf3;border-radius:50%;display:grid;place-items:center;color:#64738c;font-size:9px}
.dash-main-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,.9fr);gap:14px;margin-top:14px}.dash-orders{overflow:hidden}.dash-orders .table-wrap{box-shadow:none!important;border:0!important;border-radius:0!important}.dash-quick{padding-bottom:14px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:4px 14px}.quick-grid a{min-height:82px;border-radius:13px;background:#f9fbfe;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#172640}.quick-grid i{font-size:20px;color:#ef2c77}.quick-grid b{font-size:10px;font-weight:600}.dash-bottom-grid{display:grid;grid-template-columns:1fr 1fr .85fr;gap:14px;margin-top:14px}.balance-panel,.announce-panel{min-height:190px;position:relative}.balance-panel>strong{font-size:28px;font-weight:600;margin:8px 20px;display:inline-block;color:#14213c}.balance-panel>a{float:right;margin:9px 18px;background:#ff2772;color:#fff;border-radius:10px;padding:11px 20px;font-size:11px}.fake-chart{height:72px;margin:4px 20px 16px;display:flex;align-items:flex-end;gap:7px;border-bottom:1px solid #edf0f5}.fake-chart i{flex:1;background:linear-gradient(#ff4d8e,#ffe2ed);border-radius:5px 5px 0 0}.fake-chart i:nth-child(1){height:35%}.fake-chart i:nth-child(2){height:45%}.fake-chart i:nth-child(3){height:28%}.fake-chart i:nth-child(4){height:62%}.fake-chart i:nth-child(5){height:40%}.fake-chart i:nth-child(6){height:68%}.fake-chart i:nth-child(7){height:82%}.announce-row{display:flex;gap:10px;padding:9px 17px;border-top:1px solid #f0f2f6}.announce-row>i{width:28px;height:28px;border-radius:9px;background:#fff0f6;color:#ef2c77;display:grid;place-items:center;font-size:11px}.announce-row b,.announce-row small{display:block}.announce-row b{font-size:11px;font-weight:600;color:#182640}.announce-row small{font-size:9px;color:#8794a8;margin-top:2px}.dash-promos{display:flex;flex-direction:column;gap:12px}.dash-promos>a{flex:1;border-radius:16px;padding:17px;display:flex;align-items:center;gap:12px}.dash-promos>a>i:first-child{font-size:23px}.dash-promos div{flex:1}.dash-promos b,.dash-promos small{display:block}.dash-promos b{font-size:13px;font-weight:600}.dash-promos small{font-size:10px;margin-top:3px}.dash-promos .premium{background:linear-gradient(135deg,#6b16c6,#32118b);color:#fff}.dash-promos .bonus{background:linear-gradient(135deg,#eafff4,#c9f8df);color:#124d35}
.side-support-card{margin:18px 10px 12px;padding:14px;border:1px solid #e6ebf3;border-radius:15px;background:#fff;display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center}.side-support-card>i{width:38px;height:38px;border-radius:50%;background:#fff0f6;color:#ef2c77;display:grid;place-items:center}.side-support-card b,.side-support-card small{display:block}.side-support-card b{font-size:11px;font-weight:600;color:#17253f}.side-support-card small{font-size:9px;color:#8491a5}.side-support-card a{grid-column:1/-1;background:#ff2772;color:#fff;text-align:center;border-radius:9px;padding:9px;font-size:10px;font-weight:600}
@media(max-width:1200px){.dash-platform-grid{grid-template-columns:repeat(4,1fr)}.dash-stats-v2{grid-template-columns:repeat(3,1fr)}.dash-bottom-grid{grid-template-columns:1fr 1fr}.dash-promos{grid-column:1/-1;flex-direction:row}}@media(max-width:800px){.dash-banner{align-items:flex-start;flex-direction:column}.dash-socials{display:none}.dash-stats-v2{grid-template-columns:1fr 1fr}.dash-main-grid,.dash-bottom-grid{grid-template-columns:1fr}.dash-platform-grid{grid-template-columns:1fr 1fr}.dash-promos{grid-column:auto;flex-direction:column}}@media(max-width:520px){.dash-stats-v2{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}}

/* Dashboard V2 hotfix - prevent promo cards/grid rows from stretching vertically */
.dash-bottom-grid{align-items:start!important;grid-auto-rows:max-content!important}
.dash-bottom-grid>.dash-card,.dash-bottom-grid>.dash-promos{align-self:start!important;min-height:0!important;height:auto!important}
.balance-panel,.announce-panel{min-height:0!important;height:auto!important}
.dash-promos{align-self:start!important;justify-content:flex-start!important;height:auto!important;min-height:0!important}
.dash-promos>a{flex:0 0 auto!important;min-height:86px!important;height:auto!important;padding:16px 17px!important}
.dash-promos .premium,.dash-promos .bonus{min-height:86px!important}
@media(max-width:1200px){.dash-promos{align-items:stretch!important}.dash-promos>a{flex:1 1 0!important;min-height:86px!important}}
@media(max-width:800px){.dash-promos>a{flex:0 0 auto!important}}