:root{
  --nb-bg:#050912;
  --nb-bg-deep:#03070d;
  --nb-panel:#0a101c;
  --nb-panel-2:#0d1625;
  --nb-line:rgba(59,219,255,.18);
  --nb-line-soft:rgba(59,219,255,.10);
  --nb-cyan:#3bdbff;
  --nb-cyan-2:#67e8f9;
  --nb-blue:#5d8cff;
  --nb-text:#eef8fc;
  --nb-muted:#91a6b7;
}
html,body{min-height:100%}
body,
body.nb-auth{
  background:
    radial-gradient(circle at 12% 8%,rgba(59,219,255,.12),transparent 30%),
    radial-gradient(circle at 88% 18%,rgba(93,140,255,.09),transparent 34%),
    linear-gradient(180deg,var(--nb-bg),var(--nb-bg-deep))!important;
  background-attachment:fixed!important;
  color:var(--nb-text)!important;
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 80%)}
.background{display:none!important}

/* Einheitlicher Portal-/Auth-Header */
.nb-shell-header,
body.nb-auth > header{height:78px!important;min-height:78px!important;position:sticky!important;top:0;z-index:1000;border-bottom:1px solid var(--nb-line)!important;background:rgba(5,9,18,.86)!important;backdrop-filter:blur(20px)!important;box-shadow:0 12px 40px rgba(0,0,0,.16)!important}
.nb-shell-header .nb-header-inner,
body.nb-auth > header .navwrap{width:min(100%,1320px)!important;max-width:1320px!important;height:78px!important;min-height:78px!important;margin:0 auto!important;padding:0 28px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important}
.nb-shell-brand,
body.nb-auth > header .brand a{display:flex!important;align-items:center!important;gap:12px!important;color:#fff!important;text-decoration:none!important}
.nb-shell-brand img,
body.nb-auth > header .brand img{display:block!important;width:42px!important;height:42px!important;object-fit:contain!important;filter:drop-shadow(0 0 18px rgba(59,219,255,.25))!important}
.nb-shell-brand span,
body.nb-auth > header .brand span{font-size:21px!important;font-weight:850!important;letter-spacing:.01em!important}
.nb-shell-brand small{display:block;margin-top:2px;color:#7893a8;font-size:9px;text-transform:uppercase;letter-spacing:.15em}
.nb-header-links,
body.nb-auth > header .right-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;margin:0!important}
.nb-header-links a,
body.nb-auth > header .right-nav a{min-height:40px!important;padding:0 13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid transparent!important;border-radius:11px!important;color:#9fb3c4!important;background:transparent!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important}
.nb-header-links a:hover,
body.nb-auth > header .right-nav a:hover{color:#fff!important;border-color:var(--nb-line)!important;background:rgba(59,219,255,.06)!important}
.nb-header-links .nb-header-action,
body.nb-auth > header .right-nav .login-btn{color:#031018!important;border-color:rgba(59,219,255,.42)!important;background:linear-gradient(135deg,var(--nb-cyan),var(--nb-cyan-2))!important;font-weight:900!important}

/* Portalstruktur */
.premium-portal{grid-template-columns:282px minmax(0,1fr)!important;background:transparent!important}
.sidebar-db{background:linear-gradient(180deg,rgba(6,11,20,.98),rgba(4,8,15,.99))!important;border-right:1px solid var(--nb-line)!important;box-shadow:22px 0 60px rgba(0,0,0,.18)!important}
.brand-db{border-bottom:1px solid var(--nb-line-soft)!important}.brand-db img{height:43px!important}.brand-db b{color:#f4fbff!important}.brand-db small{color:#7792a7!important}
.nav-db a{border:1px solid transparent!important;border-radius:12px!important;color:#94a9ba!important}.nav-db a:hover{color:#fff!important;border-color:var(--nb-line-soft)!important;background:rgba(59,219,255,.055)!important}.nav-db a.active{color:#fff!important;border-color:rgba(59,219,255,.26)!important;background:linear-gradient(135deg,rgba(59,219,255,.15),rgba(93,140,255,.09))!important;box-shadow:0 12px 30px rgba(0,0,0,.15)!important}.nav-db a i{color:var(--nb-cyan)!important}
.portal-status,.sidebar-help,.sidebar-user,.sidebar-team-link{border-color:var(--nb-line-soft)!important;background:rgba(9,18,31,.66)!important}
.sidebar-team-link{border-color:rgba(59,219,255,.22)!important;background:linear-gradient(135deg,rgba(59,219,255,.10),rgba(93,140,255,.07))!important}
.main-db{background:transparent!important}
.top-db{height:78px!important;padding:0 28px!important;background:rgba(5,9,18,.86)!important;border-bottom:1px solid var(--nb-line)!important;backdrop-filter:blur(20px)!important;box-shadow:0 12px 40px rgba(0,0,0,.14)!important}
.top-public-nav{display:none!important}
.top-brand img{width:40px!important;height:40px!important}.top-brand small{color:#7792a7!important}.top-brand b{color:#f5fbff!important;font-size:16px!important}
.icon-btn,.top-profile,.team-top-button{border:1px solid var(--nb-line-soft)!important;background:rgba(10,18,31,.72)!important;color:#dcecf4!important}.icon-btn:hover,.top-profile:hover,.team-top-button:hover{border-color:rgba(59,219,255,.28)!important;background:rgba(59,219,255,.07)!important}
.content-db{max-width:1500px!important;padding:34px clamp(18px,3vw,44px) 50px!important}
.dashboard-hero,.card,.table-wrap,.metric-card,.package-card,.account-identity-card,.ticket-msg{background:linear-gradient(145deg,rgba(10,16,28,.97),rgba(6,11,20,.97))!important;border-color:var(--nb-line-soft)!important;box-shadow:0 22px 60px rgba(0,0,0,.18)!important}
.dashboard-hero{background:radial-gradient(circle at 14% 10%,rgba(59,219,255,.18),transparent 46%),linear-gradient(140deg,rgba(8,13,24,.98),rgba(15,24,41,.97))!important;border-color:rgba(59,219,255,.21)!important}

/* Footer exakt im Stil der Login-Seite */
.portal-footer,.premium-footer{margin-top:54px!important;padding:0!important;border-top:1px solid var(--nb-line)!important;border-radius:0!important;background:rgba(5,9,18,.72)!important;overflow:hidden!important}
.portal-footer .footer-top-cards,.premium-footer .footer-top-cards{width:min(100%,1320px)!important;margin:0 auto!important;padding:42px 28px 34px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.portal-footer .footer-card,.premium-footer .footer-card{min-height:112px!important;padding:19px!important;display:flex!important;align-items:center!important;gap:14px!important;border:1px solid var(--nb-line-soft)!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(10,17,29,.92),rgba(6,11,20,.92))!important}
.portal-footer .footer-card>i,.premium-footer .footer-card>i{width:42px;height:42px;display:grid!important;place-items:center;border-radius:12px;background:rgba(59,219,255,.09)!important;color:var(--nb-cyan)!important;font-size:18px!important}
.portal-footer .footer-card h3,.premium-footer .footer-card h3{margin:0 0 4px!important;color:#f3fbff!important;font-size:13px!important}.portal-footer .footer-card p,.premium-footer .footer-card p{margin:0!important;color:#7892a7!important;font-size:10px!important}
.portal-footer .footer-bottom,.premium-footer .footer-bottom{width:100%!important;max-width:none!important;min-height:62px!important;padding:19px 28px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:24px!important;border-top:1px solid var(--nb-line-soft)!important;color:#72899c!important;font-size:11px!important}
.portal-footer .footer-legal,.premium-footer .footer-legal{display:flex!important;justify-content:center!important;gap:18px!important;flex-wrap:wrap!important}.portal-footer .footer-legal a,.premium-footer .footer-legal a{color:#8fa5b8!important}.portal-footer .footer-legal a:hover,.premium-footer .footer-legal a:hover{color:#fff!important}

/* Auth-Abstände an neuem Header */
.nb-auth .auth-shell-refined{padding-top:40px!important;margin-top:0!important}.nb-auth .auth-hero-compact{margin-top:0!important}

@media(max-width:900px){.portal-footer .footer-top-cards,.premium-footer .footer-top-cards{grid-template-columns:1fr 1fr!important}.nb-header-links a:not(.nb-header-action),body.nb-auth > header .right-nav a:not(.login-btn){display:none!important}}
@media(max-width:760px){.premium-portal{grid-template-columns:1fr!important}.top-db{padding:0 14px!important}.nb-shell-header .nb-header-inner,body.nb-auth > header .navwrap{padding:0 16px!important}.nb-shell-brand span,body.nb-auth > header .brand span{font-size:18px!important}.portal-footer .footer-top-cards,.premium-footer .footer-top-cards{padding:30px 16px 24px!important}.portal-footer .footer-bottom,.premium-footer .footer-bottom{padding:18px 16px!important;flex-direction:column!important;gap:12px!important;text-align:center!important}}
@media(max-width:520px){.portal-footer .footer-top-cards,.premium-footer .footer-top-cards{grid-template-columns:1fr!important}.nb-header-links a,body.nb-auth > header .right-nav a{padding:0 10px!important}.top-brand span{display:none!important}}

/* FINAL: Auth-Seiten ohne Header */
body.nb-auth .nb-shell-header{display:none!important}
body.nb-auth .auth-shell-refined{margin-top:0!important;padding-top:34px!important}
body.nb-auth .auth-hero-compact{margin-top:0!important}

/* FINAL: Kunden- und Team-Header neu gestaltet */
.customer-topbar,.team-topbar{height:84px!important;padding:0 clamp(16px,2.6vw,38px)!important;background:linear-gradient(90deg,rgba(4,9,17,.96),rgba(8,17,30,.92))!important;border-bottom:1px solid rgba(59,219,255,.18)!important;box-shadow:0 14px 46px rgba(0,0,0,.22)!important}
.customer-topbar .top-brand{display:flex!important;align-items:center!important;gap:12px!important;padding:8px 12px!important;border:1px solid rgba(59,219,255,.10)!important;border-radius:14px!important;background:rgba(59,219,255,.035)!important}
.customer-topbar .top-brand img{width:42px!important;height:42px!important;filter:drop-shadow(0 0 16px rgba(59,219,255,.22))!important}
.customer-top-actions{gap:10px!important}
.customer-top-actions .team-top-button{background:linear-gradient(135deg,rgba(59,219,255,.15),rgba(93,140,255,.10))!important;border-color:rgba(59,219,255,.28)!important}
.team-portal .main-db{min-width:0}
.team-sidebar{background:linear-gradient(180deg,#050a13,#07101c 48%,#040912)!important}
.sidebar-customer-link{margin:14px 16px;padding:14px;display:flex;align-items:center;gap:12px;border:1px solid rgba(59,219,255,.22);border-radius:13px;background:linear-gradient(135deg,rgba(59,219,255,.11),rgba(93,140,255,.07));color:#e9fbff;text-decoration:none}
.sidebar-customer-link>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(59,219,255,.12);color:#3bdbff}
.sidebar-customer-link span{display:flex;flex-direction:column;gap:2px}.sidebar-customer-link b{font-size:13px}.sidebar-customer-link small{font-size:10px;color:#7892a7}
.team-title{display:flex;flex-direction:column;gap:2px}.team-title .top-kicker{color:#6f8aa0;font-size:9px;text-transform:uppercase;letter-spacing:.16em}.team-title b{font-size:17px;color:#f4fbff}
.team-session{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(59,219,255,.13);border-radius:13px;background:rgba(7,15,27,.72);color:#dcecf4}
.team-session>i{color:#3bdbff}.team-session span{display:flex;flex-direction:column}.team-session b{font-size:11px}.team-session small{font-size:9px;color:#7892a7}
.back-customer-btn{min-height:42px;padding:0 15px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(59,219,255,.28);border-radius:12px;background:linear-gradient(135deg,rgba(59,219,255,.14),rgba(93,140,255,.09));color:#eaffff;text-decoration:none;font-size:12px;font-weight:800}
.back-customer-btn:hover{background:linear-gradient(135deg,rgba(59,219,255,.22),rgba(93,140,255,.14));border-color:rgba(59,219,255,.42)}
.team-area .content-db{padding-top:34px!important}

/* Footer auf allen Bereichen identisch */
.portal-footer,.premium-footer{background:linear-gradient(180deg,rgba(5,9,18,.76),rgba(3,7,13,.96))!important}
.portal-footer .footer-bottom,.premium-footer .footer-bottom{justify-content:space-between!important;max-width:1320px!important;margin:0 auto!important}

@media(max-width:1080px){.team-session{display:none!important}}
@media(max-width:760px){.back-customer-btn span{display:none}.back-customer-btn{width:42px;padding:0;justify-content:center}.customer-topbar,.team-topbar{height:72px!important}.portal-footer .footer-bottom,.premium-footer .footer-bottom{justify-content:center!important}}