*{box-sizing:border-box}body{margin:0;background:#05060a;color:#f6f1eb;font-family:Inter,Arial,sans-serif;background-image:radial-gradient(circle at top right,rgba(255,122,47,.16),transparent 24%),linear-gradient(180deg,#0d1018,#05060a)}a{text-decoration:none;color:inherit}.container{width:min(1260px,calc(100% - 34px));margin:auto}.gridfx{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}.topbar{position:sticky;top:0;z-index:10;background:rgba(8,10,14,.84);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px}.brand span,.avatar{width:52px;height:52px;border-radius:17px;background:linear-gradient(135deg,#ff7a2f,#ffb36a);display:grid;place-items:center;font-weight:900}.nav nav{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);font-weight:800}.primary{background:linear-gradient(135deg,#ff7a2f,#ffb36a);border:0;box-shadow:0 16px 34px rgba(255,122,47,.18)}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;padding:42px 0}.card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.45)}h1{font-size:clamp(2.4rem,5vw,4.7rem);line-height:.95;margin:0 0 16px}h2{font-size:2.2rem}.eyebrow{display:inline-block;color:#ffb36a;letter-spacing:.18em;font-weight:900;font-size:.78rem;margin-bottom:14px}p{color:#c3b6ab;line-height:1.7}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}.status-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}.section{padding:22px 0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product small{color:#ffb36a}.product strong{display:block;font-size:1.7rem;margin:16px 0}.page{padding:42px 0}.form-card{max-width:820px;margin:auto}form{display:grid;gap:16px}label{display:grid;gap:8px;font-weight:800}input{min-height:54px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:white;padding:0 16px}.alert{padding:16px 18px;border-radius:18px;margin:16px 0}.ok{background:rgba(30,139,85,.2)}.bad{background:rgba(141,47,60,.25)}.panel{display:grid;grid-template-columns:300px 1fr;gap:22px;padding:34px 0}.sidebar nav{display:grid;gap:10px;margin-top:18px}.sidebar nav a{padding:14px;border-radius:15px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.profile{display:flex;align-items:center;gap:14px}.profile span{display:block;color:#c3b6ab}.balance{margin:18px 0;padding:14px;border-radius:15px;background:rgba(255,255,255,.04)}.balance small,.stats small{display:block;color:#c3b6ab}.balance strong,.stats strong{font-size:1.35rem}.maincol{display:grid;gap:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.table{overflow:auto}.thead,.trow{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}.thead{color:#c3b6ab;font-weight:900}.badge{display:inline-flex;width:max-content;padding:8px 12px;border-radius:999px;background:rgba(30,139,85,.16);color:#9fe0be}.footer{padding:30px 0;color:#c3b6ab;border-top:1px solid rgba(255,255,255,.08)}@media(max-width:900px){.hero,.products,.panel,.stats{grid-template-columns:1fr}.nav{flex-direction:column;padding:14px 0}.thead,.trow{grid-template-columns:1fr}}
select{min-height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#121722;color:#fff;padding:0 10px}.inlineform{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0}.btn.danger,.danger{background:rgba(180,45,55,.25)!important;border-color:rgba(255,120,120,.2)!important;color:#ffb8b8}.sidebar .profile{margin-bottom:16px}

.service-list{display:grid;gap:14px}
.service-card{display:grid;grid-template-columns:1.2fr 1fr auto;gap:16px;align-items:center;padding:18px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.service-card span,.service-card small{display:block;color:#c3b6ab;margin-top:4px}
.service-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.power-actions{display:flex;gap:12px;flex-wrap:wrap}
.tabs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tab-card{padding:18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.tab-card strong,.tab-card span{display:block}
.tab-card span{color:#c3b6ab}
code{background:rgba(255,255,255,.08);padding:2px 6px;border-radius:8px}
.btn.danger,.danger{background:rgba(180,45,55,.25)!important;border-color:rgba(255,120,120,.2)!important;color:#ffb8b8}
@media(max-width:900px){.service-card,.tabs-grid{grid-template-columns:1fr}}

.service-list{display:grid;gap:14px}
.service-card{display:grid;grid-template-columns:1.2fr 1fr auto;gap:16px;align-items:center;padding:18px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.service-card span,.service-card small{display:block;color:#c3b6ab;margin-top:4px}
.service-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.power-actions,.command-form{display:flex;gap:12px;flex-wrap:wrap}
.command-form input{flex:1;min-width:220px}
.tabs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tab-card{padding:18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.tab-card strong,.tab-card span{display:block}
.tab-card span{color:#c3b6ab}
.console-box{height:360px;overflow:auto;background:#05070b;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:16px;font-family:Consolas,monospace;white-space:pre-wrap;color:#b8ffca}
.file-list{display:grid;gap:8px}
.file-row{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04)}
code{background:rgba(255,255,255,.08);padding:2px 6px;border-radius:8px}
.btn.danger,.danger{background:rgba(180,45,55,.25)!important;border-color:rgba(255,120,120,.2)!important;color:#ffb8b8}
@media(max-width:900px){.service-card,.tabs-grid{grid-template-columns:1fr}}

.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.price-panel{display:grid;gap:8px;margin:16px 0;padding:16px;border-radius:18px;background:rgba(255,122,47,.08);border:1px solid rgba(255,122,47,.18)}
.price-live{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 18px;padding:18px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.price-live strong{font-size:1.8rem}
select{min-height:54px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#121722;color:#fff;padding:0 14px}
.inlineform{display:flex;gap:8px;flex-wrap:wrap}
.btn.danger,.danger{background:rgba(180,45,55,.25)!important;border-color:rgba(255,120,120,.25)!important;color:#ffb8b8}
@media(max-width:900px){.form-grid-2{grid-template-columns:1fr}}

.checkline{display:flex!important;gap:10px;align-items:center;margin:14px 0}
.checkline input{width:auto;min-height:auto}
.permission-table{display:grid;gap:10px;overflow:auto}
.perm-head,.perm-row{display:grid;grid-template-columns:1.4fr repeat(4,120px);gap:10px;align-items:center;padding:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.perm-head{color:#c3b6ab;font-weight:900}
.perm-check{display:flex!important;justify-content:center}
.perm-check input{width:22px;min-height:22px}
@media(max-width:900px){.perm-head,.perm-row{grid-template-columns:1fr}}

.payment-code{font-size:2rem;font-weight:900;letter-spacing:.04em;padding:18px;border-radius:18px;background:rgba(255,122,47,.12);border:1px solid rgba(255,122,47,.25);user-select:all}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:16px 0}
.info-grid>div{padding:16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.info-grid small{display:block;color:#c3b6ab;margin-bottom:6px}
.muted{color:#c3b6ab}
@media(max-width:900px){.info-grid{grid-template-columns:1fr}}

textarea{min-height:150px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:white;padding:14px;font-family:inherit}
.console-shell{overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:#05070b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 20px 70px rgba(0,0,0,.45)}
.console-top{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border-bottom:1px solid rgba(255,255,255,.08)}
.console-top span{width:12px;height:12px;border-radius:999px;background:#ff5f57}.console-top span:nth-child(2){background:#ffbd2e}.console-top span:nth-child(3){background:#28c840}.console-top strong{margin-left:10px;color:#c3b6ab;font-size:.9rem}
.console-box{height:420px;overflow:auto;padding:18px;font-family:Consolas,monospace;white-space:pre-wrap;color:#b8ffca;background:radial-gradient(circle at top right,rgba(0,255,100,.05),transparent 30%),#05070b}
.ticket-chat{display:grid;gap:12px}.msg{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.08)}.admin-msg{background:rgba(255,122,47,.12)}.client-msg{background:rgba(255,255,255,.04)}.msg p{margin:8px 0}.msg small{color:#c3b6ab}.status-failed,.status-blocked,.badge.danger{background:rgba(180,45,55,.25)!important;color:#ffb8b8!important}.status-success{background:rgba(30,139,85,.2)!important}

.notif-link{padding:8px 12px;border-radius:999px;background:rgba(255,122,47,.12);border:1px solid rgba(255,122,47,.25)}
.public-stats{margin-bottom:24px}.service-grid-premium{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-premium{display:grid;grid-template-columns:74px 1fr;gap:18px}.service-icon{width:74px;height:74px;border-radius:22px;background:linear-gradient(135deg,#ff7a2f,#ffb36a);display:grid;place-items:center;font-weight:900;font-size:1.4rem;color:#111}.service-body h2{margin:6px 0}.service-pills{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.service-pills span:not(.badge){padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);color:#c3b6ab}.usage-bars{display:grid;gap:8px;margin:14px 0}.usage-bars label{display:block;height:26px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;position:relative;padding-left:12px;line-height:26px;color:#c3b6ab}.usage-bars i{display:block;position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(255,122,47,.4),rgba(255,179,106,.35))}.notification-card{display:flex;justify-content:space-between;gap:16px;padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.notification-card.unread{border-color:rgba(255,122,47,.35);background:rgba(255,122,47,.08)}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.status-grid>div{padding:18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.status-grid span{display:block;color:#9fe0be;margin-top:8px}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px}@media(max-width:900px){.service-grid-premium,.status-grid,.help-grid{grid-template-columns:1fr}.service-premium{grid-template-columns:1fr}}


.console-card{overflow:hidden}
.console-headline{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}
.console-status{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);font-weight:900}
.console-status.ok{background:rgba(30,139,85,.22);color:#9fe0be}
.console-status.warn{background:rgba(255,179,106,.16);color:#ffcf92}
.console-status.bad{background:rgba(180,45,55,.25);color:#ffb8b8}
.console-stats{display:block;color:#c3b6ab;margin-top:8px;text-align:right}
.console-shell{overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:#05070b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 20px 70px rgba(0,0,0,.45)}
.console-top{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border-bottom:1px solid rgba(255,255,255,.08)}
.console-top span{width:12px;height:12px;border-radius:999px;background:#ff5f57}
.console-top span:nth-child(2){background:#ffbd2e}
.console-top span:nth-child(3){background:#28c840}
.console-top strong{margin-left:10px;color:#c3b6ab;font-size:.9rem}
.console-box{height:460px;overflow:auto;padding:18px;font-family:Consolas,monospace;white-space:pre-wrap;color:#b8ffca;background:radial-gradient(circle at top right,rgba(0,255,100,.05),transparent 30%),#05070b}
.console-line{line-height:1.45;min-height:1.45em}
.console-line.error{color:#ff9b9b}
.console-line.success{color:#9fe0be}
.console-line.muted{color:#9aa4b2}
.console-line.status{color:#ffcf92}
.console-line.command{color:#7cc7ff}
.command-form{display:flex;gap:12px;margin-top:12px}
.command-form input{flex:1}
@media(max-width:900px){.console-headline{display:block}.console-stats{text-align:left}.command-form{display:grid}}

.mail-preview{border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:24px;background:rgba(255,255,255,.04)}

/* CERBERHOST BLUE BRANDING UPDATE */
:root{
  --ch-bg:#03070d;
  --ch-bg2:#07111d;
  --ch-card:rgba(9,18,30,.82);
  --ch-card2:rgba(13,29,48,.72);
  --ch-line:rgba(45,190,255,.20);
  --ch-blue:#0094ff;
  --ch-cyan:#20d7ff;
  --ch-blue2:#005dff;
  --ch-text:#f5f8ff;
  --ch-muted:#9fb4c8;
  --ch-shadow:0 0 42px rgba(0,148,255,.22);
}
html,body{
  background:
    radial-gradient(circle at 18% 0%, rgba(0,148,255,.16), transparent 30%),
    radial-gradient(circle at 90% 18%, rgba(32,215,255,.10), transparent 32%),
    linear-gradient(180deg,#02050a 0%,#050b13 45%,#02040a 100%) !important;
  color:var(--ch-text);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.26;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom, black, transparent 85%);
  z-index:-1;
}
.container{max-width:1240px}
.site-header,.topbar,header{
  background:rgba(3,8,15,.78) !important;
  border-bottom:1px solid rgba(32,215,255,.18) !important;
  backdrop-filter:blur(18px);
}
.brand,.logo{
  display:flex !important;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:var(--ch-text) !important;
  font-weight:900;
}
.brand-logo{
  height:54px;
  width:auto;
  filter:drop-shadow(0 0 18px rgba(0,168,255,.42));
}
.brand-name{
  font-weight:950;
  font-size:1.2rem;
  letter-spacing:.5px;
}
.brand-name::first-letter{color:#fff}
nav a,.site-header a,.topbar a{
  color:#d8ecff !important;
}
nav a:hover,.site-header a:hover,.topbar a:hover{
  color:var(--ch-cyan) !important;
}
.card,.form-card,.sidebar,.product{
  background:linear-gradient(145deg, rgba(8,15,25,.88), rgba(10,22,38,.68)) !important;
  border:1px solid rgba(49,183,255,.18) !important;
  box-shadow:0 18px 70px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
.btn.primary,.blue-btn{
  background:linear-gradient(135deg,var(--ch-blue),var(--ch-cyan)) !important;
  color:#00111d !important;
  border:0 !important;
  box-shadow:0 0 34px rgba(0,148,255,.35);
  font-weight:950;
}
.btn.primary:hover,.blue-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 0 48px rgba(32,215,255,.48);
}
.ghost-blue{
  border:1px solid rgba(45,190,255,.28) !important;
  background:rgba(7,17,29,.72) !important;
  color:#dff7ff !important;
}
.eyebrow.blue,.eyebrow{
  color:#35d8ff !important;
  letter-spacing:5px;
  text-shadow:0 0 18px rgba(0,168,255,.45);
}
.cerber-home{
  overflow:hidden;
}
.cerber-hero-banner{
  position:relative;
  min-height:620px;
  display:grid;
  align-items:center;
  isolation:isolate;
  border-bottom:1px solid rgba(45,190,255,.15);
}
.cerber-banner-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:-3;
}
.cerber-banner-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(2,5,10,.94) 0%, rgba(2,5,10,.70) 35%, rgba(2,5,10,.12) 68%, rgba(2,5,10,.86) 100%),
    linear-gradient(180deg, rgba(2,5,10,.18), rgba(2,5,10,.95));
  z-index:-2;
}
.cerber-hero-content{
  padding-top:80px;
  padding-bottom:80px;
}
.cerber-hero-content h1{
  max-width:760px;
  font-size:clamp(44px,7vw,92px);
  line-height:.95;
  margin:16px 0 24px;
  letter-spacing:-3px;
  text-shadow:0 0 44px rgba(0,0,0,.65);
}
.cerber-hero-content p{
  max-width:640px;
  color:#c9d7e7;
  font-size:1.16rem;
  line-height:1.7;
}
.cerber-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:-54px;
  position:relative;
  z-index:2;
}
.cerber-stats article{
  border:1px solid rgba(45,190,255,.22);
  border-radius:24px;
  padding:24px;
  background:linear-gradient(145deg, rgba(5,14,24,.90), rgba(9,28,48,.78));
  box-shadow:var(--ch-shadow);
}
.cerber-stats strong{
  display:block;
  font-size:2.1rem;
  color:#fff;
}
.cerber-stats span{
  color:var(--ch-muted);
  font-weight:700;
}
.cerber-section{
  padding:82px 0 20px;
}
.section-title{
  max-width:760px;
  margin-bottom:26px;
}
.section-title h2,.cerber-glow-card h2{
  font-size:clamp(32px,4vw,58px);
  line-height:1;
  margin:12px 0;
}
.cerber-products{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.cerber-product{
  position:relative;
  overflow:hidden;
}
.cerber-product:before{
  content:"";
  position:absolute;
  inset:-80px auto auto -80px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(32,215,255,.28), transparent 70%);
}
.cerber-product small{
  color:#48dfff;
  font-weight:900;
}
.cerber-product strong{
  color:#fff;
  font-size:1.7rem;
}
.cerber-split{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:20px;
  align-items:stretch;
}
.cerber-glow-card{
  padding:38px !important;
}
.cerber-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.cerber-feature-grid article{
  padding:24px;
  border-radius:24px;
  background:linear-gradient(145deg, rgba(0,148,255,.10), rgba(7,17,29,.82));
  border:1px solid rgba(45,190,255,.18);
}
.cerber-feature-grid b{
  display:block;
  color:#fff;
  font-size:1.4rem;
}
.cerber-feature-grid span{
  color:var(--ch-muted);
}
.alert.ok{
  background:rgba(0,148,255,.12) !important;
  border:1px solid rgba(32,215,255,.25) !important;
}
.bad,.alert.bad{
  border:1px solid rgba(255,74,99,.25) !important;
}
.console-box{
  border-color:rgba(32,215,255,.24) !important;
}
@media(max-width:900px){
  .cerber-hero-banner{min-height:560px}
  .cerber-stats,.cerber-products,.cerber-split,.cerber-feature-grid{grid-template-columns:1fr}
  .cerber-stats{margin-top:20px}
  .cerber-hero-content h1{letter-spacing:-1px}
  .brand-logo{height:42px}
}


/* HEADER LOGO FIX — usuwa stare pomarańczowe CH i duplikat */
.cerber-topbar{
  background:linear-gradient(180deg,rgba(1,7,14,.94),rgba(2,10,18,.86)) !important;
  border-bottom:1px solid rgba(0,168,255,.28) !important;
  box-shadow:0 10px 36px rgba(0,0,0,.42),0 0 30px rgba(0,148,255,.08);
}
.cerber-nav{
  min-height:78px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
}
.cerber-brand{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:max-content;
}
.cerber-brand .brand-logo{
  width:64px !important;
  height:64px !important;
  object-fit:contain !important;
  border-radius:14px !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:drop-shadow(0 0 18px rgba(0,168,255,.48)) !important;
}
.cerber-brand .brand-text,
.cerber-brand .brand-text span,
.cerber-brand .brand-text strong,
.cerber-brand .brand-text small{
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  display:block !important;
  place-items:initial !important;
  box-shadow:none !important;
}
.cerber-brand .brand-text strong{
  font-size:1.35rem !important;
  line-height:1 !important;
  color:#fff !important;
  letter-spacing:.2px !important;
  font-weight:950 !important;
}
.cerber-brand .brand-text strong span{
  display:inline !important;
  color:#21cfff !important;
}
.cerber-brand .brand-text small{
  margin-top:5px !important;
  color:#7cb9d8 !important;
  font-size:.68rem !important;
  letter-spacing:3px !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
}
.cerber-menu{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}
.cerber-menu a:not(.btn):not(.notif-link){
  padding:10px 12px !important;
  border-radius:12px !important;
  color:#dcefff !important;
  font-weight:800 !important;
}
.cerber-menu a:not(.btn):not(.notif-link):hover{
  background:rgba(0,148,255,.12) !important;
  color:#28d9ff !important;
}
@media(max-width:900px){
  .cerber-nav{align-items:flex-start !important;flex-direction:column !important;padding:14px 0 !important}
  .cerber-brand .brand-logo{width:54px !important;height:54px !important}
  .cerber-menu{justify-content:flex-start !important}
}


/* FINAL CLEAN HERO BANNER — bez napisów z grafiki */
.cerber-hero-banner{
  min-height:720px !important;
  background:
    radial-gradient(circle at 72% 35%, rgba(0,168,255,.22), transparent 32%),
    linear-gradient(90deg,#01060c 0%,#06111d 48%,#02070f 100%) !important;
  overflow:hidden !important;
}
.cerber-banner-img{
  content:url('../img/cerberhost-banner-clean.png');
  object-fit:cover !important;
  object-position:center right !important;
  opacity:1 !important;
  filter:none !important;
}
.cerber-banner-overlay{
  background:
    linear-gradient(90deg, rgba(1,5,10,.99) 0%, rgba(1,5,10,.96) 32%, rgba(1,5,10,.58) 57%, rgba(1,5,10,.38) 77%, rgba(1,5,10,.82) 100%),
    linear-gradient(180deg, rgba(1,5,10,.08), rgba(1,5,10,.96)) !important;
}
.cerber-hero-content{
  position:relative !important;
  z-index:3 !important;
}
.cerber-hero-content:before{
  content:"";
  display:block;
  width:132px;
  height:132px;
  margin-bottom:22px;
  background:url('../img/cerberhost-logo.png') center/contain no-repeat;
  filter:drop-shadow(0 0 28px rgba(0,168,255,.55));
}
.cerber-hero-content h1{
  max-width:700px !important;
  font-size:clamp(42px,6vw,78px) !important;
  line-height:.98 !important;
  letter-spacing:-2px !important;
  text-shadow:0 0 44px rgba(0,0,0,.82) !important;
}
.cerber-hero-content p{
  max-width:610px !important;
  color:#d8e7f6 !important;
  text-shadow:0 0 22px rgba(0,0,0,.75) !important;
}
.cerber-stats{
  margin-top:-48px !important;
}
@media(max-width:900px){
  .cerber-hero-banner{min-height:620px !important}
  .cerber-hero-content:before{width:96px;height:96px}
}

/* ALLOCATION NODE FIX CSS */
.inline-form{
  display:flex;
  align-items:end;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}
.inline-form label{
  min-width:280px;
  flex:1;
}
.inline-form select{
  width:100%;
  min-height:48px;
}

/* DC PORTS FIX CSS */
.checkline{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:260px !important;
}
.checkline input{
  width:auto !important;
}

/* HELP CENTER DEDUPE CSS */
.help-page{padding-top:34px}
.help-hero{
  padding:36px !important;
  border-color:rgba(0,168,255,.28) !important;
}
.help-hero h1{
  margin:10px 0;
  font-size:clamp(36px,5vw,72px);
  line-height:1;
}
.help-search{margin-top:22px}
.help-search input{
  width:100%;
  min-height:56px;
  border-radius:18px;
  border:1px solid rgba(45,190,255,.24);
  background:rgba(2,8,15,.78);
  color:#fff;
  padding:0 18px;
  font-weight:800;
}
.help-cats{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:22px 0;
}
.help-chip{
  border:1px solid rgba(45,190,255,.22);
  background:rgba(7,17,29,.72);
  color:#dff7ff;
  border-radius:999px;
  padding:11px 16px;
  font-weight:900;
  cursor:pointer;
}
.help-chip.active,.help-chip:hover{
  background:linear-gradient(135deg,#0094ff,#20d7ff);
  color:#00111d;
}
.help-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.help-card{
  min-height:174px;
  padding:24px !important;
}
.help-card span{
  color:#35d8ff;
  font-size:.75rem;
  letter-spacing:2px;
  font-weight:950;
  text-transform:uppercase;
}
.help-card h2{
  margin:12px 0 10px;
  font-size:1.35rem;
}
.help-card p{
  color:#c9d7e7;
  line-height:1.6;
}
.help-contact{
  margin-top:22px;
  padding:28px !important;
}
@media(max-width:850px){
  .help-grid{grid-template-columns:1fr}
}

/* ADMIN CLIENT ACTIVATION CSS */
.actions-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  align-items:center !important;
}
.actions-row form{
  margin:0 !important;
}
.ok-badge{
  background:rgba(13,180,110,.18) !important;
  color:#9ff5c7 !important;
}
.warn-badge{
  background:rgba(255,176,56,.18) !important;
  color:#ffd58a !important;
}
.bad-badge{
  background:rgba(255,74,99,.18) !important;
  color:#ff9cac !important;
}
.clients-activation-table .trow{
  align-items:center !important;
}

/* ADMIN DELETE ACCOUNT CSS */
.delete-details{
  position:relative;
  display:inline-block;
}
.delete-details summary{
  list-style:none;
  cursor:pointer;
}
.delete-details summary::-webkit-details-marker{
  display:none;
}
.delete-box{
  margin-top:10px;
  padding:14px;
  border:1px solid rgba(255,74,99,.28);
  border-radius:16px;
  background:rgba(60,10,20,.44);
  display:grid;
  gap:10px;
  min-width:260px;
}
.delete-box input{
  width:100%;
}
.deleted-row{
  opacity:.68;
  filter:saturate(.75);
}
.deleted-row strong{
  text-decoration:line-through;
}
.btn.danger,.danger{
  background:rgba(255,74,99,.16) !important;
  border:1px solid rgba(255,74,99,.28) !important;
  color:#ffb3bd !important;
}
.btn.danger:hover{
  background:rgba(255,74,99,.28) !important;
}

/* ADMIN TABLES CLEAN VIEW FIX */
.card.table,
.admin-clean-table{
  overflow-x:auto !important;
}

.card.table .thead,
.admin-clean-table .thead{
  display:grid !important;
  align-items:center !important;
  gap:18px !important;
  padding:0 0 14px !important;
  border-bottom:1px solid rgba(255,255,255,.09) !important;
}

.card.table .trow,
.admin-clean-table .trow{
  display:grid !important;
  align-items:center !important;
  gap:18px !important;
  padding:16px 0 !important;
  min-height:auto !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
}

.card.table .thead > span,
.card.table .trow > span,
.admin-clean-table .thead > span,
.admin-clean-table .trow > span{
  min-width:0 !important;
  overflow-wrap:anywhere !important;
}

/* Naprawia wielkie pionowe kapsułki status/ranga */
.badge,
.card.table .badge,
.admin-clean-table .badge,
.ok-badge,
.warn-badge,
.bad-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:auto !important;
  max-width:max-content !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  line-height:1 !important;
  font-size:.82rem !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  writing-mode:horizontal-tb !important;
  transform:none !important;
  margin:0 !important;
}

/* Kolory statusów */
.ok-badge,
.badge.success,
.badge.ok,
.badge:has(> .success){
  background:rgba(13,180,110,.18) !important;
  color:#9ff5c7 !important;
  border:1px solid rgba(13,180,110,.24) !important;
}

.warn-badge,
.badge.warning{
  background:rgba(255,176,56,.18) !important;
  color:#ffd58a !important;
  border:1px solid rgba(255,176,56,.24) !important;
}

.bad-badge,
.badge.failed,
.badge.bad,
.badge.error{
  background:rgba(255,74,99,.18) !important;
  color:#ff9cac !important;
  border:1px solid rgba(255,74,99,.24) !important;
}

/* Typowy układ 4 kolumn admina: użytkownik/email/ranga/akcja albo user/ip/status/data */
.admin-clean-table .thead,
.admin-clean-table .trow,
.card.table .thead,
.card.table .trow{
  grid-template-columns:minmax(210px,1.1fr) minmax(210px,1fr) minmax(100px,.45fr) minmax(230px,1fr);
}

/* Gdy tabela ma dużo akcji */
.clients-activation-table .thead,
.clients-activation-table .trow{
  grid-template-columns:minmax(230px,1.1fr) minmax(160px,.75fr) minmax(90px,.35fr) minmax(380px,1.5fr) !important;
}

.actions-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  align-items:center !important;
}

.actions-row form{
  margin:0 !important;
}

.actions-row .btn,
.card.table .btn,
.admin-clean-table .btn{
  min-height:40px !important;
  padding:10px 14px !important;
  border-radius:14px !important;
}

.card.table select,
.card.table input,
.admin-clean-table select,
.admin-clean-table input{
  min-height:42px !important;
  border-radius:14px !important;
}

.card.table select{
  min-width:120px !important;
}

/* User-Agent w logach ma być krótki i nie rozwalać tabeli */
.card.table .trow > span:first-child,
.admin-clean-table .trow > span:first-child{
  line-height:1.35 !important;
}

.card.table .trow > span:first-child small,
.admin-clean-table .trow > span:first-child small{
  display:block !important;
  margin-top:5px !important;
  color:#8fa6bc !important;
  font-size:.78rem !important;
  line-height:1.35 !important;
  max-width:420px !important;
}

/* Usunięte/zablokowane */
.deleted-row{
  opacity:.72;
}

.btn.danger,
.danger{
  background:rgba(255,74,99,.16) !important;
  border:1px solid rgba(255,74,99,.28) !important;
  color:#ffb3bd !important;
}

.btn.danger:hover{
  background:rgba(255,74,99,.28) !important;
}

/* Mobile */
@media(max-width:980px){
  .card.table .thead,
  .admin-clean-table .thead{
    display:none !important;
  }

  .card.table .trow,
  .admin-clean-table .trow,
  .clients-activation-table .trow{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:18px !important;
    margin-bottom:12px !important;
    border:1px solid rgba(45,190,255,.16) !important;
    border-radius:18px !important;
    background:rgba(7,17,29,.46) !important;
  }
}

/* SERVER DELETE PTERODACTYL CSS */
.service-delete-details{
  margin-top:14px;
}

.service-delete-details summary{
  max-width:max-content;
}

.deleted-row{
  opacity:.68;
  filter:saturate(.75);
}

.actions-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  align-items:center !important;
}

.inlineform{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.btn.danger,
.danger{
  background:rgba(255,74,99,.16) !important;
  border:1px solid rgba(255,74,99,.28) !important;
  color:#ffb3bd !important;
}

.btn.danger:hover{
  background:rgba(255,74,99,.28) !important;
}

.delete-details summary{
  list-style:none;
  cursor:pointer;
}

.delete-details summary::-webkit-details-marker{
  display:none;
}

.delete-box{
  margin-top:10px;
  padding:14px;
  border:1px solid rgba(255,74,99,.28);
  border-radius:16px;
  background:rgba(60,10,20,.44);
  display:grid;
  gap:10px;
}

.avatar-img{object-fit:cover;background:none}.avatar-large{width:96px;height:96px;border-radius:28px;font-size:1.6rem}.profile-avatar-preview{display:flex;align-items:center;gap:16px;margin-bottom:6px}.profile-avatar-preview img{width:96px;height:96px;border-radius:28px;object-fit:cover;border:1px solid rgba(255,255,255,.12)}.profile-settings-card input[type=file]{padding:14px 16px;height:auto}.stats .card strong{word-break:break-word}

/* Profil klienta - formularze obok siebie */
.profile-forms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.profile-forms .form-card{max-width:none;width:100%;margin:0}.profile-forms .card{padding:24px}.profile-forms .btn{width:100%;text-align:center}.profile-forms input{width:100%;min-width:0}.profile-forms .eyebrow{letter-spacing:.28em}.profile-settings-card input[type=file]{max-width:100%}@media(max-width:1180px){.profile-forms{grid-template-columns:1fr 1fr}.profile-forms .profile-settings-card{grid-column:span 2}}@media(max-width:720px){.profile-forms{grid-template-columns:1fr}.profile-forms .profile-settings-card{grid-column:auto}}

/* CerberHost PWA / mobile v10 */
.pwa-install-btn[hidden]{display:none!important}.pwa-offline{max-width:720px;margin:40px auto;padding:28px}.cerber-menu .pwa-install-btn{cursor:pointer}
@media (display-mode: standalone){.pwa-install-btn{display:none!important}body{padding-top:env(safe-area-inset-top)}}
@media (max-width: 820px){
  .cerber-nav{gap:14px;align-items:flex-start}.cerber-brand .brand-logo{max-width:48px;height:auto}.brand-text small{display:none}
  .cerber-menu{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
  .cerber-menu a,.cerber-menu button{width:100%;text-align:center;justify-content:center;padding:11px 12px;border-radius:14px}
  .container{width:min(100% - 22px, var(--container, 1180px))!important}.card,.panel-card,.service-card{border-radius:18px}
  table{display:block;overflow-x:auto;white-space:nowrap}.grid,.profile-grid,.cards{grid-template-columns:1fr!important}
  input,select,textarea,button{font-size:16px}.footer{padding-bottom:calc(22px + env(safe-area-inset-bottom))}
}
@media (max-width: 520px){.cerber-menu{grid-template-columns:1fr}.brand-text strong{font-size:18px}.topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}}


/* CerberHost PWA / mobile v11 fix */
html,body{min-height:100%;}
body{position:relative;}
.gridfx{z-index:0!important;pointer-events:none!important;}
.topbar,.cerber-topbar,main,.page,.panel,.footer{position:relative;z-index:1;}
a,button,.btn,input,select,textarea,label,summary{pointer-events:auto;touch-action:manipulation;}
.pwa-install-btn{cursor:pointer;user-select:none;-webkit-user-select:none;}
@media (display-mode: standalone){.pwa-install-btn{display:none!important;}}
@supports (-webkit-touch-callout: none){input,select,textarea,button{font-size:16px!important;}}


/* CerberHost mobile app/header fix v12 */
.cerber-menu-toggle{
  display:none;
  width:46px;
  height:46px;
  border-radius:15px;
  border:1px solid rgba(45,190,255,.28);
  background:rgba(7,17,29,.72);
  color:#e7f8ff;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
  box-shadow:0 0 24px rgba(0,148,255,.16);
  -webkit-tap-highlight-color:transparent;
}
.cerber-menu-toggle span{
  display:block;
  width:22px;
  height:2px;
  border-radius:4px;
  background:#dff7ff;
  transition:.18s ease;
}
.cerber-menu-open .cerber-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.cerber-menu-open .cerber-menu-toggle span:nth-child(2){opacity:0}
.cerber-menu-open .cerber-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.cerber-install-modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(0,0,0,.68);
  z-index:5000;
  backdrop-filter:blur(10px);
}
.cerber-install-modal.is-open{display:flex}
.cerber-install-box{
  width:min(560px,100%);
  position:relative;
  border:1px solid rgba(45,190,255,.26);
  border-radius:26px;
  padding:24px;
  background:linear-gradient(145deg,rgba(4,12,22,.98),rgba(7,20,36,.98));
  box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 42px rgba(0,148,255,.20);
}
.cerber-install-close{
  position:absolute;
  top:12px;
  right:12px;
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.cerber-install-icon{font-size:42px;margin-bottom:8px}
.cerber-install-box h2{margin:0 48px 10px 0;font-size:clamp(24px,5vw,34px);line-height:1.05}
.cerber-install-current{
  color:#ddf5ff;
  font-weight:800;
  background:rgba(0,148,255,.10);
  border:1px solid rgba(45,190,255,.18);
  border-radius:16px;
  padding:12px 14px;
}
.cerber-install-list{display:grid;gap:8px;margin:16px 0 20px}
.cerber-install-list p{margin:0;color:#b9cfe2;line-height:1.45}
.cerber-modal-open{overflow:hidden}

@media(max-width:820px){
  html{scroll-padding-top:76px}
  body.cerber-menu-open{overflow:hidden}
  .topbar,.cerber-topbar{
    position:sticky!important;
    top:0!important;
    z-index:3000!important;
    backdrop-filter:blur(18px)!important;
  }
  .container{width:min(100% - 28px,1240px)!important}
  .cerber-nav{
    min-height:72px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:8px 0!important;
  }
  .cerber-brand{
    min-width:0!important;
    flex:1 1 auto!important;
    gap:10px!important;
  }
  .cerber-brand .brand-logo{
    width:48px!important;
    height:48px!important;
    border-radius:12px!important;
    flex:0 0 auto!important;
  }
  .cerber-brand .brand-text{min-width:0!important;overflow:hidden!important}
  .cerber-brand .brand-text strong{
    font-size:clamp(22px,6.2vw,32px)!important;
    white-space:nowrap!important;
  }
  .cerber-brand .brand-text small{
    font-size:.58rem!important;
    letter-spacing:3px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .cerber-menu-toggle{display:inline-flex!important;flex:0 0 auto!important}
  .cerber-menu{
    position:fixed!important;
    left:14px!important;
    right:14px!important;
    top:calc(76px + env(safe-area-inset-top))!important;
    width:auto!important;
    max-height:calc(100dvh - 92px - env(safe-area-inset-top))!important;
    overflow:auto!important;
    display:none!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:0!important;
    padding:14px!important;
    border:1px solid rgba(45,190,255,.25)!important;
    border-radius:24px!important;
    background:linear-gradient(180deg,rgba(3,10,18,.98),rgba(5,16,28,.98))!important;
    box-shadow:0 28px 90px rgba(0,0,0,.70),0 0 46px rgba(0,148,255,.20)!important;
    z-index:3100!important;
  }
  .cerber-menu.is-open{display:grid!important}
  .cerber-menu a,.cerber-menu button{
    width:100%!important;
    min-height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:13px 16px!important;
    border-radius:16px!important;
    font-size:1rem!important;
    line-height:1.1!important;
    text-align:center!important;
  }
  .cerber-menu a:not(.btn):not(.notif-link){
    background:rgba(255,255,255,.035)!important;
    border:1px solid rgba(255,255,255,.06)!important;
  }
  .cerber-menu .blue-btn,.cerber-menu .primary{
    min-height:58px!important;
    font-size:1.04rem!important;
  }
  .cerber-home{overflow:hidden!important}
  .cerber-hero-banner{
    min-height:auto!important;
    padding:48px 0 34px!important;
    display:block!important;
  }
  .cerber-banner-img{
    object-position:center top!important;
    opacity:.48!important;
    transform:scale(1.04)!important;
  }
  .cerber-banner-overlay{
    background:
      linear-gradient(180deg,rgba(1,5,10,.94) 0%,rgba(1,8,14,.82) 42%,rgba(1,5,10,.98) 100%),
      linear-gradient(90deg,rgba(1,5,10,.96),rgba(1,5,10,.30))!important;
  }
  .cerber-hero-content{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
  .cerber-hero-content:before{
    width:76px!important;
    height:76px!important;
    margin-bottom:18px!important;
  }
  .eyebrow,.eyebrow.blue{
    letter-spacing:.45em!important;
    font-size:.70rem!important;
    line-height:1.5!important;
    word-break:break-word!important;
  }
  .cerber-hero-content h1{
    max-width:100%!important;
    font-size:clamp(36px,12vw,52px)!important;
    line-height:1.02!important;
    letter-spacing:-1.3px!important;
    margin:14px 0 18px!important;
  }
  .cerber-hero-content p{
    max-width:100%!important;
    font-size:1rem!important;
    line-height:1.55!important;
  }
  .actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .actions .btn{width:100%!important;min-height:54px!important}
  .cerber-stats{
    margin-top:0!important;
    padding-top:18px!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .cerber-stats article{padding:16px!important;border-radius:18px!important}
  .cerber-stats strong{font-size:1.75rem!important}
  .cerber-stats span{font-size:.86rem!important;line-height:1.25!important}
  .cerber-section{padding:50px 0 16px!important}
  .section-title h2,.cerber-glow-card h2{font-size:clamp(28px,8.5vw,42px)!important;line-height:1.08!important}
  .cerber-products,.products,.cerber-split,.cerber-feature-grid,.profile-forms,.service-grid-premium,.status-grid,.help-grid,.info-grid{
    grid-template-columns:1fr!important;
  }
  .card,.product,.cerber-glow-card{padding:20px!important;border-radius:22px!important}
  .panel{display:grid!important;grid-template-columns:1fr!important;padding:22px 0!important;gap:14px!important}
  .sidebar{position:relative!important;top:auto!important}
  .sidebar nav{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .sidebar nav a{padding:12px!important;text-align:center!important}
  .console-box{height:52vh!important;font-size:.86rem!important}
  .command-form{display:grid!important;grid-template-columns:1fr!important}
  input,select,textarea,button{font-size:16px!important}
}

@media(max-width:460px){
  .container{width:min(100% - 22px,1240px)!important}
  .cerber-brand .brand-logo{width:42px!important;height:42px!important}
  .cerber-brand .brand-text strong{font-size:22px!important}
  .cerber-brand .brand-text small{font-size:.52rem!important;letter-spacing:2.3px!important}
  .cerber-menu-toggle{width:44px;height:44px;border-radius:14px}
  .cerber-hero-content h1{font-size:clamp(33px,12.8vw,46px)!important}
  .cerber-stats{grid-template-columns:1fr!important}
  .sidebar nav{grid-template-columns:1fr!important}
}

/* CerberHost client menu PRO v13 */
.client-sidebar-pro{
  overflow:hidden;
  padding:26px!important;
  border-radius:30px!important;
  border:1px solid rgba(35,183,255,.26)!important;
  background:
    radial-gradient(circle at 18% 0%, rgba(0,180,255,.18), transparent 34%),
    linear-gradient(180deg,rgba(3,13,24,.94),rgba(2,8,15,.96))!important;
  box-shadow:0 28px 90px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.025), 0 0 34px rgba(0,157,255,.13)!important;
}
.client-sidebar-brand{display:flex;align-items:center;gap:13px;margin-bottom:22px}.client-sidebar-brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(0,180,255,.28))}.client-sidebar-brand strong{display:block;font-size:1.55rem;line-height:1;font-weight:950;letter-spacing:-.03em}.client-sidebar-brand strong span{color:#19c8ff}.client-sidebar-brand small{display:block;color:#8fcfff;font-size:.68rem;font-weight:900;letter-spacing:.26em;margin-top:7px}.client-user-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;border:1px solid rgba(45,190,255,.18);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 0 28px rgba(0,157,255,.035)}.client-user-card .avatar{width:58px;height:58px;border-radius:19px;background:linear-gradient(135deg,#ff7a2f,#ffbd6f);box-shadow:0 12px 28px rgba(255,122,47,.20)}.client-user-info{min-width:0}.client-user-info strong{display:block;font-size:1.04rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-user-info span{display:block;color:#b6c8d6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-rank{min-width:82px;text-align:center;border-radius:18px;padding:10px 8px;background:rgba(0,148,255,.10);border:1px solid rgba(45,190,255,.16);color:#d8f5ff;font-size:.78rem;line-height:1.2}.client-rank span{display:block;color:#19c8ff;font-size:1.1rem}.client-rank b{color:#20d2ff}.client-balance-pro{display:flex!important;align-items:center;justify-content:space-between;margin:16px 0 20px!important;padding:20px!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.018))!important;border:1px solid rgba(45,190,255,.12)}.client-balance-pro strong{font-size:1.75rem!important;color:#fff}.balance-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:rgba(45,190,255,.10);border:1px solid rgba(45,190,255,.16);font-size:1.35rem}.client-menu-pro{display:grid!important;gap:10px!important;margin-top:0!important}.client-menu-pro a{min-height:58px!important;display:grid!important;grid-template-columns:44px 1fr auto!important;align-items:center!important;gap:10px!important;padding:10px 14px!important;border-radius:18px!important;color:#e8f7ff!important;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.020))!important;border:1px solid rgba(126,207,255,.12)!important;box-shadow:inset 0 0 20px rgba(0,0,0,.10)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.client-menu-pro a:hover,.client-menu-pro a.active{transform:translateX(4px);border-color:rgba(25,200,255,.72)!important;background:linear-gradient(135deg,rgba(0,160,255,.18),rgba(255,255,255,.026))!important;box-shadow:0 0 26px rgba(0,169,255,.18), inset 0 0 24px rgba(0,157,255,.05)!important;color:#29d0ff!important}.client-menu-pro .mi{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;color:#8fc9ff;font-size:1.25rem;background:rgba(0,148,255,.08)}.client-menu-pro b{font-size:1.02rem}.client-menu-pro em{font-style:normal;color:#a8c7da;font-size:2rem;line-height:1}.client-menu-pro i{font-style:normal;background:rgba(30,220,102,.12);border:1px solid rgba(30,220,102,.28);color:#3ff57b;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900}.client-menu-pro .count{min-width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#0089ff,#26d5ff);color:#fff;padding:0;font-size:.92rem}.sidebar-order-card{display:grid;grid-template-columns:84px 1fr;gap:15px;align-items:center;margin-top:22px;padding:18px;border-radius:24px;border:1px solid rgba(45,190,255,.16);background:radial-gradient(circle at left,rgba(0,180,255,.17),transparent 42%),rgba(255,255,255,.025)}.sidebar-order-card .server-cube{width:84px;height:84px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,rgba(0,128,255,.20),rgba(0,13,28,.8));border:1px solid rgba(45,190,255,.24);font-size:2.8rem;color:#20d2ff;text-shadow:0 0 20px rgba(32,210,255,.75)}.sidebar-order-card strong{display:block;font-size:1.05rem}.sidebar-order-card span{display:block;color:#b8c9d8;margin:5px 0 12px}.sidebar-order-card a{display:inline-flex;min-height:42px;align-items:center;padding:0 16px;border-radius:14px;background:linear-gradient(135deg,#03a8ff,#31ddff);color:#00131d;font-weight:950}.mobile-bottom-nav{display:none}
@media(max-width:900px){.client-sidebar-pro{padding:20px!important}.client-sidebar-brand{margin-bottom:16px}.client-user-card{grid-template-columns:auto 1fr}.client-rank{display:none}.client-menu-pro a{grid-template-columns:42px 1fr auto!important;text-align:left!important}.client-menu-pro b{text-align:left}.sidebar-order-card{margin-bottom:78px}.mobile-bottom-nav{position:fixed;left:14px;right:14px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:2600;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:10px;border:1px solid rgba(45,190,255,.22);border-radius:24px;background:linear-gradient(180deg,rgba(4,14,26,.96),rgba(4,10,18,.96));box-shadow:0 20px 70px rgba(0,0,0,.62),0 0 32px rgba(0,157,255,.14);backdrop-filter:blur(16px)}.mobile-bottom-nav a{display:grid!important;place-items:center!important;gap:3px!important;min-height:52px!important;padding:4px!important;border:0!important;background:transparent!important;color:#9fcfff!important;font-size:1.35rem!important}.mobile-bottom-nav a span{font-size:.72rem!important;font-weight:800!important}.panel{padding-bottom:100px!important}}
@media(max-width:460px){.client-sidebar-pro{border-radius:26px!important;padding:18px!important}.client-sidebar-brand img{width:50px;height:50px}.client-sidebar-brand strong{font-size:1.35rem}.client-user-card{padding:14px;border-radius:22px}.client-user-info strong{font-size:1rem}.client-user-info span{font-size:.86rem}.client-balance-pro{padding:16px!important}.client-balance-pro strong{font-size:1.55rem!important}.client-menu-pro{gap:9px!important}.client-menu-pro a{min-height:56px!important;padding:9px 12px!important;border-radius:17px!important}.sidebar-order-card{grid-template-columns:70px 1fr;padding:15px}.sidebar-order-card .server-cube{width:70px;height:70px;font-size:2.2rem}.sidebar-order-card a{width:100%;justify-content:center}.mobile-bottom-nav{left:10px;right:10px}}

/* === CerberHost v14 — compact premium admin/client dashboard === */
:root{
  --ch-bg:#030913;
  --ch-card:rgba(7,18,32,.76);
  --ch-card2:rgba(10,28,48,.62);
  --ch-line:rgba(34,181,255,.18);
  --ch-line2:rgba(132,205,255,.12);
  --ch-blue:#15bfff;
  --ch-blue2:#007bff;
  --ch-text:#eef7ff;
  --ch-muted:#9cb4c9;
  --ch-green:#18e981;
}
body{background:radial-gradient(circle at 85% 0%,rgba(0,153,255,.18),transparent 28%),radial-gradient(circle at 10% 20%,rgba(0,204,255,.10),transparent 22%),linear-gradient(180deg,#020710,#04101d 52%,#03060b)!important;color:var(--ch-text)!important}.gridfx{opacity:.55;background-size:46px 46px!important;background-image:linear-gradient(rgba(30,190,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(30,190,255,.055) 1px,transparent 1px)!important}.card,.panel-card-v14,.dash-card-v14{background:linear-gradient(145deg,rgba(9,22,38,.90),rgba(4,12,22,.76))!important;border:1px solid var(--ch-line)!important;box-shadow:0 18px 50px rgba(0,0,0,.34),inset 0 0 28px rgba(0,167,255,.025)!important}.blue-btn,.primary{background:linear-gradient(135deg,#059cff,#2bdcff)!important;color:#00111b!important;border:0!important;box-shadow:0 12px 34px rgba(0,161,255,.22)!important}.ghost-blue{border-color:rgba(35,190,255,.24)!important;background:rgba(10,28,48,.55)!important;color:#e8f8ff!important}.eyebrow{color:#38d7ff!important;letter-spacing:.38em!important;font-size:.72rem!important}.panel{grid-template-columns:270px minmax(0,1fr)!important;gap:20px!important;padding:24px 0!important}.maincol{gap:16px!important}.admin-shell-v14,.client-shell-v14{align-items:start}.admin-sidebar-v14,.client-sidebar-pro{position:sticky!important;top:104px!important;max-height:calc(100vh - 122px);overflow:auto;padding:20px!important;border-radius:24px!important}.admin-sidebar-v14::-webkit-scrollbar,.client-sidebar-pro::-webkit-scrollbar{width:4px}.admin-sidebar-v14::-webkit-scrollbar-thumb,.client-sidebar-pro::-webkit-scrollbar-thumb{background:rgba(45,190,255,.32);border-radius:99px}.admin-logo-v14{display:flex;align-items:center;gap:12px;margin-bottom:14px}.admin-logo-v14 img{width:52px;height:52px;object-fit:contain}.admin-logo-v14 strong{display:block;font-size:1.3rem;line-height:1}.admin-logo-v14 strong span{color:var(--ch-blue)}.admin-logo-v14 small{display:block;color:#81ccff;font-size:.62rem;font-weight:900;letter-spacing:.25em;margin-top:4px}.admin-profile-v14{padding:12px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(130,205,255,.10)}.admin-sidebar-v14 nav{gap:8px!important;margin-top:14px!important}.admin-sidebar-v14 nav a{display:flex!important;align-items:center;gap:10px;min-height:44px!important;padding:10px 12px!important;border-radius:14px!important;text-align:left!important;color:#c8d9e8!important;background:transparent!important;border:1px solid transparent!important}.admin-sidebar-v14 nav a:hover,.admin-sidebar-v14 nav a.active{background:linear-gradient(90deg,rgba(0,150,255,.18),rgba(0,150,255,.035))!important;border-color:rgba(35,190,255,.35)!important;color:#23caff!important;box-shadow:inset 3px 0 0 #14bfff}.admin-premium-v14{margin-top:16px;border-radius:18px;padding:14px;background:radial-gradient(circle at top left,rgba(0,180,255,.18),transparent 45%),rgba(255,255,255,.025);border:1px solid rgba(45,190,255,.14)}.admin-premium-v14 b{display:block;color:#24caff}.admin-premium-v14 span{display:block;color:var(--ch-muted);font-size:.86rem;margin-top:4px}.admin-top-v14,.client-hero-v14{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 26px;border-radius:26px;background:linear-gradient(145deg,rgba(8,24,42,.86),rgba(4,13,24,.72));border:1px solid var(--ch-line);box-shadow:0 18px 55px rgba(0,0,0,.30)}.admin-top-v14 h1,.client-hero-v14 h1{font-size:clamp(1.8rem,3.2vw,3.4rem)!important;line-height:1.05!important;margin:0 0 8px!important;letter-spacing:-.04em}.admin-top-v14 p,.client-hero-v14 p{margin:0;color:var(--ch-muted)}.admin-actions-v14,.client-hero-actions-v14{display:flex;gap:10px;flex-wrap:wrap}.dash-stats-v14{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.dash-card-v14{min-height:112px!important;border-radius:20px!important;padding:18px!important;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon small" "icon strong" "icon span";gap:2px 14px;align-content:center}.dash-card-v14 i{grid-area:icon;width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,rgba(0,157,255,.22),rgba(0,157,255,.055));border:1px solid rgba(45,190,255,.14);font-style:normal;font-size:1.25rem}.dash-card-v14 small{grid-area:small;color:var(--ch-muted)!important;font-size:.86rem}.dash-card-v14 strong{grid-area:strong;font-size:1.35rem!important;line-height:1.12;white-space:nowrap}.dash-card-v14 span{grid-area:span;color:#41aaff;font-size:.82rem;font-weight:800}.dash-card-v14 .green,.dash-card-v14.status span{color:var(--ch-green)!important}.admin-grid-v14{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.client-grid-v14{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel-card-v14{border-radius:22px!important;padding:20px!important}.panel-head-v14{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head-v14 h2{font-size:1.05rem!important;margin:0!important}.panel-head-v14 a{color:#28c8ff;font-size:.88rem}.chip-v14{min-height:34px;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(135,205,255,.12);color:#d9f4ff}.mini-table-v14{display:grid;gap:0}.mini-table-v14>div{display:grid;grid-template-columns:70px minmax(0,1fr) 92px 86px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(132,205,255,.08)}.mini-table-v14 b{color:#dceeff}.mini-table-v14 span{color:#b8cbe0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-table-v14 em{justify-self:start;font-style:normal;padding:6px 10px;border-radius:999px;background:rgba(0,156,255,.12);color:#24caff;font-size:.78rem;font-weight:900}.mini-table-v14 strong{text-align:right;font-size:.9rem!important}.fake-chart-v14{height:245px;border-radius:18px;background:linear-gradient(180deg,rgba(0,150,255,.08),rgba(0,0,0,.05));border:1px solid rgba(132,205,255,.08);display:flex;align-items:end;gap:7%;padding:26px 28px}.fake-chart-v14 span{width:12%;height:var(--h);border-radius:999px 999px 6px 6px;background:linear-gradient(180deg,#24d4ff,#006dff);box-shadow:0 0 22px rgba(0,157,255,.35)}.quick-grid-v14{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-grid-v14 a{min-height:92px;display:grid;place-items:center;gap:8px;text-align:center;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(132,205,255,.10);color:#e5f7ff}.quick-grid-v14 a:hover{border-color:rgba(35,190,255,.45);box-shadow:0 0 24px rgba(0,157,255,.10)}.quick-grid-v14 a span{font-weight:800}.client-stats-v14{grid-template-columns:repeat(4,minmax(0,1fr))}.service-list-mini-v14{display:grid;gap:10px}.service-list-mini-v14 a{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;min-height:62px;padding:10px 12px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(132,205,255,.10)}.service-list-mini-v14 i{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(0,160,255,.13);color:#26d7ff;font-style:normal}.service-list-mini-v14 b{display:block}.service-list-mini-v14 small{display:block;color:var(--ch-muted);margin-top:3px}.service-list-mini-v14 em{font-style:normal;font-size:1.5rem;color:#8db7d6}.client-sidebar-pro{width:auto!important}.client-sidebar-pro .client-menu-pro a{min-height:50px!important;border-radius:16px!important;padding:8px 12px!important}.client-sidebar-pro .client-menu-pro .mi{width:34px!important;height:34px!important;font-size:1.05rem!important}.client-sidebar-pro .client-menu-pro b{font-size:.95rem!important}.client-sidebar-pro .client-user-card{padding:14px!important;border-radius:20px!important}.client-sidebar-pro .client-balance-pro{padding:15px!important;border-radius:20px!important}.client-sidebar-pro .client-balance-pro strong{font-size:1.35rem!important}.client-sidebar-pro .sidebar-order-card{padding:14px!important;border-radius:20px!important;grid-template-columns:64px 1fr}.client-sidebar-pro .sidebar-order-card .server-cube{width:64px;height:64px;font-size:2rem}.client-sidebar-brand img{width:48px!important;height:48px!important}.client-sidebar-brand strong{font-size:1.25rem!important}.client-sidebar-brand small{font-size:.58rem!important}.footer{opacity:.7;padding:20px 0 28px!important;font-size:.88rem}
@media(max-width:1180px){.dash-stats-v14{grid-template-columns:repeat(2,1fr)}.admin-grid-v14,.client-grid-v14{grid-template-columns:1fr}.panel{grid-template-columns:250px minmax(0,1fr)!important}.dash-card-v14{min-height:102px!important}.fake-chart-v14{height:200px}.mini-table-v14>div{grid-template-columns:58px 1fr 80px}.mini-table-v14 strong{display:none}}
@media(max-width:900px){.panel{grid-template-columns:1fr!important;padding:14px 0 96px!important}.admin-sidebar-v14,.client-sidebar-pro{position:relative!important;top:auto!important;max-height:none;padding:16px!important}.admin-sidebar-v14 nav{grid-template-columns:1fr 1fr!important}.admin-top-v14,.client-hero-v14{display:grid;padding:20px;border-radius:22px}.admin-top-v14 h1,.client-hero-v14 h1{font-size:2rem!important}.dash-stats-v14,.client-stats-v14{grid-template-columns:1fr 1fr!important;gap:10px}.dash-card-v14{padding:14px!important;min-height:96px!important;grid-template-columns:42px 1fr;gap:2px 10px}.dash-card-v14 i{width:42px;height:42px;border-radius:14px}.dash-card-v14 strong{font-size:1.15rem!important}.panel-card-v14{padding:16px!important}.admin-actions-v14 .btn,.client-hero-actions-v14 .btn{flex:1}.quick-grid-v14{grid-template-columns:1fr 1fr}.client-sidebar-pro .client-menu-pro{grid-template-columns:1fr!important}.client-sidebar-pro .sidebar-order-card{display:none!important}}
@media(max-width:520px){.container{width:min(100% - 20px,1260px)!important}.admin-sidebar-v14 nav{grid-template-columns:1fr!important}.dash-stats-v14,.client-stats-v14{grid-template-columns:1fr!important}.dash-card-v14{min-height:auto!important}.admin-top-v14 h1,.client-hero-v14 h1{font-size:1.65rem!important}.mini-table-v14>div{grid-template-columns:54px 1fr;gap:5px 9px}.mini-table-v14 em{justify-self:start}.mini-table-v14 strong{display:block;text-align:left}.quick-grid-v14{grid-template-columns:1fr}.client-sidebar-pro .client-user-card{grid-template-columns:auto 1fr!important}.client-sidebar-pro .client-rank{display:none!important}.client-sidebar-pro .client-menu-pro a{min-height:52px!important}.footer{padding-bottom:95px!important}}

/* CerberHost FULL UI polish v15 - premium app layout */
:root{--ch-bg:#030912;--ch-panel:#071421;--ch-panel2:#0b1b2c;--ch-line:rgba(68,190,255,.16);--ch-line2:rgba(132,205,255,.09);--ch-text:#f3f8ff;--ch-muted:#8fa8bd;--ch-blue:#10b8ff;--ch-blue2:#057dff;--ch-green:#18e983;--ch-warn:#ffb01f;--ch-red:#ff5372}
html,body{min-height:100%;background:radial-gradient(circle at 72% 0%,rgba(5,110,190,.16),transparent 34%),linear-gradient(180deg,#020811 0%,#04111e 48%,#02070d 100%)!important;color:var(--ch-text)}
.gridfx{opacity:.38!important;background-size:48px 48px!important;mask-image:linear-gradient(180deg,#000 20%,transparent 92%)}
.container{width:min(100% - 44px,1420px)!important}.cerber-topbar{backdrop-filter:blur(18px);background:rgba(3,10,18,.68)!important;border-bottom:1px solid rgba(68,190,255,.12)!important}.cerber-nav{min-height:74px}.cerber-menu a:not(.btn),.cerber-menu .pwa-install-btn{border-radius:14px!important}
.ch-app-shell{display:grid!important;grid-template-columns:252px minmax(0,1fr)!important;gap:22px!important;align-items:start!important;padding:24px 0 34px!important}.ch-main{display:grid;gap:18px;min-width:0}.ch-client-shell .client-sidebar-pro,.ch-admin-sidebar{position:sticky!important;top:96px!important;height:calc(100vh - 116px)!important;overflow:auto!important;padding:18px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(6,18,31,.93),rgba(3,10,18,.96))!important;border:1px solid var(--ch-line)!important;box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.03)!important}.ch-client-shell .client-sidebar-pro::-webkit-scrollbar,.ch-admin-sidebar::-webkit-scrollbar{width:4px}.ch-client-shell .client-sidebar-pro::-webkit-scrollbar-thumb,.ch-admin-sidebar::-webkit-scrollbar-thumb{background:rgba(30,190,255,.35);border-radius:99px}
.client-sidebar-brand,.ch-sidebar-logo{display:flex;align-items:center;gap:12px;margin-bottom:22px!important}.client-sidebar-brand img,.ch-sidebar-logo img{width:52px!important;height:52px!important;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,178,255,.24))}.client-sidebar-brand strong,.ch-sidebar-logo strong{font-size:1.32rem!important;line-height:1;font-weight:950}.client-sidebar-brand strong span,.ch-sidebar-logo span{color:var(--ch-blue)}.client-sidebar-brand small,.ch-sidebar-logo small{display:block;margin-top:5px;color:#8fd7ff;font-size:.58rem!important;letter-spacing:.33em!important;text-transform:uppercase;font-weight:900}.client-user-card{padding:13px!important;border-radius:20px!important}.client-user-card .avatar{width:50px!important;height:50px!important;border-radius:16px!important}.client-user-info strong{font-size:.98rem!important}.client-user-info span{font-size:.8rem!important}.client-rank{font-size:.72rem!important;min-width:72px!important;padding:8px!important}.client-balance-pro{margin:12px 0 16px!important;padding:14px!important;border-radius:18px!important}.client-balance-pro strong{font-size:1.28rem!important}.balance-icon{width:44px!important;height:44px!important;border-radius:14px!important}.client-menu-pro{gap:7px!important}.client-menu-pro a{min-height:46px!important;border-radius:14px!important;padding:7px 10px!important;grid-template-columns:34px 1fr auto!important}.client-menu-pro .mi{width:31px!important;height:31px!important;border-radius:11px!important;font-size:1rem!important}.client-menu-pro b{font-size:.9rem!important}.client-menu-pro em{font-size:1.25rem!important}.client-menu-pro i{font-size:.68rem!important;padding:4px 8px!important}.sidebar-order-card{margin-top:16px!important;padding:14px!important;border-radius:18px!important;grid-template-columns:58px 1fr!important}.sidebar-order-card .server-cube{width:58px!important;height:58px!important;border-radius:16px!important;font-size:1.8rem!important}.sidebar-order-card strong{font-size:.94rem!important}.sidebar-order-card span{font-size:.8rem!important}.sidebar-order-card a{min-height:36px!important;font-size:.82rem!important}
.ch-sidebar-logo{margin-bottom:28px}.ch-admin-nav{display:grid;gap:6px}.ch-admin-nav a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:13px;color:#bbd0e4!important;border:1px solid transparent;text-decoration:none;font-weight:800}.ch-admin-nav a:hover,.ch-admin-nav a.active{background:linear-gradient(90deg,rgba(0,141,255,.24),rgba(0,168,255,.055));border-color:rgba(44,194,255,.30);box-shadow:inset 3px 0 0 var(--ch-blue),0 0 22px rgba(0,153,255,.12);color:#2fcfff!important}.ch-premium-box{margin-top:20px;padding:16px;border-radius:18px;background:radial-gradient(circle at top left,rgba(0,174,255,.18),transparent 48%),rgba(255,255,255,.025);border:1px solid rgba(56,198,255,.14)}.ch-premium-box b{display:block;color:#17c7ff}.ch-premium-box span{display:block;color:var(--ch-muted);font-size:.82rem;line-height:1.35;margin:6px 0 12px}.ch-premium-box a{color:#2fcfff;font-weight:900}
.ch-page-top{display:grid;grid-template-columns:auto minmax(280px,420px) 1fr;align-items:center;gap:14px;min-height:48px}.ch-sidebar-toggle{width:42px;height:42px;border-radius:14px;border:1px solid var(--ch-line);background:rgba(255,255,255,.035);color:#dff7ff;font-size:1.2rem}.ch-search{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;border-radius:14px;border:1px solid var(--ch-line2);background:rgba(5,17,29,.76);color:#7f9eb9;font-size:.9rem}.ch-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-search kbd{margin-left:auto;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#7f9eb9;border-radius:7px;padding:2px 8px;font-size:.72rem}.ch-top-user{justify-self:end;display:flex;align-items:center;gap:13px;color:#cde8ff}.ch-top-user>b{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#1766bc,#1a3a6f);border:1px solid rgba(73,181,255,.24)}.ch-top-user div{display:grid}.ch-top-user small{color:#8ea9bd}.ch-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:26px 28px;border-radius:24px;background:linear-gradient(145deg,rgba(8,23,38,.92),rgba(5,13,23,.72));border:1px solid var(--ch-line);box-shadow:0 24px 70px rgba(0,0,0,.32),inset 0 0 40px rgba(0,160,255,.025)}.ch-hero h1{font-size:clamp(2rem,3.6vw,3.6rem)!important;line-height:.98!important;letter-spacing:-.055em;margin:7px 0 10px!important}.ch-hero p{margin:0;color:#a9bdcf;font-size:1rem}.ch-hero-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ch-hero-actions .btn{min-height:46px!important;border-radius:14px!important;padding:0 18px!important;font-weight:950!important}
.ch-stat-grid{display:grid;gap:14px}.ch-stat-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.ch-stat{min-height:112px;padding:18px;border-radius:18px;background:linear-gradient(145deg,rgba(10,28,47,.86),rgba(5,14,25,.78));border:1px solid var(--ch-line2);box-shadow:0 16px 44px rgba(0,0,0,.28);display:grid;grid-template-columns:54px 1fr;grid-template-areas:'icon small' 'icon strong' 'icon span';gap:1px 14px;align-content:center}.ch-stat i{grid-area:icon;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-style:normal;background:linear-gradient(135deg,rgba(0,157,255,.22),rgba(0,157,255,.06));border:1px solid rgba(66,195,255,.15);font-size:1.35rem}.ch-stat small{grid-area:small;color:#a7bace;font-size:.86rem}.ch-stat strong{grid-area:strong;font-size:1.45rem;line-height:1.08;color:#fff}.ch-stat span{grid-area:span;color:#28bfff;font-size:.82rem;font-weight:900}.ch-stat .ok,.ch-stat.status span,.ok{color:var(--ch-green)!important}.warn{color:var(--ch-warn)!important}.bad{color:var(--ch-red)!important}.ch-stat.status{border-color:rgba(22,235,130,.18);background:linear-gradient(145deg,rgba(8,34,31,.76),rgba(5,14,25,.78))}.ch-stat.status i{background:rgba(12,230,132,.12);border-color:rgba(12,230,132,.18)}
.ch-dashboard-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:14px}.ch-admin-grid{grid-template-columns:1fr 1fr}.ch-card{padding:18px;border-radius:20px;background:linear-gradient(145deg,rgba(8,24,42,.86),rgba(4,12,22,.74));border:1px solid var(--ch-line2);box-shadow:0 18px 55px rgba(0,0,0,.30),inset 0 0 30px rgba(0,160,255,.018)}.ch-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.ch-card-head h2{font-size:1.05rem!important;margin:0!important;letter-spacing:-.02em}.ch-card-head a{font-size:.88rem;color:#21c9ff;font-weight:850}.ch-chart-card{min-height:325px}.ch-line-chart{height:220px;position:relative;border-radius:16px;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 44px;border:1px solid rgba(132,205,255,.07);overflow:hidden}.ch-line-chart svg{width:100%;height:100%}.ch-line-chart .area{fill:url(#g)}.ch-admin-grid .ch-line-chart .area{fill:url(#ag)}.ch-line-chart .line{fill:none;stroke:#119dff;stroke-width:5;filter:drop-shadow(0 0 10px rgba(0,157,255,.7))}.ch-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.ch-mini-stats span{padding:13px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(132,205,255,.08);color:#8fa8bd}.ch-mini-stats b{display:block;color:#fff;font-size:1.18rem}.ch-mini-stats em{font-style:normal;font-size:.8rem;font-weight:900}.ch-services-card,.ch-orders-card,.ch-tickets-card,.ch-quick-card,.ch-wallet-card{min-height:0}.ch-service-list{display:grid;gap:8px}.ch-service-list>a{display:grid;grid-template-columns:44px minmax(0,1fr) 120px 42px;gap:12px;align-items:center;min-height:58px;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(132,205,255,.07);color:#eaf7ff}.ch-service-list i{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,rgba(0,224,180,.20),rgba(0,145,255,.15));font-style:normal}.ch-service-list b{display:block;font-size:.95rem}.ch-service-list small{display:block;color:#91a8bc;font-size:.78rem}.ch-service-list meter{width:100%;height:8px}.ch-service-list em{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.035);font-style:normal}.ch-empty-action{display:inline-flex!important;width:max-content;margin-top:8px;padding:12px 16px!important;border-color:rgba(39,198,255,.25)!important}.ch-table-mini{display:grid}.ch-table-mini>div,.ch-ticket-list a{display:grid;grid-template-columns:64px minmax(0,1fr) 96px 88px;gap:12px;align-items:center;min-height:48px;border-bottom:1px solid rgba(132,205,255,.07);color:#dff4ff}.ch-table-mini span,.ch-ticket-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aebfd0}.ch-table-mini em,.ch-ticket-list em{justify-self:start;font-style:normal;font-size:.76rem;font-weight:900;color:#20c9ff;padding:5px 9px;border-radius:999px;background:rgba(0,157,255,.10)}.ch-table-mini strong{text-align:right;font-size:.86rem}.ch-ticket-list{display:grid}.ch-ticket-list a{grid-template-columns:64px 1fr 92px;text-decoration:none}.ch-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ch-quick-grid a{min-height:88px;display:grid;place-items:center;gap:8px;text-align:center;padding:12px;border-radius:15px;background:rgba(255,255,255,.025);border:1px solid rgba(132,205,255,.08);color:#dff4ff;text-decoration:none;font-size:1.35rem}.ch-quick-grid a span{display:block;font-size:.86rem;font-weight:850}.ch-quick-grid a:hover{transform:translateY(-2px);border-color:rgba(31,197,255,.38);box-shadow:0 0 30px rgba(0,157,255,.10)}.ch-wallet-card{display:flex;align-items:end;justify-content:space-between;gap:12px;background:radial-gradient(circle at right bottom,rgba(0,157,255,.22),transparent 42%),linear-gradient(145deg,rgba(8,24,42,.86),rgba(4,12,22,.74))}.ch-wallet-card small,.ch-wallet-card span{display:block;color:#98adc1}.ch-wallet-card strong{display:block;font-size:1.7rem;color:#fff;margin:4px 0}.ch-wallet-card .btn{min-height:42px!important;border-radius:13px!important}.ch-admin-grid .ch-chart-card{grid-column:auto}.ch-admin-grid .ch-quick-card{grid-column:auto}.footer{border-top:1px solid rgba(132,205,255,.08)!important;color:#728da6!important;padding:20px 0 32px!important}
/* global polish for internal pages */
.card:not(.client-sidebar-pro):not(.ch-admin-sidebar),.product,.cerber-glow-card,.panel-card-v14{border-radius:20px!important;background:linear-gradient(145deg,rgba(8,24,42,.84),rgba(4,12,22,.74))!important;border:1px solid var(--ch-line2)!important;box-shadow:0 18px 55px rgba(0,0,0,.24)!important}input,select,textarea{border-radius:13px!important;background:rgba(7,19,32,.88)!important;border:1px solid rgba(132,205,255,.13)!important;color:#eaf7ff!important}table{border-collapse:separate!important;border-spacing:0 8px!important}td,th{border-bottom:0!important;background:rgba(255,255,255,.025)!important}tr td:first-child,tr th:first-child{border-radius:12px 0 0 12px}tr td:last-child,tr th:last-child{border-radius:0 12px 12px 0}.btn{border-radius:13px!important;font-weight:900!important}
@media(max-width:1280px){.ch-stat-grid-5{grid-template-columns:repeat(3,1fr)}.ch-dashboard-grid,.ch-admin-grid{grid-template-columns:1fr}.ch-app-shell{grid-template-columns:236px minmax(0,1fr)!important}.ch-chart-card{min-height:auto}.ch-line-chart{height:190px}}
@media(max-width:980px){.container{width:min(100% - 26px,1420px)!important}.ch-app-shell{grid-template-columns:1fr!important;padding:14px 0 96px!important}.ch-client-shell .client-sidebar-pro,.ch-admin-sidebar{position:relative!important;top:auto!important;height:auto!important;max-height:none!important}.ch-page-top{grid-template-columns:auto 1fr auto}.ch-search kbd{display:none}.ch-hero{display:grid;padding:20px}.ch-hero h1{font-size:2rem!important}.ch-stat-grid-5{grid-template-columns:repeat(2,1fr)}.ch-dashboard-grid{gap:12px}.ch-mini-stats{grid-template-columns:repeat(2,1fr)}.ch-service-list>a{grid-template-columns:40px 1fr 80px 36px}.ch-quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.container{width:min(100% - 18px,1420px)!important}.ch-page-top{grid-template-columns:1fr auto}.ch-sidebar-toggle{display:none}.ch-search{grid-column:1 / -1;order:2}.ch-top-user div{display:none}.ch-hero-actions{display:grid;grid-template-columns:1fr;width:100%}.ch-hero-actions .btn{width:100%;justify-content:center}.ch-stat-grid-5{grid-template-columns:1fr}.ch-stat{min-height:96px;padding:14px;grid-template-columns:46px 1fr}.ch-stat i{width:44px;height:44px}.ch-card{padding:15px;border-radius:18px}.ch-line-chart{height:160px}.ch-mini-stats{grid-template-columns:1fr 1fr}.ch-service-list>a{grid-template-columns:38px 1fr 34px}.ch-service-list meter{display:none}.ch-table-mini>div{grid-template-columns:54px 1fr;gap:6px 10px;padding:9px 0}.ch-table-mini em,.ch-table-mini strong{justify-self:start;text-align:left}.ch-ticket-list a{grid-template-columns:54px 1fr}.ch-ticket-list em{grid-column:2}.ch-quick-grid{grid-template-columns:1fr 1fr}.ch-quick-grid a{min-height:74px}.ch-wallet-card{display:grid}.client-sidebar-brand,.ch-sidebar-logo{justify-content:center}.client-sidebar-brand small,.ch-sidebar-logo small{text-align:left}.mobile-bottom-nav{display:grid!important}.footer{padding-bottom:95px!important}}

/* === CerberHost v16 — pełne dopracowanie panelu klienta i admina === */
:root{
  --v16-bg:#020811;--v16-panel:#061524;--v16-panel-2:#091a2c;--v16-line:rgba(86,197,255,.16);--v16-line-2:rgba(86,197,255,.09);
  --v16-text:#eff8ff;--v16-muted:#91a9bd;--v16-blue:#13b8ff;--v16-blue-2:#087bff;--v16-green:#1ceb8a;--v16-yellow:#ffbd35;
}
html{scroll-behavior:smooth}body{background:radial-gradient(circle at 83% -5%,rgba(8,144,255,.18),transparent 34%),radial-gradient(circle at 8% 8%,rgba(0,210,255,.09),transparent 30%),linear-gradient(180deg,#020811 0%,#04111f 46%,#02060d 100%)!important;color:var(--v16-text)!important}.gridfx{opacity:.28!important;background-size:54px 54px!important;background-image:linear-gradient(rgba(63,184,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(63,184,255,.075) 1px,transparent 1px)!important}
.container{width:min(100% - 42px,1540px)!important}.topbar.cerber-topbar{background:rgba(2,9,17,.78)!important;border-bottom:1px solid rgba(73,187,255,.13)!important;box-shadow:0 8px 30px rgba(0,0,0,.25)}.cerber-nav{min-height:68px!important}.cerber-menu{gap:10px!important}.cerber-menu a:not(.btn),.cerber-menu button:not(.btn){padding:11px 14px!important;border-radius:14px!important;color:#cce1f3!important}.cerber-menu a:hover,.cerber-menu button:hover{background:rgba(12,172,255,.10)!important;color:#fff!important}.brand-logo{filter:drop-shadow(0 0 18px rgba(0,174,255,.25))}
/* App shell: pełna szerokość i mniejsze, równe elementy */
.panel,.ch-app-shell{grid-template-columns:276px minmax(0,1fr)!important;gap:20px!important;padding:22px 0 32px!important;align-items:start!important}.maincol,.ch-main{gap:16px!important;min-width:0}.sidebar,.client-sidebar-pro,.ch-admin-sidebar{position:sticky!important;top:88px!important;max-height:calc(100vh - 104px)!important;overflow:auto!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(7,19,33,.94),rgba(3,10,18,.96))!important;border:1px solid var(--v16-line)!important;box-shadow:0 25px 72px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035)!important;padding:18px!important}.sidebar::-webkit-scrollbar,.client-sidebar-pro::-webkit-scrollbar,.ch-admin-sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb,.client-sidebar-pro::-webkit-scrollbar-thumb,.ch-admin-sidebar::-webkit-scrollbar-thumb{background:rgba(40,196,255,.36);border-radius:99px}
/* Standardowy wygląd menu w każdej zakładce admina/klienta */
.sidebar .profile{display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;margin-bottom:14px!important;padding:14px!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;border:1px solid rgba(132,205,255,.10)!important}.sidebar .profile .avatar{width:50px!important;height:50px!important;border-radius:16px!important}.sidebar .profile strong{font-size:1rem!important}.sidebar .profile span{font-size:.82rem!important;color:var(--v16-muted)!important}.sidebar nav{gap:7px!important;margin-top:12px!important}.sidebar nav a,.client-menu-pro a,.ch-admin-nav a{min-height:44px!important;border-radius:14px!important;padding:9px 12px!important;background:transparent!important;border:1px solid transparent!important;color:#c7d8e7!important;font-weight:850!important;transition:.18s ease!important}.sidebar nav a:hover,.sidebar nav a.active,.client-menu-pro a:hover,.client-menu-pro a.active,.ch-admin-nav a:hover,.ch-admin-nav a.active{transform:translateX(3px)!important;background:linear-gradient(90deg,rgba(0,145,255,.21),rgba(0,145,255,.04))!important;border-color:rgba(49,195,255,.34)!important;color:#27cfff!important;box-shadow:inset 3px 0 0 var(--v16-blue),0 0 24px rgba(0,160,255,.10)!important}.client-menu-pro{gap:7px!important}.client-menu-pro a{grid-template-columns:34px 1fr auto!important}.client-menu-pro .mi{width:31px!important;height:31px!important;border-radius:11px!important;background:rgba(0,150,255,.10)!important}.client-menu-pro b{font-size:.9rem!important}.client-user-card{padding:13px!important;border-radius:20px!important}.client-balance-pro{padding:14px!important;margin:12px 0 15px!important;border-radius:18px!important}.client-balance-pro strong{font-size:1.32rem!important}.client-sidebar-brand,.ch-sidebar-logo{margin-bottom:18px!important}.sidebar-order-card{display:none!important}
/* Topbar i hero wewnątrz paneli */
.ch-page-top{display:grid!important;grid-template-columns:auto minmax(260px,520px) 1fr!important;gap:12px!important;align-items:center!important;min-height:44px!important}.ch-search{height:42px!important;border-radius:14px!important;background:rgba(4,15,28,.78)!important;border:1px solid rgba(132,205,255,.12)!important}.ch-sidebar-toggle{width:42px!important;height:42px!important;border-radius:14px!important}.ch-top-user>b{width:40px!important;height:40px!important}.ch-hero,.card.hero-mini,.maincol>.card:first-child:not(.table):not(.form-card){padding:22px 24px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(8,24,42,.90),rgba(4,12,22,.72))!important;border:1px solid var(--v16-line)!important;box-shadow:0 22px 62px rgba(0,0,0,.30),inset 0 0 36px rgba(0,170,255,.018)!important;min-height:auto!important}.ch-hero h1,.maincol>.card:first-child h1{font-size:clamp(1.8rem,3.1vw,3.05rem)!important;line-height:1.02!important;letter-spacing:-.05em!important;margin:6px 0 8px!important}.ch-hero p,.maincol>.card:first-child p{margin:0!important;color:#9fb5c8!important}.eyebrow{font-size:.68rem!important;letter-spacing:.36em!important;color:#36d2ff!important}.ch-hero-actions .btn{min-height:42px!important;padding:0 16px!important;border-radius:13px!important}
/* Karty i statystyki — mniejsze, równe, premium */
.card:not(.sidebar):not(.client-sidebar-pro):not(.ch-admin-sidebar),.ch-card,.product,.form-card,.tab-card,.panel-card-v14{border-radius:20px!important;background:linear-gradient(145deg,rgba(8,24,42,.82),rgba(4,12,22,.73))!important;border:1px solid var(--v16-line-2)!important;box-shadow:0 16px 46px rgba(0,0,0,.26),inset 0 0 28px rgba(0,160,255,.012)!important}.card{padding:20px!important}.ch-stat-grid-5,.stats{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}.ch-stat,.stats .card,.maincol>.stats>div,.maincol>.stats>.card{min-height:100px!important;padding:16px!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(8,27,47,.84),rgba(4,13,24,.76))!important;border:1px solid var(--v16-line-2)!important;box-shadow:0 14px 40px rgba(0,0,0,.24)!important}.ch-stat{grid-template-columns:48px 1fr!important;gap:0 12px!important}.ch-stat i{width:46px!important;height:46px!important;border-radius:14px!important;font-size:1.12rem!important}.ch-stat small,.stats small{font-size:.8rem!important;color:var(--v16-muted)!important}.ch-stat strong,.stats strong{font-size:1.22rem!important}.ch-stat span{font-size:.78rem!important}.ch-dashboard-grid,.ch-admin-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:14px!important}.ch-card{padding:17px!important}.ch-card-head h2{font-size:1rem!important}.ch-chart-card{min-height:290px!important}.ch-line-chart{height:185px!important;border-radius:15px!important}.ch-mini-stats{gap:8px!important}.ch-mini-stats span{padding:10px!important}.ch-service-list>a{min-height:52px!important;grid-template-columns:40px minmax(0,1fr) 92px 36px!important;padding:7px 9px!important}.ch-service-list i{width:36px!important;height:36px!important}.ch-table-mini>div,.ch-ticket-list a{min-height:44px!important;grid-template-columns:58px minmax(0,1fr) 88px 82px!important;gap:10px!important}.ch-quick-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.ch-quick-grid a{min-height:78px!important;border-radius:14px!important;font-size:1.15rem!important}.ch-wallet-card strong{font-size:1.42rem!important}
/* Wszystkie stare podstrony: formularze, tabele, listy */
h1{font-size:clamp(1.8rem,3.2vw,3.2rem)!important;line-height:1.03!important;letter-spacing:-.045em!important}h2{font-size:1.25rem!important}.table,.admin-clean-table{overflow:auto!important}.thead,.trow{grid-template-columns:repeat(4,minmax(160px,1fr))!important;align-items:center!important;gap:10px!important;padding:10px 0!important}.thead{font-size:.78rem!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#8fb2ce!important}.trow{min-height:48px!important;color:#dceeff!important}.trow:hover{background:rgba(0,157,255,.035)!important;border-radius:14px!important}.badge{padding:6px 10px!important;border-radius:999px!important;font-size:.76rem!important;font-weight:900!important}.form-card{max-width:100%!important}form{gap:12px!important}label{font-size:.88rem!important;color:#cbddec!important}input,select,textarea{min-height:46px!important;border-radius:13px!important;background:rgba(5,17,30,.84)!important;border:1px solid rgba(132,205,255,.14)!important;color:#edf8ff!important}textarea{min-height:120px!important}.btn{min-height:42px!important;padding:0 15px!important;border-radius:13px!important;font-weight:950!important}.primary,.blue-btn{background:linear-gradient(135deg,#069cff,#2bdaff)!important;color:#00111c!important}.ghost-blue{background:rgba(9,27,46,.72)!important;border-color:rgba(62,196,255,.22)!important;color:#e8f9ff!important}.alert{border-radius:16px!important;border:1px solid rgba(132,205,255,.12)!important}
/* Publiczne strony też bardziej równe */
.hero,.cerber-hero-banner{border-bottom:1px solid rgba(73,187,255,.10)}.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}.product{padding:22px!important}.product strong{font-size:1.35rem!important}.section{padding:22px 0!important}
@media(max-width:1320px){.ch-stat-grid-5,.stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ch-dashboard-grid,.ch-admin-grid{grid-template-columns:1fr!important}.panel,.ch-app-shell{grid-template-columns:252px minmax(0,1fr)!important}.ch-chart-card{min-height:auto!important}.products{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:980px){.container{width:min(100% - 26px,1540px)!important}.panel,.ch-app-shell{grid-template-columns:1fr!important;padding:14px 0 96px!important}.sidebar,.client-sidebar-pro,.ch-admin-sidebar{position:relative!important;top:auto!important;max-height:none!important;height:auto!important}.sidebar nav{grid-template-columns:1fr 1fr!important}.ch-page-top{grid-template-columns:auto 1fr auto!important}.ch-search kbd{display:none!important}.ch-hero{display:grid!important;padding:19px!important}.ch-hero h1,.maincol>.card:first-child h1{font-size:2rem!important}.ch-stat-grid-5,.stats{grid-template-columns:repeat(2,1fr)!important}.ch-mini-stats{grid-template-columns:repeat(2,1fr)!important}.ch-quick-grid{grid-template-columns:repeat(2,1fr)!important}.products{grid-template-columns:1fr!important}.thead,.trow{grid-template-columns:1fr!important}.perm-head,.perm-row{grid-template-columns:1fr!important}}
@media(max-width:620px){.container{width:min(100% - 18px,1540px)!important}.ch-page-top{grid-template-columns:1fr auto!important}.ch-sidebar-toggle{display:none!important}.ch-search{grid-column:1/-1;order:2}.ch-top-user div{display:none!important}.ch-hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}.ch-hero-actions .btn{width:100%!important}.ch-stat-grid-5,.stats{grid-template-columns:1fr!important}.ch-stat{min-height:86px!important;padding:13px!important}.ch-card,.card{padding:15px!important;border-radius:18px!important}.ch-line-chart{height:148px!important}.ch-service-list>a{grid-template-columns:38px 1fr 34px!important}.ch-service-list meter{display:none!important}.ch-table-mini>div,.ch-ticket-list a{grid-template-columns:52px 1fr!important}.ch-table-mini em,.ch-table-mini strong,.ch-ticket-list em{grid-column:2;justify-self:start;text-align:left}.client-rank{display:none!important}.sidebar nav{grid-template-columns:1fr!important}.mobile-bottom-nav{display:grid!important}.footer{padding-bottom:95px!important}}


/* =========================================================
   CERBERHOST V17 — dopracowany layout PC + wszystkie zakładki
   ========================================================= */
:root{
  --ch-bg:#030b13;
  --ch-panel:rgba(7,20,35,.86);
  --ch-panel-2:rgba(9,28,49,.78);
  --ch-border:rgba(55,185,255,.18);
  --ch-border-2:rgba(92,205,255,.26);
  --ch-text:#eef7ff;
  --ch-muted:#8fa9be;
  --ch-blue:#18c5ff;
  --ch-blue-2:#087cff;
  --ch-green:#1dff91;
}
html body{
  background:
    radial-gradient(900px 520px at 74% 8%, rgba(0,136,255,.17), transparent 58%),
    radial-gradient(760px 480px at 5% 12%, rgba(0,210,255,.12), transparent 58%),
    linear-gradient(180deg,#04111e 0%,#030911 42%,#02060b 100%) !important;
  color:var(--ch-text)!important;
  overflow-x:hidden!important;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(34,190,255,.045) 1px, transparent 1px),linear-gradient(90deg,rgba(34,190,255,.045) 1px, transparent 1px);
  background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.25));
}
/* top strony */
.topbar.cerber-topbar{height:72px!important;min-height:72px!important;background:rgba(2,8,15,.86)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(72,190,255,.16)!important;box-shadow:0 20px 70px rgba(0,0,0,.35)!important}
.cerber-nav{height:72px!important;display:flex!important;align-items:center!important;gap:22px!important}
.cerber-brand{min-width:240px!important}.brand-logo{width:42px!important;height:42px!important;object-fit:contain!important}.cerber-brand .brand-text strong{font-size:1.36rem!important}.cerber-brand .brand-text small{font-size:.62rem!important;letter-spacing:3.7px!important}
.cerber-menu{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex:1!important}.cerber-menu a,.cerber-menu button{height:42px!important;padding:0 16px!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;font-size:.95rem!important}.cerber-menu>a:not(.btn):not(.notif-link){background:transparent!important;border:1px solid transparent!important}.cerber-menu>a:not(.btn):hover{background:rgba(19,174,255,.09)!important;border-color:rgba(70,199,255,.16)!important;color:#42d7ff!important}
/* główny shell */
.container{width:min(100% - 48px,1560px)!important;max-width:1560px!important;margin-inline:auto!important}.panel,.ch-app-shell{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;gap:24px!important;align-items:start!important;padding:28px 0 34px!important}.maincol,.ch-main{min-width:0!important;width:100%!important;display:flex!important;flex-direction:column!important;gap:18px!important}.panel > .sidebar{width:280px!important;min-width:280px!important}
/* sidebar klient/admin */
.sidebar,.client-sidebar-pro,.ch-admin-sidebar{position:sticky!important;top:96px!important;max-height:calc(100vh - 112px)!important;overflow:auto!important;padding:16px!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(8,24,42,.92),rgba(3,11,20,.86))!important;border:1px solid rgba(56,190,255,.18)!important;box-shadow:0 26px 80px rgba(0,0,0,.36),inset 0 0 46px rgba(13,183,255,.025)!important}.client-sidebar-brand,.ch-sidebar-logo{height:46px!important;margin-bottom:14px!important}.client-sidebar-brand img,.ch-sidebar-logo img{width:38px!important;height:38px!important}.client-sidebar-brand strong,.ch-sidebar-logo strong{font-size:1.22rem!important}.client-sidebar-brand small,.ch-sidebar-logo small{font-size:.55rem!important;letter-spacing:3px!important}.client-user-card,.sidebar .profile{padding:12px!important;border-radius:20px!important;gap:12px!important;background:linear-gradient(135deg,rgba(19,46,72,.74),rgba(5,15,26,.72))!important;border:1px solid rgba(115,207,255,.16)!important}.client-user-card .avatar,.sidebar .profile .avatar{width:48px!important;height:48px!important;border-radius:15px!important;font-size:1rem!important}.client-user-info strong,.sidebar .profile strong{max-width:86px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.client-user-info span,.sidebar .profile span{max-width:112px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.client-rank{width:70px!important;padding:8px 6px!important;border-radius:14px!important;font-size:.68rem!important}.client-balance-pro,.balance{margin:12px 0!important;padding:13px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(19,46,72,.72),rgba(5,15,26,.72))!important;border:1px solid rgba(115,207,255,.16)!important}.client-menu-pro,.sidebar nav,.ch-admin-nav{display:flex!important;flex-direction:column!important;gap:6px!important;margin-top:10px!important}.client-menu-pro a,.sidebar nav a,.ch-admin-nav a{height:44px!important;min-height:44px!important;padding:0 12px!important;border-radius:15px!important;display:flex!important;align-items:center!important;gap:10px!important;color:#cde0ef!important;background:transparent!important;border:1px solid transparent!important;font-size:.92rem!important;font-weight:850!important}.client-menu-pro a{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important}.client-menu-pro .mi{width:32px!important;height:32px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:rgba(11,142,255,.14)!important}.client-menu-pro b{font-size:.9rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.client-menu-pro a:hover,.client-menu-pro a.active,.sidebar nav a:hover,.sidebar nav a.active,.ch-admin-nav a:hover,.ch-admin-nav a.active{background:linear-gradient(90deg,rgba(10,165,255,.28),rgba(9,32,54,.56))!important;border-color:rgba(45,205,255,.42)!important;color:#eaffff!important;box-shadow:inset 3px 0 0 #18c5ff,0 14px 35px rgba(0,150,255,.14)!important;transform:none!important}.client-menu-pro i:not(.count){padding:4px 8px!important;border-radius:999px!important;background:rgba(0,255,129,.12)!important;border:1px solid rgba(0,255,129,.28)!important;color:#22ff91!important;font-style:normal!important;font-size:.68rem!important}.sidebar-order-card{display:none!important}
/* topbar wewnętrzny */
.ch-page-top{height:46px!important;display:grid!important;grid-template-columns:46px minmax(320px,560px) 1fr!important;align-items:center!important;gap:12px!important}.ch-sidebar-toggle{height:44px!important;width:44px!important;border-radius:14px!important;background:rgba(9,29,49,.8)!important;border:1px solid rgba(84,195,255,.18)!important;color:#dff7ff!important}.ch-search{height:44px!important;padding:0 14px!important;border-radius:15px!important;background:rgba(3,12,22,.78)!important;border:1px solid rgba(86,190,255,.18)!important;color:#89a9c1!important}.ch-search kbd{font-size:.7rem!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important}.ch-top-user{justify-self:end!important;display:flex!important;gap:12px!important;align-items:center!important}.ch-top-user>b{width:42px!important;height:42px!important;border-radius:50%!important;background:linear-gradient(135deg,#096dff,#243b89)!important;display:grid!important;place-items:center!important}
/* hero i nagłówki zakładek */
.ch-hero,.maincol>.card:first-child:not(.table):not(.admin-clean-table),.hero-mini{min-height:auto!important;padding:24px 26px!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(8,25,43,.90),rgba(4,12,22,.78))!important;border:1px solid rgba(70,190,255,.18)!important;box-shadow:0 24px 70px rgba(0,0,0,.32),inset 0 0 60px rgba(0,165,255,.025)!important}.ch-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important;align-items:start!important}.ch-hero h1,.maincol>.card:first-child h1{font-size:clamp(2rem,3.6vw,4rem)!important;line-height:.96!important;letter-spacing:-.065em!important;margin:8px 0 12px!important}.ch-hero p,.maincol>.card:first-child p{color:#9eb5c8!important;max-width:720px!important;line-height:1.55!important}.eyebrow{display:inline-block!important;font-size:.68rem!important;line-height:1!important;letter-spacing:.42em!important;color:#31d6ff!important;text-transform:uppercase!important;text-shadow:0 0 18px rgba(49,214,255,.45)!important}.ch-hero-actions{display:flex!important;gap:10px!important;align-items:center!important}.btn,.button,button{transition:.18s ease!important}.btn{height:44px!important;min-height:44px!important;padding:0 17px!important;border-radius:14px!important;font-weight:950!important}.btn:hover{transform:translateY(-1px)!important;filter:brightness(1.08)!important}.primary,.blue-btn{background:linear-gradient(135deg,#079dff,#2fe0ff)!important;color:#00111b!important;border:0!important;box-shadow:0 16px 36px rgba(0,178,255,.22)!important}.ghost-blue{background:rgba(7,22,38,.72)!important;border:1px solid rgba(91,204,255,.25)!important;color:#eaf8ff!important}
/* statystyki */
.ch-stat-grid,.ch-stat-grid-5,.stats{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}.ch-stat,.stats .card,.maincol>.stats>*{min-height:104px!important;padding:16px!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(8,26,46,.86),rgba(4,12,22,.74))!important;border:1px solid rgba(72,190,255,.17)!important;box-shadow:0 16px 44px rgba(0,0,0,.26)!important}.ch-stat{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:0 13px!important;align-items:center!important}.ch-stat i{grid-row:1/4!important;width:48px!important;height:48px!important;border-radius:15px!important;background:linear-gradient(135deg,rgba(0,153,255,.25),rgba(0,210,255,.08))!important;border:1px solid rgba(0,187,255,.20)!important;display:grid!important;place-items:center!important}.ch-stat small,.stats small{font-size:.78rem!important;color:#9fb4c4!important}.ch-stat strong,.stats strong{font-size:1.34rem!important;line-height:1!important;color:#f4fbff!important}.ch-stat span,.stats span{font-size:.78rem!important}.ok{color:#19ff93!important}.status strong{color:#fff!important}
/* dashboard grid */
.ch-dashboard-grid,.ch-admin-grid{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)!important;gap:16px!important}.ch-card,.card:not(.sidebar):not(.client-sidebar-pro):not(.ch-admin-sidebar),.form-card,.table{padding:18px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(7,22,39,.86),rgba(3,10,19,.78))!important;border:1px solid rgba(72,190,255,.16)!important;box-shadow:0 18px 54px rgba(0,0,0,.28),inset 0 0 44px rgba(0,150,255,.018)!important}.ch-card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important}.ch-card-head h2{font-size:1.05rem!important;margin:0!important}.ch-card-head a{color:#21ceff!important}.ch-chart-card{min-height:315px!important}.ch-line-chart{height:205px!important;border-radius:17px!important;background:linear-gradient(180deg,rgba(8,28,49,.50),rgba(4,12,22,.20))!important;border:1px solid rgba(100,190,255,.10)!important;overflow:hidden!important}.ch-line-chart .line{fill:none!important;stroke:#149dff!important;stroke-width:5!important;filter:drop-shadow(0 0 10px rgba(18,157,255,.75))!important}.ch-line-chart .area{fill:url(#ag)!important}.ch-mini-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;margin-top:12px!important}.ch-mini-stats span{padding:12px!important;border-radius:15px!important;background:rgba(9,31,53,.55)!important;border:1px solid rgba(93,195,255,.13)!important}
/* listy, usługi, akcje */
.ch-service-list{display:flex!important;flex-direction:column!important}.ch-service-list>a{display:grid!important;grid-template-columns:42px minmax(0,1fr) 88px 36px!important;align-items:center!important;gap:12px!important;min-height:58px!important;padding:8px 10px!important;border-radius:15px!important;color:#dcecff!important;border-bottom:1px solid rgba(120,200,255,.08)!important}.ch-service-list>a:hover{background:rgba(16,145,255,.08)!important}.ch-service-list i{width:38px!important;height:38px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:rgba(12,160,255,.13)!important}.ch-service-list small{color:#88a5bc!important}.ch-service-list meter{width:88px!important}.ch-table-mini{display:flex!important;flex-direction:column!important}.ch-table-mini>div,.ch-ticket-list a{display:grid!important;grid-template-columns:64px minmax(0,1fr) 98px 92px!important;gap:12px!important;align-items:center!important;min-height:48px!important;padding:8px 0!important;border-bottom:1px solid rgba(120,200,255,.09)!important}.ch-table-mini span,.ch-ticket-list span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.ch-table-mini em,.ch-ticket-list em,.badge{justify-self:start!important;padding:6px 10px!important;border-radius:999px!important;background:rgba(18,126,255,.13)!important;border:1px solid rgba(18,126,255,.18)!important;color:#6ecfff!important;font-style:normal!important;font-size:.74rem!important;font-weight:900!important}.ch-table-mini strong{justify-self:end!important}.ch-quick-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.ch-quick-grid a{min-height:88px!important;border-radius:16px!important;display:grid!important;place-items:center!important;text-align:center!important;background:rgba(9,29,50,.55)!important;border:1px solid rgba(98,193,255,.14)!important;color:#dbeeff!important}.ch-quick-grid a:hover{background:rgba(0,145,255,.14)!important;border-color:rgba(45,205,255,.32)!important;transform:translateY(-2px)!important}
/* wszystkie zakładki: tabele i formularze */
.table,.admin-clean-table{overflow:hidden!important}.thead,.trow{display:grid!important;grid-template-columns:1.2fr 1fr .8fr 1fr!important;gap:14px!important;align-items:center!important}.thead{padding:0 0 12px!important;border-bottom:1px solid rgba(118,196,255,.13)!important;color:#9ab5cb!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:.78rem!important}.trow{padding:15px 0!important;border-bottom:1px solid rgba(118,196,255,.09)!important;min-height:64px!important}.trow:hover{background:linear-gradient(90deg,rgba(0,156,255,.07),transparent)!important;border-radius:14px!important}.trow a{color:#eaf9ff!important}.trow strong{color:#f2fbff!important}.trow small,.trow span{color:#c4d7e6!important}.form-grid-2,.profile-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.form-card h1{font-size:clamp(1.7rem,2.8vw,3rem)!important}.form-card label{display:flex!important;flex-direction:column!important;gap:7px!important;color:#cfe1ef!important;font-weight:850!important}input,select,textarea{width:100%!important;min-height:46px!important;border-radius:14px!important;padding:0 14px!important;background:rgba(2,11,20,.72)!important;border:1px solid rgba(107,198,255,.18)!important;color:#f2fbff!important;outline:none!important}textarea{padding:12px 14px!important;min-height:120px!important}input:focus,select:focus,textarea:focus{border-color:rgba(30,205,255,.55)!important;box-shadow:0 0 0 4px rgba(0,170,255,.10)!important}.alert{padding:14px 16px!important;border-radius:17px!important;border:1px solid rgba(113,203,255,.16)!important}.alert.ok{background:rgba(0,255,145,.08)!important;border-color:rgba(0,255,145,.22)!important;color:#39ffae!important}.alert.bad{background:rgba(255,70,95,.10)!important;border-color:rgba(255,90,120,.28)!important;color:#ffb4c0!important}
/* admin stare sidebary w każdej zakładce */
.admin-clean-table .trow,.admin-clean-table .thead{grid-template-columns:1.2fr .9fr .75fr 1fr!important}.admin-clean-table .btn,.trow .btn{margin:3px!important}.perm-head,.perm-row{display:grid!important;grid-template-columns:1.2fr repeat(5,minmax(90px,.5fr))!important;gap:10px!important;align-items:center!important;padding:12px 0!important;border-bottom:1px solid rgba(118,196,255,.09)!important}.ticket-chat{display:flex!important;flex-direction:column!important;gap:12px!important}.msg{padding:14px!important;border-radius:16px!important;border:1px solid rgba(118,196,255,.12)!important}.admin-msg{background:rgba(0,151,255,.10)!important}.client-msg{background:rgba(255,255,255,.04)!important}
/* publiczne podstrony */
.hero h1{font-size:clamp(2.4rem,5vw,5.8rem)!important}.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.product{min-height:unset!important;padding:22px!important;border-radius:22px!important}.section{padding:46px 0!important}.footer{border-top:1px solid rgba(92,205,255,.12)!important;color:#7f98ad!important}
@media (min-width:1500px){.container{width:min(100% - 72px,1600px)!important;max-width:1600px!important}.panel,.ch-app-shell{grid-template-columns:286px minmax(0,1fr)!important;gap:28px!important}.panel > .sidebar{width:286px!important;min-width:286px!important}}
@media (max-width:1300px){.container{width:min(100% - 34px,1220px)!important}.panel,.ch-app-shell{grid-template-columns:260px minmax(0,1fr)!important;gap:18px!important}.panel > .sidebar{width:260px!important;min-width:260px!important}.ch-stat-grid,.ch-stat-grid-5,.stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ch-dashboard-grid,.ch-admin-grid{grid-template-columns:1fr!important}.products{grid-template-columns:repeat(2,1fr)!important}.cerber-brand{min-width:210px!important}}
@media (max-width:980px){.topbar.cerber-topbar{height:auto!important}.cerber-nav{height:auto!important;min-height:68px!important}.cerber-menu{display:none!important;position:absolute!important;left:14px!important;right:14px!important;top:76px!important;z-index:60!important;padding:16px!important;border-radius:24px!important;background:rgba(4,14,25,.96)!important;border:1px solid rgba(68,196,255,.22)!important;box-shadow:0 30px 90px rgba(0,0,0,.55)!important;flex-direction:column!important}.cerber-menu.open,.cerber-menu.is-open{display:flex!important}.cerber-menu a,.cerber-menu button{width:100%!important;justify-content:center!important}.cerber-menu-toggle{display:inline-flex!important;margin-left:auto!important}.panel,.ch-app-shell{grid-template-columns:1fr!important;padding:18px 0 96px!important}.panel > .sidebar,.sidebar,.client-sidebar-pro,.ch-admin-sidebar{width:100%!important;min-width:0!important;position:relative!important;top:auto!important;max-height:none!important}.maincol,.ch-main{gap:14px!important}.ch-page-top{grid-template-columns:46px 1fr auto!important}.ch-search{grid-column:1/-1;order:2}.ch-hero{grid-template-columns:1fr!important}.ch-hero-actions{justify-content:start!important}.ch-stat-grid,.ch-stat-grid-5,.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ch-dashboard-grid,.ch-admin-grid{grid-template-columns:1fr!important}.form-grid-2,.profile-grid{grid-template-columns:1fr!important}.thead{display:none!important}.trow{grid-template-columns:1fr!important;gap:7px!important;padding:14px!important;margin-bottom:10px!important;background:rgba(8,27,47,.45)!important;border:1px solid rgba(118,196,255,.09)!important;border-radius:16px!important}.products{grid-template-columns:1fr!important}}
@media (max-width:620px){.container{width:min(100% - 18px,100%)!important}.brand-logo{width:34px!important;height:34px!important}.cerber-brand{min-width:0!important}.cerber-brand .brand-text strong{font-size:1.1rem!important}.cerber-brand .brand-text small{font-size:.5rem!important}.ch-hero,.maincol>.card:first-child:not(.table):not(.admin-clean-table){padding:18px!important;border-radius:20px!important}.ch-hero h1,.maincol>.card:first-child h1{font-size:2rem!important;letter-spacing:-.045em!important}.ch-stat-grid,.ch-stat-grid-5,.stats{grid-template-columns:1fr!important}.ch-card,.card:not(.sidebar):not(.client-sidebar-pro):not(.ch-admin-sidebar){padding:15px!important;border-radius:18px!important}.ch-mini-stats,.ch-quick-grid{grid-template-columns:repeat(2,1fr)!important}.ch-service-list>a{grid-template-columns:40px minmax(0,1fr) 34px!important}.ch-service-list meter{display:none!important}.ch-table-mini>div,.ch-ticket-list a{grid-template-columns:1fr!important;gap:4px!important}.ch-table-mini strong{justify-self:start!important}.client-rank{display:none!important}.mobile-bottom-nav{display:grid!important}.footer{padding-bottom:92px!important}}

/* ==========================================================
   CERBERHOST v18 — FULL PANEL POLISH / wszystkie zakładki
   ========================================================== */
:root{
  --v18-bg:#020711;
  --v18-panel:#061423;
  --v18-panel2:#081a2d;
  --v18-card:rgba(7,20,35,.86);
  --v18-line:rgba(56,193,255,.20);
  --v18-line2:rgba(56,193,255,.12);
  --v18-text:#f2f8ff;
  --v18-muted:#91a9bd;
  --v18-blue:#11a7ff;
  --v18-cyan:#25ddff;
  --v18-green:#19e58f;
  --v18-red:#ff5d79;
  --v18-orange:#ffb44d;
  --v18-radius:20px;
  --v18-sidebar:250px;
  --v18-topbar:74px;
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 20% 0%, rgba(12,150,255,.18), transparent 32%),
    radial-gradient(circle at 88% 14%, rgba(32,221,255,.12), transparent 34%),
    linear-gradient(180deg,#020812,#02050b 72%)!important;
  font-size:15px!important;
}
body:before{opacity:.18!important;background-size:54px 54px!important}
.container{width:min(100% - 44px,1380px)!important;max-width:1380px!important}
/* header premium */
.topbar.cerber-topbar{height:var(--v18-topbar)!important;position:sticky!important;top:0!important;z-index:2000!important;background:rgba(2,8,15,.88)!important;border-bottom:1px solid var(--v18-line)!important;box-shadow:0 12px 40px rgba(0,0,0,.34)!important}
.cerber-nav{height:var(--v18-topbar)!important;min-height:var(--v18-topbar)!important;padding:0!important}
.cerber-brand .brand-logo{width:50px!important;height:50px!important}.cerber-brand .brand-text strong{font-size:1.28rem!important}.cerber-brand .brand-text small{font-size:.60rem!important;letter-spacing:.32em!important}.cerber-menu{gap:8px!important}.cerber-menu a:not(.btn):not(.notif-link){padding:10px 11px!important;font-size:.94rem!important}.cerber-menu .btn,.cerber-menu .notif-link{min-height:42px!important;padding:0 15px!important;border-radius:14px!important}
/* układ paneli */
.panel,.ch-app-shell{display:grid!important;grid-template-columns:var(--v18-sidebar) minmax(0,1fr)!important;gap:24px!important;align-items:start!important;padding:28px 0 34px!important;max-width:1260px!important;margin:0 auto!important}
.panel>.sidebar,.client-sidebar-pro,.ch-admin-sidebar{width:var(--v18-sidebar)!important;min-width:var(--v18-sidebar)!important;max-width:var(--v18-sidebar)!important;position:sticky!important;top:calc(var(--v18-topbar) + 18px)!important;max-height:calc(100dvh - var(--v18-topbar) - 34px)!important;overflow:auto!important;scrollbar-width:thin;scrollbar-color:rgba(32,205,255,.45) transparent;padding:18px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(7,19,34,.92),rgba(3,10,19,.94))!important;border:1px solid var(--v18-line)!important;box-shadow:0 24px 80px rgba(0,0,0,.38),0 0 32px rgba(0,148,255,.07)!important}
.panel>.sidebar::-webkit-scrollbar{width:5px}.panel>.sidebar::-webkit-scrollbar-thumb{background:rgba(32,205,255,.42);border-radius:30px}
.maincol,.ch-main{min-width:0!important;display:grid!important;gap:16px!important}
/* sidebar klient */
.client-sidebar-brand{margin-bottom:14px!important}.client-sidebar-brand img{width:46px!important;height:46px!important}.client-sidebar-brand strong{font-size:1.18rem!important}.client-sidebar-brand small{font-size:.54rem!important;letter-spacing:.23em!important}.client-user-card{grid-template-columns:46px minmax(0,1fr)!important;padding:13px!important;border-radius:18px!important}.client-user-card .avatar{width:46px!important;height:46px!important;border-radius:15px!important}.client-rank{display:none!important}.client-user-info strong{font-size:.92rem!important}.client-user-info span{font-size:.78rem!important}.client-balance-pro{padding:14px!important;border-radius:18px!important;margin:12px 0!important}.client-balance-pro strong{font-size:1.25rem!important}.balance-icon{width:40px!important;height:40px!important;border-radius:13px!important;font-size:1rem!important}.client-menu-pro{gap:7px!important}.client-menu-pro a{min-height:46px!important;grid-template-columns:34px minmax(0,1fr) auto!important;border-radius:15px!important;padding:7px 10px!important}.client-menu-pro .mi{width:30px!important;height:30px!important;border-radius:11px!important;font-size:1rem!important}.client-menu-pro b{font-size:.90rem!important;white-space:normal!important;line-height:1.15!important}.client-menu-pro a:hover,.client-menu-pro a.active{transform:none!important;box-shadow:0 0 20px rgba(0,169,255,.12)!important}.client-menu-pro i,.client-menu-pro .count{font-size:.68rem!important;padding:5px 8px!important}.sidebar-order-card{display:none!important}.mobile-bottom-nav{display:none!important}
/* sidebar admin */
.ch-sidebar-logo{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:14px!important}.ch-sidebar-logo img{width:46px!important;height:46px!important;object-fit:contain}.ch-sidebar-logo strong{font-size:1.1rem!important}.ch-sidebar-logo small{font-size:.54rem!important;letter-spacing:.22em!important;color:#8cc9e8!important}.ch-admin-nav,.sidebar nav{display:grid!important;gap:7px!important}.ch-admin-nav a,.sidebar nav a{min-height:43px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;border-radius:14px!important;background:transparent!important;border:1px solid transparent!important;color:#d9ebf9!important;font-size:.90rem!important;font-weight:850!important;line-height:1.15!important}.ch-admin-nav a:hover,.sidebar nav a:hover,.ch-admin-nav a.active,.sidebar nav a.active{background:linear-gradient(135deg,rgba(0,151,255,.18),rgba(37,221,255,.05))!important;border-color:rgba(37,221,255,.28)!important;color:#28d7ff!important}.ch-premium-box{display:none!important}
/* cards */
.card,.ch-card,.form-card,.product,.tab-card,.service-card,.notification-card,.status-grid>div,.info-grid>div{background:linear-gradient(145deg,rgba(7,19,33,.88),rgba(4,12,22,.76))!important;border:1px solid var(--v18-line2)!important;border-radius:var(--v18-radius)!important;box-shadow:0 18px 54px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.018)!important;padding:20px!important}
.card:hover,.ch-card:hover{border-color:rgba(37,221,255,.24)!important}.maincol>.card:first-child:not(.sidebar):not(.table),.ch-hero{padding:24px 26px!important;border-radius:24px!important;min-height:auto!important}.maincol>.card:first-child h1,.ch-hero h1{font-size:clamp(2.1rem,3.4vw,4rem)!important;line-height:1.02!important;letter-spacing:-.055em!important;margin:8px 0 10px!important}.maincol>.card:first-child p,.ch-hero p{font-size:.98rem!important;color:var(--v18-muted)!important;line-height:1.55!important}.eyebrow{font-size:.70rem!important;letter-spacing:.45em!important;color:#34d9ff!important}.ch-hero{display:grid!important;grid-template-columns:1fr auto!important;gap:18px!important;align-items:center!important}.ch-hero-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important}.ch-hero-actions .btn{min-height:42px!important}
/* top helper inside dashboard */
.ch-page-top{display:grid!important;grid-template-columns:44px minmax(260px,520px) auto!important;gap:10px!important;align-items:center!important}.ch-sidebar-toggle{width:42px!important;height:42px!important;border-radius:14px!important;border:1px solid var(--v18-line)!important;background:rgba(8,24,41,.72)!important;color:#dff8ff!important;font-size:1.15rem!important;cursor:pointer}.ch-search{min-height:42px!important;border-radius:14px!important;border:1px solid rgba(95,194,255,.15)!important;background:rgba(3,12,22,.68)!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 13px!important;color:#7f98ad!important}.ch-search kbd{margin-left:auto!important;font-size:.72rem!important;color:#7f98ad!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:9px!important;padding:3px 8px!important}.ch-top-user{display:flex!important;align-items:center!important;gap:10px!important;justify-content:flex-end!important}.ch-top-user b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0a6eea,#23d8ff);color:#fff}.ch-top-user small{display:block;color:#7f98ad}
/* stat cards */
.stats,.ch-stat-grid,.ch-stat-grid-5{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}.stats .card,.ch-stat{min-height:96px!important;padding:15px!important;border-radius:18px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:12px!important;align-items:center!important}.stats .card:before,.ch-stat i{content:' ';width:42px!important;height:42px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:rgba(17,167,255,.12)!important;border:1px solid rgba(37,221,255,.18)!important;grid-row:1/3!important;font-style:normal!important}.stats .card small,.ch-stat small{font-size:.78rem!important;color:#9fb4c8!important}.stats .card strong,.ch-stat strong{font-size:1.18rem!important;line-height:1.08!important;white-space:normal!important;word-break:normal!important}.ch-stat span,.stats .card span{font-size:.78rem!important;color:#5de9aa!important;font-weight:800!important;line-height:1.2!important}
/* dashboard grids */
.ch-dashboard-grid,.ch-admin-grid{display:grid!important;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr)!important;gap:14px!important}.ch-chart-card{min-height:250px!important}.ch-line-chart{height:185px!important;border-radius:16px!important}.ch-mini-stats{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.ch-mini-stats span{padding:10px!important;font-size:.82rem!important}.ch-card-head{margin-bottom:12px!important}.ch-card-head h2{font-size:1rem!important}.ch-table-mini>div,.ch-ticket-list a{min-height:44px!important;grid-template-columns:64px minmax(0,1fr) 92px 82px!important;font-size:.84rem!important}.ch-service-list>a{min-height:50px!important;grid-template-columns:38px minmax(0,1fr) 76px 30px!important;font-size:.84rem!important}.ch-service-list i{width:34px!important;height:34px!important}.ch-quick-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.ch-quick-grid a{min-height:78px!important;border-radius:15px!important;font-size:.84rem!important}
/* forms/tables all tabs */
form{gap:12px!important}.form-grid-2,.profile-grid,.profile-forms{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.profile-forms{grid-template-columns:repeat(3,minmax(0,1fr))!important}.form-card{max-width:none!important;margin:0!important}label{font-size:.86rem!important;color:#cfe0ed!important}input,select,textarea{min-height:44px!important;border-radius:13px!important;font-size:14px!important}textarea{min-height:115px!important}.btn,button,.blue-btn,.ghost-blue{min-height:42px!important;border-radius:14px!important;font-size:.88rem!important;font-weight:900!important;padding:0 14px!important}.price-live strong{font-size:1.35rem!important}.checkline{min-width:0!important}
.table,.admin-clean-table{overflow-x:auto!important}.thead,.trow,.card.table .thead,.card.table .trow,.admin-clean-table .thead,.admin-clean-table .trow{display:grid!important;grid-template-columns:minmax(190px,1.15fr) minmax(150px,.85fr) minmax(120px,.55fr) minmax(220px,1fr)!important;gap:14px!important;align-items:center!important}.thead,.card.table .thead,.admin-clean-table .thead{padding:0 0 11px!important;color:#9fb4c8!important;text-transform:uppercase!important;letter-spacing:.16em!important;font-size:.72rem!important}.trow,.card.table .trow,.admin-clean-table .trow{padding:13px 0!important;min-height:58px!important}.clients-activation-table .thead,.clients-activation-table .trow{grid-template-columns:minmax(220px,1fr) minmax(140px,.6fr) minmax(80px,.35fr) minmax(360px,1.45fr)!important}.actions-row{gap:7px!important}.actions-row .btn,.trow .btn,.card.table .btn{min-height:36px!important;padding:8px 11px!important;border-radius:12px!important}.badge,.ok-badge,.warn-badge,.bad-badge{font-size:.72rem!important;padding:6px 10px!important}.perm-head,.perm-row{font-size:.84rem!important;grid-template-columns:1fr repeat(5,90px)!important}.payment-code{font-size:1.35rem!important}.console-box{height:360px!important;font-size:.86rem!important}.console-headline{margin-bottom:12px!important}.service-card{grid-template-columns:minmax(0,1fr) auto!important}.tabs-grid,.status-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.help-grid,.products,.service-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr))!important}.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}.section{padding:36px 0!important}
/* admin pages using old sidebar */
main.container.panel:not(.ch-app-shell)>.sidebar{align-self:start!important}main.container.panel:not(.ch-app-shell)>.maincol{max-width:100%!important}.sidebar .profile{padding:12px!important;border-radius:17px!important;border:1px solid rgba(56,193,255,.16)!important;background:rgba(255,255,255,.035)!important}.sidebar .profile .avatar{width:44px!important;height:44px!important;border-radius:14px!important}.sidebar .profile strong{font-size:.92rem!important}.sidebar .profile span{font-size:.78rem!important}
/* mobile/sidebar drawer */
body.ch-sidebar-open{overflow:hidden!important}.ch-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(4px);z-index:2490;display:none}.ch-backdrop.is-open{display:block}
@media(max-width:1280px){
  :root{--v18-sidebar:236px}.panel,.ch-app-shell{max-width:1180px!important;gap:18px!important}.stats,.ch-stat-grid,.ch-stat-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ch-dashboard-grid,.ch-admin-grid{grid-template-columns:1fr!important}.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}.profile-forms{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:980px){
  :root{--v18-topbar:68px}.container{width:min(100% - 22px,100%)!important}.topbar.cerber-topbar{height:auto!important}.cerber-nav{height:auto!important;min-height:68px!important}.panel,.ch-app-shell{grid-template-columns:1fr!important;max-width:100%!important;padding:16px 0 90px!important}.panel>.sidebar,.client-sidebar-pro,.ch-admin-sidebar{position:fixed!important;left:12px!important;top:calc(var(--v18-topbar) + 10px)!important;bottom:12px!important;width:min(310px,calc(100vw - 24px))!important;min-width:0!important;max-width:none!important;z-index:2500!important;transform:translateX(calc(-100% - 24px))!important;transition:transform .22s ease!important}.ch-sidebar-open .panel>.sidebar,.ch-sidebar-open .client-sidebar-pro,.ch-sidebar-open .ch-admin-sidebar{transform:translateX(0)!important}.ch-page-top{grid-template-columns:44px 1fr auto!important}.ch-search{grid-column:1/-1!important;order:4}.ch-hero{grid-template-columns:1fr!important;padding:20px!important}.ch-hero-actions{justify-content:flex-start!important}.maincol>.card:first-child h1,.ch-hero h1{font-size:clamp(2rem,8vw,3rem)!important}.stats,.ch-stat-grid,.ch-stat-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ch-dashboard-grid,.ch-admin-grid{grid-template-columns:1fr!important}.form-grid-2,.profile-grid,.profile-forms{grid-template-columns:1fr!important}.thead,.card.table .thead,.admin-clean-table .thead{display:none!important}.trow,.card.table .trow,.admin-clean-table .trow,.clients-activation-table .trow{grid-template-columns:1fr!important;gap:8px!important;padding:14px!important;margin-bottom:10px!important;border:1px solid rgba(56,193,255,.13)!important;border-radius:16px!important;background:rgba(7,20,35,.58)!important}.perm-head{display:none!important}.perm-row{grid-template-columns:1fr!important}.products,.help-grid,.service-grid-premium,.tabs-grid,.status-grid{grid-template-columns:1fr!important}.ch-table-mini>div,.ch-ticket-list a{grid-template-columns:1fr!important}.ch-table-mini strong{justify-self:start!important}.service-card{grid-template-columns:1fr!important}.console-box{height:50vh!important}.footer{padding-bottom:92px!important}
}
@media(max-width:620px){
  body{font-size:14px!important}.stats,.ch-stat-grid,.ch-stat-grid-5{grid-template-columns:1fr!important}.ch-mini-stats,.ch-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.card,.ch-card,.form-card{padding:16px!important}.ch-top-user div{display:none!important}.ch-hero-actions .btn{width:100%!important}.client-menu-pro a{min-height:48px!important}.cerber-brand .brand-text small{display:block!important}.cerber-menu-toggle{display:inline-flex!important}.payment-code{font-size:1.1rem!important;overflow-wrap:anywhere!important}
}

/* CerberHost v19 — jednolite nowe zakładki admina + poprawiony desktop */
:root{
  --v19-sidebar:280px;
  --v19-gap:22px;
  --v19-max:1380px;
  --v19-card:rgba(6,18,32,.86);
  --v19-card2:rgba(8,25,44,.74);
  --v19-line:rgba(57,198,255,.20);
  --v19-glow:0 24px 80px rgba(0,0,0,.48),0 0 34px rgba(0,160,255,.10);
}
body{overflow-x:hidden!important}.container{max-width:var(--v19-max)!important}.topbar.cerber-topbar{z-index:4000!important}
.panel,
.ch-app-shell{
  width:min(calc(100% - 44px),var(--v19-max))!important;
  max-width:var(--v19-max)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:var(--v19-sidebar) minmax(0,1fr)!important;
  gap:var(--v19-gap)!important;
  align-items:start!important;
  padding:28px 0 48px!important;
}
.maincol,.ch-main{min-width:0!important;width:100%!important;display:grid!important;gap:18px!important}.maincol>.card:first-child{padding:30px 34px!important;min-height:auto!important}.maincol>.card:first-child h1{font-size:clamp(2.15rem,3.9vw,4.25rem)!important;line-height:1!important;margin:12px 0 12px!important;letter-spacing:-.055em!important}.maincol>.card:first-child p{max-width:920px!important;margin:0!important;color:#aebfd2!important}.card,.ch-card,.form-card{border-radius:22px!important;background:linear-gradient(145deg,rgba(5,15,27,.92),rgba(7,22,39,.72))!important;border:1px solid var(--v19-line)!important;box-shadow:var(--v19-glow)!important}.form-card{width:100%!important;max-width:none!important;margin:0!important;padding:24px!important}.form-card h2,.card h2{font-size:1.25rem!important;margin:0 0 16px!important}.section{padding:24px 0!important}
/* admin sidebar premium */
.v19-admin-sidebar,
.ch-admin-sidebar{
  position:sticky!important;
  top:104px!important;
  width:100%!important;
  max-height:calc(100vh - 124px)!important;
  overflow:hidden!important;
  padding:18px!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 25% 0%,rgba(0,165,255,.16),transparent 36%),
    linear-gradient(180deg,rgba(5,17,30,.96),rgba(3,10,18,.98))!important;
  border:1px solid rgba(57,198,255,.22)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.58),0 0 30px rgba(0,148,255,.10)!important;
}
.v19-admin-profile{display:flex!important;align-items:center!important;gap:13px!important;padding:14px!important;border-radius:20px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(91,203,255,.16)!important;margin-bottom:14px!important}.v19-admin-profile .avatar{width:54px!important;height:54px!important;border-radius:17px!important;flex:0 0 auto!important}.v19-admin-profile strong{display:block!important;font-size:1rem!important;line-height:1.1!important;white-space:nowrap!important}.v19-admin-profile span{display:block!important;color:#9fb4c8!important;font-size:.8rem!important;margin-top:4px!important}.v19-admin-nav{height:auto!important;max-height:calc(100vh - 238px)!important;overflow-y:auto!important;display:grid!important;gap:8px!important;margin:0!important;padding:0 4px 2px 0!important;scrollbar-width:thin;scrollbar-color:#0fbfff rgba(255,255,255,.03)}.v19-admin-nav::-webkit-scrollbar{width:6px}.v19-admin-nav::-webkit-scrollbar-thumb{background:#0fbfff;border-radius:99px}.v19-admin-nav a{min-height:48px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 18px!important;align-items:center!important;gap:10px!important;padding:8px 11px!important;border-radius:16px!important;background:transparent!important;border:1px solid transparent!important;color:#d9edff!important;font-weight:900!important;box-shadow:none!important;transition:.16s ease!important}.v19-admin-nav a:hover,.v19-admin-nav a.active{background:linear-gradient(135deg,rgba(0,149,255,.22),rgba(32,215,255,.08))!important;border-color:rgba(37,209,255,.58)!important;color:#32d8ff!important;box-shadow:0 0 22px rgba(0,167,255,.16)!important;transform:translateX(2px)}.v19-admin-nav .nav-icon{width:34px!important;height:34px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:rgba(0,148,255,.10)!important;border:1px solid rgba(37,209,255,.12)!important;font-size:1rem!important}.v19-admin-nav b{font-size:.92rem!important;line-height:1.1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.v19-admin-nav em{font-style:normal!important;color:#9bc8df!important;font-size:1.35rem!important;line-height:1!important}.v19-admin-nav a.active .nav-icon{background:linear-gradient(135deg,#008cff,#22d5ff)!important;color:#00131d!important}
/* stare sidebary admina też wyglądają jak nowe */
.sidebar:not(.client-sidebar-pro) nav{display:grid!important;gap:8px!important;margin-top:14px!important;max-height:calc(100vh - 245px)!important;overflow-y:auto!important}.sidebar:not(.client-sidebar-pro) nav a{min-height:46px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:11px 13px!important;border-radius:15px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.055)!important;color:#d9edff!important;font-size:.9rem!important;font-weight:900!important}.sidebar:not(.client-sidebar-pro) nav a:hover,.sidebar:not(.client-sidebar-pro) nav a.active{background:rgba(0,149,255,.16)!important;border-color:rgba(37,209,255,.42)!important;color:#2fd8ff!important}.sidebar:not(.client-sidebar-pro) .profile{padding:14px!important;border-radius:20px!important}
/* nagłówki i tabele wszystkich zakładek */
.eyebrow{font-size:.72rem!important;letter-spacing:.42em!important}.alert{border:1px solid rgba(57,198,255,.18)!important;border-radius:18px!important}.thead,.card.table .thead,.admin-clean-table .thead{font-size:.72rem!important;letter-spacing:.16em!important;color:#9fb4c8!important;text-transform:uppercase!important}.trow,.card.table .trow,.admin-clean-table .trow{font-size:.92rem!important}.card.table,.admin-clean-table{padding:22px!important}.clients-activation-table .thead,.clients-activation-table .trow{grid-template-columns:minmax(230px,1.05fr) minmax(145px,.55fr) minmax(90px,.35fr) minmax(390px,1.45fr)!important}.actions-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.actions-row .btn,.card.table .btn,.admin-clean-table .btn{min-height:36px!important;padding:8px 12px!important;border-radius:12px!important}.badge,.ok-badge,.warn-badge,.bad-badge{font-size:.74rem!important;padding:7px 11px!important}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}input,select,textarea{background:rgba(2,10,18,.72)!important;border:1px solid rgba(64,188,255,.18)!important;color:#f4fbff!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:rgba(35,211,255,.62)!important;box-shadow:0 0 0 4px rgba(0,160,255,.12)!important}.btn.primary,.blue-btn{background:linear-gradient(135deg,#0097ff,#28dcff)!important;color:#00131f!important}.btn.ghost-blue,.ghost-blue{border-color:rgba(64,188,255,.24)!important;background:rgba(5,18,31,.72)!important;color:#def7ff!important}
/* admin dashboard widgets */
.ch-page-top{margin-bottom:0!important}.ch-hero{padding:26px 30px!important;border-radius:22px!important}.ch-hero h1{font-size:clamp(2rem,3.8vw,3.9rem)!important}.ch-stat-grid,.ch-stat-grid-5,.stats{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}.ch-stat,.stats .card{min-height:104px!important}.ch-dashboard-grid,.ch-admin-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:16px!important}.ch-card{padding:22px!important}.ch-line-chart{height:210px!important}.ch-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tabs-grid,.status-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}.service-grid-premium,.help-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
/* mobilki */
@media(max-width:1260px){:root{--v19-sidebar:260px;--v19-gap:18px}.ch-stat-grid,.ch-stat-grid-5,.stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ch-dashboard-grid,.ch-admin-grid{grid-template-columns:1fr!important}.products{grid-template-columns:1fr!important}}
@media(max-width:980px){.panel,.ch-app-shell{width:min(calc(100% - 22px),100%)!important;grid-template-columns:1fr!important;padding:16px 0 86px!important}.v19-admin-sidebar,.ch-admin-sidebar,.panel>.sidebar:not(.client-sidebar-pro){position:fixed!important;left:12px!important;top:82px!important;bottom:12px!important;width:min(320px,calc(100vw - 24px))!important;max-height:none!important;z-index:2600!important;transform:translateX(calc(-100% - 28px))!important;transition:transform .22s ease!important}.ch-sidebar-open .v19-admin-sidebar,.ch-sidebar-open .ch-admin-sidebar,.ch-sidebar-open .panel>.sidebar:not(.client-sidebar-pro){transform:translateX(0)!important}.v19-admin-nav{max-height:calc(100vh - 212px)!important}.maincol>.card:first-child{padding:22px!important}.maincol>.card:first-child h1{font-size:clamp(2rem,8vw,3.1rem)!important}.ch-stat-grid,.ch-stat-grid-5,.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.form-grid-2,.profile-forms,.profile-grid{grid-template-columns:1fr!important}.thead,.card.table .thead,.admin-clean-table .thead{display:none!important}.trow,.card.table .trow,.admin-clean-table .trow,.clients-activation-table .trow{grid-template-columns:1fr!important;margin-bottom:10px!important;padding:14px!important;border:1px solid rgba(57,198,255,.14)!important;border-radius:16px!important;background:rgba(8,24,42,.54)!important}.tabs-grid,.status-grid,.service-grid-premium,.help-grid{grid-template-columns:1fr!important}.ch-page-top{grid-template-columns:44px 1fr!important}.ch-search{grid-column:1/-1!important}.ch-top-user{display:none!important}}
@media(max-width:620px){.ch-stat-grid,.ch-stat-grid-5,.stats{grid-template-columns:1fr!important}.card,.ch-card,.form-card{padding:16px!important}.v19-admin-nav a{min-height:46px!important}.v19-admin-profile .avatar{width:48px!important;height:48px!important}.ch-quick-grid{grid-template-columns:1fr!important}}

/* === V20: stabilny layout + upload avatarów + nowe zakładki === */
:root{--v20-side:282px;--v20-gap:22px;--v20-border:rgba(40,210,255,.18);--v20-card:rgba(6,18,32,.82)}
.panel{display:grid!important;grid-template-columns:var(--v20-side) minmax(0,1fr)!important;gap:var(--v20-gap)!important;align-items:start!important;width:min(1420px,calc(100% - 34px))!important;margin:26px auto!important}.maincol{min-width:0!important;max-width:100%!important}.card{border-color:var(--v20-border)!important}.maincol>.card:first-child{padding:30px 34px!important;min-height:auto!important}.maincol>.card:first-child h1{font-size:clamp(2rem,3.4vw,4rem)!important;line-height:.98!important;margin:.15em 0!important}.stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.stats>.card{min-height:94px!important;padding:18px!important}.stats>.card strong{font-size:1.26rem!important;line-height:1.1!important}.profile-forms{display:grid!important;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr) minmax(280px,1fr)!important;gap:18px!important;align-items:start!important}.profile-avatar-preview{display:flex;align-items:center;justify-content:center;margin:8px 0 14px}.profile-avatar-preview img,.avatar-img{object-fit:cover!important}.profile-avatar-preview img{width:96px;height:96px;border-radius:24px;border:1px solid rgba(40,210,255,.22);box-shadow:0 14px 36px rgba(0,0,0,.35)}input[type=file]{padding:12px!important;background:rgba(255,255,255,.04)!important;border:1px dashed rgba(40,210,255,.32)!important;border-radius:14px!important;color:#dff5ff!important;width:100%!important}input[type=file]::file-selector-button{border:0;border-radius:11px;padding:9px 12px;margin-right:12px;background:linear-gradient(135deg,#04a8ff,#27ddff);color:#00131d;font-weight:900;cursor:pointer}.v19-admin-sidebar,.ch-admin-sidebar,.client-sidebar-pro{width:var(--v20-side)!important;max-width:var(--v20-side)!important;position:sticky!important;top:104px!important;max-height:calc(100vh - 124px)!important;overflow:hidden!important;padding:16px!important;background:linear-gradient(180deg,rgba(7,22,38,.94),rgba(4,12,22,.90))!important}.v19-admin-nav,.client-menu-pro{display:grid!important;gap:7px!important;max-height:calc(100vh - 245px)!important;overflow-y:auto!important;padding-right:5px!important;scrollbar-width:thin;scrollbar-color:#17caff transparent}.v19-admin-nav a,.client-menu-pro a{min-height:44px!important;border-radius:15px!important;padding:8px 10px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) 16px!important;gap:9px!important;align-items:center!important}.v19-admin-nav b,.client-menu-pro b{font-size:.88rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.v19-admin-nav .nav-icon,.client-menu-pro .mi{width:32px!important;height:32px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:rgba(0,150,255,.12)!important}.v19-admin-profile,.client-user-card{padding:12px!important;border-radius:19px!important;margin-bottom:12px!important}.v19-admin-profile .avatar,.client-user-card .avatar{width:50px!important;height:50px!important;border-radius:16px!important}.v19-admin-nav a.active,.client-menu-pro a.active{background:linear-gradient(135deg,rgba(0,150,255,.25),rgba(35,221,255,.08))!important;border-color:rgba(39,219,255,.62)!important;color:#35dfff!important;box-shadow:inset 3px 0 0 #22d8ff,0 0 24px rgba(0,166,255,.15)!important}.v19-admin-nav a:hover,.client-menu-pro a:hover{transform:translateX(2px);border-color:rgba(39,219,255,.35)!important}.admin-clean-table,.table{overflow:hidden!important}.admin-clean-table .thead,.table .thead{grid-template-columns:1.2fr 1fr .8fr 1.2fr!important}.admin-clean-table .trow,.table .trow{gap:16px!important;align-items:center!important;min-height:76px!important}.form-card{max-width:100%!important}.form-grid-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.btn.primary,.primary{background:linear-gradient(135deg,#07a7ff,#30dcff)!important;color:#00131d!important}.alert.ok{background:rgba(0,255,170,.09)!important;border-color:rgba(0,255,170,.25)!important}.alert.bad{background:rgba(255,74,104,.10)!important;border-color:rgba(255,74,104,.30)!important}
@media(max-width:1180px){.panel{grid-template-columns:1fr!important;width:min(100% - 24px,100%)!important}.v19-admin-sidebar,.ch-admin-sidebar,.client-sidebar-pro{position:relative!important;top:auto!important;width:100%!important;max-width:100%!important;max-height:none!important}.v19-admin-nav,.client-menu-pro{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:none!important;overflow:visible!important}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.profile-forms{grid-template-columns:1fr!important}}
@media(max-width:700px){.panel{margin:14px auto!important;width:min(100% - 16px,100%)!important;gap:14px!important}.maincol>.card:first-child{padding:20px!important}.maincol>.card:first-child h1{font-size:clamp(2rem,10vw,3rem)!important}.stats{grid-template-columns:1fr!important}.v19-admin-nav,.client-menu-pro{grid-template-columns:1fr!important}.form-grid-2{grid-template-columns:1fr!important}.topbar .nav{min-height:66px!important}.nav nav{gap:8px!important}.btn{min-height:40px!important;padding:0 12px!important}}

/* === CerberHost v21 — naprawa menu admin/klient + pełne zakładki premium === */
:root{--v21-side:310px;--v21-gap:28px;--v21-line:rgba(49,196,255,.18);--v21-bg:rgba(5,17,30,.92);--v21-bg2:rgba(8,27,47,.82);--v21-blue:#27d7ff;--v21-text:#eef7ff;--v21-muted:#9db3c8}
.panel{width:min(1480px,calc(100% - 48px))!important;margin:28px auto!important;display:grid!important;grid-template-columns:var(--v21-side) minmax(0,1fr)!important;gap:var(--v21-gap)!important;align-items:start!important}.maincol,.ch-main{min-width:0!important;width:100%!important}.card{border-color:var(--v21-line)!important}
/* sidebar bazowy */
.v19-admin-sidebar,.ch-admin-sidebar,.panel>.sidebar:not(.client-sidebar-pro),.client-sidebar-pro{width:var(--v21-side)!important;max-width:var(--v21-side)!important;min-width:var(--v21-side)!important;position:sticky!important;top:104px!important;max-height:calc(100vh - 128px)!important;overflow:hidden!important;padding:18px!important;border-radius:26px!important;background:linear-gradient(180deg,rgba(7,23,40,.97),rgba(3,12,22,.94))!important;box-shadow:0 22px 70px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,255,255,.025)!important}
.v19-admin-profile,.client-user-card{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;margin:0 0 16px!important;padding:15px!important;border:1px solid rgba(126,210,255,.16)!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important}.v19-admin-profile .avatar,.client-user-card .avatar{width:58px!important;height:58px!important;border-radius:18px!important;display:grid!important;place-items:center!important;font-size:1rem!important;flex:0 0 auto!important;background:linear-gradient(135deg,#ff8e43,#ffb05e)!important;color:#fff!important}.v19-admin-profile strong,.client-user-card strong{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#f4fbff!important;font-size:1rem!important}.v19-admin-profile span,.client-user-card span{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#9cb3c7!important;font-size:.78rem!important;margin-top:2px!important}
/* menu admina - bez ścisku, bez poziomego scrolla */
.v19-admin-nav{display:flex!important;flex-direction:column!important;gap:8px!important;max-height:calc(100vh - 236px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:1px 6px 1px 0!important;scrollbar-width:thin;scrollbar-color:#1acfff transparent}.v19-admin-nav::-webkit-scrollbar{width:4px}.v19-admin-nav::-webkit-scrollbar-track{background:transparent}.v19-admin-nav::-webkit-scrollbar-thumb{background:linear-gradient(#27d7ff,#0a83c7);border-radius:999px}
.v19-admin-nav a{display:grid!important;grid-template-columns:42px minmax(0,1fr) 16px!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:50px!important;padding:8px 12px!important;border-radius:17px!important;border:1px solid transparent!important;background:rgba(255,255,255,.022)!important;color:#d8e8f5!important;text-decoration:none!important;box-sizing:border-box!important;transform:none!important;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease!important}.v19-admin-nav a .nav-icon{width:38px!important;height:38px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,rgba(0,159,255,.20),rgba(0,159,255,.06))!important;border:1px solid rgba(52,198,255,.12)!important;font-size:1rem!important;line-height:1!important}.v19-admin-nav a b{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.93rem!important;letter-spacing:0!important;line-height:1.15!important;color:inherit!important}.v19-admin-nav a em{font-style:normal!important;color:#b8d1e5!important;opacity:.82!important;justify-self:end!important}.v19-admin-nav a:hover{background:linear-gradient(90deg,rgba(0,160,255,.16),rgba(25,220,255,.035))!important;border-color:rgba(45,205,255,.30)!important;color:#f4fbff!important}.v19-admin-nav a.active{background:linear-gradient(90deg,rgba(0,170,255,.30),rgba(27,220,255,.08))!important;border-color:rgba(44,219,255,.72)!important;color:#31ddff!important;box-shadow:inset 4px 0 0 #27d7ff,0 0 28px rgba(0,170,255,.18)!important}.v19-admin-nav a.active .nav-icon{background:linear-gradient(135deg,rgba(24,208,255,.34),rgba(0,126,255,.10))!important;color:#fff!important}
/* menu klienta ten sam standard */
.client-sidebar-brand{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:16px!important}.client-sidebar-brand img{width:46px!important;height:46px!important;object-fit:contain!important}.client-sidebar-brand strong{font-size:1.28rem!important;line-height:1!important}.client-sidebar-brand small{font-size:.62rem!important;letter-spacing:.25em!important;color:#92d9ff!important}.client-rank{display:none!important}.client-balance-pro{margin:0 0 16px!important;padding:15px!important;border-radius:20px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(126,210,255,.13)!important}.client-menu-pro{display:flex!important;flex-direction:column!important;gap:8px!important;max-height:calc(100vh - 392px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:1px 6px 1px 0!important;scrollbar-width:thin;scrollbar-color:#1acfff transparent}.client-menu-pro a{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;min-height:50px!important;padding:8px 12px!important;border-radius:17px!important;border:1px solid transparent!important;background:rgba(255,255,255,.022)!important;color:#d8e8f5!important;text-decoration:none!important}.client-menu-pro .mi{width:38px!important;height:38px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,rgba(0,159,255,.20),rgba(0,159,255,.06))!important;border:1px solid rgba(52,198,255,.12)!important}.client-menu-pro b{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.93rem!important}.client-menu-pro a.active,.client-menu-pro a:hover{background:linear-gradient(90deg,rgba(0,170,255,.24),rgba(27,220,255,.07))!important;border-color:rgba(44,219,255,.52)!important;color:#31ddff!important}.client-menu-pro i{font-style:normal!important;font-size:.72rem!important;background:rgba(0,255,142,.13)!important;color:#2bff9a!important;border:1px solid rgba(0,255,142,.28)!important;border-radius:999px!important;padding:5px 9px!important;white-space:nowrap!important}.sidebar-order-card{display:none!important}
/* content compact i ładny */
.maincol>.card:first-child,.ch-hero{padding:28px 32px!important;border-radius:26px!important;min-height:auto!important}.maincol>.card:first-child h1,.ch-hero h1{font-size:clamp(2rem,3.15vw,3.8rem)!important;line-height:1.02!important;letter-spacing:-.055em!important}.maincol>.card:first-child p,.ch-hero p{max-width:900px!important;color:#a9bed2!important}.stats,.ch-stat-grid,.ch-stat-grid-5{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.stats>.card,.ch-stat{min-height:100px!important;padding:18px!important;border-radius:20px!important}.stats>.card strong,.ch-stat strong{font-size:1.35rem!important}.ch-dashboard-grid,.ch-admin-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.75fr)!important;gap:18px!important}.ch-card,.form-card,.admin-clean-table,.card.table{border-radius:24px!important;padding:22px!important;background:linear-gradient(145deg,rgba(8,24,42,.88),rgba(3,12,22,.76))!important;border:1px solid rgba(49,196,255,.16)!important;box-shadow:0 18px 55px rgba(0,0,0,.28)!important}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.table,.admin-clean-table{width:100%!important}.thead,.trow{min-width:0!important}.actions-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.btn{border-radius:13px!important}.btn.primary,.blue-btn,.primary{background:linear-gradient(135deg,#079cff,#2bdcff)!important;color:#00131d!important}
/* tabele w adminie czytelniejsze */
.admin-clean-table .thead,.card.table .thead{display:grid!important;grid-template-columns:minmax(220px,1.1fr) minmax(160px,.75fr) minmax(90px,.45fr) minmax(260px,1fr)!important;gap:16px!important;color:#96aec2!important;font-size:.74rem!important;letter-spacing:.18em!important;text-transform:uppercase!important}.admin-clean-table .trow,.card.table .trow{display:grid!important;grid-template-columns:minmax(220px,1.1fr) minmax(160px,.75fr) minmax(90px,.45fr) minmax(260px,1fr)!important;gap:16px!important;align-items:center!important;min-height:78px!important;padding:16px 0!important;border-bottom:1px solid rgba(126,210,255,.10)!important}.clients-activation-table .thead,.clients-activation-table .trow{grid-template-columns:minmax(230px,1.05fr) minmax(150px,.55fr) minmax(90px,.35fr) minmax(380px,1.35fr)!important}
/* upload avatara */
input[type=file]{display:block!important;width:100%!important;padding:12px!important;border-radius:15px!important;background:rgba(255,255,255,.035)!important;border:1px dashed rgba(39,216,255,.36)!important;color:#dff7ff!important}input[type=file]::file-selector-button{border:0!important;border-radius:12px!important;padding:9px 13px!important;margin-right:12px!important;background:linear-gradient(135deg,#079cff,#2bdcff)!important;color:#00131d!important;font-weight:900!important;cursor:pointer!important}.profile-avatar-preview img,.avatar-img{object-fit:cover!important}.profile-avatar-preview img{width:104px!important;height:104px!important;border-radius:26px!important;border:1px solid rgba(39,216,255,.30)!important}
/* responsywność */
@media(max-width:1280px){:root{--v21-side:292px;--v21-gap:20px}.stats,.ch-stat-grid,.ch-stat-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ch-dashboard-grid,.ch-admin-grid{grid-template-columns:1fr!important}.admin-clean-table .thead,.admin-clean-table .trow,.card.table .thead,.card.table .trow{grid-template-columns:minmax(190px,1fr) minmax(130px,.65fr) minmax(80px,.4fr) minmax(220px,1fr)!important}}
@media(max-width:980px){.panel{width:min(100% - 20px,100%)!important;margin:16px auto 86px!important;grid-template-columns:1fr!important}.v19-admin-sidebar,.ch-admin-sidebar,.panel>.sidebar:not(.client-sidebar-pro),.client-sidebar-pro{position:fixed!important;left:12px!important;top:78px!important;bottom:14px!important;width:min(326px,calc(100vw - 24px))!important;min-width:0!important;max-width:none!important;max-height:none!important;z-index:2600!important;transform:translateX(calc(-100% - 28px))!important;transition:transform .22s ease!important}.ch-sidebar-open .v19-admin-sidebar,.ch-sidebar-open .ch-admin-sidebar,.ch-sidebar-open .panel>.sidebar:not(.client-sidebar-pro),.ch-sidebar-open .client-sidebar-pro{transform:translateX(0)!important}.v19-admin-nav{max-height:calc(100vh - 230px)!important}.client-menu-pro{max-height:calc(100vh - 330px)!important}.maincol>.card:first-child,.ch-hero{padding:22px!important}.maincol>.card:first-child h1,.ch-hero h1{font-size:clamp(2rem,9vw,3rem)!important}.stats,.ch-stat-grid,.ch-stat-grid-5{grid-template-columns:1fr 1fr!important}.form-grid-2,.profile-forms,.profile-grid{grid-template-columns:1fr!important}.admin-clean-table .thead,.card.table .thead{display:none!important}.admin-clean-table .trow,.card.table .trow,.clients-activation-table .trow{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:15px!important;margin-bottom:12px!important;border:1px solid rgba(49,196,255,.14)!important;border-radius:18px!important;background:rgba(8,24,42,.58)!important}.actions-row .btn{width:auto!important}.ch-page-top{grid-template-columns:44px 1fr!important}.ch-search{grid-column:1/-1!important}.ch-top-user{display:none!important}}
@media(max-width:620px){.stats,.ch-stat-grid,.ch-stat-grid-5{grid-template-columns:1fr!important}.v19-admin-sidebar,.client-sidebar-pro{width:min(340px,calc(100vw - 20px))!important;left:10px!important}.maincol>.card:first-child,.ch-hero,.ch-card,.form-card,.admin-clean-table,.card.table{padding:16px!important;border-radius:20px!important}.v19-admin-nav a,.client-menu-pro a{min-height:48px!important}.topbar .nav{min-height:64px!important}}

/* === CerberHost v22 — ostateczna naprawa sidebar/menu scroll === */
:root{--v22-side:286px;--v22-gap:24px;--v22-blue:#24d8ff;}
@media (min-width:981px){
  .panel{grid-template-columns:var(--v22-side) minmax(0,1fr)!important;gap:var(--v22-gap)!important;width:min(1420px,calc(100% - 44px))!important;margin:26px auto!important;align-items:start!important;overflow:visible!important;}
  .v19-admin-sidebar,
  .ch-admin-sidebar,
  .panel>.sidebar:not(.client-sidebar-pro),
  .client-sidebar-pro{
    width:var(--v22-side)!important;min-width:var(--v22-side)!important;max-width:var(--v22-side)!important;
    position:sticky!important;top:96px!important;max-height:none!important;height:auto!important;overflow:visible!important;
    padding:16px!important;border-radius:24px!important;
  }
  .v19-admin-nav,
  .client-menu-pro{
    max-height:none!important;height:auto!important;overflow:visible!important;overflow-x:hidden!important;padding:0!important;
    scrollbar-width:none!important;
  }
  .v19-admin-nav::-webkit-scrollbar,
  .client-menu-pro::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
  .client-menu-pro a,
  .v19-admin-nav a{
    min-height:47px!important;padding:8px 10px!important;border-radius:15px!important;grid-template-columns:36px minmax(0,1fr) 14px!important;gap:10px!important;
  }
  .client-menu-pro .mi,
  .v19-admin-nav a .nav-icon{width:34px!important;height:34px!important;border-radius:13px!important;font-size:.96rem!important;}
  .client-menu-pro b,
  .v19-admin-nav a b{font-size:.9rem!important;line-height:1.12!important;}
  .client-menu-pro i{max-width:76px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .client-sidebar-brand{margin-bottom:13px!important;}
  .client-user-card,.v19-admin-profile{padding:12px!important;margin-bottom:13px!important;border-radius:20px!important;}
  .client-user-card .avatar,.v19-admin-profile .avatar{width:50px!important;height:50px!important;border-radius:16px!important;}
  .client-balance-pro{padding:13px!important;margin-bottom:14px!important;border-radius:18px!important;}
  .client-balance-pro strong{font-size:1.25rem!important;}
  .balance-icon{width:42px!important;height:42px!important;border-radius:14px!important;}
}
@media (max-width:980px){
  .v19-admin-sidebar,.ch-admin-sidebar,.panel>.sidebar:not(.client-sidebar-pro),.client-sidebar-pro{
    overflow:hidden!important;
  }
  .v19-admin-nav,.client-menu-pro{
    overflow-y:auto!important;overflow-x:hidden!important;padding-right:6px!important;
    scrollbar-width:thin!important;scrollbar-color:rgba(36,216,255,.75) transparent!important;
  }
  .v19-admin-nav::-webkit-scrollbar,.client-menu-pro::-webkit-scrollbar{width:5px!important;}
  .v19-admin-nav::-webkit-scrollbar-track,.client-menu-pro::-webkit-scrollbar-track{background:transparent!important;}
  .v19-admin-nav::-webkit-scrollbar-thumb,.client-menu-pro::-webkit-scrollbar-thumb{background:linear-gradient(#24d8ff,#087bb8)!important;border-radius:999px!important;}
}

/* === CerberHost v23 — naprawa menu klient/admin: bez podwójnego scrolla i obcinania === */
:root{--v23-sidebar:292px;--v23-cyan:#24d8ff;}
.panel{grid-template-columns:var(--v23-sidebar) minmax(0,1fr)!important;align-items:start!important;}
.v19-admin-sidebar,
.ch-admin-sidebar,
.panel>.sidebar:not(.client-sidebar-pro),
.client-sidebar-pro{
  width:var(--v23-sidebar)!important;
  min-width:var(--v23-sidebar)!important;
  max-width:var(--v23-sidebar)!important;
  overflow:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.v19-admin-sidebar::-webkit-scrollbar,
.ch-admin-sidebar::-webkit-scrollbar,
.panel>.sidebar:not(.client-sidebar-pro)::-webkit-scrollbar,
.client-sidebar-pro::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}

.v19-admin-nav,
.client-menu-pro,
.sidebar nav{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  padding-right:0!important;
  margin-right:0!important;
}
.v19-admin-nav::-webkit-scrollbar,
.client-menu-pro::-webkit-scrollbar,
.sidebar nav::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}

.client-menu-pro a,
.v19-admin-nav a,
.sidebar nav a{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.client-menu-pro a{
  grid-template-columns:38px minmax(0,1fr) auto!important;
  min-height:50px!important;
  padding:8px 11px!important;
}
.v19-admin-nav a{
  grid-template-columns:38px minmax(0,1fr) auto!important;
  min-height:48px!important;
  padding:8px 11px!important;
}
.client-menu-pro .mi,
.v19-admin-nav .nav-icon{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
}
.client-menu-pro b,
.v19-admin-nav b,
.sidebar nav a{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.client-menu-pro em,
.v19-admin-nav em{flex:0 0 auto!important;max-width:18px!important;overflow:hidden!important;}
.client-menu-pro i{
  max-width:70px!important;
  justify-self:end!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

@media (min-width:981px){
  .v19-admin-sidebar,.ch-admin-sidebar,.panel>.sidebar:not(.client-sidebar-pro),.client-sidebar-pro{
    position:sticky!important;
    top:96px!important;
    max-height:calc(100vh - 112px)!important;
  }
  .v19-admin-nav,.client-menu-pro,.sidebar nav{
    max-height:calc(100vh - 310px)!important;
    overflow-y:auto!important;
  }
  .client-menu-pro{max-height:calc(100vh - 345px)!important;}
}

@media (max-width:980px){
  .v19-admin-sidebar,.ch-admin-sidebar,.panel>.sidebar:not(.client-sidebar-pro),.client-sidebar-pro{
    position:fixed!important;
    left:10px!important;
    top:76px!important;
    bottom:12px!important;
    width:min(326px,calc(100vw - 20px))!important;
    min-width:0!important;
    max-width:none!important;
    max-height:none!important;
    overflow:hidden!important;
    z-index:2600!important;
  }
  .v19-admin-nav,.client-menu-pro,.sidebar nav{
    max-height:calc(100dvh - 330px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:0!important;
  }
  .v19-admin-nav{max-height:calc(100dvh - 235px)!important;}
  .client-menu-pro i{display:none!important;}
  .client-menu-pro a{grid-template-columns:38px minmax(0,1fr) 14px!important;}
}

@media (max-width:420px){
  .v19-admin-sidebar,.ch-admin-sidebar,.panel>.sidebar:not(.client-sidebar-pro),.client-sidebar-pro{
    left:8px!important;
    width:calc(100vw - 16px)!important;
    padding:14px!important;
  }
  .client-sidebar-brand strong{font-size:1.12rem!important;}
  .client-sidebar-brand small{font-size:.56rem!important;}
  .client-user-card{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important;}
  .client-user-card .avatar{width:48px!important;height:48px!important;}
  .client-menu-pro a,.v19-admin-nav a{min-height:47px!important;}
}


/* v24: Avatar zawsze dopasowany do strony i menu, niezależnie od rozmiaru pliku */
.avatar,
.v19-admin-profile .avatar,
.client-user-card .avatar,
.profile-avatar-preview .avatar,
.avatar-large{
  overflow:hidden!important;
  flex:0 0 auto!important;
  aspect-ratio:1/1!important;
}
.avatar img,
.avatar-img,
.client-user-card img,
.v19-admin-profile img,
.profile-avatar-preview img,
img.avatar,
img.user-avatar{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:inherit!important;
}
.client-user-card .avatar,
.v19-admin-profile .avatar{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  max-width:52px!important;
  max-height:52px!important;
  border-radius:17px!important;
}
.profile-avatar-preview img,
.profile-avatar-preview .avatar-large{
  width:112px!important;
  height:112px!important;
  min-width:112px!important;
  min-height:112px!important;
  max-width:112px!important;
  max-height:112px!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
.topbar .avatar,
.nav .avatar{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  border-radius:14px!important;
  overflow:hidden!important;
}


/* === CerberHost v25 — jednolite menu premium dla panelu klienta i admina === */
:root{--v25-side:292px;--v25-cyan:#24d8ff;--v25-bg:#06111d;--v25-line:rgba(55,205,255,.18)}

/* Układ desktop: sidebar nie rozciąga, content ma normalną szerokość */
@media (min-width:981px){
  .panel{grid-template-columns:var(--v25-side) minmax(0,1fr)!important;gap:26px!important;width:min(1280px,calc(100% - 34px))!important;margin:0 auto!important;align-items:start!important;padding-top:28px!important;}
  .maincol{min-width:0!important;width:100%!important;}
}

/* Wspólny wygląd sidebarów */
.v19-admin-sidebar,.ch-admin-sidebar,.panel>.sidebar:not(.client-sidebar-pro),.client-sidebar-pro{
  width:var(--v25-side)!important;min-width:var(--v25-side)!important;max-width:var(--v25-side)!important;
  padding:16px!important;border-radius:26px!important;
  background:linear-gradient(180deg,rgba(7,22,37,.96),rgba(4,12,22,.96))!important;
  border:1px solid rgba(55,205,255,.18)!important;
  box-shadow:0 20px 65px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.025)!important;
  overflow:visible!important;
}
@media (min-width:981px){
  .v19-admin-sidebar,.ch-admin-sidebar,.panel>.sidebar:not(.client-sidebar-pro),.client-sidebar-pro{
    position:sticky!important;top:96px!important;max-height:none!important;height:auto!important;
  }
}

/* Header użytkownika/admina w sidebarze */
.v19-admin-profile,.client-user-card{
  display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;align-items:center!important;gap:13px!important;
  padding:13px!important;margin:0 0 14px!important;border-radius:21px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;
  border:1px solid rgba(120,210,255,.16)!important;box-shadow:inset 0 0 22px rgba(0,165,255,.035)!important;
}
.client-rank{display:none!important}.client-sidebar-brand{justify-content:center!important;margin:0 0 14px!important}.client-sidebar-brand img{width:42px!important;height:42px!important}.client-sidebar-brand strong{font-size:1.32rem!important}.client-sidebar-brand small{font-size:.58rem!important}.client-user-info strong,.v19-admin-profile strong{font-size:.96rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.client-user-info span,.v19-admin-profile span{font-size:.78rem!important;color:#9fb6c9!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.client-balance-pro{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;align-items:center!important;margin:0 0 14px!important;padding:13px!important;border-radius:20px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(120,210,255,.14)!important}.client-balance-pro strong{font-size:1.32rem!important}.balance-icon{width:42px!important;height:42px!important;border-radius:15px!important}

/* Jedno menu dla klienta i admina: bez brzydkich podwójnych scrolli */
.v19-admin-nav,.client-menu-pro,.sidebar nav{
  display:flex!important;flex-direction:column!important;gap:8px!important;margin:0!important;padding:0!important;
  max-height:none!important;overflow:visible!important;scrollbar-width:none!important;
}
.v19-admin-nav::-webkit-scrollbar,.client-menu-pro::-webkit-scrollbar,.sidebar nav::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.v19-admin-nav a,.client-menu-pro a,.sidebar nav a{
  display:grid!important;grid-template-columns:38px minmax(0,1fr) 16px!important;align-items:center!important;gap:10px!important;
  min-height:48px!important;padding:7px 11px!important;border-radius:17px!important;
  background:rgba(255,255,255,.026)!important;border:1px solid rgba(120,210,255,.09)!important;color:#ddecf8!important;
  font-weight:900!important;text-decoration:none!important;box-shadow:none!important;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease!important;
}
.v19-admin-nav .nav-icon,.client-menu-pro .mi,.sidebar nav a .mi{
  width:34px!important;height:34px!important;border-radius:13px!important;display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,rgba(0,166,255,.18),rgba(0,166,255,.06))!important;border:1px solid rgba(55,205,255,.12)!important;color:#91dfff!important;font-size:1.02rem!important;
}
.v19-admin-nav b,.client-menu-pro b,.sidebar nav a b{display:block!important;min-width:0!important;font-size:.90rem!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:inherit!important}
.v19-admin-nav em,.client-menu-pro em{font-style:normal!important;font-size:1.15rem!important;color:#9ebfd1!important;justify-self:end!important;line-height:1!important}.client-menu-pro i{justify-self:end!important;max-width:58px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.68rem!important;padding:4px 7px!important;border-radius:999px!important;background:rgba(0,255,142,.12)!important;border:1px solid rgba(0,255,142,.24)!important;color:#33ff9b!important;font-style:normal!important}.client-menu-pro .count{min-width:26px!important;height:26px!important;font-size:.78rem!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:linear-gradient(135deg,#058cff,#27d9ff)!important;color:#fff!important}
.v19-admin-nav a:hover,.client-menu-pro a:hover,.sidebar nav a:hover{transform:translateX(3px)!important;border-color:rgba(36,216,255,.42)!important;background:linear-gradient(90deg,rgba(0,163,255,.16),rgba(35,221,255,.04))!important;color:#36dcff!important}.v19-admin-nav a.active,.client-menu-pro a.active,.sidebar nav a.active{border-color:rgba(36,216,255,.70)!important;background:linear-gradient(90deg,rgba(0,170,255,.26),rgba(35,221,255,.07))!important;color:#35dfff!important;box-shadow:inset 3px 0 0 var(--v25-cyan),0 0 22px rgba(0,170,255,.14)!important;transform:none!important}
.sidebar-order-card{display:none!important}

/* Jeśli w adminie jest dużo zakładek, scrolluje cały sidebar — bez drugiego paska w środku */
@media (min-width:981px){.v19-admin-sidebar,.ch-admin-sidebar{max-height:calc(100vh - 112px)!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;scrollbar-color:#1acfff transparent!important}.v19-admin-sidebar::-webkit-scrollbar,.ch-admin-sidebar::-webkit-scrollbar{display:block!important;width:5px!important}.v19-admin-sidebar::-webkit-scrollbar-thumb,.ch-admin-sidebar::-webkit-scrollbar-thumb{background:#1acfff!important;border-radius:999px!important}.v19-admin-sidebar::-webkit-scrollbar-track,.ch-admin-sidebar::-webkit-scrollbar-track{background:transparent!important}}

/* Mobile: klient i admin mają identyczny panel boczny */
@media (max-width:980px){
  .panel{width:min(100% - 18px,100%)!important;grid-template-columns:1fr!important;margin:14px auto 80px!important;gap:14px!important;padding-top:14px!important}
  .v19-admin-sidebar,.ch-admin-sidebar,.panel>.sidebar:not(.client-sidebar-pro),.client-sidebar-pro{
    position:fixed!important;left:10px!important;top:76px!important;bottom:12px!important;width:min(330px,calc(100vw - 20px))!important;min-width:0!important;max-width:none!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:2600!important;transform:translateX(calc(-100% - 28px))!important;transition:transform .22s ease!important;scrollbar-width:none!important;
  }
  .v19-admin-sidebar::-webkit-scrollbar,.ch-admin-sidebar::-webkit-scrollbar,.client-sidebar-pro::-webkit-scrollbar{display:none!important}
  .ch-sidebar-open .v19-admin-sidebar,.ch-sidebar-open .ch-admin-sidebar,.ch-sidebar-open .panel>.sidebar:not(.client-sidebar-pro),.ch-sidebar-open .client-sidebar-pro{transform:translateX(0)!important}
  .v19-admin-nav,.client-menu-pro,.sidebar nav{overflow:visible!important;max-height:none!important}
  .client-sidebar-brand{display:flex!important;justify-content:flex-start!important}.client-sidebar-brand img{width:38px!important;height:38px!important}.client-sidebar-brand strong{font-size:1.16rem!important}
  .client-balance-pro{grid-template-columns:minmax(0,1fr) 40px!important}.client-menu-pro i{display:none!important}
}
@media(max-width:420px){.v19-admin-sidebar,.ch-admin-sidebar,.panel>.sidebar:not(.client-sidebar-pro),.client-sidebar-pro{left:8px!important;top:70px!important;bottom:8px!important;width:calc(100vw - 16px)!important;padding:13px!important}.v19-admin-nav a,.client-menu-pro a,.sidebar nav a{min-height:46px!important;grid-template-columns:36px minmax(0,1fr) 14px!important}.v19-admin-nav .nav-icon,.client-menu-pro .mi{width:32px!important;height:32px!important}.client-user-card,.v19-admin-profile{grid-template-columns:48px minmax(0,1fr)!important}.client-user-card .avatar,.v19-admin-profile .avatar{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important}}

/* === CerberHost v26 — czytelniejsze menu + ręczne usługi === */
:root{--v26-side:300px;--v26-cyan:#24d8ff;--v26-card:rgba(7,22,38,.96);}
@media (min-width:981px){
  .panel{grid-template-columns:var(--v26-side) minmax(0,1fr)!important;width:min(1360px,calc(100% - 36px))!important;gap:26px!important;}
  .v19-admin-sidebar,.ch-admin-sidebar,.panel>.sidebar:not(.client-sidebar-pro),.client-sidebar-pro{
    width:var(--v26-side)!important;min-width:var(--v26-side)!important;max-width:var(--v26-side)!important;
    padding:16px!important;overflow:hidden!important;
  }
}
.v19-admin-nav,.client-menu-pro,.sidebar nav{
  gap:9px!important;
}
.v19-admin-nav a,.client-menu-pro a,.sidebar nav a{
  grid-template-columns:40px minmax(0,1fr) 18px!important;
  min-height:50px!important;
  padding:8px 12px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.042),rgba(255,255,255,.014))!important;
  border:1px solid rgba(111,208,255,.13)!important;
  border-radius:16px!important;
}
.v19-admin-nav a b,.client-menu-pro a b,.sidebar nav a b{
  font-size:.95rem!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  color:#e8f7ff!important;
}
.v19-admin-nav .nav-icon,.client-menu-pro .mi,.sidebar nav a .mi{
  width:36px!important;height:36px!important;min-width:36px!important;
  background:linear-gradient(135deg,rgba(0,174,255,.23),rgba(0,110,190,.07))!important;
  color:#9ee9ff!important;
}
.v19-admin-nav a:hover,.client-menu-pro a:hover,.sidebar nav a:hover,
.v19-admin-nav a.active,.client-menu-pro a.active,.sidebar nav a.active{
  color:#32ddff!important;
  border-color:rgba(36,216,255,.68)!important;
  background:linear-gradient(90deg,rgba(0,171,255,.28),rgba(35,221,255,.08))!important;
  box-shadow:inset 3px 0 0 var(--v26-cyan),0 0 26px rgba(0,170,255,.16)!important;
}
.client-menu-pro a[href$="topup.php"] b{font-size:.92rem!important;white-space:nowrap!important;}
.client-menu-pro a[href$="topup.php"]{grid-template-columns:40px minmax(0,1fr) 18px!important;}
.client-menu-pro a[href$="topup.php"] em{display:block!important;}
.client-menu-pro a[href$="topup.php"] i{display:none!important;}
.ch-form-card textarea, textarea{
  width:100%;min-height:110px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;padding:14px 16px;resize:vertical;
}
.ch-form-card select,.ch-form-card input,.ch-form-card textarea{width:100%;}
.ch-form-card .btn.primary{width:100%;min-height:48px;margin-top:6px;}
@media(max-width:980px){
  .v19-admin-sidebar,.ch-admin-sidebar,.panel>.sidebar:not(.client-sidebar-pro),.client-sidebar-pro{
    width:min(340px,calc(100vw - 20px))!important;
  }
}

/* v27 plugin actions polish */
.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.grid-form .full{grid-column:1/-1}
.form-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.inline-form{display:inline-flex;margin:0}
.row-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn.danger{background:rgba(255,72,120,.16)!important;border:1px solid rgba(255,72,120,.45)!important;color:#ffb6c8!important}
.plugins-table .trow{grid-template-columns:minmax(260px,1.4fr) 120px 120px minmax(280px,.9fr);align-items:center}
.plugins-table small{color:var(--muted,#9fb2c6);line-height:1.35}
.badge.muted{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.25);color:#cbd5e1}
@media(max-width:900px){.grid-form{grid-template-columns:1fr}.plugins-table .thead{display:none}.plugins-table .trow{display:grid;grid-template-columns:1fr;gap:10px}.row-actions .btn,.row-actions form{width:100%}.row-actions .btn{justify-content:center;text-align:center}}


/* === CerberHost v28 — premium usługi + ikony gier + płatność bez białej strony === */
.services-page-pro{gap:18px!important}.services-hero-pro{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:28px!important}.services-hero-pro h1{font-size:clamp(2.2rem,4vw,3.7rem)!important;line-height:1!important;margin-bottom:10px!important}.services-toolbar-pro{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:14px!important;border-radius:22px!important}.service-search-box{display:flex;align-items:center;gap:10px;min-height:46px;flex:1;max-width:430px;border:1px solid rgba(117,207,255,.15);border-radius:16px;background:rgba(0,0,0,.18);padding:0 14px;color:#8fdcff}.service-search-box input{border:0!important;background:transparent!important;min-height:42px!important;padding:0!important;width:100%!important;outline:0;color:#fff}.service-view-tabs{display:flex;gap:8px}.service-view-tabs button{min-height:44px;padding:0 14px;border-radius:14px;border:1px solid rgba(117,207,255,.14);background:rgba(255,255,255,.035);color:#ddecf8;font-weight:900;cursor:pointer}.service-view-tabs button.active{background:linear-gradient(135deg,#08a7ff,#2bdcff);color:#00131d;border-color:transparent}.service-grid-premium.services-cards-view{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.service-card-v28{padding:22px!important;border-radius:24px!important;overflow:hidden}.service-card-top{display:grid;grid-template-columns:68px minmax(0,1fr) 24px;gap:14px;align-items:start}.service-icon-v28{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-size:2rem;background:linear-gradient(135deg,rgba(0,162,255,.18),rgba(37,221,255,.06));border:1px solid rgba(78,209,255,.20);box-shadow:inset 0 0 24px rgba(0,168,255,.08),0 14px 30px rgba(0,0,0,.18)}.service-type-discord .service-icon-v28{background:linear-gradient(135deg,#5865f2,#8a93ff);color:#fff}.service-type-minecraft .service-icon-v28{background:linear-gradient(135deg,#256b35,#78dd62);color:#fff}.service-type-cs16 .service-icon-v28{background:linear-gradient(135deg,#d1d5db,#64748b);color:#111}.service-type-vps .service-icon-v28{background:linear-gradient(135deg,#0076ff,#27dcff);color:#fff}.service-type-teamspeak .service-icon-v28{background:linear-gradient(135deg,#1f6feb,#9fd5ff);color:#fff}.service-type-fivem .service-icon-v28{background:linear-gradient(135deg,#ff7a18,#ffb347);color:#111}.service-type-rust .service-icon-v28{background:linear-gradient(135deg,#c2410c,#ef4444);color:#fff}.service-title-v28{min-width:0}.service-title-v28 small{display:block;color:#aec3d6;font-weight:900;text-transform:none}.service-title-v28 h2{font-size:1.35rem!important;margin:4px 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-title-v28 p{margin:0!important;color:#9fb2c6!important;line-height:1.3!important}.service-menu-dots{color:#b7d4e6;font-size:1.35rem;text-align:right}.service-meta-v28{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 14px}.service-meta-v28 span,.service-status-v28{display:inline-flex;align-items:center;width:max-content;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.06);color:#ddecf8;font-weight:900}.service-status-v28{background:rgba(0,255,142,.12)!important;border-color:rgba(0,255,142,.22)!important;color:#45ffa4!important}.service-bars-v28 label{display:grid!important;grid-template-columns:54px 1fr 42px!important;align-items:center!important;gap:10px!important;background:transparent!important;height:26px!important;padding:0!important;color:#dcebf6!important}.service-bars-v28 label i{position:relative!important;height:10px!important;border-radius:999px!important;background:linear-gradient(90deg,#14a7ff,#26dcff)!important;box-shadow:0 0 16px rgba(0,172,255,.22)}.service-bars-v28 label:before{content:'';grid-column:2;grid-row:1;height:10px;border-radius:999px;background:rgba(255,255,255,.075)}.service-bars-v28 label i{grid-column:2;grid-row:1}.service-bars-v28 label b{grid-column:3;font-size:.82rem;color:#cfe4f2}.service-actions-v28{margin-top:16px!important}.services-list-v28{padding:0!important;overflow:hidden}.services-list-head,.services-list-row{display:grid;grid-template-columns:minmax(260px,1fr) 140px 140px 170px;gap:14px;align-items:center;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.07)}.services-list-head{color:#a8bed0;font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.service-list-name{display:flex;align-items:center;gap:14px;min-width:0}.service-list-name .service-icon-v28{width:54px;height:54px;font-size:1.65rem}.service-list-name strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-list-name small{display:block;color:#9fb2c6}.service-list-actions{justify-content:flex-end}.payment-empty-v28{max-width:780px;margin:30px auto;text-align:left;background:linear-gradient(180deg,rgba(6,22,38,.96),rgba(3,9,17,.94))!important}.empty-service-card{text-align:center;padding:34px!important}.empty-service-card h2{margin-top:0!important}.payment-code{font-size:1.25rem;font-weight:950;letter-spacing:.08em;background:rgba(0,166,255,.10);border:1px solid rgba(59,206,255,.24);border-radius:16px;padding:16px;display:inline-flex;color:#37ddff}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.info-grid>div{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(117,207,255,.12)}.info-grid small{display:block;color:#9fb2c6;margin-bottom:8px}.info-grid strong{font-size:1.05rem}.services-cards-view[hidden],.services-list-v28[hidden]{display:none!important}
@media(max-width:1050px){.service-grid-premium.services-cards-view{grid-template-columns:1fr!important}.services-list-head{display:none}.services-list-row{grid-template-columns:1fr;gap:10px;margin:12px;border:1px solid rgba(117,207,255,.12);border-radius:18px;background:rgba(8,24,42,.45)}.service-list-actions{justify-content:flex-start}.info-grid{grid-template-columns:1fr}}
@media(max-width:620px){.services-hero-pro{display:grid!important}.services-toolbar-pro{display:grid!important}.service-search-box{max-width:none}.service-view-tabs button{flex:1}.service-card-top{grid-template-columns:58px minmax(0,1fr) 18px}.service-icon-v28{width:54px;height:54px;font-size:1.6rem}.service-title-v28 h2{font-size:1.16rem!important}.service-actions-v28 .btn{width:100%}.service-bars-v28 label{grid-template-columns:48px 1fr 36px!important}}

/* V29 service real icons */
.service-icon-v28{overflow:hidden!important;padding:0!important}
.service-icon-v28 img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:inherit!important}
.service-list-name .service-icon-v28 img{width:100%!important;height:100%!important;object-fit:cover!important}
.service-type-discord .service-icon-v28,.service-type-minecraft .service-icon-v28,.service-type-cs16 .service-icon-v28,.service-type-vps .service-icon-v28,.service-type-teamspeak .service-icon-v28,.service-type-fivem .service-icon-v28,.service-type-rust .service-icon-v28{background:rgba(4,18,32,.85)!important;color:inherit!important}

/* v33: usługi - IP/port i edycja nazwy */
.service-endpoint{margin-top:4px;color:#b8c7d9;font-size:14px;word-break:break-word}
.service-endpoint strong{color:#32d4ff;font-weight:900}
.service-actions-v28{flex-wrap:wrap;gap:10px}
.service-card-v28 .btn{white-space:nowrap}

/* v61 order/admin AMP polish */
.order-grid-v61{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:22px 0}.order-product-card-v61{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;min-height:165px;transition:.18s}.order-product-card-v61:hover,.order-product-card-v61.active{border-color:#22d3ee;box-shadow:0 0 0 1px rgba(34,211,238,.35),0 18px 60px rgba(0,180,255,.12);transform:translateY(-2px)}.order-icon-v61{width:54px;height:54px;border-radius:16px;background:rgba(14,165,233,.15);display:grid;place-items:center}.order-icon-v61 img{width:38px;height:38px;object-fit:contain}.form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.simple-table{width:100%;border-collapse:collapse}.simple-table td,.simple-table th{padding:12px;border-bottom:1px solid rgba(148,163,184,.16);text-align:left}.simple-table pre, pre{white-space:pre-wrap;overflow:auto}.amp-mc-options{margin:18px 0}@media(max-width:760px){.order-grid-v61{grid-template-columns:1fr}.form-grid-3{grid-template-columns:1fr}.order-product-card-v61{min-height:auto}}


/* v63-fixes */
.debug-pre{white-space:pre-wrap;max-height:360px;overflow:auto;background:rgba(0,0,0,.25);border:1px solid rgba(43,213,255,.18);border-radius:16px;padding:14px;font-size:12px;color:#d8efff}.order-grid-v61{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:18px 0}.order-product-card-v61{display:flex;flex-direction:column;gap:10px;min-height:170px;text-decoration:none}.order-product-card-v61.active{outline:2px solid #22d3ee;box-shadow:0 0 30px rgba(34,211,238,.2)}.order-icon-v61{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:rgba(14,165,233,.15);border:1px solid rgba(34,211,238,.24);overflow:hidden}.order-icon-v61 img{width:42px;height:42px;object-fit:contain}.service-icon-v28 img{width:100%;height:100%;object-fit:contain}.notification-card{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid rgba(148,163,184,.12)}.notification-card.unread strong{color:#22d3ee}@media(max-width:760px){.order-grid-v61{grid-template-columns:1fr}.order-product-card-v61{min-height:auto}.debug-pre{font-size:11px}}

/* CerberHost v64 notification toasts */
.ch-toast-wrap{position:fixed;right:18px;bottom:18px;z-index:99999;display:flex;flex-direction:column;gap:10px;max-width:min(420px,calc(100vw - 24px));pointer-events:none}.ch-toast{opacity:0;transform:translateY(12px) scale(.98);transition:.25s ease;background:linear-gradient(135deg,rgba(7,18,33,.96),rgba(7,31,52,.96));border:1px solid rgba(34,211,238,.35);box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 35px rgba(34,211,238,.12);color:#eaf7ff;border-radius:18px;padding:14px 16px;pointer-events:auto}.ch-toast.show{opacity:1;transform:translateY(0) scale(1)}.ch-toast strong{display:block;font-weight:900;margin-bottom:4px}.ch-toast p{margin:0;color:#bcd0df;line-height:1.35}.ch-toast-success{border-color:rgba(34,197,94,.45)}.ch-toast-warning{border-color:rgba(245,158,11,.55)}.ch-toast-error{border-color:rgba(244,63,94,.55)}@media(max-width:700px){.ch-toast-wrap{left:12px;right:12px;bottom:88px}.ch-toast{border-radius:16px}}


/* v66 hard fix: AMP payload + admin/desktop layout */
@media (min-width:981px){
  main.container.panel,
  main.container.panel.ch-app-shell,
  main.container.panel.ch-admin-shell{
    display:grid!important;
    grid-template-columns:292px minmax(0,1fr)!important;
    gap:26px!important;
    width:min(1320px,calc(100vw - 48px))!important;
    max-width:1320px!important;
    margin:0 auto!important;
    padding:28px 0 42px!important;
    align-items:start!important;
  }
  main.container.panel > .maincol,
  main.container.panel > .ch-main{
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    justify-self:stretch!important;
  }
  main.container.panel > .sidebar,
  main.container.panel > .ch-admin-sidebar,
  main.container.panel > .v19-admin-sidebar{
    justify-self:start!important;
    align-self:start!important;
  }
  .amp-admin-page .simple-table,
  .amp-admin-page table{
    width:100%!important;
    max-width:100%!important;
    table-layout:fixed!important;
  }
  .amp-admin-page td,
  .amp-admin-page th{
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
  }
  .amp-admin-page pre,
  .debug-pre{
    max-width:100%!important;
    white-space:pre-wrap!important;
    overflow:auto!important;
  }
}
@media (max-width:980px){
  main.container.panel{display:block!important;width:calc(100% - 18px)!important;max-width:none!important;margin:10px auto 80px!important;}
  main.container.panel > .maincol{width:100%!important;min-width:0!important;}
}
.service-grid-premium.services-cards-view{align-items:start!important;}
.service-card-v28{min-width:0!important;}
.service-title-v28 h2,.service-title-v28 p{overflow-wrap:anywhere!important;}


/* v67: import AMP i filtrowanie usług */
.service-category-tabs{display:flex;gap:10px;flex-wrap:wrap;padding:12px!important;align-items:center}
.service-category-tabs button{min-height:42px;padding:0 15px;border-radius:14px;border:1px solid rgba(117,207,255,.16);background:rgba(255,255,255,.035);color:#ddecf8;font-weight:950;cursor:pointer}
.service-category-tabs button.active{background:linear-gradient(135deg,#08a7ff,#2bdcff);color:#00131d;border-color:transparent;box-shadow:0 12px 28px rgba(0,180,255,.22)}
.amp-import-card{overflow:hidden!important}.amp-import-actions{align-items:center;flex-wrap:wrap}.amp-import-list{display:grid;gap:12px;margin-top:18px}
.amp-import-row{display:grid!important;grid-template-columns:34px 54px minmax(0,1fr);gap:14px;align-items:center;margin:0!important;padding:16px!important;border:1px solid rgba(0,214,255,.18)!important;border-radius:18px!important;background:rgba(8,18,32,.65)!important;cursor:pointer}
.amp-import-row input{width:20px!important;height:20px!important;accent-color:#16c7ff}.amp-import-check{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(22,199,255,.13);border:1px solid rgba(22,199,255,.28);color:#16dcff;font-size:1.5rem;font-weight:1000;opacity:.38}.amp-import-row input:checked + .amp-import-check{opacity:1;background:linear-gradient(135deg,#08a7ff,#2bdcff);color:#00131d}.amp-import-row b{display:block;font-size:1.02rem}.amp-import-row small{display:block;color:#9fb4c8;overflow-wrap:anywhere;margin-top:4px}.admin-service-category-tabs{margin-bottom:14px!important}
.customer-clean-list{display:grid;gap:12px;margin:14px 0}.customer-clean-list label{display:flex;gap:10px;align-items:center;padding:13px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);font-weight:900}.customer-clean-list input{width:18px;height:18px;accent-color:#18cfff}
@media(max-width:640px){.service-category-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.service-category-tabs button{width:100%}.amp-import-row{grid-template-columns:26px 44px minmax(0,1fr);padding:12px!important}.amp-import-check{width:38px;height:38px}}


/* v67: twarda poprawka układu PC/admin po AMP debug */
@media (min-width:981px){
  main.container.panel,
  main.container.panel.ch-app-shell{
    display:grid!important;
    grid-template-columns:320px minmax(0,1fr)!important;
    gap:28px!important;
    width:min(calc(100% - 48px),1420px)!important;
    max-width:1420px!important;
    margin:24px auto 90px!important;
    padding:0!important;
    align-items:start!important;
  }
  main.container.panel>.sidebar,
  main.container.panel>.ch-admin-sidebar,
  main.container.panel>.v19-admin-sidebar{
    position:sticky!important;
    top:92px!important;
    transform:none!important;
    width:320px!important;
    max-width:320px!important;
    justify-self:start!important;
  }
  main.container.panel>.maincol,
  main.container.panel>.ch-main{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    justify-self:stretch!important;
  }
  .amp-admin-page .maincol,.amp-admin-page .ch-main{max-width:none!important;width:100%!important;}
  .amp-admin-page .card{max-width:100%!important;}
}
pre,code,.debug-pre,.amp-admin-page pre{white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important;max-width:100%!important;}
.alert{overflow-wrap:anywhere!important;}

/* v69 TitanPanel-like order wizard */
.order-titan-page{display:grid;gap:18px;padding-top:24px;padding-bottom:64px}.order-titan-hero,.order-titan-card{background:linear-gradient(145deg,rgba(6,18,32,.92),rgba(7,28,46,.68));border:1px solid rgba(37,208,255,.18);border-radius:26px;box-shadow:0 18px 70px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.02);padding:26px}.order-titan-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.order-titan-hero h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:.95;margin:.2em 0}.order-titan-hero p{max-width:850px;color:#b8cadb}.order-titan-products{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:16px}.order-titan-product{position:relative;min-height:185px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:8px;padding:18px;border-radius:22px;text-decoration:none;color:#ecf7ff;background:radial-gradient(circle at 30% 16%,rgba(45,216,255,.15),transparent 35%),linear-gradient(145deg,rgba(9,24,39,.88),rgba(5,15,27,.78));border:1px solid rgba(38,210,255,.20);overflow:hidden;transition:.18s ease}.order-titan-product:hover,.order-titan-product.active{transform:translateY(-2px);border-color:rgba(40,220,255,.75);box-shadow:0 0 36px rgba(0,190,255,.24)}.order-titan-product.active:after{content:'✓';position:absolute;right:14px;top:14px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#08a7ff,#27e1ff);color:#001421;font-weight:950}.order-titan-art{position:absolute;left:18px;top:16px;width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:rgba(22,190,255,.12);border:1px solid rgba(78,219,255,.22);font-size:2rem}.order-titan-product strong{font-size:1.08rem}.order-titan-product small{color:#b9cbe0;line-height:1.35}.order-titan-product b{color:#24ddff;letter-spacing:.03em}.order-titan-wizard{display:grid;gap:18px}.order-stage-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.order-stage-title>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#08a7ff,#27e1ff);color:#001421;font-weight:950;box-shadow:0 12px 26px rgba(0,180,255,.22)}.order-stage-title h2{margin:0 0 4px;font-size:clamp(1.45rem,2.4vw,2.2rem)}.order-stage-title p{margin:0;color:#b8cadb}.order-big-choice{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px}.order-visual-tile{position:relative;min-height:170px;border:1px solid rgba(47,205,255,.20);background:linear-gradient(135deg,rgba(35,145,196,.36),rgba(7,18,32,.8));border-radius:18px;color:#fff;font-weight:950;font-size:1.35rem;cursor:pointer;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.20)}.order-visual-tile span{display:block;font-size:4.4rem;filter:drop-shadow(0 8px 18px rgba(0,0,0,.3))}.order-visual-tile strong{position:absolute;left:16px;top:14px;text-shadow:0 2px 8px #000}.order-visual-tile.selected,.order-visual-tile.active{border-color:#2de4ff;box-shadow:0 0 0 3px rgba(45,228,255,.08),0 0 38px rgba(0,190,255,.28)}.order-visual-tile.selected:after,.order-visual-tile.active:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;font-size:5rem;color:rgba(255,255,255,.58);background:rgba(255,255,255,.03)}.mc-cube{color:#57db67}.mc-gamepad{color:#f6cb4c}.mc-node{color:#f6db5c}.order-location-ram{display:grid;grid-template-columns:1fr 1fr;gap:20px}.order-flags{display:flex;gap:10px;flex-wrap:wrap}.flag-btn,.ram-picker button,.engine-btn,.version-btn{border:1px solid rgba(191,215,232,.18);background:rgba(255,255,255,.045);color:#e9f5ff;border-radius:12px;font-weight:900;cursor:pointer;min-height:46px;padding:0 18px}.flag-btn.active,.engine-btn.active,.version-btn.active{background:linear-gradient(135deg,#08a7ff,#27e1ff);border-color:transparent;color:#001421;box-shadow:0 14px 28px rgba(0,177,255,.22)}.flag-btn span{font-size:1.5rem;margin-right:8px}.ram-picker{display:inline-flex;align-items:center;gap:0;border:1px solid rgba(191,215,232,.18);border-radius:14px;overflow:hidden;background:rgba(0,0,0,.14)}.ram-picker strong{min-width:130px;text-align:center;padding:0 14px;font-size:1.05rem}.ram-picker button{border:0;border-radius:0;min-width:52px}.engine-columns{display:grid;grid-template-columns:1.4fr .9fr;gap:28px}.engine-grid{display:flex;flex-wrap:wrap;gap:10px}.engine-grid.compact .engine-btn{min-width:120px}.version-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.version-btn{min-width:96px}.java-select{max-width:520px}.order-summary-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.order-live-summary{position:sticky;top:96px;padding:20px;border-radius:22px;background:linear-gradient(145deg,rgba(0,164,255,.10),rgba(255,255,255,.035));border:1px solid rgba(43,218,255,.18)}.order-live-summary span{color:#32dfff;letter-spacing:.22em;font-size:.75rem;font-weight:950}.order-live-summary h3{font-size:1.45rem;margin:10px 0 6px}.order-live-summary p{color:#b8cadb;min-height:42px}.order-live-summary strong{display:block;font-size:2rem;margin:14px 0}.order-live-summary .btn{width:100%}.order-titan-page input,.order-titan-page select{width:100%}.order-titan-page label{display:grid;gap:8px;margin-bottom:14px;font-weight:900;color:#ddecf8}.java-select select,.order-titan-page input,.order-titan-page select{background:rgba(0,7,14,.56)!important;border:1px solid rgba(47,205,255,.20)!important;color:#fff!important;border-radius:14px!important;min-height:50px!important}.order-titan-page .form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:1180px){.order-titan-products{grid-template-columns:repeat(3,minmax(0,1fr))}.order-summary-grid{grid-template-columns:1fr}.order-live-summary{position:static}.engine-columns{grid-template-columns:1fr}.order-big-choice{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.order-titan-page{padding-top:12px}.order-titan-hero,.order-titan-card{padding:18px;border-radius:20px}.order-titan-hero{display:grid}.order-titan-products{grid-template-columns:1fr}.order-titan-product{min-height:150px}.order-big-choice,.order-location-ram{grid-template-columns:1fr}.order-stage-title{gap:10px}.order-stage-title>span{width:36px;height:36px}.version-btn,.engine-btn{flex:1 1 calc(50% - 10px);min-width:0}.order-titan-page .form-grid-2{grid-template-columns:1fr}.order-titan-hero h1{font-size:2.4rem}.order-visual-tile{min-height:130px}.order-visual-tile span{font-size:3.2rem}}

/* v70 — TitanPanel style order wizard refinements */
.order-titan-page{max-width:1420px}
.order-titan-hero{border-radius:12px;border-top:3px solid rgba(38,211,255,.55);background:linear-gradient(180deg,rgba(8,22,36,.96),rgba(5,16,28,.88));}
.order-titan-hero h1{letter-spacing:-.045em}
.order-titan-products{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:stretch}
.order-titan-product{min-height:240px;padding:20px 18px 18px;justify-content:flex-end;border-radius:8px;background:linear-gradient(180deg,#2e98c4,#1d6e96);box-shadow:0 10px 26px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.16)}
.order-titan-product:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 52% 43%,rgba(255,255,255,.20),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.18));opacity:.75}
.order-titan-product>*{position:relative;z-index:1}
.order-titan-product strong{font-size:1.35rem;text-shadow:0 3px 9px rgba(0,0,0,.55);line-height:1.08}
.order-titan-product small{color:#e6f4ff;min-height:38px;text-shadow:0 2px 8px rgba(0,0,0,.45)}
.order-titan-product b{color:#fff;background:rgba(0,0,0,.28);padding:7px 10px;border-radius:999px;display:inline-flex;align-items:center;width:max-content;max-width:100%}
.order-titan-product.active{box-shadow:0 0 0 3px rgba(45,226,255,.38),0 14px 36px rgba(0,0,0,.32)}
.order-titan-art{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:150px;height:150px;border:0;background:transparent;font-size:0;opacity:.95;filter:drop-shadow(0 13px 18px rgba(0,0,0,.42))}
.order-titan-art em{position:absolute;left:50%;top:-28px;transform:translateX(-50%);font-style:normal;font-size:1.45rem;color:#fff;text-shadow:0 4px 8px #000;font-weight:950;white-space:nowrap}
.order-titan-art.art-minecraft:before{content:'';position:absolute;inset:12px;background:linear-gradient(135deg,#72d656 0 18%,#9bea6c 18% 32%,#64c94d 32% 46%,#a1ef78 46% 58%,#58b946 58% 72%,#8ee368 72%);clip-path:polygon(50% 0,100% 25%,100% 68%,50% 100%,0 68%,0 25%)}
.order-titan-art.art-minecraft:after{content:'';position:absolute;left:18px;right:18px;bottom:10px;height:78px;background:linear-gradient(135deg,#7a4a2c,#b17642 28%,#5a3624 28% 45%,#98633d 45% 70%,#40271d 70%);clip-path:polygon(0 0,50% 28%,100% 0,100% 63%,50% 100%,0 63%);opacity:.95}
.order-titan-art.art-discord:before{content:'☁';position:absolute;inset:18px;border-radius:30px;background:linear-gradient(135deg,#6c73ff,#8797ff);display:grid;place-items:center;color:#fff;font-size:4rem;text-shadow:none}
.order-titan-art.art-cs:before{content:'✦';position:absolute;inset:22px;border-radius:28px;background:linear-gradient(135deg,#232d38,#8fa1ad);display:grid;place-items:center;color:#09131c;font-size:4.8rem}
.order-titan-art.art-hltv:before{content:'🎥';position:absolute;inset:22px;border-radius:28px;background:linear-gradient(135deg,#09334a,#0e5d86);display:grid;place-items:center;font-size:4.2rem}
.order-titan-art.art-fastdl:before{content:'⚡';position:absolute;inset:22px;border-radius:28px;background:linear-gradient(135deg,#06334a,#0ea5d4);display:grid;place-items:center;font-size:4.6rem;color:#ffd45d}
.order-titan-art.art-vps:before,.order-titan-art.art-game:before{content:'▤';position:absolute;inset:22px;border-radius:28px;background:linear-gradient(135deg,#072d43,#0b80b2);display:grid;place-items:center;font-size:4.2rem;color:#42deff}
.order-titan-card{border-radius:8px;border-top:2px solid rgba(38,211,255,.42);background:linear-gradient(180deg,rgba(9,24,39,.96),rgba(5,15,26,.92))}
.order-stage-title>span{border-radius:5px;background:#24cfff;color:#00121d}
.titan-style-choice{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.order-visual-tile{min-height:260px;border-radius:4px;background:linear-gradient(180deg,#3b9ac4,#21759e);box-shadow:0 8px 18px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.18)}
.order-visual-tile strong{font-size:2rem;left:0;right:0;text-align:center;top:18px;text-shadow:0 3px 8px #000}
.order-visual-tile.selected:after,.order-visual-tile.active:after{content:'✓';font-size:7rem;color:rgba(255,255,255,.64);background:rgba(255,255,255,.02);text-shadow:0 6px 16px rgba(0,0,0,.3)}
.tile-cube{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:155px;height:155px;filter:drop-shadow(0 12px 12px rgba(0,0,0,.35))}
.tile-cube:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#78d75b 0 20%,#b5f081 20% 36%,#6fc958 36% 52%,#9ce973 52% 70%,#51ad40 70%);clip-path:polygon(50% 0,100% 25%,100% 67%,50% 100%,0 67%,0 25%)}
.tile-cube:after{content:'';position:absolute;left:9px;right:9px;bottom:2px;height:82px;background:linear-gradient(135deg,#6d3f25,#af7442 28%,#55321e 28% 45%,#96613b 45% 70%,#3f2618 70%);clip-path:polygon(0 0,50% 28%,100% 0,100% 64%,50% 100%,0 64%)}
.tile-pad{position:absolute;left:50%;top:57%;transform:translate(-50%,-50%);width:175px;height:128px;background:#273645;border-radius:50px 50px 44px 44px;filter:drop-shadow(0 12px 12px rgba(0,0,0,.32))}
.tile-pad:before{content:'';position:absolute;left:31px;top:46px;width:48px;height:48px;background:linear-gradient(#f4ce57,#f4ce57) center/14px 48px no-repeat,linear-gradient(#f4ce57,#f4ce57) center/48px 14px no-repeat;border-radius:7px}
.tile-pad:after{content:'';position:absolute;right:32px;top:46px;width:66px;height:42px;background:radial-gradient(circle at 18% 35%,#f4ce57 0 8px,transparent 9px),radial-gradient(circle at 50% 15%,#f4ce57 0 8px,transparent 9px),radial-gradient(circle at 50% 70%,#43a4d6 0 10px,transparent 11px),radial-gradient(circle at 82% 35%,#f4ce57 0 8px,transparent 9px)}
.tile-node{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:150px;height:145px;background:linear-gradient(#2d3b45,#2d3b45) 50% 50%/82px 12px no-repeat,linear-gradient(#2d3b45,#2d3b45) 25% 62%/12px 82px no-repeat;border-radius:18px}
.tile-node:before{content:'1.21';position:absolute;right:0;top:-6px;color:#fff;font-weight:950;font-size:2rem;text-shadow:0 3px 8px #000}
.tile-node:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 23% 18%,#ecd75a 0 19px,#2d3b45 20px 29px,transparent 30px),radial-gradient(circle at 82% 18%,#ecd75a 0 19px,#2d3b45 20px 29px,transparent 30px),radial-gradient(circle at 23% 84%,#ecd75a 0 19px,#2d3b45 20px 29px,transparent 30px)}
.order-location-ram,.engine-columns{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:18px}
.flag-btn,.ram-picker button,.engine-btn,.version-btn{border-radius:2px;min-height:48px;background:rgba(255,255,255,.035);border-color:rgba(185,212,229,.22)}
.engine-grid{gap:12px}.engine-btn{min-width:118px}.version-grid{gap:12px}.version-btn{min-width:92px;background:rgba(255,255,255,.95);color:#1f2c38;border-color:#d2dce5!important;border-radius:2px}.version-btn.active{background:#24cfff;color:#00121d}
.order-live-summary{border-radius:8px;border-top:2px solid #28d4ff}.order-live-summary .btn{min-height:56px}
@media(max-width:760px){.order-titan-product{min-height:210px}.order-titan-art{width:132px;height:132px}.order-visual-tile{min-height:205px}.tile-cube{width:128px;height:128px}.tile-pad{width:146px;height:110px}.tile-node{width:126px;height:122px}.order-titan-products{grid-template-columns:1fr}.engine-btn,.version-btn{flex:1 1 calc(50% - 12px)}}


/* v71 — poprawki ikon CS/DC + lżejszy panel */
.order-titan-art.art-cs:before,
.order-titan-art.art-discord:before,
.order-titan-art.art-hltv:before,
.order-titan-art.art-fastdl:before,
.order-titan-art.art-vps:before,
.order-titan-art.art-game:before{
  content:'' !important;
  position:absolute !important;
  inset:20px !important;
  border-radius:24px !important;
  background-color:transparent !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:contain !important;
  display:block !important;
  box-shadow:none !important;
}
.order-titan-art.art-cs:before{background-image:url('/assets/img/service-icons/cs16.svg') !important;}
.order-titan-art.art-discord:before{background-image:url('/assets/img/service-icons/discord.svg') !important;}
.order-titan-art.art-hltv:before{background-image:url('/assets/img/service-icons/hltv.svg') !important;}
.order-titan-art.art-fastdl:before{background-image:url('/assets/img/service-icons/fastdownload.svg') !important;}
.order-titan-art.art-vps:before{background-image:url('/assets/img/service-icons/vps.svg') !important;}
.order-titan-art.art-game:before{background-image:url('/assets/img/service-icons/server.svg') !important;}
.service-icon-v28 img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;}
.service-type-discord .service-icon-v28 img,
.service-type-minecraft .service-icon-v28 img,
.service-type-cs16 .service-icon-v28 img,
.service-type-hltv .service-icon-v28 img,
.service-type-fastdownload .service-icon-v28 img,
.service-type-vps .service-icon-v28 img{object-fit:cover;}
.service-actions-v28 .btn.primary{font-weight:950;}
/* mniej mulenia: mniej transformów, mniej repaintów i lazy rendering kart */
.service-card-v28,.order-titan-product,.card{will-change:auto !important;}
.service-card-v28{content-visibility:auto;contain-intrinsic-size:330px;}
.order-titan-product{content-visibility:auto;contain-intrinsic-size:210px;}
.order-titan-product:hover,.order-titan-product.active{transform:none !important;}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
@media (max-width:760px){.service-card-v28{content-visibility:visible;}.order-titan-product{content-visibility:visible;}}

/* === V75 emergency: safe mobile menu fix + no layout break === */
@media(max-width:980px){
  .topbar.cerber-topbar,.cerber-topbar{
    position:sticky!important;
    top:0!important;
    z-index:2147483000!important;
    isolation:isolate!important;
  }
  .cerber-nav{
    min-height:68px!important;
    height:auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:8px 0!important;
  }
  .cerber-brand{min-width:0!important;max-width:calc(100% - 68px)!important;display:flex!important;align-items:center!important;gap:10px!important}
  .cerber-brand .brand-logo{width:44px!important;height:44px!important;flex:0 0 44px!important;object-fit:contain!important}
  .cerber-brand .brand-text{min-width:0!important;display:block!important}
  .cerber-brand .brand-text strong{font-size:22px!important;line-height:1!important;white-space:nowrap!important;display:block!important}
  .cerber-brand .brand-text small{font-size:.55rem!important;letter-spacing:2.8px!important;white-space:nowrap!important;display:block!important}
  .cerber-menu-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 56px!important;
    width:56px!important;
    height:56px!important;
    padding:0!important;
    border-radius:18px!important;
    border:1px solid rgba(75,202,255,.30)!important;
    background:rgba(5,18,32,.88)!important;
    box-shadow:0 0 28px rgba(0,174,255,.12)!important;
    position:relative!important;
    z-index:2147483002!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  .cerber-menu-toggle span{display:block!important;width:26px!important;height:3px!important;border-radius:999px!important;background:#dff8ff!important;margin:3px 0!important;transition:transform .18s ease,opacity .18s ease!important}
  body.cerber-menu-open .cerber-menu-toggle span:nth-child(1){transform:translateY(9px) rotate(45deg)!important}
  body.cerber-menu-open .cerber-menu-toggle span:nth-child(2){opacity:0!important}
  body.cerber-menu-open .cerber-menu-toggle span:nth-child(3){transform:translateY(-9px) rotate(-45deg)!important}
  .cerber-menu{
    display:none!important;
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:calc(78px + env(safe-area-inset-top,0px))!important;
    width:auto!important;
    max-height:calc(100dvh - 96px - env(safe-area-inset-top,0px))!important;
    overflow-y:auto!important;
    grid-template-columns:1fr!important;
    flex-direction:column!important;
    gap:10px!important;
    padding:14px!important;
    margin:0!important;
    border-radius:22px!important;
    border:1px solid rgba(54,200,255,.34)!important;
    background:linear-gradient(180deg,rgba(2,11,20,.99),rgba(3,17,31,.99))!important;
    box-shadow:0 30px 100px rgba(0,0,0,.78),0 0 46px rgba(0,168,255,.18)!important;
    z-index:2147483001!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .cerber-menu.is-open,body.cerber-menu-open .cerber-menu{display:grid!important}
  .cerber-menu a,.cerber-menu button{
    min-height:52px!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:12px 14px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.035)!important;
    border:1px solid rgba(120,210,255,.11)!important;
    color:#e8f8ff!important;
    font-weight:900!important;
    font-size:16px!important;
    line-height:1.15!important;
  }
  body.cerber-menu-open{overflow:hidden!important}
}
@media(max-width:420px){
  .cerber-menu{left:8px!important;right:8px!important;top:calc(72px + env(safe-area-inset-top,0px))!important;max-height:calc(100dvh - 84px - env(safe-area-inset-top,0px))!important}
  .cerber-brand .brand-logo{width:40px!important;height:40px!important;flex-basis:40px!important}
  .cerber-brand .brand-text strong{font-size:20px!important}
  .cerber-brand .brand-text small{font-size:.50rem!important;letter-spacing:2.2px!important}
}

/* CerberHost v17 — opinie, newsy, komentarze, przewijany pasek ogłoszeń */
.ch-ticker{position:relative;z-index:25;overflow:hidden;border-top:1px solid rgba(37,216,255,.18);border-bottom:1px solid rgba(37,216,255,.18);background:linear-gradient(90deg,rgba(0,145,255,.13),rgba(5,15,28,.96),rgba(0,220,255,.11));box-shadow:0 12px 40px rgba(0,0,0,.22)}
.ch-ticker-track{display:flex;gap:18px;white-space:nowrap;width:max-content;animation:chTickerMove 36s linear infinite;padding:10px 0}.ch-ticker:hover .ch-ticker-track{animation-play-state:paused}.ch-ticker-item{display:inline-flex;align-items:center;gap:10px;margin:0 10px;color:#dff7ff;font-weight:800;text-shadow:0 0 16px rgba(37,216,255,.24)}.ch-ticker-item:before{content:'⚡';color:#2fe1ff}.ch-ticker-item b{color:#35dfff;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.ch-ticker-item a{color:#00131d;background:linear-gradient(135deg,#09a8ff,#32e1ff);border-radius:999px;padding:5px 10px;text-decoration:none;font-weight:900}@keyframes chTickerMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.community-page{padding:28px 0 70px}.community-hero{margin-bottom:18px}.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.news-card,.review-card{min-height:210px;display:flex;flex-direction:column;justify-content:space-between}.news-card h2,.news-card h3{margin:.2em 0 .35em;font-size:1.35rem}.news-card p,.review-card p,.news-body{color:#bed0df;line-height:1.65}.news-card footer,.review-card footer{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:13px;margin-top:14px}.news-card a,.news-detail-card a{color:#35dfff;font-weight:900}.review-stars{color:#ffd166;font-size:1.15rem;letter-spacing:2px}.review-stars span{opacity:.25}.review-card footer small,.news-meta,.comment-item small{color:#7890a4}.news-detail-card{max-width:980px;margin:0 auto 18px}.news-detail-card h1{font-size:clamp(2rem,4vw,4.5rem);line-height:1}.news-detail-card .lead{font-size:1.15rem;color:#d7eaff}.news-body{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);white-space:normal}.comments-card{max-width:980px;margin:18px auto}.comment-item{border:1px solid rgba(39,216,255,.14);background:rgba(255,255,255,.025);border-radius:18px;padding:14px;margin:12px 0}.comment-item b{display:block}.comment-form{margin-top:18px}.community-form-card{max-width:860px;margin:18px auto}.community-switches{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0}.community-admin-list{display:grid;gap:12px}.community-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid rgba(39,216,255,.14);background:rgba(255,255,255,.025);border-radius:20px;padding:16px}.community-admin-row small{display:block;color:#8ba1b3;margin:5px 0}.community-admin-row p{margin:.4em 0 0;color:#c8d7e6}.row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.row-actions form{margin:0}.btn.danger{background:rgba(255,70,105,.14)!important;border:1px solid rgba(255,70,105,.35)!important;color:#ffc0ce!important}.community-home-section .community-grid{margin-top:0}
@media (max-width:980px){.community-grid{grid-template-columns:1fr}.community-admin-row{grid-template-columns:1fr}.row-actions{justify-content:flex-start}.ch-ticker-track{animation-duration:28s}.ch-ticker-item{font-size:.9rem}.community-page{padding-left:14px;padding-right:14px}}
@media (max-width:560px){.ch-ticker-track{padding:8px 0}.ch-ticker-item{gap:7px;margin:0 6px}.ch-ticker-item b{font-size:.68rem}.news-card,.review-card{min-height:auto}.community-admin-row{padding:13px}.row-actions .btn{width:auto;min-height:38px;padding:8px 10px}.community-form-card textarea,.comment-form textarea{min-height:130px}}

/* === V18 community admin: edit news/ticker === */
.form-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.form-title-row h2{margin:0}.community-admin-editing{border-color:rgba(45,225,255,.45)!important;box-shadow:0 0 34px rgba(0,190,255,.13), inset 0 0 30px rgba(0,160,255,.04)!important}.community-admin-row.is-editing{border-color:rgba(45,225,255,.75);background:linear-gradient(135deg,rgba(0,170,255,.10),rgba(255,255,255,.025))}.ticker-preview-card .ch-ticker{border-radius:16px;border:1px solid rgba(37,216,255,.18)}.admin-ticker-preview{margin-top:12px}.community-admin-card textarea{min-height:170px}.community-admin-card input[type="datetime-local"]{color-scheme:dark}.row-actions .btn{white-space:nowrap}@media(max-width:680px){.form-title-row{display:grid}.community-admin-card .form-grid-2{grid-template-columns:1fr!important}.row-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.row-actions form,.row-actions .btn{width:100%}.row-actions button{width:100%}.community-admin-row{align-items:stretch}.community-admin-card .btn{width:100%;justify-content:center;margin-top:6px}}

/* === CerberHost v19 — zwijane menu admina === */
.v24-admin-sidebar{padding:18px!important;overflow:hidden!important}
.v24-admin-nav{display:flex!important;flex-direction:column!important;gap:9px!important;padding:0 5px 4px 0!important;max-height:calc(100vh - 230px)!important;overflow-y:auto!important;overflow-x:hidden!important}
.v24-admin-group{border:1px solid rgba(46,197,255,.11)!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;overflow:hidden!important}
.v24-admin-group[open]{border-color:rgba(37,209,255,.26)!important;background:linear-gradient(135deg,rgba(0,147,255,.09),rgba(255,255,255,.014))!important;box-shadow:0 0 20px rgba(0,158,255,.08)!important}
.v24-admin-group-title{min-height:52px!important;display:grid!important;grid-template-columns:36px minmax(0,1fr) 22px!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;cursor:pointer!important;list-style:none!important;border-radius:17px!important;color:#dff4ff!important;font-weight:950!important;user-select:none!important;transition:.16s ease!important}
.v24-admin-group-title::-webkit-details-marker{display:none!important}
.v24-admin-group-title .nav-icon{width:36px!important;height:36px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,rgba(0,158,255,.22),rgba(25,220,255,.06))!important;border:1px solid rgba(52,198,255,.15)!important;font-size:1.02rem!important}
.v24-admin-group-title b{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.94rem!important;letter-spacing:.01em!important}
.v24-admin-group-title em{font-style:normal!important;color:#9fcfe5!important;font-size:1.05rem!important;text-align:center!important;transition:transform .18s ease!important}
.v24-admin-group[open]>.v24-admin-group-title em{transform:rotate(180deg)!important}
.v24-admin-group-title:hover,.v24-admin-group-title.active{background:linear-gradient(135deg,rgba(0,157,255,.22),rgba(36,216,255,.08))!important;color:#32d8ff!important}
.v24-admin-subnav{display:grid!important;gap:6px!important;padding:0 8px 10px 8px!important}
.v24-admin-subnav a,.v24-admin-side-footer a{min-height:48px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 18px!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;border-radius:15px!important;background:rgba(0,0,0,.13)!important;border:1px solid rgba(255,255,255,.045)!important;color:#d7eafa!important;font-weight:900!important;box-shadow:none!important;transition:.16s ease!important;text-align:left!important}
.v24-admin-subnav a .nav-icon,.v24-admin-side-footer a .nav-icon{width:34px!important;height:34px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:rgba(0,148,255,.10)!important;border:1px solid rgba(37,209,255,.12)!important;font-size:.96rem!important;line-height:1!important}
.v24-admin-link-text{display:block!important;min-width:0!important;line-height:1.1!important}
.v24-admin-link-text b{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.88rem!important;color:inherit!important}
.v24-admin-link-text small{display:block!important;margin-top:3px!important;color:#8aa9bc!important;font-size:.7rem!important;font-weight:800!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.v24-admin-subnav a em,.v24-admin-side-footer a em{font-style:normal!important;color:#85b6ce!important;font-size:1.25rem!important;line-height:1!important;text-align:right!important}
.v24-admin-subnav a:hover,.v24-admin-subnav a.active,.v24-admin-side-footer a:hover{background:linear-gradient(135deg,rgba(0,149,255,.22),rgba(32,215,255,.08))!important;border-color:rgba(37,209,255,.56)!important;color:#31ddff!important;box-shadow:0 0 18px rgba(0,167,255,.15)!important;transform:translateX(2px)!important}
.v24-admin-subnav a.active .nav-icon{background:linear-gradient(135deg,#008cff,#22d5ff)!important;color:#00131d!important}
.v24-admin-side-footer{margin-top:8px!important;padding-top:8px!important;border-top:1px solid rgba(44,209,255,.13)!important}
.v24-admin-sidebar .v19-admin-profile{margin-bottom:13px!important}
.v24-admin-sidebar .v19-admin-profile strong{font-size:.98rem!important}
.v24-admin-sidebar .v19-admin-profile span{text-transform:uppercase!important;letter-spacing:.08em!important}
@media(max-width:980px){.v24-admin-sidebar{padding:15px!important}.v24-admin-nav{max-height:calc(100vh - 220px)!important}.v24-admin-group-title{min-height:50px!important}.v24-admin-link-text small{display:none!important}.v24-admin-subnav a,.v24-admin-side-footer a{min-height:46px!important}}
@media(max-width:620px){.v24-admin-sidebar{width:min(345px,calc(100vw - 20px))!important}.v24-admin-nav{gap:8px!important}.v24-admin-group-title{grid-template-columns:34px minmax(0,1fr) 20px!important;padding:8px!important}.v24-admin-subnav{padding:0 7px 9px!important}.v24-admin-subnav a,.v24-admin-side-footer a{grid-template-columns:32px minmax(0,1fr) 16px!important;padding:8px!important}.v24-admin-group-title .nav-icon,.v24-admin-subnav a .nav-icon,.v24-admin-side-footer a .nav-icon{width:32px!important;height:32px!important}}

/* CerberHost v20: status, baza wiedzy, promocje */
.v20-status-hero{position:relative;overflow:hidden}.v20-overall{margin-top:18px;padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.12);display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.v20-overall strong{font-size:1.4rem}.v20-overall.ok,.v20-status-card.ok{border-color:rgba(34,197,94,.35);background:linear-gradient(135deg,rgba(34,197,94,.10),rgba(4,12,22,.82))}.v20-overall.warn,.v20-status-card.warn{border-color:rgba(245,158,11,.35);background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(4,12,22,.82))}.v20-overall.bad,.v20-status-card.bad{border-color:rgba(244,63,94,.42);background:linear-gradient(135deg,rgba(244,63,94,.13),rgba(4,12,22,.82))}.v20-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.v20-status-card{padding:20px;border-radius:22px}.v20-status-card strong{display:block;font-size:1.1rem}.v20-status-card span{display:block;color:#9fb4c8;margin:8px 0 14px}.v20-status-card b{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.08)}.v20-incidents{margin-top:18px}.v20-incident{border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:16px;margin:12px 0;background:rgba(4,12,22,.68)}.v20-incident strong{font-size:1.05rem}.v20-incident small{display:block;color:#9fb4c8;margin-top:4px}.v20-incident.ok{border-color:rgba(34,197,94,.28)}.v20-incident.warn{border-color:rgba(245,158,11,.28)}.v20-incident.bad{border-color:rgba(244,63,94,.34)}.section-title.compact{margin-bottom:14px}.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inlineform select{max-width:180px}.checkline.small{font-size:.82rem;margin:0 6px;color:#9fb4c8}.v20-admin-table .trow{align-items:center}.v20-help-page .help-card p{white-space:pre-line}.v20-help-page .muted{color:#7f93aa}.order-titan-wizard label small{display:block;margin-top:6px;color:#7f93aa;font-weight:500}.order-titan-wizard input#promoCodeInput{text-transform:uppercase;letter-spacing:.08em;font-weight:800}
@media(max-width:900px){.v20-status-grid{grid-template-columns:1fr}.v20-overall{align-items:flex-start}.v20-admin-table .trow{grid-template-columns:1fr!important}.row-actions,.inlineform{width:100%}.inlineform{display:flex;flex-wrap:wrap;gap:8px}.inlineform .btn,.row-actions .btn{flex:1 1 auto}.inlineform select{max-width:100%;flex:1 1 180px}}

/* === CerberHost v21 — portfel, odnowienia i rozliczenia usług === */
.billing-hero-v21,.wallet-hero-v21{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,rgba(0,156,255,.18),rgba(5,15,28,.92))!important;border-color:rgba(45,218,255,.24)!important}.billing-hero-v21 h1,.wallet-hero-v21 h1{margin:.15em 0;font-size:clamp(2rem,4vw,3.6rem)}.billing-grid-v21{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.wallet-stat-grid-v21{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0}.wallet-stat-grid-v21 .card{padding:18px!important}.wallet-stat-grid-v21 small{display:block;color:#9fb2c6;font-weight:900;margin-bottom:6px}.wallet-stat-grid-v21 strong{font-size:clamp(1.4rem,2vw,2rem)}.renew-choice-v21{display:grid;gap:12px}.renew-tile-v21{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0!important;padding:14px!important;border:1px solid rgba(45,218,255,.16);border-radius:18px;background:rgba(255,255,255,.035);cursor:pointer}.renew-tile-v21:hover{border-color:rgba(45,218,255,.55);background:rgba(0,160,255,.10)}.renew-tile-v21 input{width:auto!important}.renew-tile-v21 b{display:block;color:#effbff}.renew-tile-v21 small{display:block;color:#33dfff;font-weight:900}.renew-tile-v21 em{font-style:normal;color:#9fcfe5;font-size:.8rem;font-weight:900}.renew-tile-v21.disabled{opacity:.58}.billing-note-v21{margin-top:18px}.service-meta-billing-v21{flex-wrap:wrap}.billing-warn-v21{color:#ffd166!important;border-color:rgba(255,209,102,.35)!important;background:rgba(255,209,102,.10)!important}.billing-auto-on-v21{color:#7cf7b0!important;border-color:rgba(124,247,176,.35)!important;background:rgba(124,247,176,.10)!important}.billing-auto-off-v21{color:#9fb2c6!important}.billing-mini-list-v21{display:grid;gap:10px}.billing-mini-list-v21 a{display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;color:#eaf7ff;border:1px solid rgba(45,218,255,.14);background:rgba(255,255,255,.03);border-radius:16px;padding:13px 14px}.billing-mini-list-v21 a:hover{border-color:rgba(45,218,255,.55);background:rgba(0,160,255,.10)}.billing-mini-list-v21 b{display:block}.billing-mini-list-v21 small{display:block;color:#9fb2c6;margin-top:3px}.billing-mini-list-v21 em{font-style:normal;color:#32dfff;font-weight:950}.wallet-page-v21 .table .ok{color:#7cf7b0;font-weight:950}.wallet-page-v21 .table .bad{color:#ff9aac;font-weight:950}.billing-admin-v21 .trow.deleted-row{background:rgba(255,85,120,.06)!important;border-color:rgba(255,85,120,.18)!important}@media(max-width:980px){.billing-grid-v21,.billing-hero-v21,.wallet-hero-v21{grid-template-columns:1fr;display:grid}.wallet-stat-grid-v21{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-hero-v21 .btn,.wallet-hero-v21 .btn{width:100%;justify-content:center}}@media(max-width:560px){.wallet-stat-grid-v21{grid-template-columns:1fr}.renew-tile-v21{grid-template-columns:24px minmax(0,1fr)}.renew-tile-v21 em{grid-column:2}.billing-page-v21 .btn,.wallet-page-v21 .btn{width:100%;justify-content:center}.billing-mini-list-v21 a{display:grid}}
.quick-amounts-v21{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 16px}.quick-amounts-v21 button{border:1px solid rgba(45,218,255,.18);background:rgba(0,160,255,.08);color:#dff6ff;border-radius:14px;padding:10px 14px;font-weight:950;cursor:pointer}.quick-amounts-v21 button:hover{background:linear-gradient(135deg,#08a7ff,#27e1ff);color:#001421}

/* CerberHost v24 — własny czat online */
.ch-chat-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;}
.ch-chat-hero h1{margin:.25rem 0 .4rem;font-size:clamp(2rem,4vw,4rem);line-height:1.02;}
.ch-chat-hero p{max-width:760px;color:var(--muted,#9fb0c7);font-size:1.05rem;line-height:1.65;}
.ch-chat-status,.ch-chat-admin-kpi{border:1px solid rgba(34,211,238,.25);background:rgba(6,182,212,.08);border-radius:22px;padding:14px 18px;white-space:nowrap;color:#cffafe;box-shadow:0 14px 35px rgba(0,0,0,.18);}
.ch-chat-admin-kpi{display:flex;flex-direction:column;align-items:center;min-width:132px;}
.ch-chat-admin-kpi strong{font-size:2.2rem;line-height:1;color:#22d3ee;}
.ch-chat-admin-kpi span{font-size:.85rem;color:#9fb0c7;}
.pulse-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#22c55e;margin-right:8px;box-shadow:0 0 0 6px rgba(34,197,94,.14);animation:chPulse 1.6s infinite;}
@keyframes chPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.30)}70%{box-shadow:0 0 0 12px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.ch-chat-card{display:flex;flex-direction:column;min-height:620px;padding:0;overflow:hidden;}
.ch-chat-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.34);}
.ch-chat-head strong{display:block;color:#f8fafc;font-size:1.08rem;}
.ch-chat-head small{display:block;color:#9fb0c7;margin-top:4px;}
.ch-chat-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.inline-form{display:inline-flex;margin:0;}
.ch-chat-messages{height:460px;overflow:auto;padding:22px;background:radial-gradient(circle at 20% 0%,rgba(14,165,233,.08),transparent 30%),rgba(2,6,23,.25);scroll-behavior:smooth;}
.ch-chat-msg{display:flex;margin:12px 0;}
.ch-chat-msg.client{justify-content:flex-end;}
.ch-chat-msg.admin{justify-content:flex-start;}
.ch-chat-bubble{max-width:min(76%,760px);border:1px solid rgba(148,163,184,.16);border-radius:24px;padding:13px 15px;background:rgba(15,23,42,.86);box-shadow:0 18px 45px rgba(0,0,0,.18);}
.ch-chat-msg.client .ch-chat-bubble{background:linear-gradient(135deg,rgba(14,165,233,.95),rgba(34,211,238,.86));color:#00111a;border-color:rgba(125,211,252,.50);}
.ch-chat-msg.admin .ch-chat-bubble{background:rgba(15,23,42,.92);color:#e5eefb;border-color:rgba(34,211,238,.22);}
.ch-chat-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:6px;font-size:.82rem;}
.ch-chat-meta b{letter-spacing:.02em;}
.ch-chat-meta span{opacity:.72;white-space:nowrap;}
.ch-chat-bubble p{margin:0;line-height:1.55;word-break:break-word;}
.ch-chat-form{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px 18px;border-top:1px solid rgba(148,163,184,.16);background:rgba(2,6,23,.35);align-items:end;}
.ch-chat-form textarea{min-height:74px;resize:vertical;border-radius:18px;}
.ch-chat-empty{border:1px dashed rgba(148,163,184,.26);background:rgba(15,23,42,.42);border-radius:20px;padding:22px;color:#9fb0c7;text-align:center;}
.ch-chat-empty.small{margin:10px;font-size:.92rem;padding:16px;}
.ch-admin-chat-layout{display:grid;grid-template-columns:minmax(290px,370px) 1fr;gap:18px;align-items:start;}
.ch-admin-chat-list{padding:0;overflow:hidden;position:sticky;top:100px;}
.ch-chat-filter{display:grid;gap:10px;padding:14px;border-bottom:1px solid rgba(148,163,184,.16);}
.ch-chat-filter input,.ch-chat-filter select{width:100%;}
.ch-thread-list{max-height:720px;overflow:auto;padding:10px;}
.ch-thread-item{display:grid;grid-template-columns:44px 1fr auto;gap:11px;padding:12px;border-radius:20px;border:1px solid transparent;color:inherit;text-decoration:none;margin-bottom:8px;background:rgba(15,23,42,.35);transition:.18s ease;}
.ch-thread-item:hover,.ch-thread-item.active{border-color:rgba(34,211,238,.34);background:rgba(14,165,233,.10);transform:translateY(-1px);}
.ch-thread-item.unread{box-shadow:inset 4px 0 0 #22d3ee;background:rgba(14,165,233,.14);}
.ch-thread-avatar{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(14,165,233,.35),rgba(34,211,238,.18));color:#e0f2fe;font-weight:900;}
.ch-thread-main{min-width:0;display:flex;flex-direction:column;gap:2px;}
.ch-thread-main b,.ch-thread-main small,.ch-thread-main em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ch-thread-main b{color:#f8fafc;}
.ch-thread-main small{color:#9fb0c7;font-size:.78rem;}
.ch-thread-main em{font-style:normal;color:#cbd5e1;font-size:.84rem;opacity:.82;}
.ch-thread-side{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:64px;}
.ch-thread-side strong{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#22d3ee;color:#00111a;font-weight:900;font-size:.78rem;}
.ch-thread-side small{color:#9fb0c7;font-size:.72rem;}
.ch-thread-side .online{font-style:normal;color:#86efac;border:1px solid rgba(34,197,94,.26);background:rgba(34,197,94,.10);border-radius:999px;padding:2px 7px;font-size:.72rem;}
.ch-admin-chat-card{min-height:720px;}
@media (max-width:980px){
  .ch-chat-hero{align-items:flex-start;flex-direction:column;}
  .ch-admin-chat-layout{grid-template-columns:1fr;}
  .ch-admin-chat-list{position:relative;top:auto;}
  .ch-thread-list{max-height:360px;}
  .ch-chat-card,.ch-admin-chat-card{min-height:0;}
  .ch-chat-messages{height:420px;padding:15px;}
  .ch-chat-form{grid-template-columns:1fr;}
  .ch-chat-form .btn{width:100%;}
  .ch-chat-bubble{max-width:92%;}
}
@media (max-width:560px){
  .ch-chat-head{flex-direction:column;align-items:flex-start;}
  .ch-chat-head-actions{width:100%;justify-content:stretch;}
  .ch-chat-head-actions .btn,.ch-chat-head-actions form,.ch-chat-head-actions button{width:100%;}
  .ch-thread-item{grid-template-columns:38px 1fr;}
  .ch-thread-side{grid-column:2;align-items:flex-start;flex-direction:row;}
  .ch-thread-avatar{width:38px;height:38px;border-radius:14px;}
}

/* CerberHost v25 — pływający czat online na stronie */
.ch-live-widget{position:fixed;right:22px;bottom:22px;z-index:9999;font-family:inherit;color:#eaf7ff}.ch-live-launcher{display:flex;align-items:center;gap:12px;min-width:250px;max-width:calc(100vw - 32px);border:1px solid rgba(45,218,255,.35);border-radius:24px;padding:12px 14px;background:linear-gradient(135deg,rgba(6,16,30,.96),rgba(0,100,160,.82));color:#effbff;box-shadow:0 20px 60px rgba(0,0,0,.42),0 0 35px rgba(0,177,255,.18);cursor:pointer;text-align:left;transition:.18s ease}.ch-live-launcher:hover{transform:translateY(-2px);border-color:rgba(45,218,255,.72);box-shadow:0 24px 70px rgba(0,0,0,.52),0 0 45px rgba(0,177,255,.28)}.ch-live-launcher-icon{width:46px;height:46px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#0ea5e9,#22d3ee);color:#00131d;font-size:1.35rem;box-shadow:0 0 0 6px rgba(34,211,238,.10)}.ch-live-launcher-text{display:flex;flex-direction:column;min-width:0}.ch-live-launcher-text b{font-size:.98rem;line-height:1.12}.ch-live-launcher-text small{color:#a7c7da;font-weight:800;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-live-badge{position:absolute;top:-8px;right:-8px;min-width:25px;height:25px;border-radius:999px;background:#ff4d79;color:#fff;display:grid;place-items:center;font-style:normal;font-size:.78rem;font-weight:950;box-shadow:0 0 0 4px rgba(255,77,121,.14)}.ch-live-panel{position:absolute;right:0;bottom:78px;width:min(390px,calc(100vw - 32px));height:min(620px,calc(100vh - 110px));border:1px solid rgba(45,218,255,.28);border-radius:26px;background:linear-gradient(180deg,rgba(6,16,30,.98),rgba(2,8,18,.98));box-shadow:0 25px 90px rgba(0,0,0,.55),0 0 50px rgba(0,177,255,.14);overflow:hidden;transform:translateY(10px) scale(.985);opacity:0;transition:.18s ease;display:flex;flex-direction:column}.ch-live-widget.open .ch-live-panel{transform:translateY(0) scale(1);opacity:1}.ch-live-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid rgba(148,163,184,.16);background:radial-gradient(circle at 10% 0%,rgba(34,211,238,.18),transparent 42%),rgba(15,23,42,.60)}.ch-live-head strong{display:block;font-size:1.05rem}.ch-live-head small{display:flex;align-items:center;gap:8px;color:#9fb8ca;font-weight:850;margin-top:3px}.ch-live-close{width:38px;height:38px;border-radius:15px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#dff6ff;font-size:1.4rem;line-height:1;cursor:pointer}.ch-live-close:hover{background:rgba(255,255,255,.10)}.ch-live-dot{width:9px;height:9px;border-radius:999px;background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.12);display:inline-block}.ch-live-widget.admin-online .ch-live-dot,.ch-live-widget.thread-connected .ch-live-dot{background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.14)}.ch-live-body{flex:1;overflow:auto;padding:15px;background:radial-gradient(circle at 20% 0%,rgba(14,165,233,.08),transparent 35%)}.ch-live-bot-msg,.ch-live-msg{margin:0 0 12px}.ch-live-bot-msg{border:1px solid rgba(45,218,255,.16);background:rgba(14,165,233,.08);border-radius:20px;padding:13px 14px}.ch-live-bot-msg b,.ch-live-msg span{display:block;color:#38e0ff;font-weight:950;font-size:.82rem;letter-spacing:.03em;margin-bottom:5px}.ch-live-bot-msg p,.ch-live-msg p{margin:0;line-height:1.5;color:#d9e8f3}.ch-live-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.ch-live-options button{min-height:48px;border:1px solid rgba(45,218,255,.18);border-radius:16px;background:rgba(255,255,255,.035);color:#eaf7ff;font-weight:950;text-align:left;padding:10px 12px;cursor:pointer;transition:.15s ease}.ch-live-options button:hover{border-color:rgba(45,218,255,.62);background:rgba(14,165,233,.14);transform:translateY(-1px)}.ch-live-wait{display:flex;gap:12px;align-items:center;border:1px solid rgba(255,209,102,.25);background:rgba(255,209,102,.09);border-radius:19px;padding:12px 13px;margin:12px 0;color:#fff2c6}.ch-live-wait b{display:block}.ch-live-wait small{display:block;color:#ffe6a0;margin-top:3px}.ch-live-spinner{width:28px;height:28px;border-radius:999px;border:3px solid rgba(255,255,255,.18);border-top-color:#ffd166;animation:chLiveSpin 1s linear infinite;flex:0 0 auto}@keyframes chLiveSpin{to{transform:rotate(360deg)}}.ch-live-messages{display:grid;gap:10px;margin-top:12px}.ch-live-msg{max-width:88%;border-radius:18px;padding:11px 12px;border:1px solid rgba(148,163,184,.15);background:rgba(15,23,42,.78)}.ch-live-msg.client{margin-left:auto;background:linear-gradient(135deg,rgba(14,165,233,.95),rgba(34,211,238,.84));color:#00131d;border-color:rgba(125,211,252,.48)}.ch-live-msg.client span,.ch-live-msg.client p,.ch-live-msg.client small{color:#00131d}.ch-live-msg.admin{margin-right:auto}.ch-live-msg small{display:block;margin-top:6px;color:#8fa7b8;font-size:.72rem}.ch-live-form{display:grid;grid-template-columns:1fr auto;gap:9px;padding:12px;border-top:1px solid rgba(148,163,184,.16);background:rgba(2,6,23,.40)}.ch-live-form input{height:46px;border-radius:16px;padding:0 13px;background:rgba(2,8,18,.88);border:1px solid rgba(45,218,255,.16);color:#eaf7ff;min-width:0}.ch-live-form button{border:0;border-radius:16px;padding:0 15px;background:linear-gradient(135deg,#0ea5e9,#22d3ee);color:#00131d;font-weight:950;cursor:pointer}.ch-live-login{padding:13px;border-top:1px solid rgba(148,163,184,.16);background:rgba(2,6,23,.42)}.ch-live-login p{margin:0 0 10px;color:#c4d7e6}.ch-admin-chat-toast{position:fixed;right:22px;top:92px;z-index:10000;min-width:280px;max-width:min(420px,calc(100vw - 32px));border:1px solid rgba(45,218,255,.35);border-radius:20px;background:linear-gradient(135deg,rgba(6,16,30,.98),rgba(0,115,170,.92));color:#eaf7ff;padding:14px 16px;box-shadow:0 22px 70px rgba(0,0,0,.42);transform:translateY(-12px);opacity:0;transition:.22s ease}.ch-admin-chat-toast.show{transform:translateY(0);opacity:1}.ch-admin-chat-toast b{display:block;color:#38e0ff}.ch-admin-chat-toast span{display:block;color:#c6d7e4;margin-top:3px}@media(max-width:640px){.ch-live-widget{right:12px;bottom:12px}.ch-live-launcher{min-width:0;width:58px;height:58px;padding:0;border-radius:21px;justify-content:center}.ch-live-launcher-icon{width:46px;height:46px}.ch-live-launcher-text{display:none}.ch-live-panel{right:0;bottom:72px;width:calc(100vw - 24px);height:min(620px,calc(100vh - 92px));border-radius:24px}.ch-live-options{grid-template-columns:1fr}.ch-live-form{grid-template-columns:1fr}.ch-live-form button{height:44px}.ch-live-msg{max-width:94%}}

/* CerberHost v26 — live chat: offline mode, admin controls */
.ch-live-widget.admin-offline .ch-live-dot{background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.14)}
.ch-live-offline{display:grid;gap:9px;padding:13px;border-top:1px solid rgba(148,163,184,.16);background:rgba(2,6,23,.46)}
.ch-live-offline[hidden]{display:none!important}.ch-live-offline p{margin:0 0 4px;color:#c4d7e6;line-height:1.45}.ch-live-offline input,.ch-live-offline select,.ch-live-offline textarea{border-radius:15px;border:1px solid rgba(45,218,255,.16);background:rgba(2,8,18,.88);color:#eaf7ff;padding:11px 12px;font:inherit;min-width:0}.ch-live-offline textarea{resize:vertical}.ch-live-offline button{border:0;border-radius:16px;padding:12px 15px;background:linear-gradient(135deg,#0ea5e9,#22d3ee);color:#00131d;font-weight:950;cursor:pointer}.ch-live-offline button:hover{filter:brightness(1.05)}
.ch-chat-admin-topbar{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-bottom:14px}.ch-chat-admin-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ch-chat-admin-controls form{display:inline-flex;gap:8px}.ch-chat-admin-state{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:#bfd4e5}.ch-chat-admin-state .dot{width:10px;height:10px;border-radius:999px;background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.12);display:inline-block}.ch-chat-admin-state.online .dot{background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.14)}
.ch-client-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.ch-client-details .mini{border:1px solid rgba(45,218,255,.13);background:rgba(255,255,255,.035);border-radius:16px;padding:10px 12px;min-width:0}.ch-client-details .mini small{display:block;color:#8fb2c8;font-weight:900;text-transform:uppercase;font-size:.68rem;letter-spacing:.08em}.ch-client-details .mini b{display:block;color:#eaf7ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-offline-list{display:grid;gap:10px;margin-top:12px}.ch-offline-item{border:1px solid rgba(45,218,255,.16);border-radius:18px;background:rgba(255,255,255,.035);padding:12px}.ch-offline-item.unread{border-color:rgba(255,77,121,.42);box-shadow:inset 4px 0 0 rgba(255,77,121,.5)}.ch-offline-item header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ch-offline-item header b{display:block}.ch-offline-item header small{color:#94a3b8}.ch-offline-item p{white-space:pre-wrap;margin:10px 0;color:#d9e8f3}.ch-offline-actions{display:flex;gap:8px;flex-wrap:wrap}.ch-admin-danger-zone{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:760px){.ch-chat-admin-topbar{grid-template-columns:1fr}.ch-chat-admin-controls{justify-content:flex-start}.ch-client-details{grid-template-columns:1fr}.ch-offline-item header{display:block}.ch-offline-actions{margin-top:8px}}

/* CerberHost v27 — poprawka widoku czatu offline: ukryte elementy muszą być naprawdę ukryte,
   nawet gdy wcześniejszy styl .ch-live-form/.ch-live-wait ustawia display:grid/flex. */
.ch-live-widget [hidden]{display:none!important}
.ch-live-widget.offline-mode .ch-live-form,
.ch-live-widget.offline-mode .ch-live-wait,
.ch-live-widget.offline-mode .ch-live-options{display:none!important}
.ch-live-widget.offline-mode .ch-live-body{flex:0 0 auto;max-height:150px;overflow:hidden}
.ch-live-widget.offline-mode .ch-live-offline{border-top:1px solid rgba(148,163,184,.16)}
.ch-live-widget.admin-offline .ch-live-launcher{background:linear-gradient(135deg,rgba(6,16,30,.96),rgba(30,41,59,.92));border-color:rgba(148,163,184,.30)}
.ch-live-widget.admin-offline .ch-live-launcher-icon{background:linear-gradient(135deg,#334155,#64748b);color:#eaf7ff}
.ch-live-widget.admin-offline .ch-live-launcher-text small{color:#cbd5e1}

/* CerberHost v28 — poprawki aplikacji mobilnej/PWA */
:root{--ch-safe-bottom:env(safe-area-inset-bottom,0px);--ch-safe-top:env(safe-area-inset-top,0px)}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{min-height:100dvh;overscroll-behavior-y:none;padding-bottom:calc(0px + var(--ch-safe-bottom))}
body.ch-standalone,body.ch-mobile-app{padding-top:var(--ch-safe-top)}
button,a,input,select,textarea{touch-action:manipulation}
input,select,textarea{font-size:16px!important}
.btn,button,input[type="submit"]{min-height:44px}
@media(max-width:760px){
  .container{width:min(100% - 24px,1240px)!important;padding-left:0!important;padding-right:0!important}
  .hero,.section{padding-top:28px!important;padding-bottom:28px!important}
  .hero-card,.card,.form-card{border-radius:22px!important;padding:18px!important}
  h1{font-size:clamp(2.1rem,12vw,3.25rem)!important;line-height:.98!important;letter-spacing:-1.2px!important}
  h2{font-size:clamp(1.35rem,7vw,2rem)!important;line-height:1.08!important}
  .lead,p{line-height:1.55!important}
  .grid,.grid.two,.grid.three,.stats,.dashboard-grid,.community-grid,.service-grid-premium,.status-grid,.help-grid{grid-template-columns:1fr!important}
  .table-wrap,.console-box{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
  .console-box{height:320px!important;font-size:12px!important;padding:12px!important}
  .command-form,.row,.form-row,.hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .hero-actions .btn,.row-actions .btn,.service-actions-v28 .btn{width:100%;justify-content:center}
  .payment-code{font-size:1.25rem!important;word-break:break-word}
  .notification-card{display:block!important}
}
@media(max-width:980px){
  .topbar.cerber-topbar{padding-top:var(--ch-safe-top)!important}
  body.has-mobile-bottom-nav{padding-bottom:calc(86px + var(--ch-safe-bottom))!important}
  body.has-mobile-bottom-nav .ch-live-widget{bottom:calc(88px + var(--ch-safe-bottom))!important}
  .ch-mobile-bottom-nav{display:grid!important}
  .footer{padding-bottom:calc(95px + var(--ch-safe-bottom))!important}
}
.ch-mobile-bottom-nav{display:none;position:fixed;left:10px;right:10px;bottom:calc(8px + var(--ch-safe-bottom));z-index:2147482500;grid-template-columns:repeat(4,1fr);gap:6px;padding:7px;border:1px solid rgba(45,218,255,.22);border-radius:22px;background:linear-gradient(180deg,rgba(3,12,23,.96),rgba(4,18,33,.96));box-shadow:0 20px 70px rgba(0,0,0,.55),0 0 42px rgba(0,168,255,.16);backdrop-filter:blur(16px)}
.ch-mobile-bottom-nav a{min-height:54px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:#dff6ff!important;font-weight:950;font-size:11px;line-height:1;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.04)}
.ch-mobile-bottom-nav a span{font-size:20px;line-height:1}.ch-mobile-bottom-nav a.active,.ch-mobile-bottom-nav a:active{background:linear-gradient(135deg,rgba(14,165,233,.34),rgba(34,211,238,.18));border-color:rgba(45,218,255,.32);color:#fff!important}.ch-mobile-bottom-nav a small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ch-offline-bar{position:fixed;left:12px;right:12px;bottom:calc(92px + var(--ch-safe-bottom));z-index:2147482600;padding:12px 14px;border-radius:18px;background:rgba(127,29,29,.95);border:1px solid rgba(248,113,113,.35);color:#fee2e2;font-weight:900;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.45);transform:translateY(18px);opacity:0;pointer-events:none;transition:.2s ease}.ch-offline-bar.show{transform:translateY(0);opacity:1}
.ch-update-bar{position:fixed;left:12px;right:12px;bottom:calc(92px + var(--ch-safe-bottom));z-index:2147482601;padding:12px;border-radius:18px;background:linear-gradient(135deg,rgba(2,132,199,.97),rgba(8,47,73,.97));border:1px solid rgba(125,211,252,.35);color:#e0f7ff;box-shadow:0 18px 50px rgba(0,0,0,.45);display:none;align-items:center;justify-content:space-between;gap:12px}.ch-update-bar.show{display:flex}.ch-update-bar button{border:0;border-radius:14px;background:#e0f7ff;color:#04111d;font-weight:950;padding:9px 12px;min-height:40px}
@media(max-width:640px){
  .ch-live-widget.open{z-index:2147483003!important}.ch-live-panel{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(82px + var(--ch-safe-bottom))!important;width:auto!important;height:calc(100dvh - 110px - var(--ch-safe-top) - var(--ch-safe-bottom))!important;max-height:none!important;border-radius:24px!important}.ch-live-body{padding:12px!important}.ch-live-head{padding:12px!important}.ch-live-offline{max-height:calc(100dvh - 235px - var(--ch-safe-top) - var(--ch-safe-bottom));overflow:auto;-webkit-overflow-scrolling:touch}.ch-live-offline textarea{min-height:120px!important}.ch-live-launcher{bottom:auto!important}.ch-live-widget:not(.open) .ch-live-launcher{box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 35px rgba(0,177,255,.22)}
}
@media(display-mode:standalone){
  body{padding-top:var(--ch-safe-top)}
  .topbar.cerber-topbar{position:sticky!important;top:0!important}
}


/* CerberHost v29 — poprawka przewijania strony i paska ogłoszeń */
html,
body{
  height:auto!important;
  min-height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x pan-y!important;
  overscroll-behavior-y:auto!important;
}
body.cerber-menu-open,
body.ch-sidebar-open,
body.cerber-modal-open{
  overflow-y:auto!important;
  position:static!important;
}
main,
.page,
.panel,
.maincol,
.cerber-home,
.cerber-section,
.community-page,
.status-page,
.help-page{
  overflow:visible!important;
}
.cerber-hero-banner{
  overflow:hidden!important;
}
.ch-ticker{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin;
  cursor:grab;
  touch-action:pan-x!important;
}
.ch-ticker::-webkit-scrollbar{height:7px}
.ch-ticker::-webkit-scrollbar-thumb{background:rgba(45,218,255,.42);border-radius:999px}
.ch-ticker::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}
.ch-ticker.is-dragging{cursor:grabbing;user-select:none}
.ch-ticker.is-dragging .ch-ticker-track,
.ch-ticker.manual-scroll .ch-ticker-track,
.ch-ticker:focus-within .ch-ticker-track{
  animation-play-state:paused!important;
}
.ch-ticker .ch-ticker-track{
  min-width:max-content;
  will-change:transform;
}
@media(max-width:980px){
  body.has-mobile-bottom-nav{padding-bottom:calc(96px + var(--ch-safe-bottom))!important}
  .ch-ticker{margin-bottom:0}
}


/* CerberHost v30 — program poleceń */
.referral-hero-v30{display:flex;align-items:center;justify-content:space-between;gap:22px;overflow:hidden;position:relative}
.referral-hero-v30:before,.referral-public-card-v30:before{content:"";position:absolute;inset:-120px auto auto -120px;width:260px;height:260px;background:radial-gradient(circle,rgba(45,218,255,.25),transparent 65%);pointer-events:none}
.referral-code-box-v30{border:1px solid rgba(45,218,255,.35);background:rgba(6,19,36,.72);border-radius:20px;padding:18px 22px;min-width:170px;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.referral-code-box-v30 small{display:block;color:rgba(235,248,255,.68);font-size:12px;text-transform:uppercase;letter-spacing:2px}
.referral-code-box-v30 strong{display:block;font-size:28px;color:#35d8ff;letter-spacing:1px;margin-top:5px}
.referral-link-card-v30 .copy-row-v30{display:flex;gap:10px;align-items:center}
.copy-row-v30 input{flex:1;min-width:0;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.24);color:#eaf8ff;padding:14px 16px;font-weight:800}
.referral-stats-v30{grid-template-columns:repeat(4,minmax(0,1fr))}
.referral-public-v30{min-height:66vh;display:grid;place-items:center}
.referral-public-card-v30{max-width:820px;width:100%;text-align:center;position:relative;overflow:hidden;padding:42px!important}
.referral-public-card-v30 h1{font-size:clamp(28px,5vw,54px);margin:8px 0 14px}
.referral-public-actions-v30{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px 0}
.referral-wallet-cta-v30{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,rgba(8,28,52,.9),rgba(0,168,255,.09))!important}
.admin-form-grid-v30{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end}
.admin-form-grid-v30 .full{grid-column:1/-1}
.admin-form-grid-v30 input[type="text"],.admin-form-grid-v30 input[type="number"],.admin-form-grid-v30 input:not([type]){width:100%}
.inline-form-v30{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form-v30 input{max-width:100px}
@media(max-width:760px){.referral-hero-v30,.referral-wallet-cta-v30{align-items:stretch;flex-direction:column}.referral-stats-v30{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-link-card-v30 .copy-row-v30{flex-direction:column;align-items:stretch}.admin-form-grid-v30{grid-template-columns:1fr}.referral-public-card-v30{padding:26px!important}}

/* CerberHost v31 — publiczna lista serwerów */
.public-servers-v31{padding-top:24px;padding-bottom:44px}
.public-servers-hero-v31{display:flex;align-items:center;justify-content:space-between;gap:22px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(8,23,43,.96),rgba(0,145,255,.12))!important}
.public-servers-hero-v31:before{content:"";position:absolute;inset:-130px -80px auto auto;width:320px;height:320px;background:radial-gradient(circle,rgba(45,218,255,.28),transparent 64%);pointer-events:none}
.public-servers-hero-v31 h1{font-size:clamp(30px,5vw,58px);margin:.15em 0}.public-servers-hero-actions-v31{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1}
.public-servers-filter-v31{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;margin:18px 0}.public-servers-filter-v31 label{font-weight:800;color:#eaf8ff}.public-servers-filter-v31 input,.public-servers-filter-v31 select{width:100%;margin-top:7px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(0,0,0,.24);color:#eaf8ff;padding:13px 14px}
.public-servers-grid-v31{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.public-server-card-v31{overflow:hidden;padding:0!important;position:relative}.public-server-card-v31.featured{border-color:rgba(255,210,80,.44)!important;box-shadow:0 22px 80px rgba(255,190,60,.12)}
.server-banner-v31{height:136px;background-size:cover;background-position:center;border-bottom:1px solid rgba(255,255,255,.08)}.server-banner-placeholder-v31{display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,168,255,.24),rgba(124,58,237,.19));font-weight:950;font-size:28px;color:rgba(255,255,255,.78);letter-spacing:1px}
.public-server-card-body-v31{padding:18px}.server-card-top-v31{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.server-type-badge-v31,.server-featured-v31{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.server-featured-v31{color:#ffdd75;border-color:rgba(255,221,117,.35);background:rgba(255,196,70,.10)}
.public-server-card-v31 h2{margin:0 0 8px;font-size:22px}.public-server-card-v31 p{min-height:64px;color:rgba(235,248,255,.72);line-height:1.55}.server-info-grid-v31{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.server-info-grid-v31 span{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px;min-width:0}.server-info-grid-v31 b{display:block;font-size:11px;color:rgba(235,248,255,.55);text-transform:uppercase;letter-spacing:.9px}.server-info-grid-v31 em{display:block;font-style:normal;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-actions-v31{display:flex;gap:8px;flex-wrap:wrap}.server-actions-v31 form{margin:0}
.server-listing-editor-grid-v31{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.server-listing-editor-card-v31{display:flex;flex-direction:column;gap:16px}.server-listing-service-head-v31{display:flex;align-items:center;gap:14px}.server-listing-service-head-v31 h2{margin:2px 0 6px}.server-listing-form-v31{display:grid;gap:12px}.server-listing-form-v31 input,.server-listing-form-v31 textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(0,0,0,.24);color:#eaf8ff;padding:12px 14px}.server-listing-form-v31 label{font-weight:800;color:#eaf8ff}.checkbox-line-v31{display:flex!important;align-items:center;gap:9px}.checkbox-line-v31 input{width:auto!important}.server-listing-admin-row-v31{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:16px 0;border-top:1px solid rgba(255,255,255,.08)}.server-listing-admin-row-v31:first-of-type{border-top:0}.server-listing-admin-main-v31{display:grid;gap:6px;margin-bottom:12px}.server-listing-admin-edit-v31 input{width:100%}.server-listing-admin-actions-v31{align-content:start;align-items:flex-start;flex-direction:column}.server-listing-admin-actions-v31 form{margin:0}.server-listing-admin-table-v31 .grid2{gap:10px}
@media(max-width:1050px){.public-servers-grid-v31{grid-template-columns:repeat(2,minmax(0,1fr))}.public-servers-filter-v31{grid-template-columns:1fr 1fr}.public-servers-filter-v31 .btn{grid-column:1/-1}.server-listing-editor-grid-v31{grid-template-columns:1fr}.server-listing-admin-row-v31{grid-template-columns:1fr}.server-listing-admin-actions-v31{flex-direction:row}}
@media(max-width:700px){.public-servers-hero-v31{flex-direction:column;align-items:stretch}.public-servers-filter-v31,.public-servers-grid-v31{grid-template-columns:1fr}.server-info-grid-v31{grid-template-columns:1fr}.server-actions-v31 .btn,.server-actions-v31 form{width:100%}.server-actions-v31 form button{width:100%}.server-banner-v31{height:112px}.public-server-card-v31 p{min-height:auto}}
.home-server-card-v31 small{display:inline-flex;margin-bottom:8px;color:#35d8ff;font-weight:900;text-transform:uppercase;letter-spacing:1px}.home-server-card-v31 footer{display:flex!important;justify-content:space-between;gap:12px;align-items:center}.home-server-card-v31 footer span{color:#ffdd75;font-weight:900}

/* CerberHost v32 — gotowe szablony serwerów Minecraft */
.public-templates-v32{padding-top:26px;padding-bottom:48px}.public-templates-hero-v32,.templates-hero-v32{display:flex;align-items:center;justify-content:space-between;gap:22px;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(7,22,42,.96),rgba(0,168,255,.12))!important}.public-templates-hero-v32:before,.templates-hero-v32:before{content:"";position:absolute;inset:-130px -90px auto auto;width:320px;height:320px;background:radial-gradient(circle,rgba(45,218,255,.28),transparent 64%);pointer-events:none}.public-templates-hero-v32 h1,.templates-hero-v32 h1{font-size:clamp(30px,5vw,56px);margin:.1em 0}.public-templates-actions-v32,.template-actions-v32,.ch-hero-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}
.template-grid-v32{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.template-card-v32{position:relative;overflow:hidden}.template-card-v32.featured{border-color:rgba(255,211,90,.45)!important;box-shadow:0 24px 80px rgba(255,202,75,.13)}.template-card-v32:before{content:"";position:absolute;inset:auto -50px -80px auto;width:180px;height:180px;background:radial-gradient(circle,rgba(45,218,255,.16),transparent 65%);pointer-events:none}.template-card-top-v32{display:flex;align-items:center;gap:14px;margin-bottom:12px}.template-card-top-v32>span{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,rgba(45,218,255,.22),rgba(124,58,237,.12));border:1px solid rgba(255,255,255,.12);font-size:26px}.template-card-top-v32 small{display:block;color:#35d8ff;font-weight:900;text-transform:uppercase;letter-spacing:1px}.template-card-top-v32 h2,.template-card-top-v32 h3{margin:2px 0 0}.template-specs-v32{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0}.template-specs-v32 span{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px;min-width:0}.template-specs-v32 b{display:block;font-size:11px;color:rgba(235,248,255,.55);text-transform:uppercase;letter-spacing:.9px}.template-specs-v32 em{display:block;font-style:normal;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-plugin-tags-v32{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.template-plugin-tags-v32 span{border:1px solid rgba(45,218,255,.22);background:rgba(45,218,255,.08);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850}.template-note-v32{display:block;color:rgba(235,248,255,.65);margin:10px 0 14px}.template-actions-v32{margin-top:16px}.order-template-grid-v32{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.order-template-btn-v32{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#eaf8ff;border-radius:18px;padding:16px;text-align:left;cursor:pointer;transition:.18s ease;min-height:138px}.order-template-btn-v32:hover,.order-template-btn-v32.active{border-color:rgba(45,218,255,.55);background:rgba(45,218,255,.11);transform:translateY(-2px)}.order-template-btn-v32 span{display:block;font-size:28px;margin-bottom:8px}.order-template-btn-v32 strong{display:block;font-size:18px;margin-bottom:5px}.order-template-btn-v32 small{display:block;color:rgba(235,248,255,.68);line-height:1.45}.template-selected-alert-v32{margin-bottom:16px}.server-template-form-v32{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.server-template-form-v32 .full{grid-column:1/-1}.server-template-form-v32 input,.server-template-form-v32 textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(0,0,0,.24);color:#eaf8ff;padding:12px 14px}.templates-admin-head-v32{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.templates-admin-list-v32{display:grid;gap:12px}.template-admin-row-v32{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;padding:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:18px}.template-admin-icon-v32{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:rgba(45,218,255,.12);font-size:25px}.template-admin-row-v32 p{margin:6px 0;color:rgba(235,248,255,.72)}.compact-actions-v32{margin-top:12px;gap:8px}.compact-actions-v32 form{margin:0}.home-template-grid-v32{margin-top:18px}
@media(max-width:1050px){.template-grid-v32{grid-template-columns:repeat(2,minmax(0,1fr))}.order-template-grid-v32{grid-template-columns:repeat(2,minmax(0,1fr))}.template-admin-row-v32{grid-template-columns:auto minmax(0,1fr)}.template-admin-row-v32>.badge{grid-column:1/-1}.server-template-form-v32{grid-template-columns:1fr}}
@media(max-width:700px){.public-templates-hero-v32,.templates-hero-v32{flex-direction:column;align-items:stretch}.template-grid-v32,.order-template-grid-v32{grid-template-columns:1fr}.template-specs-v32{grid-template-columns:1fr}.template-actions-v32 .btn{width:100%;justify-content:center}.templates-admin-head-v32{flex-direction:column;align-items:stretch}.template-admin-row-v32{grid-template-columns:1fr}.template-admin-icon-v32{width:46px;height:46px}.public-templates-v32{padding-bottom:110px}}

/* CerberHost v33 — plugin installer */
.plugin-hero-v33{position:relative;overflow:hidden}.plugin-hero-actions-v33{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.plugin-toolbar-v33{margin-bottom:18px}.plugin-filter-v33{align-items:end}.plugin-grid-v33{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plugin-card-v33{display:flex;flex-direction:column;gap:12px;min-height:260px}.plugin-card-v33.featured{border-color:rgba(245,158,11,.45);box-shadow:0 18px 45px rgba(245,158,11,.08)}.plugin-card-top-v33{display:flex;gap:12px;align-items:center}.plugin-icon-v33{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:rgba(99,102,241,.12);font-size:26px;flex:0 0 auto}.plugin-card-v33 h3{margin:0}.plugin-card-v33 p{margin:0;color:var(--muted);line-height:1.55}.plugin-tags-v33{display:flex;flex-wrap:wrap;gap:7px}.plugin-tags-v33 span{font-size:12px;padding:5px 8px;border-radius:999px;background:rgba(148,163,184,.13);color:var(--muted)}.plugin-note-v33{display:block;color:var(--muted);line-height:1.45}.plugin-actions-v33{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}.plugin-actions-v33 form{margin:0}.plugin-history-v33{margin-top:18px}.v33-plugin-admin-table .trow{grid-template-columns:1.5fr .7fr .45fr .55fr 1.35fr}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.check{display:flex!important;align-items:center;gap:8px;min-height:44px}.check input{width:auto!important;min-width:auto!important}.btn.muted{opacity:.7;cursor:not-allowed}
@media(max-width:980px){.plugin-grid-v33{grid-template-columns:repeat(2,minmax(0,1fr))}.v33-plugin-admin-table .trow{grid-template-columns:1fr}.v33-plugin-admin-table .thead{display:none}}
@media(max-width:640px){.plugin-grid-v33{grid-template-columns:1fr}.plugin-card-v33{min-height:auto}.plugin-filter-v33{grid-template-columns:1fr}.plugin-actions-v33 .btn,.plugin-actions-v33 form,.plugin-actions-v33 button{width:100%}.plugin-hero-actions-v33 .btn{flex:1 1 140px}.plugin-card-top-v33{align-items:flex-start}.plugin-icon-v33{width:42px;height:42px;border-radius:15px;font-size:22px}}

/* CerberHost v34 — darmowy test serwera */
.trial-hero-v34,.trial-public-hero-v34{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;overflow:hidden;position:relative}
.trial-hero-v34:before,.trial-public-hero-v34:before{content:"";position:absolute;inset:-120px -80px auto auto;width:260px;height:260px;border-radius:999px;background:rgba(14,165,233,.18);filter:blur(20px);pointer-events:none}
.trial-badge-v34{min-width:130px;min-height:130px;border-radius:32px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(14,165,233,.28),rgba(37,99,235,.14));border:1px solid rgba(125,211,252,.25);box-shadow:0 24px 80px rgba(14,165,233,.12)}
.trial-badge-v34 strong{font-size:34px;line-height:1}.trial-badge-v34 span{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:#a8c7dd}
.trial-grid-v34{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px;margin-top:18px}.trial-specs-v34{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.trial-specs-v34 span{border:1px solid rgba(125,211,252,.18);background:rgba(8,17,31,.7);border-radius:999px;padding:8px 12px;color:#d9eeff}.trial-list-v34{padding-left:20px;line-height:1.8;color:#d7e7f6}.trial-tabs-v34{display:flex;gap:10px;flex-wrap:wrap}.inline-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:4px 0}.mini-input{max-width:150px;padding:9px 10px!important}.trial-public-hero-v34{margin-top:22px;padding:34px}.trial-phone-v34{display:grid;gap:14px;min-width:260px}.trial-phone-card-v34{border:1px solid rgba(125,211,252,.2);background:linear-gradient(180deg,rgba(8,17,31,.9),rgba(3,7,13,.92));border-radius:24px;padding:18px;box-shadow:0 18px 70px rgba(0,0,0,.28)}.trial-phone-card-v34 b,.trial-phone-card-v34 span,.trial-phone-card-v34 em{display:block}.trial-phone-card-v34 span{color:#a8c7dd;margin:8px 0}.trial-phone-card-v34 em{color:#35d8ff;font-style:normal;font-weight:900}.trial-steps-v34 .card{min-height:150px}.free-trial-home-v34 .trial-public-hero-v34{margin-top:0}.admin-free-trials-v34 .table td{vertical-align:top}
@media(max-width:820px){.trial-hero-v34,.trial-public-hero-v34,.trial-grid-v34{grid-template-columns:1fr}.trial-badge-v34{min-width:100%;min-height:90px}.trial-phone-v34{min-width:0}.trial-tabs-v34 .btn{flex:1 1 auto}.inline-form{display:grid}.mini-input{max-width:100%}}

/* CerberHost v35 — ranking, głosowanie dzienne i wyróżnienia serwerów */
.public-servers-v35 .public-servers-hero-v35,
.ranking-hero-v35{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(14,165,233,.08)),var(--card,#fff)}
.public-servers-v35 .public-servers-hero-v35:after,
.ranking-hero-v35:after{content:"🏆";position:absolute;right:28px;bottom:-18px;font-size:96px;opacity:.08;pointer-events:none}
.server-rank-tabs-v35{display:flex;gap:10px;align-items:center;overflow-x:auto;padding:12px;margin:14px 0;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.server-rank-tabs-v35 a{white-space:nowrap;text-decoration:none;border:1px solid rgba(59,130,246,.22);border-radius:999px;padding:10px 14px;font-weight:800;color:inherit;background:rgba(255,255,255,.55)}
.server-rank-tabs-v35 a.active,.server-rank-tabs-v35 a:hover{background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;border-color:transparent;box-shadow:0 10px 26px rgba(37,99,235,.22)}
.public-server-card-v35{position:relative;overflow:hidden}
.public-server-card-v35.boosted{box-shadow:0 20px 45px rgba(245,158,11,.22);border-color:rgba(245,158,11,.42)}
.public-server-card-v35.featured{box-shadow:0 20px 45px rgba(37,99,235,.16);border-color:rgba(37,99,235,.36)}
.server-rank-badge-v35{position:absolute;top:12px;left:12px;z-index:2;background:rgba(15,23,42,.84);color:#fff;border-radius:999px;padding:8px 12px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.server-boosted-v35{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border-radius:999px;padding:6px 10px;font-weight:900;font-size:.82rem}
.server-info-grid-v35{grid-template-columns:repeat(auto-fit,minmax(115px,1fr))}
.ranking-page-v35 .ranking-podium-v35{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}
.podium-card-v35{text-align:center;position:relative;overflow:hidden;border:1px solid rgba(59,130,246,.22)}
.podium-card-v35:before{content:"";position:absolute;inset:-40% -20% auto;min-height:140px;background:radial-gradient(circle,rgba(59,130,246,.20),transparent 58%);pointer-events:none}
.podium-place-v35{width:56px;height:56px;border-radius:18px;margin:0 auto 12px;display:grid;place-items:center;font-weight:900;font-size:1.2rem;background:#0f172a;color:#fff;box-shadow:0 14px 28px rgba(15,23,42,.22)}
.podium-1 .podium-place-v35{background:linear-gradient(135deg,#f59e0b,#f97316)}
.podium-2 .podium-place-v35{background:linear-gradient(135deg,#64748b,#94a3b8)}
.podium-3 .podium-place-v35{background:linear-gradient(135deg,#b45309,#f59e0b)}
.podium-score-v35{display:flex;align-items:baseline;justify-content:center;gap:6px;margin:12px 0}.podium-score-v35 strong{font-size:2.2rem;line-height:1}.podium-score-v35 span{color:var(--muted,#64748b);font-weight:700}
.ranking-table-card-v35{margin-top:16px}.ranking-table-v35{display:grid;gap:10px}.ranking-row-v35{display:grid;grid-template-columns:60px 1fr 110px 120px 110px auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:rgba(255,255,255,.58)}
.ranking-row-v35.boosted{border-color:rgba(245,158,11,.4);background:rgba(255,247,237,.72)}.ranking-row-v35 b{font-size:1.05rem}.ranking-row-v35 small{display:block;color:var(--muted,#64748b);margin-top:3px}.ranking-row-v35 span{font-weight:800;color:#334155}.ranking-row-v35 .row-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.listing-promo-info-v35{border:1px dashed rgba(37,99,235,.35);background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(14,165,233,.04))}.server-listing-promo-box-v35{margin-top:14px;padding:14px;border-radius:18px;border:1px solid rgba(37,99,235,.18);background:rgba(37,99,235,.05)}.server-listing-promo-box-v35 h3{margin-top:0}.admin-server-listings-v35 .server-listing-admin-row-v31.boosted{border-color:rgba(245,158,11,.45)}.admin-server-listings-v35 .server-listing-admin-row-v31.featured{box-shadow:0 12px 28px rgba(37,99,235,.10)}
@media (max-width:900px){.ranking-page-v35 .ranking-podium-v35{grid-template-columns:1fr}.ranking-row-v35{grid-template-columns:42px 1fr;align-items:start}.ranking-row-v35>span,.ranking-row-v35>.row-actions{grid-column:2}.server-rank-tabs-v35{margin-left:-2px;margin-right:-2px}.public-servers-v35 .public-servers-hero-v35:after,.ranking-hero-v35:after{display:none}}

/* CerberHost v36 — desktop menu cleanup: no two-line topbar */
@media (min-width: 821px){
  .topbar.cerber-topbar{z-index:4200!important;}
  .cerber-nav{
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:76px!important;
    padding:0!important;
    gap:14px!important;
  }
  .cerber-brand{flex:0 0 auto!important;min-width:0!important;}
  .cerber-brand .brand-logo{width:50px!important;height:50px!important;}
  .cerber-brand .brand-text strong{font-size:1.18rem!important;}
  .cerber-brand .brand-text small{font-size:.56rem!important;letter-spacing:2.4px!important;}
  .cerber-menu{
    flex:1 1 auto!important;
    min-width:0!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    margin:0!important;
    overflow:visible!important;
  }
  .cerber-menu a,
  .cerber-menu button,
  .cerber-more>summary{
    white-space:nowrap!important;
    min-height:40px!important;
    padding:8px 10px!important;
    border-radius:13px!important;
    font-size:.92rem!important;
    line-height:1!important;
  }
  .cerber-menu .btn{min-height:42px!important;padding:8px 13px!important;}
  .cerber-menu .notif-link{
    min-width:58px!important;
    justify-content:center!important;
    background:rgba(255,163,26,.08)!important;
    border:1px solid rgba(255,163,26,.22)!important;
  }
  .cerber-more{position:relative!important;display:block!important;flex:0 0 auto!important;}
  .cerber-more>summary{
    list-style:none!important;
    cursor:pointer!important;
    color:#dcefff!important;
    font-weight:900!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    border:1px solid rgba(45,190,255,.18)!important;
    background:rgba(255,255,255,.035)!important;
    user-select:none!important;
  }
  .cerber-more>summary::-webkit-details-marker{display:none!important;}
  .cerber-more>summary::after{content:'▾';font-size:.78rem;color:#35d8ff;transition:.15s ease;}
  .cerber-more[open]>summary::after{transform:rotate(180deg);}
  .cerber-more-menu{
    position:absolute!important;
    right:0!important;
    top:calc(100% + 12px)!important;
    min-width:230px!important;
    display:grid!important;
    gap:7px!important;
    padding:10px!important;
    border:1px solid rgba(45,190,255,.24)!important;
    border-radius:19px!important;
    background:linear-gradient(180deg,rgba(3,10,18,.99),rgba(5,16,28,.99))!important;
    box-shadow:0 24px 70px rgba(0,0,0,.62),0 0 36px rgba(0,148,255,.14)!important;
    opacity:0!important;
    transform:translateY(-6px)!important;
    pointer-events:none!important;
    transition:.15s ease!important;
  }
  .cerber-more[open] .cerber-more-menu{opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important;}
  .cerber-more-menu a,
  .cerber-more-menu button{
    width:100%!important;
    display:flex!important;
    justify-content:flex-start!important;
    text-align:left!important;
    min-height:42px!important;
    padding:10px 12px!important;
    background:rgba(255,255,255,.035)!important;
    border:1px solid rgba(255,255,255,.055)!important;
    border-radius:13px!important;
  }
}

@media (max-width: 820px){
  .cerber-more{width:100%!important;display:grid!important;gap:10px!important;}
  .cerber-more>summary{
    width:100%!important;
    min-height:52px!important;
    padding:13px 16px!important;
    border-radius:16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#dcefff!important;
    font-weight:950!important;
    background:rgba(255,255,255,.035)!important;
    border:1px solid rgba(255,255,255,.06)!important;
    list-style:none!important;
    cursor:pointer!important;
  }
  .cerber-more>summary::-webkit-details-marker{display:none!important;}
  .cerber-more>summary::after{content:' ▾';color:#35d8ff;}
  .cerber-more[open]>summary::after{content:' ▴';}
  .cerber-more-menu{display:grid!important;gap:10px!important;width:100%!important;}
  .cerber-more:not([open]) .cerber-more-menu{display:none!important;}
  .cerber-more-menu a,.cerber-more-menu button{width:100%!important;justify-content:center!important;text-align:center!important;}
}

/* CerberHost v40 — widoczny link polecający i stabilne kopiowanie */
.referral-link-visible-v40{margin-top:10px;word-break:break-all}
.referral-link-visible-v40 a{color:#29d7ff;text-decoration:underline;text-underline-offset:3px}
.copy-row-v30 input#refLink{user-select:text;-webkit-user-select:text;direction:ltr;text-align:left}

/* CerberHost v41 referral link hard fix */
.copy-row-v30 input#refLink{color:#eaf8ff!important;-webkit-text-fill-color:#eaf8ff!important;opacity:1!important;background:rgba(0,14,25,.92)!important;}
.referral-link-visible-v40,.referral-link-visible-v40 a{opacity:1!important;visibility:visible!important;}


/* CerberHost v45 — poprawka ogłoszeń/newsów i paska u góry */
html, body{max-width:100%;overflow-x:hidden!important;}
.container,.panel,.maincol,.card,.form-card,.community-admin-row,.community-admin-list{min-width:0!important;}
.panel{grid-template-columns:270px minmax(0,1fr)!important;align-items:start!important;}
.maincol{overflow-x:hidden!important;overflow-y:visible!important;}
.community-admin-hero{display:block!important;overflow:hidden!important;}
.community-admin-hero h1{max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important;}
.community-admin-hero .eyebrow,.community-admin-hero p{display:block!important;max-width:100%!important;}
.community-admin-card{max-width:none!important;margin:0!important;overflow:hidden!important;}
.community-admin-card .form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.community-admin-card input,.community-admin-card select,.community-admin-card textarea{width:100%!important;min-width:0!important;}
.community-admin-row{grid-template-columns:minmax(0,1fr) auto!important;overflow:hidden!important;}
.community-admin-row>div{min-width:0!important;}
.community-admin-row b,.community-admin-row small,.community-admin-row p{overflow-wrap:anywhere!important;word-break:break-word!important;}
.row-actions{max-width:100%;min-width:0;}
.ticker-preview-card .ch-ticker{max-width:100%;}
.ch-ticker{max-width:100vw!important;}
.ch-ticker-track{animation:chTickerMoveSingle 34s linear infinite!important;}
@keyframes chTickerMoveSingle{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
.cerber-more-menu{z-index:5000!important;}
@media(max-width:1100px){.community-admin-row{grid-template-columns:1fr!important}.row-actions{justify-content:flex-start!important}.community-admin-card .form-grid-2{grid-template-columns:1fr!important}}
@media(max-width:980px){.panel{grid-template-columns:1fr!important}.maincol{overflow:visible!important}.community-admin-hero h1{font-size:2rem!important}.community-admin-card{padding:16px!important}}


/* === CerberHost v46 — naprawa przewijanego paska ogłoszeń === */
html,body{max-width:100%;overflow-x:hidden!important;}
.ch-ticker,
.admin-ticker-preview{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  scrollbar-width:none!important;
  touch-action:pan-y!important;
}
.ch-ticker::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
.ch-ticker-viewport{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.ch-ticker-track{
  display:flex!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  gap:0!important;
  white-space:nowrap!important;
  animation:chTickerLoopV46 38s linear infinite!important;
  padding:10px 0!important;
  will-change:transform!important;
}
.ch-ticker:hover .ch-ticker-track,
.ch-ticker:focus-within .ch-ticker-track{animation-play-state:paused!important;}
.ch-ticker-group{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:18px!important;
  padding-right:18px!important;
  white-space:nowrap!important;
}
.ch-ticker-item{
  flex:0 0 auto!important;
  max-width:min(82vw,900px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.ch-ticker-item a{flex:0 0 auto!important;}
@keyframes chTickerLoopV46{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.ticker-preview-card,
.community-admin-hero,
.community-admin-card,
.maincol,
.panel{
  max-width:100%!important;
  min-width:0!important;
}
@media(max-width:700px){
  .ch-ticker-track{animation-duration:28s!important;padding:8px 0!important;}
  .ch-ticker-group{gap:12px!important;padding-right:12px!important;}
  .ch-ticker-item{font-size:.9rem!important;max-width:86vw!important;}
}
@media(prefers-reduced-motion:reduce){.ch-ticker-track{animation:none!important;transform:none!important;}}


/* CerberHost v46 — premium system status page */
.status-page-v46{display:grid;gap:18px}.status-hero-v46{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:center;overflow:hidden}.status-hero-v46:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 75% 25%,rgba(44,212,255,.20),transparent 30%),radial-gradient(circle at 25% 70%,rgba(50,255,184,.10),transparent 26%);pointer-events:none}.status-hero-v46>*{position:relative}.status-hero-v46 h1{font-size:clamp(2rem,4.2vw,4.2rem)}.status-orb-v46{min-height:210px;border-radius:34px;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;text-align:center;padding:24px;background:rgba(2,10,18,.55)}.status-orb-v46 span{width:62px;height:62px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 16px rgba(34,197,94,.10),0 0 55px rgba(34,197,94,.50)}.status-orb-v46.warn span{background:#f59e0b;box-shadow:0 0 0 16px rgba(245,158,11,.10),0 0 55px rgba(245,158,11,.45)}.status-orb-v46.bad span{background:#f43f5e;box-shadow:0 0 0 16px rgba(244,63,94,.12),0 0 55px rgba(244,63,94,.50)}.status-orb-v46 strong{font-size:1.7rem}.status-orb-v46 small{color:#9fb4c8;font-weight:800}.status-kpis-v46,.status-admin-kpis-v46{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.status-kpis-v46 .card,.status-admin-kpis-v46 .card{padding:20px!important}.status-kpis-v46 small,.status-admin-kpis-v46 small{display:block;color:#9fb4c8;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.status-kpis-v46 strong,.status-admin-kpis-v46 strong{display:block;font-size:clamp(1.55rem,2.3vw,2.3rem);margin:6px 0}.status-kpis-v46 span,.status-admin-kpis-v46 span{color:#7f93aa}.status-live-v46{overflow:hidden}.status-monitor-grid-v46{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.status-monitor-card-v46{padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035)}.status-monitor-card-v46.ok{border-color:rgba(34,197,94,.25);background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(255,255,255,.025))}.status-monitor-card-v46.warn{border-color:rgba(245,158,11,.32);background:linear-gradient(135deg,rgba(245,158,11,.10),rgba(255,255,255,.025))}.status-monitor-card-v46.bad{border-color:rgba(244,63,94,.36);background:linear-gradient(135deg,rgba(244,63,94,.10),rgba(255,255,255,.025))}.status-monitor-card-v46 header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.status-monitor-card-v46 header strong{display:block;font-size:1.1rem}.status-monitor-card-v46 header small{display:block;color:#9fb4c8;margin-top:3px;word-break:break-word}.status-monitor-card-v46 header b{white-space:nowrap;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.08)}.status-meter-v46{display:grid;grid-template-columns:repeat(24,1fr);gap:4px;margin:18px 0}.status-meter-v46 i{display:block;height:20px;border-radius:7px;background:rgba(255,255,255,.10)}.status-meter-v46 i.ok{background:linear-gradient(180deg,#22c55e,#16a34a);box-shadow:0 0 12px rgba(34,197,94,.24)}.status-meter-v46 i.warn{background:linear-gradient(180deg,#fbbf24,#d97706)}.status-meter-v46 i.bad{background:linear-gradient(180deg,#fb7185,#e11d48)}.status-meter-v46 em{grid-column:1/-1;color:#7f93aa;font-style:normal}.status-monitor-card-v46 footer{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.status-monitor-card-v46 footer span{padding:12px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.status-monitor-card-v46 footer small{display:block;color:#7f93aa}.status-monitor-card-v46 footer b{display:block;margin-top:3px}.status-error-v46{border:1px solid rgba(244,63,94,.22);background:rgba(244,63,94,.08);border-radius:16px;padding:10px 12px;margin:14px 0 0!important;color:#ffc3cd!important}.status-split-v46{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}.status-subscribe-v46{position:sticky;top:108px}.status-subscribe-v46 form{margin-top:12px}.empty-state-v46{padding:22px;border-radius:20px;background:rgba(255,255,255,.035);border:1px dashed rgba(255,255,255,.14)}.status-admin-hero-v46{display:flex;justify-content:space-between;gap:18px;align-items:center}.status-admin-actions-v46{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.status-admin-actions-v46 form{display:inline-flex}.status-admin-monitor-v46{border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(255,255,255,.035);margin:12px 0;overflow:hidden}.status-admin-monitor-v46 summary{cursor:pointer;list-style:none;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center}.status-admin-monitor-v46 summary::-webkit-details-marker{display:none}.status-admin-monitor-v46 summary strong{display:block}.status-admin-monitor-v46 summary small{display:block;color:#9fb4c8}.status-admin-monitor-v46 summary b{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.08)}.status-admin-monitor-v46 summary b.ok{color:#86efac}.status-admin-monitor-v46 summary b.warn{color:#ffd166}.status-admin-monitor-v46 summary b.bad{color:#ff9aac}.status-admin-monitor-v46 summary em{font-style:normal;color:#9fb4c8;font-weight:900}.status-admin-monitor-v46 form{padding:0 16px 16px}.status-monitor-form-v46 .row-actions{margin-top:10px}.muted-v46{color:#8298ad!important;font-size:.9rem;margin:6px 0!important}@media(max-width:1100px){.status-hero-v46,.status-split-v46{grid-template-columns:1fr}.status-subscribe-v46{position:static}.status-kpis-v46,.status-admin-kpis-v46{grid-template-columns:repeat(2,minmax(0,1fr))}.status-monitor-grid-v46{grid-template-columns:1fr}}@media(max-width:680px){.status-kpis-v46,.status-admin-kpis-v46{grid-template-columns:1fr}.status-admin-hero-v46{display:grid}.status-admin-actions-v46{justify-content:stretch}.status-admin-actions-v46 .btn{width:100%}.status-admin-monitor-v46 summary{grid-template-columns:1fr}.status-monitor-card-v46 footer{grid-template-columns:1fr}.status-meter-v46{grid-template-columns:repeat(12,1fr)}}

/* CerberHost v47 — role i uprawnienia */
.ch-v47-roles-hero{overflow:hidden;position:relative}.ch-v47-roles-hero:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 82% 20%,rgba(56,189,248,.18),transparent 30%),radial-gradient(circle at 18% 80%,rgba(168,85,247,.11),transparent 27%);pointer-events:none}.ch-v47-roles-hero>*{position:relative}.ch-permissions-v47{gap:16px!important}.ch-permissions-scroll{overflow:auto;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(2,10,18,.36)}.ch-perm-table-v47{width:max-content;min-width:100%;border-collapse:collapse}.ch-perm-table-v47 th,.ch-perm-table-v47 td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.07);text-align:center;vertical-align:middle}.ch-perm-table-v47 th:first-child,.ch-perm-table-v47 td:first-child{text-align:left;position:sticky;left:0;z-index:2;background:rgba(5,16,29,.96);min-width:280px}.ch-perm-table-v47 thead th{position:sticky;top:0;z-index:3;background:rgba(6,20,36,.98);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#bfeaff}.ch-perm-table-v47 thead th:first-child{z-index:4}.ch-perm-table-v47 td small{display:block;color:#71869e;font-size:.72rem;margin-top:3px}.ch-perm-table-v47 .perm-check{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.ch-perm-table-v47 input[type="checkbox"]{width:18px;height:18px;accent-color:#31d7ff}.ch-role-form-v47 .full{grid-column:1/-1}.ch-role-form-v47 textarea{min-height:86px}.checkline{display:flex!important;align-items:center;gap:10px;font-weight:900}.checkline input{width:auto!important}.ch-roles-table-v47 .trow,.ch-roles-table-v47 .thead{grid-template-columns:minmax(220px,1.2fr) minmax(90px,.35fr) minmax(160px,.55fr) minmax(280px,1fr)!important}.ch-role-inline-v47{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;align-items:center}.ch-role-inline-v47 input[name="description"]{grid-column:1/-1}.ch-role-inline-v47 .checkline{grid-column:1/-1}.badge.warn{background:rgba(245,158,11,.14)!important;color:#ffd166!important;border-color:rgba(245,158,11,.25)!important}@media(max-width:900px){.ch-perm-table-v47 th:first-child,.ch-perm-table-v47 td:first-child{position:static;min-width:240px}.ch-role-form-v47 .form-grid-2{grid-template-columns:1fr!important}.ch-roles-table-v47 .trow{grid-template-columns:1fr!important}.ch-role-inline-v47{grid-template-columns:1fr!important}}

/* CerberHost v48 — Tickety / Centrum Pomocy */
.ch-tickets-v48 .ticket-hero-v48,.ch-admin-tickets-v48 .ticket-hero-v48,.ticket-detail-hero-v48{overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);gap:22px;align-items:center;position:relative}.ticket-hero-v48:before,.ticket-detail-hero-v48:before{content:"";position:absolute;inset:-45%;background:radial-gradient(circle at 80% 20%,rgba(14,165,233,.22),transparent 28%),radial-gradient(circle at 18% 78%,rgba(168,85,247,.12),transparent 26%);pointer-events:none}.ticket-hero-v48>* ,.ticket-detail-hero-v48>*{position:relative}.ticket-hero-kpis-v48{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ticket-hero-kpis-v48 span{padding:16px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);text-align:center}.ticket-hero-kpis-v48 b{display:block;font-size:1.9rem;color:#dff8ff}.ticket-hero-kpis-v48 small{color:#8fb2ce;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.ticket-tabs-v48{display:flex;gap:8px;flex-wrap:wrap}.ticket-tabs-v48 a{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:#cfe7fb;font-weight:900}.ticket-tabs-v48 a.active{background:linear-gradient(135deg,rgba(14,165,233,.22),rgba(168,85,247,.16));border-color:rgba(103,232,249,.28);color:white}.ticket-tabs-v48 b{padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.08)}.ticket-form-v48 textarea,.ticket-side-v48 textarea{min-height:140px}.form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.form-grid-5{display:grid;grid-template-columns:1.1fr repeat(4,minmax(0,.8fr));gap:12px}.form-grid-5 .full{grid-column:1/-1}.ticket-list-v48 .thead,.ticket-list-v48 .trow{grid-template-columns:minmax(260px,1.4fr) minmax(160px,.75fr) minmax(150px,.7fr) minmax(190px,.85fr)!important}.ticket-list-v48 .trow small{color:#8fa6bd}.ticket-detail-badges-v48{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.ticket-detail-badges-v48 span{display:block;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:#8fb2ce}.ticket-detail-badges-v48 strong{color:#eaf6ff}.ticket-layout-v48{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.ticket-chat-v48{display:grid;gap:14px}.ticket-chat-v48 .msg{padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035)}.ticket-chat-v48 .msg header{display:flex;justify-content:space-between;gap:12px;align-items:center}.ticket-chat-v48 .msg header strong{color:#eaf6ff}.ticket-chat-v48 .msg header span{margin-left:8px;padding:4px 8px;border-radius:999px;background:rgba(14,165,233,.14);color:#9eeaff;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.ticket-chat-v48 .msg header small{color:#7f93aa}.ticket-chat-v48 .admin-msg{background:linear-gradient(135deg,rgba(14,165,233,.10),rgba(255,255,255,.025));border-color:rgba(14,165,233,.20)}.ticket-chat-v48 .client-msg{background:linear-gradient(135deg,rgba(168,85,247,.08),rgba(255,255,255,.025));border-color:rgba(168,85,247,.16)}.ticket-attachments-v48{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.ticket-attach-v48{padding:9px 11px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);font-weight:900;color:#dff8ff}.ticket-attach-v48 small{color:#8fb2ce;margin-left:6px}.ticket-side-v48{display:grid;gap:18px;position:sticky;top:104px}.ticket-events-v48{display:grid;gap:10px}.ticket-events-v48>div{padding:12px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.ticket-events-v48 b{display:block;color:#dff8ff}.ticket-events-v48 small{display:block;color:#8fa6bd}.ticket-events-v48 p{margin:4px 0 0!important;font-size:.9rem}.ticket-filters-v48 .row-actions{display:flex;gap:10px;align-items:end}.ticket-bulk-v48{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}.ticket-bulk-v48 span{color:#8fb2ce;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.ticket-check-v48{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important}.ticket-check-v48 input{min-height:auto!important;width:18px!important;height:18px!important}.ticket-meta-v48 form{gap:11px!important}.badge.info{background:rgba(14,165,233,.14)!important;color:#9eeaff!important;border-color:rgba(14,165,233,.25)!important}.badge.warning,.badge.warn{background:rgba(245,158,11,.14)!important;color:#ffd166!important;border-color:rgba(245,158,11,.25)!important}.btn.danger{background:rgba(244,63,94,.15)!important;color:#ffc3cd!important;border-color:rgba(244,63,94,.25)!important}@media(max-width:1100px){.ch-tickets-v48 .ticket-hero-v48,.ch-admin-tickets-v48 .ticket-hero-v48,.ticket-detail-hero-v48,.ticket-layout-v48{grid-template-columns:1fr}.ticket-side-v48{position:static}.form-grid-3,.form-grid-5{grid-template-columns:1fr}.ticket-detail-badges-v48{justify-content:flex-start}.ticket-list-v48 .thead,.ticket-list-v48 .trow{grid-template-columns:1fr!important}.ticket-hero-kpis-v48{grid-template-columns:1fr}}

/* CerberHost v49 — Powiadomienia Premium */
.ch-notif-bell{position:relative;display:inline-flex;align-items:center;z-index:80}.ch-notif-bell-btn{border:1px solid rgba(125,211,252,.28);background:rgba(8,20,35,.76);color:#eaf6ff;border-radius:999px;padding:8px 12px;display:inline-flex;gap:7px;align-items:center;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.22)}.ch-notif-bell-btn b{min-width:20px;height:20px;border-radius:99px;display:grid;place-items:center;background:rgba(14,165,233,.18);font-size:12px}.ch-notif-bell.has-unread .ch-notif-bell-btn b,.ch-notif-bell-btn b.has-unread{background:linear-gradient(135deg,#0ea5e9,#7c3aed);color:#fff;box-shadow:0 0 18px rgba(14,165,233,.45)}.ch-notif-bell.has-unread .ch-notif-bell-icon{animation:chBellPulse 1.7s infinite}@keyframes chBellPulse{0%,100%{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-5deg)}}.ch-notif-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:min(380px,calc(100vw - 24px));background:rgba(6,14,25,.98);border:1px solid rgba(125,211,252,.22);border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.45);overflow:hidden;backdrop-filter:blur(16px)}.ch-notif-dropdown header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 16px 12px;background:linear-gradient(135deg,rgba(14,165,233,.18),rgba(124,58,237,.12))}.ch-notif-dropdown header strong{display:block}.ch-notif-dropdown header small{display:block;color:#8db3cf}.ch-notif-dropdown header button{border:1px solid rgba(125,211,252,.28);border-radius:999px;background:rgba(14,165,233,.15);color:#dff8ff;padding:7px 10px;cursor:pointer}.ch-notif-list{max-height:360px;overflow:auto;padding:8px}.ch-notif-mini{display:flex;gap:12px;padding:12px;border-radius:16px;text-decoration:none;color:#dff3ff;border:1px solid transparent}.ch-notif-mini:hover{background:rgba(255,255,255,.05);border-color:rgba(125,211,252,.16)}.ch-notif-mini.unread{background:rgba(14,165,233,.09)}.ch-notif-mini>span{width:36px;height:36px;display:grid;place-items:center;border-radius:14px;background:rgba(125,211,252,.12);flex:0 0 auto}.ch-notif-mini i{font-style:normal;min-width:0}.ch-notif-mini b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-notif-mini small{display:block;color:#93aeca;line-height:1.35}.ch-notif-empty{margin:16px;color:#93aeca}.ch-notif-dropdown footer{padding:12px 16px;border-top:1px solid rgba(125,211,252,.12)}.ch-notif-dropdown footer a{color:#7dd3fc;font-weight:800;text-decoration:none}.ch-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ch-kpi{padding:18px}.ch-kpi span,.ch-kpi small{color:#91a9bf}.ch-kpi strong{display:block;font-size:34px;line-height:1.1;margin:6px 0;color:#fff}.ch-notif-compose .grid4,.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ch-template-list{display:grid;gap:10px}.ch-template-item{border:1px solid rgba(125,211,252,.13);border-radius:18px;background:rgba(255,255,255,.025);padding:10px}.ch-template-item summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 10px}.ch-template-item summary span{color:#9bb3cc}.ch-notif-admin-row{align-items:center}.ch-notif-center .ch-hero-card .inline-actions{display:flex;gap:10px;flex-wrap:wrap}.ch-notif-tabs{display:flex;gap:10px;flex-wrap:wrap;padding:12px}.ch-notif-tabs a{padding:10px 13px;border-radius:999px;text-decoration:none;color:#cfe6ff;background:rgba(255,255,255,.04);border:1px solid rgba(125,211,252,.12)}.ch-notif-tabs a.active{background:linear-gradient(135deg,rgba(14,165,233,.28),rgba(124,58,237,.2));border-color:rgba(125,211,252,.28)}.ch-notif-prefs{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.ch-notif-full-list .notification-card{display:flex;gap:14px;align-items:flex-start}.ch-notif-full-list .notification-card.priority-critical{border-color:rgba(248,113,113,.45);box-shadow:0 0 0 1px rgba(248,113,113,.16),0 18px 50px rgba(127,29,29,.16)}.ch-notif-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:rgba(125,211,252,.13);font-size:22px;flex:0 0 auto}.ch-notif-body{flex:1;min-width:0}.btn.small{padding:7px 10px;font-size:12px}.inline-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ch-toast-wrap{position:fixed;right:18px;bottom:18px;z-index:9999;display:grid;gap:10px}.ch-toast{width:min(380px,calc(100vw - 36px));padding:14px 16px;border-radius:18px;background:rgba(6,14,25,.96);border:1px solid rgba(125,211,252,.2);box-shadow:0 20px 60px rgba(0,0,0,.42);opacity:0;transform:translateY(16px);transition:.28s ease;color:#eaf6ff}.ch-toast.show{opacity:1;transform:translateY(0)}.ch-toast strong{display:block;margin-bottom:4px}.ch-toast p{margin:0;color:#b9d0e6}.ch-toast-success{border-color:rgba(34,197,94,.35)}.ch-toast-warning{border-color:rgba(245,158,11,.4)}.ch-toast-error{border-color:rgba(248,113,113,.4)}@media(max-width:900px){.ch-kpi-grid,.ch-notif-compose .grid4,.grid4{grid-template-columns:1fr 1fr}.ch-notif-dropdown{right:-90px}}@media(max-width:640px){.ch-kpi-grid,.ch-notif-compose .grid4,.grid4{grid-template-columns:1fr}.ch-notif-dropdown{position:fixed;right:12px;left:12px;top:72px;width:auto}.ch-notif-full-list .notification-card{display:block}.ch-notif-icon{margin-bottom:10px}}

/* CerberHost v50 — Backupy usług */
.backups-v50 .backups-hero-v50{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,rgba(118,78,255,.16),rgba(28,196,255,.08));overflow:hidden;position:relative}
.backups-v50 .backups-hero-v50:after{content:"";position:absolute;right:-90px;top:-90px;width:240px;height:240px;border-radius:50%;background:rgba(130,91,255,.22);filter:blur(20px)}
.backups-v50 .backup-stats-v50{position:relative;z-index:1;min-width:150px;text-align:center;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px;background:rgba(255,255,255,.05)}
.backups-v50 .backup-stats-v50 b{display:block;font-size:34px;line-height:1}.backups-v50 .backup-stats-v50 span{color:var(--muted,#9ba7c7);font-size:13px}
.backup-grid-v50{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.backup-selector-v50 .form-inline-v50{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.backup-selector-v50 select,.backups-v50 input,.backups-v50 textarea,.backups-v50 select{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(5,10,22,.55);color:inherit;border-radius:12px;padding:12px}.backup-selector-v50 label{min-width:170px}.form-inline-v50 select{min-width:320px}.checkline{display:flex!important;align-items:center;gap:10px}.checkline input{width:auto!important}.backup-table-v50 .thead,.backup-table-v50 .trow{grid-template-columns:1.4fr .8fr .7fr .8fr 1fr}.backup-table-v50 .actions{display:flex;gap:8px;flex-wrap:wrap}.backup-table-v50 .actions form{display:inline-flex;margin:0}.backup-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.backup-status.status-completed,.backup-status.status-restored{background:rgba(36,220,141,.14);border-color:rgba(36,220,141,.32)}.backup-status.status-running,.backup-status.status-pending{background:rgba(52,152,255,.14);border-color:rgba(52,152,255,.32)}.backup-status.status-failed{background:rgba(255,73,73,.14);border-color:rgba(255,73,73,.34)}.backup-status.status-deleted{opacity:.65}.backup-policy-card-v50 p{margin:.55rem 0}.backup-create-v50 .alert{margin:12px 0}
@media(max-width:900px){.backup-grid-v50{grid-template-columns:1fr}.backups-v50 .backups-hero-v50{display:block}.backup-table-v50 .thead{display:none}.backup-table-v50 .trow{display:block}.backup-table-v50 .trow>span{display:block;margin:8px 0}.form-inline-v50 select{min-width:0}}


/* CerberHost v51 — Faktury / Billing PRO */
.billing-v51{display:grid;gap:18px}.billing-hero-v51{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,rgba(14,165,233,.16),rgba(124,58,237,.13));position:relative;overflow:hidden}.billing-hero-v51:after{content:"";position:absolute;right:-70px;top:-90px;width:230px;height:230px;border-radius:50%;background:rgba(14,165,233,.16);filter:blur(18px)}.billing-hero-v51>*{position:relative;z-index:1}.billing-kpis-v51{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.billing-kpis-v51 .card{padding:18px}.billing-kpis-v51 small{display:block;color:#91a9bf;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.billing-kpis-v51 strong{display:block;font-size:clamp(1.6rem,2.6vw,2.6rem);margin-top:6px}.billing-grid-v51{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.billing-coupon-form-v51{display:grid;grid-template-columns:1.2fr .8fr .7fr .7fr .7fr auto;gap:10px;align-items:end}.coupon-list-v51{display:grid;gap:10px;margin-top:14px}.coupon-chip-v51{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(125,211,252,.12)}.coupon-chip-v51 span{color:#9fb5cc}.invoice-filters-v51{display:flex;gap:10px;margin:12px 0;flex-wrap:wrap}.invoice-filters-v51 input{min-width:260px}.invoice-table-list-v51 .thead,.invoice-table-list-v51 .trow{grid-template-columns:1.1fr 1.1fr .8fr .7fr 1.2fr}.invoice-table-list-v51 .row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.invoice-table-list-v51 .row-actions form{display:inline-flex;margin:0}.invoice-status-v51{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.invoice-status-v51.status-paid{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.32);color:#b9ffd7}.invoice-status-v51.status-issued{background:rgba(14,165,233,.14);border-color:rgba(14,165,233,.30);color:#bdefff}.invoice-status-v51.status-cancelled{background:rgba(244,63,94,.13);border-color:rgba(244,63,94,.30);color:#ffc7d0}.payment-card-v51 .payment-code{margin:10px 0 14px}.invoice-public-v51{max-width:1120px}.invoice-wrap-v51{width:100%}.invoice-actions-v51{display:flex;align-items:center;justify-content:space-between;gap:16px}.invoice-sheet-v51{background:#fff;color:#101828;border-radius:22px;padding:38px;box-shadow:0 24px 80px rgba(0,0,0,.25);margin-bottom:30px}.invoice-sheet-v51 .eyebrow{color:#0369a1}.invoice-top-v51{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:2px solid #e5e7eb;padding-bottom:22px}.invoice-top-v51 h1{color:#0f172a;margin:0}.invoice-number-v51{font-size:1.1rem;font-weight:900;color:#0369a1}.invoice-meta-v51{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.invoice-meta-v51 div,.invoice-parties-v51 div{border:1px solid #e5e7eb;border-radius:16px;padding:14px;background:#f8fafc}.invoice-meta-v51 small{display:block;color:#64748b;font-weight:900;text-transform:uppercase}.invoice-parties-v51{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.invoice-parties-v51 h3{margin-top:0;color:#0f172a}.invoice-table-v51{width:100%;border-collapse:collapse;margin:22px 0;border-radius:16px;overflow:hidden}.invoice-table-v51 th,.invoice-table-v51 td{padding:14px;border-bottom:1px solid #e5e7eb;text-align:left}.invoice-table-v51 th{background:#0f172a;color:#fff}.invoice-summary-v51{margin-left:auto;width:min(420px,100%);display:grid;gap:8px}.invoice-summary-v51 div{display:flex;justify-content:space-between;padding:12px 14px;background:#f1f5f9;border-radius:14px}.invoice-summary-v51 .total{background:#0f172a;color:#fff;font-size:1.1rem}.invoice-note-v51{padding:14px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb}.invoice-sheet-v51 .invoice-status-v51{color:#111827}.billing-topup-v51 .form-grid-3{margin-top:16px}@media(max-width:1100px){.billing-kpis-v51,.billing-grid-v51,.invoice-meta-v51,.invoice-parties-v51{grid-template-columns:1fr}.billing-hero-v51,.invoice-actions-v51{display:block}.billing-coupon-form-v51{grid-template-columns:1fr}.invoice-table-list-v51 .thead{display:none}.invoice-table-list-v51 .trow{display:block}.invoice-table-list-v51 .trow>span{display:block;margin:8px 0}.invoice-sheet-v51{padding:20px;border-radius:16px}}@media print{body{background:#fff!important}.no-print,.sidebar,.topbar,.header,.mobile-bottom-nav{display:none!important}.container,.maincol{display:block!important;max-width:none!important;width:100%!important}.invoice-sheet-v51{box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important}.invoice-public-v51{max-width:none!important}}


/* CerberHost v52 — Pakiety i Limity Usług */
.plans-v52{display:grid;gap:18px}.plans-hero-v52{display:flex;justify-content:space-between;gap:18px;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(22,163,74,.13),rgba(14,165,233,.12),rgba(124,58,237,.10))}.plans-hero-v52:after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(45,212,191,.18);filter:blur(20px)}.plans-hero-v52>*{position:relative;z-index:1}.plan-compare-grid-v52{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan-compare-grid-v52.compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.plan-card-v52{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(125,211,252,.13);box-shadow:0 18px 55px rgba(0,0,0,.13)}.plan-card-v52.featured{border-color:rgba(34,197,94,.45);box-shadow:0 0 0 1px rgba(34,197,94,.16),0 24px 70px rgba(22,163,74,.14)}.plan-card-v52.current{opacity:.82;border-color:rgba(148,163,184,.28)}.plan-card-v52 h3{margin:0;font-size:1.25rem}.plan-card-v52 p{margin:0;color:#9fb5cc}.plan-price-v52{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1}.plan-price-v52 small{font-size:.9rem;color:#9fb5cc;margin-left:4px}.plan-badge-v52{position:absolute;right:14px;top:14px;padding:7px 10px;border-radius:999px;background:rgba(34,197,94,.16);border:1px solid rgba(34,197,94,.35);font-size:12px;font-weight:900}.plan-limits-v52{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.plan-limits-v52 span{display:block;padding:10px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);min-width:0}.plan-limits-v52 b{display:block}.plan-limits-v52 small{display:block;color:#8fa8bf;font-size:12px}.plan-card-v52 ul{margin:0;padding-left:18px;color:#cfe6ff}.plan-card-v52 li{margin:5px 0}.plans-admin-list-v52{display:grid;gap:12px}.plan-admin-card-v52{border:1px solid rgba(125,211,252,.13);border-radius:22px;background:rgba(255,255,255,.035);overflow:hidden}.plan-admin-card-v52 summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) auto;gap:12px;align-items:center;padding:16px}.plan-admin-card-v52 summary::-webkit-details-marker{display:none}.plan-admin-card-v52 summary span{color:#9fb5cc}.plan-admin-card-v52 summary b{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.07)}.plan-form-v52{padding:16px;display:grid;gap:12px}.form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.upgrade-list-v52{display:grid;gap:18px}.upgrade-service-v52 header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:12px}.upgrade-service-v52 header h2{margin-bottom:4px}.upgrade-service-v52 header p{margin:0;color:#9fb5cc}.upgrade-service-v52 header>b{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.07);white-space:nowrap}.plan-card-v52 button[disabled]{opacity:.6;cursor:not-allowed}@media(max-width:1200px){.plan-compare-grid-v52,.plan-compare-grid-v52.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.plans-hero-v52,.upgrade-service-v52 header{display:block}.plan-compare-grid-v52,.plan-compare-grid-v52.compact,.form-grid-3{grid-template-columns:1fr}.plan-admin-card-v52 summary{grid-template-columns:1fr}.plan-limits-v52{grid-template-columns:repeat(2,1fr)}}


/* CerberHost v53 — Port Manager / Firewall */
.ports-v53{display:grid;gap:18px}.ports-hero-v53{display:flex;justify-content:space-between;align-items:center;gap:18px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(14,165,233,.15),rgba(34,197,94,.12),rgba(124,58,237,.10))}.ports-hero-v53:after{content:"";position:absolute;right:-80px;top:-90px;width:260px;height:260px;border-radius:50%;background:rgba(45,212,191,.16);filter:blur(22px)}.ports-hero-v53>*{position:relative;z-index:1}.ports-kpis-v53{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ports-kpis-v53 .card{padding:18px}.ports-kpis-v53 small{display:block;color:#91a9bf;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.ports-kpis-v53 strong{display:block;font-size:clamp(1.6rem,2.5vw,2.6rem);margin-top:4px}.ports-kpis-v53 span{color:#8ba2b8}.ports-grid-v53{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ports-form-v53,.ports-range-form-v53,.ports-allocate-form-v53,.ports-client-form-v53{display:grid;gap:12px}.ports-range-form-v53{grid-template-columns:repeat(3,minmax(0,1fr))}.ports-allocate-form-v53{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,.7fr)) auto}.ports-client-form-v53{grid-template-columns:minmax(0,1fr) auto;align-items:end}.ports-range-form-v53 .wide{grid-column:1/-1}.ports-v53 input,.ports-v53 select,.ports-v53 textarea{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(5,10,22,.55);color:inherit;border-radius:12px;padding:12px}.ports-table-v53 .thead,.ports-table-v53 .trow{grid-template-columns:1fr 1.4fr 1fr .8fr 1.4fr}.ports-table-v53 .trow span small{display:block;color:#91a9bf;margin-top:3px}.ports-table-v53 .row-actions{display:flex;gap:8px;flex-wrap:wrap}.ports-table-v53 .row-actions form{display:inline-flex;margin:0}.port-badge-v53,.port-status-v53{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07)}.port-status-v53.status-open{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.32);color:#b9ffd7}.port-status-v53.status-reserved{background:rgba(14,165,233,.14);border-color:rgba(14,165,233,.30);color:#bdefff}.port-status-v53.status-closed,.port-status-v53.status-released{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.22);color:#dbeafe}.port-status-v53.status-error{background:rgba(244,63,94,.13);border-color:rgba(244,63,94,.30);color:#ffc7d0}.ports-scan-v53{max-height:360px;overflow:auto;border-radius:16px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);padding:12px;white-space:pre-wrap}.ports-log-v53 p{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);margin:0}.ports-log-v53 small{display:block;color:#8fa8bf;margin-top:3px}.btn.small{padding:7px 10px;font-size:12px}.checkline{display:flex!important;align-items:center;gap:10px}.checkline input{width:auto!important}@media(max-width:1100px){.ports-kpis-v53,.ports-grid-v53,.ports-range-form-v53,.ports-allocate-form-v53,.ports-client-form-v53{grid-template-columns:1fr}.ports-hero-v53{display:block}.ports-table-v53 .thead{display:none}.ports-table-v53 .trow{display:block}.ports-table-v53 .trow>span{display:block;margin:9px 0}}


/* CerberHost v55 — Domains / DNS Manager */
.dns-v55 .dns-hero-v55{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,rgba(17,24,39,.96),rgba(12,33,58,.94));border:1px solid rgba(56,189,248,.24);box-shadow:0 22px 70px rgba(2,132,199,.16);overflow:hidden;position:relative}.dns-v55 .dns-hero-v55:after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;background:radial-gradient(circle,rgba(14,165,233,.35),transparent 68%);pointer-events:none}.dns-v55 .dns-hero-v55 h1{margin:.25rem 0;font-size:clamp(26px,4vw,44px)}.dns-v55 .dns-hero-v55 p{max-width:760px;color:#b8c6da}.dns-kpis-v55{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0}.dns-kpis-v55 .card{padding:18px;border:1px solid rgba(56,189,248,.18)}.dns-kpis-v55 small{display:block;color:#8da2bd;text-transform:uppercase;letter-spacing:.08em}.dns-kpis-v55 strong{display:block;font-size:32px;margin:6px 0}.dns-kpis-v55 span{color:#9fb0c8}.dns-grid-v55{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dns-form-v55,.dns-record-form-v55,.dns-client-form-v55{display:grid;gap:12px}.dns-record-form-v55{grid-template-columns:1.2fr 1fr .8fr 1.5fr .7fr .8fr .7fr auto;align-items:end}.dns-client-form-v55{grid-template-columns:1.1fr 1fr 1.4fr .8fr 1.4fr auto;align-items:end}.dns-v55 label{display:grid;gap:6px;color:#d6e2f3}.dns-v55 label small{color:#8da2bd;font-weight:400}.dns-v55 input,.dns-v55 select,.dns-v55 textarea{width:100%;border:1px solid rgba(148,163,184,.24);background:rgba(2,6,23,.45);color:#eef7ff;border-radius:12px;padding:10px 12px;outline:none}.dns-v55 textarea{resize:vertical}.dns-v55 .checkline{display:flex;align-items:center;gap:8px}.dns-v55 .checkline input{width:auto}.dns-table-v55{margin-top:14px}.dns-table-v55 .thead,.dns-table-v55 .trow{display:grid;grid-template-columns:1.45fr 1.2fr 1.1fr .75fr 1fr;gap:12px;align-items:center}.dns-table-v55 .thead{padding:12px 14px;color:#8da2bd;border-bottom:1px solid rgba(148,163,184,.16);text-transform:uppercase;font-size:12px;letter-spacing:.06em}.dns-table-v55 .trow{padding:14px;border-bottom:1px solid rgba(148,163,184,.1)}.dns-table-v55 .trow:last-child{border-bottom:0}.dns-table-v55 strong{display:block}.dns-table-v55 small{display:block;color:#8da2bd;margin-top:3px}.dns-badge-v55,.dns-status-v55{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;font-size:12px;background:rgba(14,165,233,.13);color:#7dd3fc;border:1px solid rgba(14,165,233,.22)}.dns-status-v55.status-active{background:rgba(34,197,94,.12);color:#86efac;border-color:rgba(34,197,94,.22)}.dns-status-v55.status-pending{background:rgba(245,158,11,.12);color:#fcd34d;border-color:rgba(245,158,11,.22)}.dns-status-v55.status-error,.dns-status-v55.status-rejected,.dns-status-v55.status-deleted{background:rgba(239,68,68,.12);color:#fca5a5;border-color:rgba(239,68,68,.22)}.dns-v55 .row-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.dns-v55 .row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.dns-v55 .inline-search-v55{display:flex;gap:8px;align-items:center}.dns-v55 .btn.small{padding:7px 10px;font-size:12px}@media (max-width:1100px){.dns-kpis-v55,.dns-grid-v55{grid-template-columns:1fr 1fr}.dns-record-form-v55,.dns-client-form-v55{grid-template-columns:1fr 1fr}.dns-table-v55 .thead{display:none}.dns-table-v55 .trow{grid-template-columns:1fr}.dns-v55 .dns-hero-v55{display:block}.dns-v55 .dns-hero-v55 .row-actions{margin-top:12px}}@media (max-width:720px){.dns-kpis-v55,.dns-grid-v55,.dns-record-form-v55,.dns-client-form-v55{grid-template-columns:1fr}}

/* CerberHost v57 — DB / FTP / SFTP Access Manager */
.access-v57 .access-hero-v57{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,rgba(0,194,255,.12),rgba(134,93,255,.08));border:1px solid rgba(0,194,255,.22)}
.access-v57 .access-hero-v57 h1{margin:.2rem 0;font-size:clamp(26px,3vw,42px)}
.access-v57 .access-hero-v57 p{max-width:850px;color:rgba(225,238,255,.82)}
.access-kpis-v57{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}
.access-kpis-v57 .card{padding:18px;border:1px solid rgba(0,194,255,.18)}
.access-kpis-v57 small{display:block;color:#35d8ff;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:11px}
.access-kpis-v57 strong{display:block;font-size:28px;margin:6px 0;color:#f2fbff}
.access-kpis-v57 span{color:rgba(225,238,255,.68)}
.access-grid-v57{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin:16px 0}.access-form-v57{display:grid;gap:11px}.access-form-v57 label{display:grid;gap:5px;color:rgba(225,238,255,.86);font-weight:700}.access-form-v57 input,.access-form-v57 select{width:100%}.access-form-v57 hr{border:0;border-top:1px solid rgba(0,194,255,.14);width:100%;margin:10px 0}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid-3{display:grid;grid-template-columns:1fr 120px 120px;gap:10px}.access-table-v57 .thead,.access-table-v57 .trow{grid-template-columns:1.25fr 1.2fr 1.2fr .75fr 1fr}.access-table-v57 code{padding:3px 7px;border-radius:8px;background:rgba(0,194,255,.09);border:1px solid rgba(0,194,255,.15);color:#dff8ff;word-break:break-all}.access-table-v57 details summary{cursor:pointer;color:#35d8ff;font-weight:800}.access-status-v57{display:inline-flex;padding:5px 9px;border-radius:999px;text-transform:uppercase;font-size:11px;letter-spacing:.08em;border:1px solid rgba(255,255,255,.12)}.access-status-v57.status-active{background:rgba(48,255,166,.10);color:#6fffc0;border-color:rgba(48,255,166,.25)}.access-status-v57.status-pending{background:rgba(255,190,70,.10);color:#ffd37a;border-color:rgba(255,190,70,.25)}.access-status-v57.status-deleted,.access-status-v57.status-error{background:rgba(255,80,110,.10);color:#ff98a9;border-color:rgba(255,80,110,.28)}.access-info-v57 p{color:rgba(225,238,255,.78);line-height:1.7}.muted-v46{color:rgba(225,238,255,.6)}
@media(max-width:980px){.access-kpis-v57{grid-template-columns:1fr 1fr}.access-grid-v57{grid-template-columns:1fr}.access-v57 .access-hero-v57{align-items:flex-start;flex-direction:column}.form-grid-2,.form-grid-3{grid-template-columns:1fr}.access-table-v57 .thead{display:none}.access-table-v57 .trow{grid-template-columns:1fr}}
/* CerberHost v58 — Database VPS Manager */
.db-vps-v58 .mono-box-v58{width:100%;min-height:260px;border-radius:14px;border:1px solid rgba(0,194,255,.18);background:rgba(2,12,24,.78);color:#dff8ff;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.55;resize:vertical}.dbnodes-table-v58 .thead,.dbnodes-table-v58 .trow{grid-template-columns:1.1fr 1.25fr .7fr 1fr 1.25fr}.db-vps-v58 textarea{width:100%}@media(max-width:980px){.dbnodes-table-v58 .thead{display:none}.dbnodes-table-v58 .trow{grid-template-columns:1fr}}

/* v58.4 — Baza MySQL jako produkt 5 zł / 30 dni */
.order-titan-art.art-db{background:linear-gradient(135deg,rgba(38,221,255,.18),rgba(120,90,255,.16));border-color:rgba(45,226,255,.42)}
.order-titan-art.art-db:before{content:'DB';font-size:1.15rem;font-weight:1000;letter-spacing:.08em;color:#071725;background:linear-gradient(135deg,#19bfff,#35efff);padding:14px 10px;border-radius:12px;box-shadow:0 12px 30px rgba(20,210,255,.25)}
.database-order-box-v584,.db-buy-box-v584{border:1px solid rgba(45,226,255,.22);background:linear-gradient(145deg,rgba(10,39,62,.58),rgba(5,16,28,.72));border-radius:18px;padding:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.database-order-box-v584 strong,.db-buy-box-v584 strong{display:block;font-size:1.35rem;color:#27e1ff;margin-bottom:8px}
.database-order-box-v584 p,.db-buy-box-v584 p{color:#bed0dd;margin:0 0 12px}.database-order-box-v584 ul{margin:10px 0 0;padding-left:18px;color:#d9ecf8}.database-order-box-v584 code{background:rgba(0,0,0,.28);border:1px solid rgba(45,226,255,.18);padding:2px 6px;border-radius:7px;color:#eafaff}
.db-buy-box-v584 .btn{margin-top:8px}


/* CerberHost v63 */
.v63-category-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.v63-category-tabs a{padding:10px 14px;border:1px solid rgba(40,210,255,.25);border-radius:14px;background:rgba(5,18,30,.75);color:#dceeff;text-decoration:none;font-weight:800}
.v63-category-tabs a.active,.v63-category-tabs a:hover{background:linear-gradient(135deg,#12b8ff,#30e2ff);color:#00131f}
.v63-category-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}
.v63-category-title h2{margin:0;font-size:26px}
.v63-offline-box{border:1px solid rgba(255,72,128,.45);background:rgba(70,12,40,.28);border-radius:18px;padding:22px;margin:15px 0;color:#ffdce7}
.v63-admin-sidebar .v24-admin-group-title{border-radius:16px}
.v63-admin-sidebar .v24-admin-subnav a{min-height:54px}
.order-titan-product.offline{filter:grayscale(.3);opacity:.72}
.order-titan-product .offline-ribbon{display:inline-block;margin-top:8px;padding:5px 10px;border-radius:999px;background:rgba(255,75,120,.18);border:1px solid rgba(255,75,120,.4);color:#ffd2df;font-weight:900}



/* CerberHost v63.1 — AMP debug layout + przypisywanie AMP do klienta */
.admin-layout,
.amp-debug-layout-v631,
.amp-admin-layout-v631 {
  width: min(1680px, calc(100vw - 48px));
  margin: 26px auto;
  display: grid;
  grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.admin-layout .admin-content,
.amp-debug-layout-v631 .admin-content,
.amp-admin-layout-v631 .admin-content {
  min-width: 0;
  width: 100%;
}

.amp-debug-layout-v631 .card,
.amp-admin-layout-v631 .card {
  width: 100%;
  max-width: none;
  overflow: hidden;
}

.amp-table-scroll {
  width: 100%;
  overflow-x: auto;
  border-radius: 16px;
}

.amp-debug-table-v631 {
  width: 100%;
  min-width: 760px;
  table-layout: fixed;
}

.amp-debug-table-v631 th,
.amp-debug-table-v631 td {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  vertical-align: top;
}

.amp-debug-table-v631 td:first-child,
.amp-debug-table-v631 th:first-child {
  width: 260px;
}

.amp-api-details {
  margin: 10px 0;
  border: 1px solid rgba(40,210,255,.15);
  border-radius: 14px;
  padding: 10px 12px;
  background: rgba(5,18,30,.55);
}

.amp-api-details pre {
  max-height: 460px;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.amp-assign-form .grid-2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 16px;
}

.check-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0;
}

.check-row input {
  width: auto;
}

@media (max-width: 980px) {
  .admin-layout,
  .amp-debug-layout-v631,
  .amp-admin-layout-v631 {
    width: calc(100vw - 24px);
    grid-template-columns: 1fr;
  }
  .amp-assign-form .grid-2 {
    grid-template-columns: 1fr;
  }
}


/* CerberHost v64 — publiczne landing pages: /minecraft /fivem /teamspeak /discord */
.ch-game-landing{padding-bottom:80px}
.ch-game-hero{padding:64px 0 34px;position:relative;overflow:hidden}
.ch-game-hero:before{content:"";position:absolute;inset:-20% -10% auto auto;width:560px;height:560px;background:radial-gradient(circle,rgba(34,211,238,.2),transparent 62%);pointer-events:none}
.ch-game-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.8fr);gap:28px;align-items:center}
.ch-game-hero-copy h1{font-size:clamp(2.8rem,6vw,6.8rem);line-height:.92;margin:0 0 18px;text-shadow:0 10px 28px rgba(0,0,0,.35)}
.ch-game-hero-copy p{font-size:1.15rem;max-width:760px;color:#c9d7e8}
.ch-game-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}
.ch-game-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.ch-game-proof span{border:1px solid rgba(40,210,255,.22);background:rgba(5,18,30,.65);border-radius:999px;padding:9px 12px;font-weight:800;color:#dff7ff}
.ch-game-visual{min-height:390px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(48,226,255,.18),rgba(5,18,30,.7) 60%)}
.ch-game-orb{width:190px;height:190px;border-radius:44px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(18,184,255,.95),rgba(48,226,255,.35));font-size:4.4rem;font-weight:1000;letter-spacing:.1em;box-shadow:0 24px 70px rgba(0,0,0,.35),inset 0 0 42px rgba(255,255,255,.12)}
.ch-game-stats{position:absolute;left:24px;right:24px;bottom:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ch-game-stats div{border:1px solid rgba(255,255,255,.08);background:rgba(0,12,24,.56);border-radius:18px;padding:14px;text-align:center}
.ch-game-stats b{display:block;color:#fff}
.ch-game-stats small{display:block;color:#a9bacb;margin-top:4px}
.ch-game-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;margin-bottom:28px}
.ch-game-tabs a{border:1px solid rgba(40,210,255,.22);background:rgba(5,18,30,.72);border-radius:18px;padding:12px 16px;font-weight:1000;color:#dbefff;display:flex;align-items:center;gap:9px}
.ch-game-tabs a span{width:38px;height:38px;border-radius:13px;background:rgba(18,184,255,.16);display:grid;place-items:center}
.ch-game-tabs a.active,.ch-game-tabs a:hover{background:linear-gradient(135deg,#12b8ff,#30e2ff);color:#00131f}
.ch-game-section-head{margin:30px 0 18px}
.ch-game-section-head h2{margin:0 0 8px;font-size:clamp(2rem,3.5vw,3.6rem)}
.ch-game-section-head p{max-width:850px}
.ch-game-periods{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.ch-game-periods button{border:1px solid rgba(40,210,255,.22);background:rgba(5,18,30,.72);color:#dff7ff;border-radius:14px;padding:11px 16px;font-weight:900;cursor:pointer}
.ch-game-periods button.active{background:#21d4ff;color:#00131f}
.ch-game-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ch-game-package{display:flex;flex-direction:column;min-height:320px;transition:transform .18s ease,border-color .18s ease}
.ch-game-package:hover{transform:translateY(-4px);border-color:rgba(48,226,255,.6)}
.ch-game-package>span{width:54px;height:54px;border-radius:18px;background:rgba(34,211,238,.16);display:grid;place-items:center;font-weight:1000;margin-bottom:15px}
.ch-game-package h3{font-size:1.45rem;margin:0 0 8px}
.ch-game-package p{margin:0 0 12px;color:#b8c6d8}
.ch-game-package ul{margin:0 0 16px;padding-left:18px;color:#dcecff;display:grid;gap:4px}
.ch-game-package b{margin-top:auto;display:inline-flex;align-self:flex-start;border-radius:999px;background:rgba(18,184,255,.18);padding:10px 14px;color:#e9fbff}
.ch-game-empty{grid-column:1/-1}
.ch-game-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ch-game-feature b{font-size:1.15rem;color:#f4fbff}
.ch-game-feature p{margin-bottom:0}
.ch-game-engine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ch-game-engine span{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,rgba(18,184,255,.8),rgba(48,226,255,.25));display:grid;place-items:center;font-weight:1000;margin-bottom:14px}
.ch-game-engine h3{margin:0 0 8px}
.ch-game-engine p{margin:0}
.ch-game-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:24px;align-items:center;margin-top:40px}
.ch-game-control-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.ch-game-control-tabs span{border:1px solid rgba(40,210,255,.18);border-radius:999px;padding:9px 12px;font-weight:900;color:#dff7ff}
.ch-game-panel-preview{display:grid;gap:12px;background:rgba(0,8,20,.48);border:1px solid rgba(40,210,255,.14);border-radius:24px;padding:18px}
.ch-game-panel-preview div{height:58px;border-radius:16px;background:linear-gradient(90deg,rgba(18,184,255,.2),rgba(255,255,255,.03))}
.ch-game-faq-item{margin:10px 0;padding:0}
.ch-game-faq-item summary{cursor:pointer;padding:20px 24px;font-weight:1000}
.ch-game-faq-item p{padding:0 24px 20px;margin:0}
.ch-game-cta{text-align:center;margin-top:36px}
.ch-game-cta h2{margin:0 0 10px;font-size:clamp(2rem,4vw,4rem)}
.ch-game-landing-green .ch-game-orb{background:linear-gradient(135deg,#84f263,#23d18b)}
.ch-game-landing-purple .ch-game-orb{background:linear-gradient(135deg,#8b5cf6,#22d3ee)}
.ch-game-landing-cyan .ch-game-orb{background:linear-gradient(135deg,#22d3ee,#2563eb)}
.ch-game-landing-blue .ch-game-orb{background:linear-gradient(135deg,#1d4ed8,#22d3ee)}
@media(max-width:1050px){.ch-game-hero-grid,.ch-game-control{grid-template-columns:1fr}.ch-game-packages,.ch-game-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ch-game-engine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.ch-game-packages,.ch-game-feature-grid,.ch-game-engine-grid{grid-template-columns:1fr}.ch-game-stats{grid-template-columns:1fr;position:static;margin-top:20px}.ch-game-visual{min-height:auto}.ch-game-orb{width:150px;height:150px;font-size:3rem}.ch-game-hero{padding-top:36px}}


/* CerberHost v64.1 — naprawa menu Oferty, dropdownów i rozjechanych zakładek */
.nav-dd{position:relative;display:inline-block}
.nav-dd>summary{list-style:none;cursor:pointer;user-select:none;border:1px solid rgba(40,210,255,.22);background:rgba(5,18,30,.72);border-radius:14px;padding:10px 14px;font-weight:1000;color:#dcecff}
.nav-dd>summary::-webkit-details-marker{display:none}
.nav-dd>summary:after{content:"⌄";font-size:.8em;margin-left:8px;opacity:.85}
.nav-dd[open]>summary{background:rgba(18,184,255,.18);color:#2ee8ff;border-color:rgba(48,226,255,.55)}
.nav-dd-menu{position:absolute;top:calc(100% + 10px);left:0;z-index:9999;min-width:240px;max-width:min(360px,calc(100vw - 30px));padding:10px;border:1px solid rgba(40,210,255,.25);border-radius:18px;background:rgba(5,18,30,.96);box-shadow:0 22px 70px rgba(0,0,0,.45);backdrop-filter:blur(14px)}
.nav-dd-menu a{display:flex!important;flex-direction:column;gap:3px;padding:12px 14px;border-radius:13px;color:#e9f7ff!important;text-decoration:none!important;border:1px solid transparent}
.nav-dd-menu a:hover{background:rgba(18,184,255,.14);border-color:rgba(48,226,255,.3)}
.nav-dd-menu a strong{font-size:1rem}
.nav-dd-menu a small{font-size:.78rem;color:#9fb6c9}
.v641-offer-menu{display:grid;gap:6px}
.v641-offers-page{padding:34px 0 80px}
.v641-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.v641-offer-tile{min-height:170px;display:flex;flex-direction:column;justify-content:space-between}
.v641-offer-tile strong{font-size:1.7rem}
.v641-offer-tile span{color:#aebdce}
.v641-offer-tile em{font-style:normal;color:#32dcff;font-weight:1000}
.header nav{overflow:visible!important}
.site-header,.topbar,.header{overflow:visible!important}
.card, .hero-card{max-width:100%}
img{max-width:100%;height:auto}
table{max-width:100%}
.table-wrap{overflow-x:auto}
@media(max-width:920px){
  .nav-dd{display:block;width:100%}
  .nav-dd>summary{width:100%;box-sizing:border-box}
  .nav-dd-menu{position:static;margin-top:8px;max-width:none;width:100%;box-sizing:border-box}
  .v641-offer-grid{grid-template-columns:1fr}
}


/* CerberHost v64.2 — finalna naprawa menu Oferta i rozjechanych zakładek */
.cerber-menu{overflow:visible!important;align-items:center}
.cerber-nav,.topbar,.cerber-topbar,.container.nav{overflow:visible!important}
.cerber-menu > a,
.cerber-menu > details > summary{white-space:nowrap}
.cerber-more{position:relative;display:inline-block}
.cerber-more>summary{list-style:none;cursor:pointer;user-select:none}
.cerber-more>summary::-webkit-details-marker{display:none}
.cerber-more>summary:after{content:"⌄";display:inline-block;margin-left:8px;font-size:.78em;opacity:.9;transform:translateY(-1px)}
.cerber-more[open]>summary:after{content:"⌃"}
.v642-offer-dd>summary{color:#eaf7ff;font-weight:1000;border:1px solid rgba(40,210,255,.24);background:rgba(5,18,30,.72);border-radius:14px;padding:10px 15px}
.v642-offer-dd[open]>summary,.v642-offer-dd>summary:hover{color:#00131f;background:linear-gradient(135deg,#12b8ff,#30e2ff);border-color:rgba(48,226,255,.75)}
.v642-more-dd>summary{border:1px solid rgba(40,210,255,.22);background:rgba(5,18,30,.72);border-radius:14px;padding:10px 14px;font-weight:900;color:#dcecff}
.v642-more-dd[open]>summary,.v642-more-dd>summary:hover{background:rgba(18,184,255,.16);color:#34e5ff}
.cerber-more-menu{position:absolute;top:calc(100% + 10px);left:0;z-index:10050;min-width:245px;max-width:min(390px,calc(100vw - 28px));padding:10px;border:1px solid rgba(40,210,255,.28);border-radius:18px;background:rgba(4,16,28,.98);box-shadow:0 24px 70px rgba(0,0,0,.55);backdrop-filter:blur(15px)}
.v642-offer-menu{display:grid;gap:7px;min-width:270px}
.v642-offer-menu .v642-offer-link{display:flex!important;flex-direction:column!important;gap:3px;padding:13px 14px;border-radius:13px;color:#eaf7ff!important;text-decoration:none!important;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}
.v642-offer-menu .v642-offer-link:hover{background:rgba(18,184,255,.16);border-color:rgba(48,226,255,.38);transform:translateX(2px)}
.v642-offer-menu .v642-offer-link strong{font-size:1rem;line-height:1.1;color:#f4fbff}
.v642-offer-menu .v642-offer-link small{font-size:.78rem;color:#a7bfd4;line-height:1.25}
.v642-more-menu a{display:block!important;padding:11px 13px;border-radius:12px;color:#dcecff!important;text-decoration:none!important}
.v642-more-menu a:hover{background:rgba(18,184,255,.13);color:#2fe6ff!important}
.v642-offers-page{padding:34px 0 88px}.v642-hero-fix{margin-bottom:20px}.v642-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v642-offer-tile{min-height:190px;display:flex;flex-direction:column;justify-content:space-between;transition:.18s ease}.v642-offer-tile:hover{transform:translateY(-4px);border-color:rgba(48,226,255,.48)}.v642-offer-tile span{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:rgba(18,184,255,.16);font-weight:1000;color:#42e8ff}.v642-offer-tile strong{font-size:1.45rem}.v642-offer-tile small{color:#aebed0}.v642-offer-tile em{font-style:normal;color:#34e5ff;font-weight:1000}
/* Globalne osłony przed rozjechanym layoutem */
main,.container,.card,.hero-card,.admin-content{min-width:0}.card{max-width:100%}img,video,canvas,svg{max-width:100%;height:auto}table{max-width:100%;border-collapse:separate}.table-wrap,.amp-table-scroll{overflow-x:auto;max-width:100%}pre,code{white-space:pre-wrap;overflow-wrap:anywhere}input,select,textarea{max-width:100%;box-sizing:border-box}
@media(max-width:1040px){.cerber-menu{align-items:stretch}.cerber-more{display:block;width:100%}.cerber-more>summary{width:100%;box-sizing:border-box}.cerber-more-menu{position:static;margin-top:8px;max-width:none;width:100%;box-sizing:border-box}.v642-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.v642-offer-grid{grid-template-columns:1fr}.v642-offer-dd>summary,.v642-more-dd>summary{padding:12px 14px}}


/* CerberHost v64.3 — mocny wygląd stron ofert */
.v643-page{--a:#22d3ee;--b:#0ea5e9;--glow:rgba(34,211,238,.26);position:relative;overflow:hidden;padding-bottom:90px}
.v643-page *{box-sizing:border-box}
.v643-shell{width:min(1450px,calc(100vw - 48px));margin:0 auto}
.v643-page:before{content:"";position:absolute;top:0;left:0;right:0;height:520px;background:
radial-gradient(circle at 15% 10%,var(--glow),transparent 35%),
radial-gradient(circle at 85% 0%,rgba(14,165,233,.20),transparent 34%);pointer-events:none}
.v643-green{--a:#7cf257;--b:#22c55e;--glow:rgba(124,242,87,.20)}
.v643-blue{--a:#38bdf8;--b:#2563eb;--glow:rgba(56,189,248,.22)}
.v643-cyan{--a:#22d3ee;--b:#0891b2;--glow:rgba(34,211,238,.24)}
.v643-purple{--a:#a78bfa;--b:#5865f2;--glow:rgba(167,139,250,.24)}
.v643-hero{padding:70px 0 34px;position:relative}
.v643-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.78fr);gap:32px;align-items:center}
.v643-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--a);font-weight:1000;letter-spacing:.42em;font-size:.82rem;text-transform:uppercase;text-shadow:0 0 18px var(--glow)}
.v643-copy h1{font-size:clamp(3rem,6.4vw,7.4rem);line-height:.88;margin:18px 0 20px;color:#eef8ff;text-shadow:0 18px 50px rgba(0,0,0,.45);max-width:980px}
.v643-copy p{font-size:1.18rem;line-height:1.7;color:#c7d6e8;max-width:760px;margin:0}
.v643-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}
.v643-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:15px;border:1px solid rgba(255,255,255,.12);background:rgba(8,22,36,.82);color:#eef8ff!important;text-decoration:none!important;font-weight:1000;padding:0 20px;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.v643-btn-primary{background:linear-gradient(135deg,var(--a),var(--b));color:#00131d!important;border-color:transparent}
.v643-chips{display:flex;gap:10px;flex-wrap:wrap}
.v643-chips span{border:1px solid rgba(255,255,255,.1);background:rgba(6,20,34,.72);border-radius:999px;padding:10px 13px;color:#e6f6ff;font-weight:850}
.v643-visual{position:relative;min-height:430px;border:1px solid rgba(34,211,238,.18);border-radius:36px;background:
linear-gradient(180deg,rgba(7,25,42,.85),rgba(3,12,24,.92));box-shadow:0 30px 90px rgba(0,0,0,.38),inset 0 0 80px rgba(255,255,255,.03);display:grid;place-items:center;overflow:hidden}
.v643-visual:before{content:"";position:absolute;inset:auto -15% -35% -15%;height:260px;background:radial-gradient(ellipse,var(--glow),transparent 68%)}
.v643-orbit{position:absolute;width:330px;height:330px;border-radius:50%;border:1px dashed rgba(255,255,255,.16);animation:v643spin 26s linear infinite}
.v643-logo{position:relative;width:190px;height:190px;border-radius:44px;background:linear-gradient(135deg,var(--a),var(--b));color:#00131d;display:grid;place-items:center;font-size:4.2rem;font-weight:1000;letter-spacing:.12em;box-shadow:0 30px 80px var(--glow),inset 0 0 42px rgba(255,255,255,.18)}
.v643-mini-card{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(1,12,24,.78);backdrop-filter:blur(12px);padding:14px 18px;min-width:130px;box-shadow:0 20px 45px rgba(0,0,0,.25)}
.v643-mini-card b{display:block;color:#fff;font-size:1.25rem}.v643-mini-card small{color:#9fb4c8}
.v643-mini-card.one{left:24px;top:42px}.v643-mini-card.two{right:24px;top:86px}.v643-mini-card.three{left:42px;bottom:42px}
@keyframes v643spin{to{transform:rotate(360deg)}}
.v643-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:8px;margin-bottom:36px;position:relative}
.v643-tabs a{display:flex;align-items:center;gap:12px;border:1px solid rgba(34,211,238,.18);border-radius:20px;background:rgba(7,21,36,.76);padding:15px 17px;color:#e8f6ff!important;text-decoration:none!important;font-weight:1000}
.v643-tabs a span{width:44px;height:44px;border-radius:15px;background:rgba(34,211,238,.12);display:grid;place-items:center}
.v643-tabs a.active,.v643-tabs a:hover{border-color:rgba(34,211,238,.58);background:linear-gradient(135deg,rgba(34,211,238,.22),rgba(37,99,235,.13))}
.v643-section-head{margin:36px 0 18px}.v643-section-head h2{margin:12px 0 8px;font-size:clamp(2rem,3.8vw,4.1rem);line-height:1;color:#edf8ff}.v643-section-head p{max-width:820px;color:#b7c8d9}
.v643-periods{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.v643-periods button{border:1px solid rgba(34,211,238,.22);background:rgba(7,21,36,.8);color:#e6f7ff;border-radius:14px;padding:12px 18px;font-weight:1000;cursor:pointer}.v643-periods button.active{background:linear-gradient(135deg,var(--a),var(--b));color:#00131d}
.v643-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.v643-package{position:relative;display:flex;flex-direction:column;min-height:420px;border:1px solid rgba(34,211,238,.18);border-radius:28px;background:
linear-gradient(180deg,rgba(11,32,51,.92),rgba(4,14,26,.94));padding:24px;color:#edf8ff!important;text-decoration:none!important;overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.23);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.v643-package:before{content:"";position:absolute;inset:-60% -30% auto auto;width:260px;height:260px;background:radial-gradient(circle,var(--glow),transparent 66%);pointer-events:none}
.v643-package:hover{transform:translateY(-7px);border-color:rgba(34,211,238,.58);box-shadow:0 30px 90px rgba(0,0,0,.32)}
.v643-package.featured{border-color:rgba(255,255,255,.28);box-shadow:0 28px 90px var(--glow)}
.v643-package-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.v643-package-top>span{width:58px;height:58px;border-radius:19px;background:linear-gradient(135deg,var(--a),var(--b));display:grid;place-items:center;color:#00131d;font-weight:1000}.v643-package-top em{font-style:normal;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:8px 11px;color:#fff;font-weight:900}
.v643-package h3{margin:0 0 10px;font-size:1.55rem;line-height:1.15}.v643-package p{margin:0 0 16px;color:#b7c8d9;line-height:1.55}
.v643-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:6px 0 18px}.v643-spec-grid div{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(0,10,20,.34);padding:12px}.v643-spec-grid small{display:block;color:#88a5ba;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.v643-spec-grid b{display:block;color:#fff;margin-top:5px;word-break:break-word}
.v643-price{margin-top:auto}.v643-price strong{font-size:2rem;color:#fff}.v643-price small{color:#9fb4c8}.v643-order{display:inline-flex;margin-top:16px;align-self:flex-start;border-radius:999px;background:rgba(34,211,238,.15);border:1px solid rgba(34,211,238,.24);padding:10px 14px;font-weight:1000;color:#eaffff}
.v643-empty{grid-column:1/-1;border:1px solid rgba(255,75,120,.28);border-radius:24px;background:rgba(55,10,34,.24);padding:28px}
.v643-two-col{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);gap:28px;margin-top:45px;align-items:start}
.v643-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v643-feature{border:1px solid rgba(34,211,238,.15);border-radius:20px;background:rgba(7,21,36,.70);padding:19px}.v643-feature b{font-size:1.15rem;color:#fff}.v643-feature p{margin:.55rem 0 0;color:#aebfd0}
.v643-panel{border:1px solid rgba(34,211,238,.16);border-radius:32px;background:rgba(2,12,24,.82);padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.28);position:sticky;top:96px}
.v643-panel-head{display:flex;gap:8px;margin-bottom:22px}.v643-panel-head span{width:13px;height:13px;border-radius:50%;background:var(--a)}
.v643-console-line{height:18px;border-radius:999px;background:linear-gradient(90deg,var(--glow),rgba(255,255,255,.05));margin:14px 0}.v643-console-line.w90{width:90%}.v643-console-line.w75{width:75%}.v643-console-line.w60{width:60%}
.v643-panel-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.v643-panel-actions span{text-align:center;border-radius:14px;background:rgba(34,211,238,.12);padding:12px;font-weight:1000;color:#eaffff}
.v643-engines{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v643-engine{border:1px solid rgba(34,211,238,.15);border-radius:22px;background:rgba(7,21,36,.70);padding:20px}.v643-engine span{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--a),var(--b));color:#00131d;display:grid;place-items:center;font-weight:1000;margin-bottom:14px}.v643-engine h3{margin:0 0 8px;color:#fff}.v643-engine p{margin:0;color:#aebfd0}
.v643-faq{margin-top:36px}.v643-faq details{border:1px solid rgba(34,211,238,.15);border-radius:18px;background:rgba(7,21,36,.70);margin:10px 0;overflow:hidden}.v643-faq summary{cursor:pointer;padding:18px 22px;font-weight:1000;color:#fff}.v643-faq p{padding:0 22px 18px;margin:0;color:#b7c8d9}
.v643-cta{text-align:center;margin-top:40px;border:1px solid rgba(34,211,238,.18);border-radius:34px;background:linear-gradient(180deg,rgba(11,32,51,.88),rgba(4,14,26,.92));padding:46px}.v643-cta h2{font-size:clamp(2rem,4.5vw,4.6rem);margin:10px 0;color:#fff}.v643-cta p{color:#bdd0e2}
@media(max-width:1100px){.v643-hero-grid,.v643-two-col{grid-template-columns:1fr}.v643-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.v643-engines{grid-template-columns:repeat(2,minmax(0,1fr))}.v643-panel{position:relative;top:auto}}
@media(max-width:760px){.v643-shell{width:min(100% - 24px,1450px)}.v643-hero{padding-top:38px}.v643-copy h1{font-size:3rem}.v643-visual{min-height:330px}.v643-logo{width:145px;height:145px;font-size:3rem}.v643-mini-card{display:none}.v643-tabs,.v643-packages,.v643-feature-grid,.v643-engines{grid-template-columns:1fr}.v643-spec-grid{grid-template-columns:1fr}.v643-cta{padding:28px}}


/* CerberHost v65 — zakup serwerów Counter Strike na sloty */
.v65-cs-page{--a:#22d3ee;--b:#2563eb;--danger:#fb7185;position:relative;overflow:hidden;padding-bottom:90px}
.v65-cs-page *{box-sizing:border-box}
.v65-shell{width:min(1450px,calc(100vw - 48px));margin:0 auto}
.v65-cs-page:before{content:"";position:absolute;top:-100px;right:-140px;width:620px;height:620px;background:radial-gradient(circle,rgba(34,211,238,.18),transparent 64%);pointer-events:none}
.v65-cs-hero{padding:72px 0 34px}
.v65-cs-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);gap:32px;align-items:center}
.v65-eyebrow{display:inline-flex;color:#2ee8ff;font-weight:1000;letter-spacing:.36em;font-size:.82rem;text-transform:uppercase;text-shadow:0 0 18px rgba(34,211,238,.25)}
.v65-cs-hero h1{font-size:clamp(3.2rem,6.2vw,7rem);line-height:.9;margin:18px 0;color:#eef8ff;text-shadow:0 20px 50px rgba(0,0,0,.45)}
.v65-cs-hero p{max-width:780px;font-size:1.18rem;line-height:1.7;color:#c5d6e7}
.v65-cs-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}
.v65-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:15px;border:1px solid rgba(255,255,255,.12);background:rgba(8,22,36,.82);color:#eef8ff!important;text-decoration:none!important;font-weight:1000;padding:0 20px;cursor:pointer}
.v65-btn-primary{background:linear-gradient(135deg,var(--a),var(--b));color:#00131d!important;border-color:transparent}
.v65-wide{width:100%;margin-top:18px}
.v65-cs-chips{display:flex;gap:10px;flex-wrap:wrap}.v65-cs-chips span{border:1px solid rgba(34,211,238,.2);background:rgba(7,21,36,.74);border-radius:999px;padding:10px 13px;font-weight:900;color:#e8f8ff}
.v65-cs-visual{position:relative;min-height:430px;border:1px solid rgba(34,211,238,.18);border-radius:36px;background:linear-gradient(180deg,rgba(7,25,42,.86),rgba(3,12,24,.94));display:grid;place-items:center;box-shadow:0 30px 90px rgba(0,0,0,.38);overflow:hidden}
.v65-crosshair{position:absolute;width:330px;height:330px;border:1px dashed rgba(255,255,255,.16);border-radius:50%}
.v65-crosshair:before,.v65-crosshair:after{content:"";position:absolute;background:rgba(255,255,255,.12)}
.v65-crosshair:before{left:50%;top:0;bottom:0;width:1px}.v65-crosshair:after{top:50%;left:0;right:0;height:1px}
.v65-cs-logo{position:relative;width:190px;height:190px;border-radius:44px;background:linear-gradient(135deg,#22d3ee,#2563eb);display:grid;place-items:center;color:#00131d;font-size:4.2rem;font-weight:1000;letter-spacing:.08em;box-shadow:0 30px 90px rgba(34,211,238,.24)}
.v65-float-card{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(1,12,24,.78);padding:14px 18px;min-width:150px}
.v65-float-card b{display:block;color:#fff}.v65-float-card small{color:#9fb4c8}.v65-float-card.one{left:25px;top:38px}.v65-float-card.two{right:25px;top:95px}.v65-float-card.three{left:50px;bottom:45px}
.v65-cs-game-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:6px auto 34px}
.v65-cs-game-tabs a{display:flex;flex-direction:column;gap:5px;border:1px solid rgba(34,211,238,.18);border-radius:20px;background:rgba(7,21,36,.76);padding:16px;color:#e8f6ff!important;text-decoration:none!important}
.v65-cs-game-tabs a.active,.v65-cs-game-tabs a:hover{border-color:rgba(34,211,238,.58);background:linear-gradient(135deg,rgba(34,211,238,.22),rgba(37,99,235,.13))}
.v65-cs-game-tabs b{font-size:1.15rem}.v65-cs-game-tabs small{color:#9fb4c8}
.v65-cs-config{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.42fr);gap:22px;align-items:start}
.v65-cs-panel,.v65-cs-summary,.v65-feature-card,.v65-table-wrap{border:1px solid rgba(34,211,238,.16);border-radius:28px;background:linear-gradient(180deg,rgba(11,32,51,.88),rgba(4,14,26,.94));padding:24px;box-shadow:0 22px 70px rgba(0,0,0,.22)}
.v65-cs-panel h2{font-size:clamp(2rem,3vw,3.2rem);margin:12px 0;color:#fff}.v65-cs-panel p{color:#b9cadd}
.v65-cs-form{display:grid;gap:18px;margin-top:22px}.v65-cs-form label{display:grid;gap:10px;color:#eaf7ff;font-weight:900}
.v65-cs-form input[type=range]{width:100%;accent-color:#22d3ee}
.v65-cs-form select{min-height:48px;border-radius:14px;border:1px solid rgba(34,211,238,.18);background:#061523;color:#fff;padding:0 14px;font-weight:900}
.v65-segment{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v65-segment input{display:none}.v65-segment label{border:1px solid rgba(34,211,238,.18);background:rgba(2,12,24,.55);border-radius:18px;padding:16px;cursor:pointer}.v65-segment label small{display:block;color:#9fb4c8;margin-top:5px}.v65-segment input:checked+label{border-color:#22d3ee;background:rgba(34,211,238,.16);box-shadow:0 0 0 2px rgba(34,211,238,.08)}
.v65-cs-summary{position:sticky;top:98px}.v65-cs-summary h3{font-size:1.65rem;margin:12px 0 18px;color:#fff}.v65-summary-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);padding:12px 0;color:#b9cadd}.v65-summary-row b{color:#fff}
.v65-total{margin:20px 0;padding:18px;border-radius:20px;background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(37,99,235,.12));border:1px solid rgba(34,211,238,.18)}.v65-total small{display:block;color:#9fb4c8}.v65-total strong{font-size:2.4rem;color:#fff}
.v65-summary-specs{display:grid;gap:8px}.v65-summary-specs span{border:1px solid rgba(255,255,255,.08);background:rgba(0,10,20,.34);border-radius:14px;padding:10px;color:#eaf7ff}
.v65-note{display:block;color:#94a9bd;margin-top:12px;line-height:1.45}
.v65-section-head{margin:45px 0 18px}.v65-section-head h2{font-size:clamp(2rem,3.6vw,4rem);margin:12px 0;color:#fff}.v65-section-head p{max-width:820px;color:#b9cadd}
.v65-table-wrap{overflow:auto}.v65-table-wrap table{width:100%;min-width:780px;border-collapse:collapse}.v65-table-wrap th,.v65-table-wrap td{text-align:left;border-bottom:1px solid rgba(255,255,255,.08);padding:15px;color:#dcecff}.v65-table-wrap th{color:#96b0c5;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}
.v65-cs-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}.v65-feature-card b{display:block;font-size:1.2rem;color:#fff}.v65-feature-card p{color:#b9cadd;margin:.55rem 0 0}
@media(max-width:1100px){.v65-cs-hero-grid,.v65-cs-config{grid-template-columns:1fr}.v65-cs-game-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.v65-cs-features{grid-template-columns:repeat(2,minmax(0,1fr))}.v65-cs-summary{position:relative;top:auto}}
@media(max-width:650px){.v65-shell{width:min(100% - 24px,1450px)}.v65-cs-hero{padding-top:38px}.v65-cs-hero h1{font-size:3rem}.v65-cs-visual{min-height:320px}.v65-cs-logo{width:145px;height:145px;font-size:3rem}.v65-float-card{display:none}.v65-cs-game-tabs,.v65-cs-features,.v65-segment{grid-template-columns:1fr}}

/* CerberHost v65.1 — live cena CS bez odświeżania */
.v651-live-price .v65-cs-game-tabs button.v65-game-tab{
  display:flex;
  flex-direction:column;
  gap:5px;
  border:1px solid rgba(34,211,238,.18);
  border-radius:20px;
  background:rgba(7,21,36,.76);
  padding:16px;
  color:#e8f6ff;
  text-align:left;
  cursor:pointer;
  font:inherit;
  min-height:88px;
}
.v651-live-price .v65-cs-game-tabs button.v65-game-tab.active,
.v651-live-price .v65-cs-game-tabs button.v65-game-tab:hover{
  border-color:rgba(34,211,238,.58);
  background:linear-gradient(135deg,rgba(34,211,238,.22),rgba(37,99,235,.13));
}
.v651-live-price .v65-cs-game-tabs button.v65-game-tab b{font-size:1.15rem}
.v651-live-price .v65-cs-game-tabs button.v65-game-tab small{color:#9fb4c8}
.v651-live-preview{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:4px 0 2px;
}
.v651-live-preview>div{
  border:1px solid rgba(34,211,238,.16);
  border-radius:18px;
  background:rgba(0,10,20,.35);
  padding:14px;
}
.v651-live-preview small{
  display:block;
  color:#8ca9bd;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.72rem;
}
.v651-live-preview strong{
  display:block;
  margin-top:7px;
  color:#fff;
  font-size:1.35rem;
}
.v651-live-price input[type=range]{
  height:8px;
  border-radius:999px;
  background:linear-gradient(90deg,#22d3ee,#2563eb);
}
.v65-table-wrap tr.active td{background:rgba(34,211,238,.08)}
@media(max-width:760px){.v651-live-preview{grid-template-columns:1fr}}


/* CerberHost v66 — Udostępnione serwery: AMP / Windows / Pterodactyl */
.shared-v66-page{display:grid;gap:18px}
.shared-v66-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);gap:22px;align-items:center;overflow:hidden;position:relative}
.shared-v66-hero:before{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;background:radial-gradient(circle,rgba(34,211,238,.18),transparent 65%);pointer-events:none}
.shared-v66-hero h1{font-size:clamp(2.4rem,4.5vw,5.2rem);line-height:.95;margin:.35rem 0;color:#eef8ff}
.shared-v66-hero p{color:#bed0e0;max-width:850px}
.shared-v66-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;position:relative}
.shared-v66-stats div{border:1px solid rgba(34,211,238,.16);border-radius:18px;background:rgba(0,12,24,.36);padding:16px;text-align:center}
.shared-v66-stats b{display:block;font-size:2rem;color:#fff}
.shared-v66-stats span{color:#91aabe;font-weight:800}
.shared-v66-tabs{display:flex;gap:10px;flex-wrap:wrap}
.shared-v66-tabs a{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(34,211,238,.18);background:rgba(7,21,36,.72);border-radius:16px;padding:12px 14px;color:#e8f6ff!important;text-decoration:none!important;font-weight:1000}
.shared-v66-tabs a.active,.shared-v66-tabs a:hover{background:linear-gradient(135deg,#22d3ee,#2563eb);color:#00131d!important;border-color:transparent}
.shared-v66-tabs a b{background:rgba(255,255,255,.13);border-radius:999px;padding:3px 7px}
.shared-v66-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px}
.shared-v66-card{position:relative;overflow:hidden;border:1px solid rgba(34,211,238,.14);background:linear-gradient(180deg,rgba(11,32,51,.88),rgba(4,14,26,.94))}
.shared-v66-card:before{content:"";position:absolute;right:-80px;top:-90px;width:210px;height:210px;background:radial-gradient(circle,rgba(34,211,238,.14),transparent 68%);pointer-events:none}
.shared-v66-card.provider-amp:before{background:radial-gradient(circle,rgba(251,146,60,.18),transparent 68%)}
.shared-v66-card.provider-cerbercore:before{background:radial-gradient(circle,rgba(34,211,238,.20),transparent 68%)}
.shared-v66-card.provider-pterodactyl:before{background:radial-gradient(circle,rgba(167,139,250,.18),transparent 68%)}
.shared-v66-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;position:relative}
.shared-v66-icon{width:54px;height:54px;border-radius:18px;background:rgba(34,211,238,.13);display:grid;place-items:center;font-size:1.45rem}
.shared-v66-card small{color:#91aabe;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.shared-v66-card h2{font-size:1.35rem;margin:4px 0 0;color:#fff;word-break:break-word}
.shared-v66-mode{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 10px;font-weight:1000;color:#eaf8ff;background:rgba(255,255,255,.06)}
.shared-v66-mode.owner{background:rgba(34,211,238,.16);border-color:rgba(34,211,238,.28)}
.shared-v66-mode.shared{background:rgba(167,139,250,.14);border-color:rgba(167,139,250,.28)}
.shared-v66-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.shared-v66-meta div{border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(0,10,20,.34);padding:11px;min-width:0}
.shared-v66-meta b{display:block;color:#fff;margin-top:5px;word-break:break-word}
.shared-v66-perms{display:flex;flex-wrap:wrap;gap:7px;min-height:34px;margin-bottom:14px}
.shared-v66-perms span{border:1px solid rgba(34,211,238,.16);background:rgba(34,211,238,.10);border-radius:999px;padding:7px 10px;font-size:.82rem;color:#dff8ff;font-weight:900}
.shared-v66-actions{display:flex;gap:9px;flex-wrap:wrap}
.shared-v66-empty h2{margin-top:0;color:#fff}
@media(max-width:900px){.shared-v66-hero{grid-template-columns:1fr}.shared-v66-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){.shared-v66-stats,.shared-v66-meta{grid-template-columns:1fr}.shared-v66-grid{grid-template-columns:1fr}.shared-v66-card-head{grid-template-columns:auto minmax(0,1fr)}.shared-v66-mode{grid-column:1/-1;justify-self:start}}