:root{--u-bg:#02060b;--u-shell:#050b13;--u-card:#07111e;--u-card2:#091523;--u-line:rgba(42,211,255,.18);--u-line2:rgba(42,211,255,.28);--u-cyan:#2ad3ff;--u-blue:#4f7cff;--u-text:#f4f9fc;--u-muted:#8297aa}
html,body{background:#02060b!important;color:var(--u-text)!important}
body{background-image:radial-gradient(circle at 18% 0,rgba(42,211,255,.07),transparent 30%),radial-gradient(circle at 88% 8%,rgba(79,124,255,.055),transparent 32%)!important;background-attachment:fixed!important}
body:before{display:none!important}.background{display:none!important}

/* Ein gemeinsames Panel-Design */
.premium-portal{min-height:100vh;background:transparent!important}
.sidebar-db{background:#050a11!important;border-right:1px solid rgba(42,211,255,.14)!important;box-shadow:none!important}
.nav-db a{color:#8799aa!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important}
.nav-db a i{color:#2ad3ff!important}.nav-db a:hover{color:#eefaff!important;background:#081421!important;border-color:rgba(42,211,255,.13)!important}.nav-db a.active{color:#fff!important;background:linear-gradient(135deg,rgba(42,211,255,.13),rgba(79,124,255,.08))!important;border-color:rgba(42,211,255,.25)!important;box-shadow:none!important}
.portal-status,.sidebar-help,.sidebar-user,.sidebar-team-link,.sidebar-customer-link{background:#07111d!important;border:1px solid rgba(42,211,255,.13)!important;box-shadow:none!important}
.main-db{min-width:0;background:transparent!important;display:flex!important;flex-direction:column!important;min-height:100vh!important}
.top-db,.customer-topbar,.team-topbar{height:78px!important;min-height:78px!important;padding:0 clamp(16px,2.5vw,34px)!important;background:rgba(3,8,14,.95)!important;border-bottom:1px solid rgba(42,211,255,.17)!important;box-shadow:none!important;backdrop-filter:blur(18px)!important}
.top-db:after,.team-topbar:after{display:none!important}
.top-brand img{width:40px!important;height:40px!important}.top-brand small,.top-kicker{color:#71879a!important}.top-brand b,.team-title b{color:#f7fbfd!important}
.icon-btn,.top-profile,.team-top-button,.back-customer-btn,.team-session{background:#07111d!important;border:1px solid rgba(42,211,255,.16)!important;color:#dcebf3!important;box-shadow:none!important}.icon-btn:hover,.top-profile:hover,.team-top-button:hover,.back-customer-btn:hover{background:#0a1724!important;border-color:rgba(42,211,255,.32)!important}
.content-db{width:100%!important;max-width:1500px!important;margin:0 auto!important;padding:34px clamp(18px,3vw,44px) 52px!important;flex:1!important}

/* Karten, Tabellen und Formulare in Kunden- und Team-Bereich identisch */
.dashboard-hero,.metric-card,.card,.table-wrap,.package-card,.account-identity-card,.role-group,.team-card,.ticket-msg{background:linear-gradient(145deg,#08121f,#06101a)!important;border:1px solid rgba(42,211,255,.15)!important;border-radius:16px!important;box-shadow:none!important;color:var(--u-text)!important}
.dashboard-hero{background:radial-gradient(circle at 12% 10%,rgba(42,211,255,.13),transparent 43%),linear-gradient(140deg,#07101b,#0a1625)!important;border-color:rgba(42,211,255,.23)!important}
.metric-card:hover,.card:hover,.package-card:hover{border-color:rgba(42,211,255,.28)!important;transform:translateY(-2px)!important;box-shadow:0 16px 38px rgba(0,0,0,.18)!important}
.metric-icon,.footer-card>i{background:#082036!important;color:#2ad3ff!important;border:1px solid rgba(42,211,255,.18)!important}
.team-area .card,.team-area .table-wrap,.team-area .role-group,.team-area .team-card{background:linear-gradient(145deg,#08121f,#06101a)!important;border-color:rgba(42,211,255,.15)!important;box-shadow:none!important}
.team-area th{background:#081521!important;color:#64ddf8!important;border-bottom-color:rgba(42,211,255,.15)!important}.team-area td{color:#c8d7e1!important;border-bottom-color:rgba(255,255,255,.05)!important}.team-area tr:hover td{background:rgba(42,211,255,.025)!important}
input,select,textarea,.team-area input,.team-area select,.team-area textarea{background:#040b13!important;border:1px solid rgba(42,211,255,.18)!important;color:#f3fbff!important;border-radius:11px!important}input:focus,select:focus,textarea:focus{border-color:#2ad3ff!important;box-shadow:0 0 0 3px rgba(42,211,255,.11)!important;outline:none!important}
.btn.primary,.btn.btn-primary,.team-area .btn.primary{background:linear-gradient(135deg,#2ad3ff,#4f7cff)!important;color:#021018!important;border:0!important;box-shadow:none!important}.btn.secondary,.team-area .btn.secondary{background:#081622!important;color:#dff8ff!important;border:1px solid rgba(42,211,255,.20)!important}.btn.secondary:hover{background:#0b1c2b!important}

/* Exakt derselbe Footer auf Login, Registrierung, Kunde und Team */
.premium-footer,.main-db>.premium-footer,.team-area .premium-footer{width:100%!important;max-width:none!important;margin:54px 0 0!important;padding:0 0 28px!important;background:#000!important;border-top:1px solid rgba(42,211,255,.13)!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.premium-footer .footer-top-cards,.main-db>.premium-footer .footer-top-cards{width:min(100% - 32px,1320px)!important;max-width:1320px!important;margin:0 auto!important;padding:68px 0 66px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;border-bottom:1px solid rgba(42,211,255,.14)!important}
.premium-footer .footer-card,.main-db>.premium-footer .footer-card{min-height:144px!important;padding:24px!important;display:flex!important;align-items:center!important;gap:15px!important;background:#06101b!important;border:1px solid rgba(42,211,255,.18)!important;border-radius:15px!important;box-shadow:none!important;transform:none!important}
.premium-footer .footer-card>i,.main-db>.premium-footer .footer-card>i{width:52px!important;height:52px!important;flex:0 0 52px!important;display:grid!important;place-items:center!important;border-radius:13px!important;font-size:22px!important}
.premium-footer .footer-card h3,.main-db>.premium-footer .footer-card h3{margin:0 0 5px!important;color:#f5f8fb!important;font-size:14px!important;line-height:1.2!important}.premium-footer .footer-card p,.main-db>.premium-footer .footer-card p{margin:0!important;color:#778da0!important;font-size:11px!important}
.premium-footer .footer-bottom,.main-db>.premium-footer .footer-bottom{width:min(100% - 32px,1320px)!important;max-width:1320px!important;min-height:104px!important;margin:0 auto!important;padding:26px 0 0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:16px!important;border:0!important;color:#8799aa!important;font-size:14px!important;font-weight:700!important;text-align:center!important}
.premium-footer .footer-legal,.main-db>.premium-footer .footer-legal{min-width:min(100%,660px)!important;padding:16px 26px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:0!important;flex-wrap:wrap!important;background:#06101b!important;border:1px solid rgba(42,211,255,.18)!important;border-radius:17px!important}
.premium-footer .footer-legal a,.main-db>.premium-footer .footer-legal a{position:relative!important;padding:0 18px!important;color:#8799aa!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important}.premium-footer .footer-legal a+a:before,.main-db>.premium-footer .footer-legal a+a:before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:1px;background:rgba(42,211,255,.17)}.premium-footer .footer-legal a:hover{color:#e8faff!important}

/* Login/Registrierung ohne Header, ohne Bildhintergrund */
body.nb-auth{background:#02060b!important;background-image:radial-gradient(circle at 18% 0,rgba(42,211,255,.07),transparent 30%),radial-gradient(circle at 88% 8%,rgba(79,124,255,.055),transparent 32%)!important}.nb-auth .nb-shell-header,body.nb-auth>header{display:none!important}.nb-auth .auth-shell-refined{margin-top:0!important;padding-top:34px!important}

@media(max-width:980px){.premium-footer .footer-top-cards,.main-db>.premium-footer .footer-top-cards{grid-template-columns:1fr 1fr!important}.team-session{display:none!important}}
@media(max-width:760px){.content-db{padding:24px 15px 40px!important}.premium-footer .footer-top-cards,.main-db>.premium-footer .footer-top-cards{padding:38px 0!important}.premium-footer .footer-bottom,.main-db>.premium-footer .footer-bottom{padding-top:22px!important}.premium-footer .footer-legal,.main-db>.premium-footer .footer-legal{min-width:0!important;width:100%!important}.top-profile>div:not(.avatar){display:none!important}}
@media(max-width:520px){.premium-footer .footer-top-cards,.main-db>.premium-footer .footer-top-cards{grid-template-columns:1fr!important}.premium-footer .footer-card,.main-db>.premium-footer .footer-card{min-height:112px!important}.premium-footer .footer-legal,.main-db>.premium-footer .footer-legal{flex-direction:column!important;gap:12px!important}.premium-footer .footer-legal a+a:before,.main-db>.premium-footer .footer-legal a+a:before{display:none!important}}

/* Team-Bereich: exakt dieselbe Oberfläche wie der Kundenbereich */
body.team-area{background:#02060b!important;background-image:radial-gradient(circle at 18% 0,rgba(42,211,255,.07),transparent 30%),radial-gradient(circle at 88% 8%,rgba(79,124,255,.055),transparent 32%)!important;color:var(--u-text)!important}
.team-area .team-portal,.team-area .main-db{background:transparent!important}
.team-area .sidebar-db{background:#050a11!important;border-right:1px solid rgba(42,211,255,.14)!important;box-shadow:none!important}
.team-area .portal-status,.team-area .sidebar-help,.team-area .sidebar-user,.team-area .sidebar-team-link{background:#07111d!important;border:1px solid rgba(42,211,255,.13)!important;box-shadow:none!important}
.team-area .nav-db a{color:#8799aa!important;border:1px solid transparent!important;background:transparent!important;border-radius:11px!important}
.team-area .nav-db a i{color:#2ad3ff!important}.team-area .nav-db a:hover{color:#eefaff!important;background:#081421!important;border-color:rgba(42,211,255,.13)!important}.team-area .nav-db a.active{color:#fff!important;background:linear-gradient(135deg,rgba(42,211,255,.13),rgba(79,124,255,.08))!important;border-color:rgba(42,211,255,.25)!important;box-shadow:none!important}
.team-area .top-db{height:78px!important;min-height:78px!important;padding:0 clamp(16px,2.5vw,34px)!important;background:rgba(3,8,14,.95)!important;border-bottom:1px solid rgba(42,211,255,.17)!important;box-shadow:none!important;backdrop-filter:blur(18px)!important}
.team-area .content-db{width:100%!important;max-width:1500px!important;margin:0 auto!important;padding:34px clamp(18px,3vw,44px) 52px!important}
.team-area .cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.team-area .card,.team-area .card.stat,.team-area .table-wrap,.team-area .role-group,.team-area .team-card,.team-area .ticket-msg{background:linear-gradient(145deg,#08121f,#06101a)!important;border:1px solid rgba(42,211,255,.15)!important;border-radius:16px!important;box-shadow:none!important;color:var(--u-text)!important}
.team-area .card.stat{min-height:0!important;padding:22px!important;overflow:visible!important}.team-area .card.stat:before{display:none!important}.team-area .card.stat span{color:var(--u-muted)!important}.team-area .card.stat strong{color:#fff!important;font-size:34px!important}
.team-area .card:hover,.team-area .team-card:hover{border-color:rgba(42,211,255,.28)!important;transform:translateY(-2px)!important;box-shadow:0 16px 38px rgba(0,0,0,.18)!important}
.team-area .table-wrap{overflow:auto!important}.team-area th{background:#081521!important;color:#64ddf8!important;border-bottom:1px solid rgba(42,211,255,.15)!important}.team-area td{color:#c8d7e1!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.team-area tr:hover td{background:rgba(42,211,255,.025)!important}
.team-area input,.team-area select,.team-area textarea{background:#040b13!important;border:1px solid rgba(42,211,255,.18)!important;color:#f3fbff!important;border-radius:11px!important}.team-area input:focus,.team-area select:focus,.team-area textarea:focus{border-color:#2ad3ff!important;box-shadow:0 0 0 3px rgba(42,211,255,.11)!important;outline:none!important}
.team-area .btn.primary{background:linear-gradient(135deg,#2ad3ff,#4f7cff)!important;color:#021018!important;border:0!important}.team-area .btn.secondary{background:#081622!important;color:#dff8ff!important;border:1px solid rgba(42,211,255,.20)!important}
@media(max-width:1200px){.team-area .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:620px){.team-area .cards{grid-template-columns:1fr!important}}

/* FINAL: Team-Übersicht verwendet exakt den Kundenbereich-Hintergrund. */
html body.team-area,
body.team-area {
  background-color: #02060b !important;
  background-image:
    radial-gradient(circle at 18% 0, rgba(42,211,255,.07), transparent 30%),
    radial-gradient(circle at 88% 8%, rgba(79,124,255,.055), transparent 32%) !important;
  background-repeat: no-repeat !important;
  background-size: auto !important;
  background-position: center top !important;
  background-attachment: fixed !important;
}
body.team-area .portal,
body.team-area .premium-portal,
body.team-area .team-portal,
body.team-area .main-db,
body.team-area .content-db {
  background-color: transparent !important;
  background-image: none !important;
}
/* Die redundante Kundenbereich-Karte in der Team-Sidebar bleibt entfernt. */
body.team-area .sidebar-help { display:none !important; }

/* 2026-08-04: Team-Bereich nutzt exakt den Kundenbereich-Unterbau. */
.team-portal,
.team-portal .main-db,
.team-portal .content-db {
  background: transparent !important;
  background-image: none !important;
}
.team-portal .content-db {
  width: 100% !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
  padding: 34px clamp(18px,3vw,44px) 52px !important;
}
.team-portal .dashboard-hero,
.team-portal .metric-card,
.team-portal .account-identity-card {
  background-color: transparent;
}
.team-portal .sidebar-team-link { display:none !important; }
.admin-dashboard-metrics .metric-card { text-decoration:none; }

.settings-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}.settings-nav{position:sticky;top:100px;padding:14px}.settings-nav a{display:flex;gap:12px;align-items:center;padding:13px 14px;border-radius:10px;color:var(--muted);text-decoration:none}.settings-nav a.active,.settings-nav a:hover{background:linear-gradient(135deg,#04d9c4,#009ccf);color:#031017;font-weight:800}.settings-section{margin-bottom:22px}.settings-section h2{display:flex;align-items:center;gap:10px}.field-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.field-grid label{grid-column:span 2}.field-grid .half{grid-column:span 3}.field-grid .wide{grid-column:1/-1}.balance-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.balance-amount{font-size:44px;font-weight:900;color:#04d9c4}.access-card{display:flex;justify-content:space-between;gap:20px;align-items:center}.permission-list{display:grid;gap:8px}.invoice-actions{display:flex;gap:8px;flex-wrap:wrap}.role-permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.role-permissions article{padding:20px}.privacy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.privacy-grid .card h2{display:flex;gap:10px;align-items:center}.username-pill{font-family:monospace;color:#04d9c4}@media(max-width:900px){.settings-shell{grid-template-columns:1fr}.settings-nav{position:static}.field-grid label,.field-grid .half{grid-column:1/-1}.balance-hero,.privacy-grid,.role-permissions{grid-template-columns:1fr}}

/* Version 2.0: Rollen, Einstellungen und Ticketverwaltung */
.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:18px 0 22px}.permission-check{display:flex!important;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border,#12364a);border-radius:12px;background:rgba(8,23,35,.72)}.permission-check input{width:17px;height:17px}.pin-display{font-size:1.6rem;letter-spacing:.12em;color:#36d7ff}.settings-section{scroll-margin-top:95px}.settings-section+ .settings-section{margin-top:20px}.ticket-msg.internal{border-color:#8667ff;background:rgba(86,63,155,.14)}


/* NextBuild Support Center 2.1 */
.ticket-page-head,.ticket-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.ticket-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.ticket-stat{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border:1px solid rgba(59,219,255,.14);border-radius:16px;background:linear-gradient(145deg,rgba(8,14,25,.96),rgba(17,26,44,.93));text-decoration:none;color:#b9c7da}.ticket-stat strong{font-size:28px;color:#fff}.ticket-stat.active{border-color:rgba(59,219,255,.65);box-shadow:0 0 0 3px rgba(59,219,255,.08)}.ticket-list{padding:8px}.ticket-row{display:grid;grid-template-columns:44px minmax(220px,1fr) auto auto auto 18px;align-items:center;gap:14px;padding:16px;border-radius:14px;color:#e9f4ff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.055)}.ticket-row:last-child{border-bottom:0}.ticket-row:hover{background:rgba(59,219,255,.055)}.ticket-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(59,219,255,.1);color:#3bdbff}.ticket-main{display:flex;flex-direction:column;gap:5px}.ticket-main small,.ticket-assignee{color:#8292a9}.ticket-priority{font-size:12px;font-weight:800;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.06)}.priority-high,.priority-urgent{color:#ff9aab;background:rgba(255,79,105,.12)}.priority-low{color:#8de8b6;background:rgba(61,217,145,.1)}.ticket-dialog{width:min(720px,calc(100vw - 30px));border:0;padding:0;background:transparent;color:#fff}.ticket-dialog::backdrop{background:rgba(0,4,11,.78);backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:18px;top:13px;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}.ticket-detail-head{margin-bottom:18px}.back-link{display:inline-flex;gap:8px;align-items:center;color:#61ddff;text-decoration:none;margin-bottom:14px}.ticket-meta{display:flex;gap:16px;flex-wrap:wrap;color:#95a5bb}.ticket-meta span{display:inline-flex;gap:7px;align-items:center}.ticket-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.ticket-conversation{padding:20px}.ticket-message{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;padding:16px;margin-bottom:12px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.ticket-message.team{background:rgba(59,219,255,.055);border-color:rgba(59,219,255,.16)}.ticket-message.system{background:rgba(103,118,255,.06);border-color:rgba(103,118,255,.18)}.ticket-message.internal{background:rgba(255,190,70,.06);border-color:rgba(255,190,70,.2)}.message-avatar{width:40px;height:40px;border-radius:12px;background:rgba(59,219,255,.1);display:grid;place-items:center;color:#55ddff}.ticket-message header{display:flex;justify-content:space-between;gap:12px}.ticket-message time{font-size:12px;color:#73839b}.ticket-message p{margin:8px 0 0;line-height:1.65;color:#c6d2e2}.ticket-reply,.ticket-note{margin-top:20px}.ticket-side{display:flex;flex-direction:column;gap:15px}.ticket-filter-bar{display:flex;gap:8px;padding:9px;margin:18px 0}.ticket-filter-bar a{padding:10px 14px;border-radius:10px;color:#96a7bd;text-decoration:none}.ticket-filter-bar a.active{background:rgba(59,219,255,.12);color:#5ee4ff}.settings-page-head{margin-bottom:18px}
@media(max-width:1000px){.ticket-detail-layout{grid-template-columns:1fr}.ticket-stats{grid-template-columns:repeat(2,1fr)}.ticket-row{grid-template-columns:42px 1fr auto}.ticket-row .ticket-assignee,.ticket-row .ticket-priority,.ticket-row>i{display:none}}@media(max-width:600px){.ticket-stats{grid-template-columns:1fr 1fr}.ticket-row{grid-template-columns:38px 1fr}.ticket-row .badge{grid-column:2}.ticket-message{grid-template-columns:1fr}.message-avatar{display:none}}

/* DSGVO-Unterseite: wiederhergestelltes Karten-Design */
.privacy-action-card{display:flex;flex-direction:column;min-height:245px}
.privacy-action-card>p{color:var(--muted);line-height:1.7;flex:1}
.privacy-action-card .btn{align-self:flex-start;margin-top:18px}
.privacy-delete-card{grid-column:1/-1}
.privacy-delete-card label{display:block;margin-top:12px}
.privacy-history{margin-top:22px}
@media(max-width:900px){.privacy-delete-card{grid-column:auto}.privacy-action-card{min-height:auto}}


/* Kontozugriff: Rollen als übersichtliche Karten */
.section-headline{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.section-headline h2{margin:0 0 6px}.section-headline p{margin:0;color:var(--muted,#9eb2c8)}
.access-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.access-role-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:20px;border:1px solid rgba(64,206,255,.16);border-radius:18px;background:linear-gradient(145deg,rgba(17,34,54,.82),rgba(10,24,42,.86));box-shadow:0 14px 35px rgba(0,0,0,.18)}.access-role-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:rgba(24,195,255,.12);border:1px solid rgba(44,204,255,.25);color:#39d5ff;font-size:20px}.access-role-copy h3{margin:0 0 5px}.access-role-copy p{margin:0 0 6px;color:#a8b9ca}.access-role-copy small{color:#6fdcf8}.access-role-manage{white-space:nowrap}.role-dialog .card{width:min(860px,92vw);max-height:86vh;overflow:auto}.compact-permissions{max-height:45vh;overflow:auto;padding-right:5px}.dialog-actions{display:flex;justify-content:flex-end;margin-top:18px}.role-delete-form{width:min(860px,92vw);margin:-64px auto 20px;padding:0 28px;position:relative;z-index:3}.member-access-list{margin-top:22px}.wide{grid-column:1/-1}
@media(max-width:900px){.access-role-grid{grid-template-columns:1fr}.access-role-card{grid-template-columns:auto 1fr}.access-role-manage{grid-column:1/-1;width:100%}.section-headline{flex-direction:column}.section-headline .btn{width:100%}}
/* Admin Control Center 2.0 */
.admin-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-live-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:20px}.admin-live-card{display:flex;align-items:center;gap:14px;padding:18px;text-decoration:none;color:inherit;transition:.2s}.admin-live-card:hover{transform:translateY(-3px);border-color:rgba(34,211,238,.45)}.admin-live-card>div{flex:1}.admin-live-card small{display:block;color:var(--muted,#8da2b8);margin-bottom:5px}.admin-live-card strong{font-size:1.45rem}.admin-dashboard-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-widget{padding:0;overflow:hidden}.admin-widget>header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(148,163,184,.12)}.admin-widget h2{margin:0 0 3px}.admin-widget p{margin:0;color:#8da2b8}.admin-widget header a{color:#22d3ee}.admin-list-row{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid rgba(148,163,184,.08);color:inherit;text-decoration:none}.admin-list-row:last-child{border-bottom:0}.admin-list-row>span:nth-child(2){flex:1}.admin-list-row small{display:block;color:#8da2b8;margin-top:3px}.metric-icon.mini{width:36px;height:36px}.activity-dot{width:9px;height:9px;border-radius:50%;background:#22d3ee;box-shadow:0 0 16px #22d3ee}.server-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.server-admin-card header{display:flex;align-items:center;gap:12px}.server-admin-card header>div{flex:1}.server-admin-card h3,.server-admin-card p{margin:0}.server-admin-card p{color:#8da2b8}.server-admin-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.server-admin-card dl div{padding:12px;border-radius:12px;background:rgba(15,23,42,.45)}.server-admin-card dt{color:#8da2b8;font-size:.78rem}.server-admin-card dd{margin:5px 0 0;font-weight:700}.server-actions{display:flex;gap:8px;flex-wrap:wrap}.server-actions form{margin:0}.icon-action{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(34,211,238,.2);border-radius:10px;background:rgba(8,145,178,.08);color:#c8f7ff;cursor:pointer}.icon-action:disabled{opacity:.4;cursor:not-allowed}.statistics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.chart-card{min-height:300px}.bar-chart{height:220px;display:flex;align-items:flex-end;gap:12px;padding-top:28px;overflow-x:auto}.bar-item{height:100%;min-width:42px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar{width:32px;min-height:8px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#22d3ee,#2563eb);position:relative}.bar span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:.7rem;white-space:nowrap;margin-bottom:5px}.bar-item small{font-size:.7rem;color:#8da2b8}.stat-breakdown>div{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(148,163,184,.1)}.system-health p{display:flex;align-items:center;gap:10px;padding:9px 0}.status-dot.warning{background:#f59e0b;box-shadow:0 0 12px #f59e0b}@media(max-width:1200px){.admin-live-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.admin-live-grid,.admin-dashboard-columns,.server-admin-grid,.statistics-grid{grid-template-columns:1fr}.admin-page-head{flex-direction:column}.admin-live-grid{grid-template-columns:repeat(2,1fr)}}


/* NextBuild Cloud Dashboard */
.cloud-welcome{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:32px;border:1px solid rgba(54,215,255,.2);border-radius:24px;background:radial-gradient(circle at 10% 0%,rgba(0,210,255,.14),transparent 38%),linear-gradient(145deg,rgba(10,27,45,.96),rgba(5,16,30,.96));box-shadow:0 24px 60px rgba(0,0,0,.22);margin-bottom:20px}.cloud-welcome h1{font-size:clamp(30px,4vw,48px);margin:8px 0}.cloud-welcome p{color:#9eb1c6;max-width:700px}.cloud-status-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.cloud-status-chips span{padding:9px 12px;border:1px solid rgba(56,217,255,.17);background:rgba(4,17,31,.6);border-radius:999px;font-size:12px;font-weight:700;color:#c8d8e9}.cloud-status-chips i{color:#42e3a4;margin-right:6px}.cloud-account{min-width:220px;padding:22px;border-radius:20px;background:linear-gradient(145deg,rgba(17,53,78,.82),rgba(8,25,43,.9));border:1px solid rgba(65,220,255,.24);display:grid;gap:7px}.cloud-account small,.cloud-account span{color:#8fa9be}.cloud-account strong{font-size:26px;color:#fff}.cloud-account a{color:#54ddff;font-size:12px;font-weight:800;margin-top:8px}.cloud-quick-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.cloud-quick-actions>a{display:flex;align-items:center;gap:12px;padding:16px;border-radius:18px;background:linear-gradient(145deg,rgba(11,31,50,.96),rgba(6,20,35,.96));border:1px solid rgba(70,215,255,.14);transition:.22s ease}.cloud-quick-actions>a:hover{transform:translateY(-3px);border-color:rgba(61,220,255,.45);box-shadow:0 14px 32px rgba(0,186,255,.1)}.cloud-quick-actions i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(0,206,255,.12);color:#4edcff;font-size:18px}.cloud-quick-actions span{display:grid}.cloud-quick-actions b{color:#f5fbff}.cloud-quick-actions small{color:#7791a9}.cloud-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);gap:18px}.cloud-panel{padding:22px;border-radius:22px;background:linear-gradient(145deg,rgba(10,27,45,.97),rgba(5,18,32,.97));border:1px solid rgba(70,215,255,.14);box-shadow:0 18px 45px rgba(0,0,0,.17)}.server-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.server-page-grid{grid-template-columns:repeat(3,minmax(280px,1fr))}.cloud-server-card{padding:18px;border-radius:19px;background:linear-gradient(150deg,rgba(18,48,70,.92),rgba(7,22,38,.96));border:1px solid rgba(73,218,255,.16);transition:.22s ease}.cloud-server-card:hover{transform:translateY(-3px);border-color:rgba(73,218,255,.4);box-shadow:0 18px 35px rgba(0,0,0,.22)}.cloud-server-card header{display:flex;align-items:center;gap:12px;margin-bottom:17px}.server-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(0,206,255,.13);color:#54ddff}.cloud-server-card h3{margin:0;color:#fff}.server-state{font-size:11px;font-weight:800;color:#42e3a4}.server-state.suspended,.server-state.cancelled{color:#ff6d83}.server-state i{font-size:7px}.server-more{margin-left:auto;background:none;border:0;color:#8299ad}.resource-row{margin:11px 0}.resource-row>span{display:flex;justify-content:space-between;font-size:11px;color:#8fa9be}.resource-row>div,.live-metric>div{height:7px;background:rgba(3,12,22,.8);border-radius:999px;overflow:hidden;margin-top:6px}.resource-row i,.live-metric>div i{display:block;width:var(--progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#00bcec,#45e2ff);animation:growProgress .9s ease both}.server-ip{color:#9bb0c5;font-size:12px}.cloud-server-card footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.cloud-server-card dl{display:grid;gap:8px;margin:16px 0}.cloud-server-card dl div{display:flex;justify-content:space-between}.cloud-server-card dt{color:#8197ab}.cloud-server-card dd{color:#dce9f3;margin:0}.cloud-side-stack{display:grid;gap:18px}.live-metric{display:grid;grid-template-columns:1fr auto;align-items:center;margin:15px 0}.live-metric span{color:#b8cad9}.live-metric b{color:#fff}.live-metric>div{grid-column:1/-1}.infrastructure-card>a{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}.infrastructure-card>a:last-child{border:0}.infrastructure-card a span{color:#c7d7e5}.infrastructure-card a i{color:#42e3a4;margin-right:9px}.infrastructure-card a b{color:#42e3a4;font-size:11px}.cloud-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.activity-timeline article,.notification-preview article{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}.activity-timeline article:last-child,.notification-preview article:last-child{border:0}.activity-icon,.notification-preview article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(0,206,255,.1);color:#50dcff}.activity-timeline article>div,.notification-preview article>div{display:grid;flex:1}.activity-timeline small,.notification-preview small{color:#8299ad}.activity-timeline time{color:#6f879e;font-size:11px}.cloud-preferences{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.preference-controls{display:flex;gap:12px}.preference-controls label{min-width:160px}.notification-center{position:relative}.notification-dropdown{position:absolute;right:0;top:52px;width:360px;padding:12px;border-radius:17px;background:#071829;border:1px solid rgba(71,217,255,.22);box-shadow:0 24px 60px rgba(0,0,0,.4);z-index:30;display:none}.notification-center.open .notification-dropdown{display:block;animation:dropIn .16s ease}.notification-dropdown header{display:flex;justify-content:space-between;padding:8px}.notification-dropdown>a{display:flex;gap:10px;padding:12px;border-radius:12px}.notification-dropdown>a:hover{background:rgba(0,206,255,.08)}.notification-dropdown>a>i{color:#48dfff;margin-top:3px}.notification-dropdown span{display:grid}.notification-dropdown small{color:#8299ad}.cloud-empty{grid-column:1/-1;text-align:center;padding:38px;border:1px dashed rgba(72,217,255,.22);border-radius:18px}.cloud-empty>i{font-size:34px;color:#45ddff}.customer-admin-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.admin-action-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid rgba(70,215,255,.14);background:rgba(7,25,41,.8);border-radius:16px}.admin-action-card>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(0,206,255,.1);color:#4bddff}.admin-action-card>div{display:grid;flex:1}.admin-action-card small{color:#7f96aa}@keyframes growProgress{from{width:0}}@keyframes dropIn{from{opacity:0;transform:translateY(-6px)}}body.compact-mode .cloud-panel,body.compact-mode .cloud-server-card{padding:14px}body[data-accent="blue"]{--portal-accent:#4f8cff}body[data-accent="violet"]{--portal-accent:#a779ff}
@media(max-width:1100px){.cloud-quick-actions{grid-template-columns:repeat(2,1fr)}.cloud-dashboard-grid,.cloud-bottom-grid{grid-template-columns:1fr}.server-page-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.cloud-welcome{grid-template-columns:1fr;padding:22px}.cloud-account{min-width:0}.cloud-quick-actions,.server-card-grid,.server-page-grid,.customer-admin-actions{grid-template-columns:1fr}.cloud-preferences{align-items:flex-start;gap:16px;flex-direction:column}.preference-controls{width:100%;flex-direction:column}.notification-dropdown{width:min(340px,calc(100vw - 30px));right:-62px}}

.cloud-bottom-single{grid-template-columns:1fr}