:root{
  --ss-bg:#041018;
  --ss-bg-deep:#020b11;
  --ss-surface:#081923;
  --ss-surface-2:#0b202b;
  --ss-surface-3:#102b37;
  --ss-surface-soft:#132f3c;
  --ss-line:#1f4352;
  --ss-line-strong:#2b5d70;
  --ss-text:#f4f9fb;
  --ss-text-soft:#c8d8df;
  --ss-muted:#8198a4;
  --ss-cyan:#02c8ff;
  --ss-cyan-2:#0098d0;
  --ss-cyan-dark:#00698f;
  --ss-cyan-soft:rgba(2,200,255,.11);
  --ss-green:#28d58a;
  --ss-yellow:#ffc83d;
  --ss-orange:#ff9f32;
  --ss-red:#ff5c68;
  --ss-purple:#a65cff;
  --ss-sidebar:274px;
  --ss-topbar:72px;
  --ss-radius:10px;
  --ss-radius-sm:7px;
  --ss-shadow:0 16px 42px rgba(0,0,0,.28);
  --ss-shadow-soft:0 9px 26px rgba(0,0,0,.18);
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--ss-bg);color:var(--ss-text);font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
html{scrollbar-color:#244957 #06141c}
body{background:
 radial-gradient(circle at 82% -10%,rgba(2,200,255,.075),transparent 30rem),
 linear-gradient(180deg,#06151d 0,#041018 48%,#020b11 100%);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.17;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:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 65%)}
a{color:var(--ss-cyan);text-decoration:none}
a:hover{color:#67e2ff}
button,input,select,textarea{font:inherit}
button{color:inherit}
img{max-width:100%}
code{font-family:Consolas,Monaco,monospace;background:#06131b;border:1px solid #1b3b48;border-radius:5px;padding:2px 5px;color:#88e5ff}
pre{font-family:Consolas,Monaco,monospace;background:#04131b;border:1px solid var(--ss-line);border-radius:8px;padding:16px;color:#cdeaf4}

.ui-icon{width:20px;height:20px;display:block;flex:0 0 auto}

/* === Shared app shell === */
.panel-shell{min-height:100vh}
.panel-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--ss-sidebar);z-index:80;display:flex;flex-direction:column;padding:0 14px 16px;background:
 linear-gradient(180deg,rgba(5,23,32,.985),rgba(3,14,21,.995)),
 radial-gradient(circle at 50% 0,rgba(2,200,255,.13),transparent 22rem);border-right:1px solid #173846;box-shadow:18px 0 44px rgba(0,0,0,.23);overflow-y:auto;overflow-x:hidden}
.panel-sidebar:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--ss-cyan),#0f7ea2 55%,transparent)}
.panel-sidebar::-webkit-scrollbar{width:5px}.panel-sidebar::-webkit-scrollbar-thumb{background:#214653;border-radius:10px}
.sidebar-brand{padding:20px 7px 17px;border-bottom:1px solid rgba(72,116,133,.22);margin-bottom:15px}
.sidebar-brand a{display:flex;align-items:center;gap:11px;color:#fff;min-width:0}
.sidebar-brand img{width:62px;height:52px;object-fit:contain;filter:drop-shadow(0 4px 13px rgba(0,200,255,.18))}
.sidebar-brand span{display:flex;min-width:0;flex-direction:column;line-height:1.15}
.sidebar-brand strong{font-size:15px;letter-spacing:.01em;color:#fff;white-space:nowrap}
.sidebar-brand small{font-size:10px;line-height:1.4;margin-top:4px;color:#7ea9ba;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.sidebar-section-label{padding:0 10px 8px;color:#547582;font-size:10px;font-weight:900;letter-spacing:.18em}
.sidebar-nav{display:flex;flex-direction:column;gap:4px}
.sidebar-link{position:relative;width:100%;min-height:43px;padding:10px 10px;display:flex;align-items:center;gap:11px;border:1px solid transparent;border-radius:7px;background:transparent;color:#bcd0d8;font-size:13px;font-weight:700;line-height:1.2;text-align:left;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}
.sidebar-link>span{flex:1;min-width:0}
.sidebar-link>.ui-icon:first-child{width:19px;height:19px;color:#64a7bd}
.sidebar-link>.ui-icon:last-child{width:14px;height:14px;color:#365a67;transition:transform .14s ease}
.sidebar-link:hover{background:rgba(2,200,255,.07);border-color:rgba(2,200,255,.13);color:#fff;transform:translateX(2px)}
.sidebar-link:hover>.ui-icon:first-child{color:var(--ss-cyan)}
.sidebar-link:hover>.ui-icon:last-child{transform:translateX(2px);color:#6ecde6}
.sidebar-link.active{background:linear-gradient(90deg,rgba(2,200,255,.17),rgba(2,200,255,.035));border-color:rgba(2,200,255,.25);color:#fff;box-shadow:inset 3px 0 0 var(--ss-cyan)}
.sidebar-link.active>.ui-icon:first-child{color:var(--ss-cyan);filter:drop-shadow(0 0 7px rgba(2,200,255,.28))}
.sidebar-link.active>.ui-icon:last-child{color:#69dffc}
.sidebar-bottom{margin-top:auto;padding-top:13px;border-top:1px solid rgba(72,116,133,.2);display:flex;flex-direction:column;gap:4px}
.sidebar-bottom form{margin:0}
.sidebar-logout{border:0;color:#e4c0c4}
.sidebar-logout>.ui-icon:first-child{color:#d77b85}
.sidebar-logout:hover{background:rgba(255,92,104,.08);border-color:rgba(255,92,104,.15);color:#fff}

.panel-stage{margin-left:var(--ss-sidebar);min-height:100vh;display:flex;flex-direction:column}
.panel-topbar{position:fixed;z-index:60;left:var(--ss-sidebar);right:0;top:0;height:var(--ss-topbar);padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(5,20,28,.93);border-bottom:1px solid #183a48;box-shadow:0 7px 24px rgba(0,0,0,.18);backdrop-filter:blur(12px)}
.topbar-left,.topbar-actions{display:flex;align-items:center;gap:12px;min-width:0}
.topbar-title{display:flex;flex-direction:column;min-width:0}
.topbar-title small{font-size:9px;font-weight:900;letter-spacing:.19em;color:#527b8a;line-height:1.15}
.topbar-title strong{font-size:17px;color:#f6fafc;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.menu-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid #234652;border-radius:7px;background:#0a202a;color:#cbe5ed;cursor:pointer}
.menu-toggle:hover{border-color:#2d7187;color:#fff;background:#0c2935}
.topbar-link,.topbar-primary{height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border-radius:7px;font-size:12px;font-weight:800;transition:.14s ease}
.topbar-link{border:1px solid #234653;background:#0a202a;color:#c4dbe3}.topbar-link:hover{border-color:#37788d;background:#0d2834;color:#fff}
.topbar-primary{border:1px solid #1bcdfa;background:linear-gradient(180deg,#09b9e7,#0789ba);color:#fff;box-shadow:0 5px 15px rgba(0,170,220,.12)}.topbar-primary:hover{color:#fff;filter:brightness(1.08)}
.topbar-link .ui-icon,.topbar-primary .ui-icon{width:17px;height:17px}

.content,.admin-content{position:relative;padding:calc(var(--ss-topbar) + 31px) 34px 52px;max-width:1680px;width:100%}
.content{margin:0 auto}
.admin-content{margin-left:var(--ss-sidebar);width:calc(100% - var(--ss-sidebar));max-width:none}
.panel-footer{display:flex;justify-content:space-between;gap:15px;margin-top:auto;padding:18px 34px;border-top:1px solid rgba(55,96,111,.18);color:#51717d;font-size:11px}

.sidebar-overlay{display:none;position:fixed;inset:0;z-index:70;border:0;background:rgba(0,8,12,.67);backdrop-filter:blur(2px);cursor:pointer}

/* === Page heading === */
h1,h2,h3{color:#f7fbfd;letter-spacing:-.015em}
h1{font-size:28px;line-height:1.2;margin:0 0 8px}
h2{font-size:19px;line-height:1.3}
h3{font-size:15px;line-height:1.35}
.content>h1,.admin-content>h1,.page-heading h1{position:relative;margin:0 0 8px}
.content>h1:after,.admin-content>h1:after,.page-heading h1:after{content:"";display:block;width:48px;height:3px;border-radius:4px;margin-top:11px;background:linear-gradient(90deg,var(--ss-cyan),#2788a7);box-shadow:0 0 16px rgba(2,200,255,.24)}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.page-heading h1{margin-bottom:0}.page-heading p{margin:10px 0 0;color:var(--ss-muted)}
.page-heading-actions{display:flex;gap:8px;flex-wrap:wrap}
.muted{color:var(--ss-muted);line-height:1.6}

/* === Cards / grids === */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px;margin-bottom:18px}
.card{position:relative;min-width:0;margin-bottom:18px;padding:20px;background:linear-gradient(180deg,rgba(14,40,51,.96),rgba(7,25,34,.98));border:1px solid var(--ss-line);border-radius:var(--ss-radius);box-shadow:var(--ss-shadow-soft);overflow:hidden}
.card:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(2,200,255,.52),rgba(2,200,255,.06),transparent 78%)}
.card h2:first-child,.card h3:first-child{margin-top:0}
.card p:last-child{margin-bottom:0}

.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
.stat-card{position:relative;min-height:138px;padding:19px 20px;border:1px solid #1f4655;border-radius:10px;background:linear-gradient(145deg,#0c2935,#081c25 70%);box-shadow:0 12px 30px rgba(0,0,0,.18);overflow:hidden}
.stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent,var(--ss-cyan))}
.stat-card:after{content:"";position:absolute;width:95px;height:95px;right:-28px;top:-33px;border:1px solid color-mix(in srgb,var(--accent,var(--ss-cyan)) 26%,transparent);border-radius:50%;box-shadow:0 0 38px color-mix(in srgb,var(--accent,var(--ss-cyan)) 7%,transparent)}
.stat-card:nth-child(2){--accent:var(--ss-green)}.stat-card:nth-child(3){--accent:var(--ss-yellow)}.stat-card:nth-child(4){--accent:var(--ss-orange)}
.stat-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#a7bdc6;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.stat-card-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent,var(--ss-cyan)) 28%,#183542);border-radius:8px;background:color-mix(in srgb,var(--accent,var(--ss-cyan)) 9%,#0a202a);color:var(--accent,var(--ss-cyan))}
.stat-card-icon .ui-icon{width:19px;height:19px}
.stat-value{font-size:34px;font-weight:900;line-height:1;color:#fff;margin:23px 0 6px;letter-spacing:-.04em}
.stat-hint{font-size:11px;color:#607e8a}

.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.quick-link{display:flex;align-items:center;gap:12px;min-height:72px;padding:14px 15px;border:1px solid #1d4050;border-radius:9px;background:#091f29;color:#dbeaf0;transition:.14s ease}
.quick-link:hover{border-color:#2a6d83;background:#0c2834;color:#fff;transform:translateY(-1px);box-shadow:0 9px 22px rgba(0,0,0,.16)}
.quick-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:8px;background:rgba(2,200,255,.08);border:1px solid rgba(2,200,255,.17);color:var(--ss-cyan)}
.quick-icon .ui-icon{width:20px;height:20px}.quick-link strong{display:block;font-size:13px}.quick-link small{display:block;color:#6f8c98;font-size:10px;margin-top:3px;font-weight:600}

/* === Controls === */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 15px;border:1px solid transparent;border-radius:7px;text-decoration:none;cursor:pointer;font-weight:850;font-size:12px;line-height:1.2;letter-spacing:.01em;transition:transform .13s ease,filter .13s ease,border-color .13s ease,background .13s ease}
.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.btn-primary{background:linear-gradient(180deg,#08c5f6 0,#078fc0 100%);border-color:#21d1fa;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.18),0 6px 16px rgba(0,155,205,.12)}
.btn-primary:hover{color:#fff}
.btn-secondary{background:#112c37;border-color:#315665;color:#e2f1f5}.btn-secondary:hover{border-color:#4b7a8b;color:#fff}
.btn-danger{background:#652630;border-color:#963a47;color:#fff}.btn-warning{background:#685316;border-color:#987c25;color:#fff}
.input,input:not([type="checkbox"]):not([type="hidden"]):not([type="radio"]),select,textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid #2b4f5d;border-radius:7px;background:#051720;color:#edf7fa;outline:none;transition:.14s ease}
textarea{min-height:110px;resize:vertical}
.input:focus,input:not([type="checkbox"]):not([type="hidden"]):not([type="radio"]):focus,select:focus,textarea:focus{border-color:#1da9d1;box-shadow:0 0 0 3px rgba(2,200,255,.08);background:#071b25}
.input::placeholder,input::placeholder,textarea::placeholder{color:#55727f}
select option{background:#09202a;color:#fff}
label{display:block;margin:12px 0 6px;color:#bdd0d8;font-size:12px;font-weight:800}
label input[type="checkbox"]{width:auto;margin-right:7px;accent-color:var(--ss-cyan)}
form{min-width:0}

.notice{position:relative;padding:12px 14px 12px 16px;margin-bottom:16px;border:1px solid transparent;border-radius:8px;font-size:13px;line-height:1.5}.notice:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:currentColor}
.notice-error{background:rgba(255,92,104,.08);border-color:rgba(255,92,104,.28);color:#ffb8be}.notice-ok{background:rgba(40,213,138,.08);border-color:rgba(40,213,138,.27);color:#9aefc2}.notice-info{background:rgba(2,200,255,.08);border-color:rgba(2,200,255,.26);color:#9eeaff}

/* === Tables === */
.table-wrap{overflow:auto;padding:0}
.table-wrap>h2{padding:18px 18px 0;margin-bottom:14px}
.table{width:100%;border-collapse:separate;border-spacing:0;background:transparent;color:#dce9ee;font-size:12px}
.table th,.table td{padding:12px 13px;border-bottom:1px solid #173744;text-align:left;vertical-align:middle}
.table th{position:sticky;top:0;z-index:2;background:#0d2a36;color:#9ec6d3;font-size:10px;text-transform:uppercase;letter-spacing:.065em;white-space:nowrap}
.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:rgba(2,200,255,.025)}
.table tbody tr:last-child td{border-bottom:0}
.table td a:not(.btn){font-weight:800}
.table td form{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.table td form select,.table td form input:not([type="hidden"]){width:auto;min-width:130px;min-height:36px;padding:7px 9px}
details{color:#dce8ed}summary{cursor:pointer;color:#7cdaef;font-weight:800}

/* === Products / prices === */
.price{font-size:27px;font-weight:900;color:var(--ss-yellow);margin:11px 0;letter-spacing:-.03em}.old-price{text-decoration:line-through;color:#68808a;font-size:12px}
.product-selected{outline:1px solid var(--ss-cyan);box-shadow:0 0 0 3px rgba(2,200,255,.07),var(--ss-shadow)}
.product-selected:after{content:"SEÇİLİ PAKET";position:absolute;right:12px;top:12px;padding:5px 8px;border-radius:5px;background:linear-gradient(180deg,#19d3fc,#0798c9);color:#001921;font-size:9px;font-weight:950;letter-spacing:.08em}

/* === Auth === */
.login-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px 18px;overflow:hidden;background:
 radial-gradient(circle at 80% 22%,rgba(2,200,255,.15),transparent 28rem),
 radial-gradient(circle at 15% 100%,rgba(0,111,153,.11),transparent 26rem),
 linear-gradient(130deg,#020b11,#061b25 55%,#03131b)}
.login-page:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px}
.login-page:after{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(2,200,255,.08);border-radius:50%;right:-360px;top:-320px;box-shadow:0 0 0 90px rgba(2,200,255,.018),0 0 0 180px rgba(2,200,255,.012)}
.login-card{position:relative;z-index:2;width:min(455px,100%);padding:30px;background:linear-gradient(180deg,rgba(12,39,51,.98),rgba(6,23,32,.99));border:1px solid #28505f;border-radius:11px;box-shadow:0 28px 80px rgba(0,0,0,.46)}
.login-card:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;border-radius:11px 11px 0 0;background:linear-gradient(90deg,var(--ss-cyan),#126886 70%,transparent)}
.login-card .logo{display:block;width:205px;height:84px;object-fit:contain;margin:0 auto 19px;filter:drop-shadow(0 7px 16px rgba(2,200,255,.12))}
.login-card h1{font-size:24px;margin:0 0 8px}.login-card>.muted{margin-top:0}
.login-actions{display:flex;justify-content:center;gap:9px 18px;flex-wrap:wrap;margin-top:19px;padding-top:17px;border-top:1px solid #173744}.login-actions a{font-size:12px;font-weight:800;color:#8fdaf0}

/* Legacy adminbar hidden: admin_nav now uses sidebar/topbar */
.adminbar{display:none!important}

/* === Small utility === */
hr{border:0;border-top:1px solid #173744}
strong{font-weight:800}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#04121a}::-webkit-scrollbar-thumb{background:#244653;border:2px solid #04121a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#376171}

@media(max-width:1260px){
  :root{--ss-sidebar:252px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .content,.admin-content{padding-left:25px;padding-right:25px}
}

@media(max-width:980px){
  :root{--ss-sidebar:276px;--ss-topbar:66px}
  .panel-sidebar{transform:translateX(-105%);transition:transform .2s ease;box-shadow:22px 0 55px rgba(0,0,0,.44)}
  .menu-open .panel-sidebar{transform:translateX(0)}
  .menu-open .sidebar-overlay{display:block}
  html.menu-open,body.menu-open{overflow:hidden}
  .panel-stage{margin-left:0}
  .panel-topbar{left:0;padding:0 18px}
  .menu-toggle{display:inline-flex}
  .admin-content{margin-left:0;width:100%}
  .content,.admin-content{padding-top:calc(var(--ss-topbar) + 24px)}
}

@media(max-width:680px){
  :root{--ss-topbar:62px;--ss-radius:8px}
  .panel-topbar{padding:0 12px;gap:8px}
  .topbar-title small{display:none}.topbar-title strong{font-size:14px}
  .topbar-actions{gap:6px}.topbar-link,.topbar-primary{width:38px;height:38px;padding:0;justify-content:center}.topbar-actions span{display:none}
  .content,.admin-content{padding:calc(var(--ss-topbar) + 19px) 13px 34px}
  .panel-footer{padding:16px 13px;flex-direction:column;gap:5px}
  h1{font-size:23px}h2{font-size:17px}
  .page-heading{align-items:flex-start;flex-direction:column;margin-bottom:17px}
  .stats-grid,.quick-grid,.grid{grid-template-columns:1fr;gap:11px}
  .stat-card{min-height:120px}.stat-value{font-size:30px;margin-top:18px}
  .card{padding:15px;margin-bottom:13px;border-radius:8px}
  .table-wrap{margin-left:-2px;margin-right:-2px}
  .table{min-width:620px}.table th,.table td{padding:10px;font-size:11px}
  .btn{min-height:39px;padding:8px 12px}
  .login-card{padding:25px 18px}.login-card .logo{width:178px;height:72px}
  .sidebar-brand{padding-top:17px}.sidebar-brand img{width:56px;height:48px}
}

@media(max-width:420px){
  :root{--ss-sidebar:min(88vw,310px)}
  .content,.admin-content{padding-left:10px;padding-right:10px}
  .menu-toggle{width:38px;height:38px}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* === v4.2.0 Support center / bank transfer === */
.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 8px;border:1px solid transparent;border-radius:999px;font-size:10px;font-weight:900;line-height:1.1;white-space:nowrap;letter-spacing:.015em}
.badge-success{color:#a8f4cd;background:rgba(40,213,138,.09);border-color:rgba(40,213,138,.25)}
.badge-info{color:#a8eafe;background:rgba(2,200,255,.09);border-color:rgba(2,200,255,.25)}
.badge-warning{color:#ffe394;background:rgba(255,200,61,.09);border-color:rgba(255,200,61,.25)}
.badge-danger{color:#ffc0c6;background:rgba(255,92,104,.09);border-color:rgba(255,92,104,.28)}
.badge-muted{color:#a9bdc5;background:rgba(129,152,164,.08);border-color:rgba(129,152,164,.2)}
.table-sub{display:block;margin-top:4px;color:#668793;font-size:10px;line-height:1.35}
.form-grid{display:grid;gap:14px}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.support-layout{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:18px;align-items:start}
.support-create-card{position:sticky;top:calc(var(--ss-topbar) + 24px)}
.support-list-card{min-width:0}.ticket-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.card-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 18px 0}.card-toolbar h2{margin:0}.card-toolbar p{margin:5px 0 0}
.filter-pills{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.filter-pill{display:inline-flex;padding:6px 9px;border:1px solid #234a59;border-radius:999px;background:#09202a;color:#8fb4c0;font-size:10px;font-weight:850}.filter-pill:hover,.filter-pill.active{color:#fff;border-color:#168db1;background:rgba(2,200,255,.11)}
.ticket-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.ticket-meta{display:flex;flex-direction:column;gap:6px;min-height:78px;padding:13px 14px;background:#081d27;border:1px solid #1d4050;border-radius:8px}.ticket-meta small{color:#63838f;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:850}.ticket-meta strong{font-size:12px;color:#e9f6fa}.ticket-meta>span{font-size:10px;color:#72909b}
.conversation-card{padding:13px}.conversation-item{position:relative;padding:14px 15px;margin:7px 0;border:1px solid #204653;border-radius:9px;background:#071a23}.conversation-item.admin-message{margin-left:7%;border-color:rgba(2,200,255,.28);background:linear-gradient(135deg,rgba(2,200,255,.075),rgba(7,26,35,.98))}.conversation-item.customer-message{margin-right:7%}.conversation-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;margin-bottom:9px;border-bottom:1px solid rgba(55,96,111,.22)}.conversation-head strong{font-size:12px;color:#fff}.conversation-head span{font-size:10px;color:#688793}.conversation-body{font-size:13px;line-height:1.65;color:#c8d9df;overflow-wrap:anywhere}.reply-card{max-width:980px}.ticket-close-form{margin-top:10px}
.ticket-filter-card{padding:13px}.ticket-filter-form{display:grid;grid-template-columns:minmax(190px,1.4fr) repeat(3,minmax(145px,.8fr)) auto auto;gap:8px;align-items:end}.ticket-filter-form .input{min-width:0}
.support-admin-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.8fr);gap:17px;align-items:start}.ticket-admin-detail{position:sticky;top:calc(var(--ss-topbar) + 18px);max-height:calc(100vh - var(--ss-topbar) - 36px);overflow:auto;padding-right:2px}.ticket-detail-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ticket-detail-heading h2{margin:4px 0}.row-selected{background:rgba(2,200,255,.06)!important}
.bank-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.bank-card{min-height:205px}.bank-card h2{margin:6px 0 18px}.iban-text{display:inline-block;font-family:Consolas,Monaco,monospace;font-size:14px;letter-spacing:.03em;color:#eaf9fd;overflow-wrap:anywhere}.payment-notice-card{max-width:980px}.inline-review{margin-top:8px!important;display:grid!important;grid-template-columns:minmax(120px,1fr) auto auto!important;align-items:center!important}.inline-review .input{width:100%!important;min-width:120px!important}

@media(max-width:1280px){.support-layout,.support-admin-layout{grid-template-columns:1fr}.support-create-card,.ticket-admin-detail{position:static;max-height:none;overflow:visible}.ticket-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.ticket-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ticket-stats,.ticket-meta-grid,.form-grid.two-col{grid-template-columns:1fr}.card-toolbar{flex-direction:column}.filter-pills{justify-content:flex-start}.conversation-item.admin-message,.conversation-item.customer-message{margin-left:0;margin-right:0}.conversation-head{align-items:flex-start;flex-direction:column;gap:3px}.ticket-filter-form{grid-template-columns:1fr}.inline-review{grid-template-columns:1fr!important}.ticket-table{min-width:820px}}

/* === v4.2.1 Dashboard visibility / white cards / live charts === */
.dashboard-light{--dash-ink:#13252d;--dash-muted:#687b84;--dash-border:#dbe6eb;--dash-soft:#f5f8fa;--dash-white:#fff}
.dashboard-light .page-heading h1{color:#fff}.dashboard-light .page-heading p{color:#8aa2ad}
.dashboard-light .stats-grid{gap:14px}
.stats-grid-six{grid-template-columns:repeat(6,minmax(0,1fr))}
.customer-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.dashboard-light .stat-card{min-height:154px;padding:18px 18px 16px;background:#fff;border:1px solid var(--dash-border);box-shadow:0 12px 28px rgba(0,0,0,.15);color:var(--dash-ink)}
.dashboard-light .stat-card:after{background:color-mix(in srgb,var(--accent,var(--ss-cyan)) 8%,#fff);border-color:color-mix(in srgb,var(--accent,var(--ss-cyan)) 24%,#e5eef2);box-shadow:none}
.dashboard-light .stat-card-head{color:#637984}.dashboard-light .stat-card-icon{background:color-mix(in srgb,var(--accent,var(--ss-cyan)) 8%,#fff);border-color:color-mix(in srgb,var(--accent,var(--ss-cyan)) 30%,#dbe6eb)}
.dashboard-light .stat-value{color:#10242d;margin:20px 0 7px}.dashboard-light .stat-hint{color:#71858e;line-height:1.45;padding-right:12px}
.stat-card-link{display:block;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.stat-card-link:hover{color:var(--dash-ink)!important;transform:translateY(-3px);border-color:#a9cbd7;box-shadow:0 18px 36px rgba(0,0,0,.2)}
.stat-card-action{position:absolute;left:18px;bottom:14px;color:#1687ad;font-size:10px;font-weight:900;letter-spacing:.02em;opacity:0;transform:translateY(3px);transition:.15s ease}
.stat-card-link:hover .stat-card-action{opacity:1;transform:none}
.stat-card-link .stat-hint{transition:.15s ease}.stat-card-link:hover .stat-hint{transform:translateY(-8px)}

.dashboard-grid{display:grid;gap:16px;margin-bottom:16px}.dashboard-grid-main{grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr)}.dashboard-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dashboard-light .dashboard-card,.dashboard-light>.card{background:#fff;border-color:var(--dash-border);box-shadow:0 12px 30px rgba(0,0,0,.13);color:var(--dash-ink)}
.dashboard-light .dashboard-card:before,.dashboard-light>.card:before{background:linear-gradient(90deg,#14bde7,#76dff6 55%,transparent)}
.dashboard-light .dashboard-card h2,.dashboard-light>.card h2,.dashboard-light .dashboard-card h3{color:#13252d}
.dashboard-light .dashboard-card p,.dashboard-light>.card p{color:var(--dash-muted)}
.dashboard-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.dashboard-card-head h2{margin:3px 0 4px}.dashboard-card-head p{margin:0;font-size:11px;line-height:1.5}.eyebrow{display:block;color:#1496bd;font-size:9px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.text-link{color:#1687ad;font-size:11px;font-weight:900;white-space:nowrap}.text-link:hover{color:#055e7b}

.chart-legend{display:flex;gap:13px;flex-wrap:wrap;color:#647982;font-size:10px;font-weight:800}.chart-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:9px;height:9px;border-radius:3px;display:inline-block}.legend-dot.orders{background:#05b9e7}.legend-dot.tickets{background:#28c98a}
.activity-chart{height:280px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:end;padding:22px 6px 2px;border-top:1px solid #e6eef1;background:linear-gradient(to top,rgba(20,150,189,.025),transparent)}
.activity-column{height:100%;display:grid;grid-template-rows:22px minmax(0,1fr) 20px;gap:5px;min-width:0;text-align:center}.activity-values{display:flex;justify-content:center;gap:8px;color:#7a8d95;font-size:9px;font-weight:900}.activity-bars{height:100%;display:flex;justify-content:center;align-items:end;gap:5px;border-bottom:1px solid #dfe8ec}.activity-bar{display:block;width:min(18px,34%);min-height:3px;border-radius:5px 5px 2px 2px;transition:height .2s ease,filter .15s ease}.activity-bar:hover{filter:brightness(.88)}.activity-bar.orders{background:linear-gradient(180deg,#2ed2f7,#0796c2)}.activity-bar.tickets{background:linear-gradient(180deg,#4be0a7,#1ba873)}.activity-column small{color:#70848d;font-size:9px;font-weight:800}

.status-bars{display:flex;flex-direction:column;gap:12px}.status-row{display:block;color:#263b44;padding:5px 0}.status-row:hover{color:#0b7da2}.status-row-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:10px;font-weight:800}.status-row-label strong{font-size:12px}.status-track{height:8px;border-radius:999px;background:#e8eff2;overflow:hidden}.status-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#08bce9,#36d4ef);min-width:0}

.dashboard-list{display:flex;flex-direction:column;margin:0 -8px}.dashboard-list-item{display:flex;align-items:center;gap:11px;padding:11px 9px;border-bottom:1px solid #e9eef1;color:#22363e;transition:.13s ease}.dashboard-list-item:last-child{border-bottom:0}.dashboard-list-item:hover{background:#f5f9fb;color:#10252e;border-radius:7px}.list-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:8px;background:#edf8fb;color:#079cc8;border:1px solid #d5ebf2}.list-icon .ui-icon{width:17px;height:17px}.list-main{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.list-main strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-main small{font-size:9px;color:#778991;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:max-content}.list-side strong{font-size:11px}.list-side>small:not(.status-badge){font-size:9px;color:#81929a}.empty-state{padding:26px 14px;text-align:center;border:1px dashed #d6e3e8;border-radius:8px;background:#f8fafb;color:#7a8b93;font-size:11px}

.dashboard-light .status-badge{font-size:9px}.dashboard-light .badge-success{color:#17764d;background:#e8f8f0;border-color:#bee8d2}.dashboard-light .badge-info{color:#08769b;background:#e8f7fb;border-color:#bce7f1}.dashboard-light .badge-warning{color:#8a6500;background:#fff8dd;border-color:#f2df93}.dashboard-light .badge-danger{color:#a33540;background:#fff0f1;border-color:#f0c6ca}.dashboard-light .badge-muted{color:#60747d;background:#f1f5f6;border-color:#d9e2e5}

.dashboard-light .quick-link{background:#f7fafb;border-color:#dbe6ea;color:#1d333c}.dashboard-light .quick-link:hover{background:#eef8fb;border-color:#9dd4e3;color:#102830;box-shadow:0 8px 20px rgba(20,80,100,.09)}.dashboard-light .quick-link small{color:#71858e}.dashboard-light .quick-icon{background:#eaf8fc;border-color:#c9eaf2;color:#079cc8}.dashboard-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

.customer-chart-grid{grid-template-columns:minmax(0,1.4fr) minmax(340px,.8fr)}.customer-order-chart{height:268px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end;padding:18px 5px 0;border-top:1px solid #e6eef1}.customer-chart-column{height:100%;display:grid;grid-template-rows:26px minmax(0,1fr) 18px 18px;gap:4px;text-align:center;min-width:0}.customer-chart-amount{font-size:8px;color:#72858d;font-weight:800;white-space:nowrap}.customer-chart-bar-wrap{height:100%;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #dde7eb}.customer-chart-bar{display:block;width:min(34px,58%);min-height:3px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#2ed2f7,#087fa9);box-shadow:0 7px 16px rgba(8,151,194,.13)}.customer-chart-column>strong{font-size:10px;color:#1e3c48}.customer-chart-column>small{font-size:9px;color:#788b93;font-weight:800}.customer-quick-grid{grid-template-columns:1fr}

.announcement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.announcement-item{padding:13px 14px;border:1px solid #e2eaed;border-radius:8px;background:#f8fafb}.announcement-item strong{display:block;color:#20353e;font-size:11px}.announcement-item p{font-size:10px!important;line-height:1.55;margin:7px 0;color:#687c85!important}.announcement-item small{color:#8a9aa1;font-size:9px}

.dashboard-light .table{color:#263b44}.dashboard-light .table th{background:#f2f7f9;color:#5e747e}.dashboard-light .table th,.dashboard-light .table td{border-bottom-color:#e4ecef}.dashboard-light .table tbody tr:hover{background:#f6fafb}

@media(max-width:1500px){.stats-grid-six{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1180px){.dashboard-grid-main,.customer-chart-grid{grid-template-columns:1fr}.dashboard-grid-2{grid-template-columns:1fr}.customer-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-chart{height:250px}}
@media(max-width:760px){.stats-grid-six,.customer-stats-grid{grid-template-columns:1fr}.dashboard-card-head{flex-direction:column;gap:8px}.activity-chart{height:220px;gap:6px;padding-left:0;padding-right:0}.activity-values{gap:3px;font-size:8px}.activity-bar{width:min(14px,42%)}.dashboard-list-item{align-items:flex-start}.list-side{min-width:0;align-items:flex-start}.customer-order-chart{height:225px;gap:6px}.customer-chart-amount{font-size:7px}.announcement-grid{grid-template-columns:1fr}.stat-card-action{opacity:1;transform:none}.stat-card-link .stat-hint{padding-bottom:18px}}