:root{
  --bg:#070911;--bg2:#0d101b;--card:rgba(16,20,34,.84);--card2:rgba(21,25,43,.74);
  --line:rgba(149,166,208,.17);--line-strong:rgba(111,159,255,.24);--text:#f3f6ff;--muted:#96a1bb;
  --cyan:#26d9ff;--blue:#5080ff;--violet:#915cff;--magenta:#df54ff;--green:#47e6a4;--red:#ff6580;--yellow:#ffd45f;
  --shadow:0 22px 70px rgba(0,0,0,.38);--sidebar:292px
}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 17% 0%,#182844 0,transparent 35%),radial-gradient(circle at 100% 7%,#2a174d 0,transparent 33%),var(--bg);color:var(--text);min-height:100vh;font-size:16px}
a{color:inherit;text-decoration:none}button,input{font:inherit}
.ambient{position:fixed;pointer-events:none;filter:blur(92px);opacity:.18;border-radius:999px;z-index:0}.ambient.a{width:440px;height:440px;background:var(--cyan);top:-220px;left:8%}.ambient.b{width:520px;height:520px;background:var(--magenta);bottom:-300px;right:-90px}
.app-layout{position:relative;z-index:1;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;padding:28px 20px 20px;background:linear-gradient(180deg,rgba(8,11,20,.98),rgba(10,12,22,.92));border-right:1px solid var(--line);backdrop-filter:blur(22px);display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-weight:900;letter-spacing:-1px;background:linear-gradient(135deg,var(--cyan),var(--blue) 52%,var(--magenta));color:#050811;box-shadow:0 0 30px rgba(38,217,255,.22)}.brand b{display:block;font-size:16px;letter-spacing:.18em}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.nav{display:grid;gap:7px;margin-top:38px}.nav a{display:flex;align-items:center;gap:13px;color:#b4bdd2;padding:12px 13px;border:1px solid transparent;border-radius:13px;font-size:15px;min-height:50px;transition:.18s}.nav a:hover{background:rgba(255,255,255,.04);color:white;border-color:rgba(255,255,255,.04)}.nav a.active{color:white;background:linear-gradient(90deg,rgba(38,217,255,.12),rgba(145,92,255,.12));border-color:rgba(38,217,255,.22);box-shadow:inset 3px 0 var(--cyan),0 8px 24px rgba(0,0,0,.12)}.nav-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.045);font-size:14px;color:var(--cyan);flex:0 0 auto}
.sidebar-footer{margin-top:auto;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:9px;padding:14px 12px}.secure-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
.main-shell{min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{min-height:88px;padding:17px clamp(28px,3vw,58px);display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);background:rgba(7,9,17,.68);backdrop-filter:blur(22px);position:sticky;top:0;z-index:20}.top-title{display:flex;flex-direction:column;gap:3px}.top-title strong{font-size:19px}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:800}.account-menu{margin-left:auto;display:flex;align-items:center;gap:14px;border:1px solid transparent;border-radius:14px;padding:4px}.account-copy{text-align:right;display:flex;flex-direction:column;min-width:0}.account-copy strong{font-size:14px;max-width:260px;overflow:hidden;text-overflow:ellipsis}.account-copy span{font-size:12px;color:var(--muted);margin-top:2px;max-width:260px;overflow:hidden;text-overflow:ellipsis}.avatar{border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(38,217,255,.24),rgba(145,92,255,.30));border:1px solid rgba(120,190,255,.35);font-weight:900;color:#fff;box-shadow:inset 0 0 18px rgba(79,120,255,.09)}.avatar.small{width:42px;height:42px;font-size:12px;flex:0 0 auto}.avatar.large{width:96px;height:96px;font-size:25px}.dashboard-avatar{width:62px;height:62px;font-size:16px;position:relative;z-index:1;flex:0 0 auto}.logout,.menu-button{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#dce4f8;border-radius:11px;padding:10px 14px;cursor:pointer;font-weight:650}.logout:hover,.menu-button:hover{border-color:rgba(38,217,255,.38);background:rgba(38,217,255,.04)}.menu-button{display:none}
.content{width:100%;max-width:2400px;margin:0 auto;padding:42px clamp(32px,3vw,64px) 56px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.page-head h1{font-size:clamp(34px,3vw,50px);letter-spacing:-.04em;margin:8px 0 8px;line-height:1.04}.page-head p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.welcome-card,.profile-hero{border:1px solid var(--line-strong);background:linear-gradient(125deg,rgba(18,26,45,.94),rgba(23,15,43,.9));box-shadow:var(--shadow);border-radius:22px;padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;overflow:hidden;position:relative;min-height:132px}.welcome-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(38,217,255,.035),transparent 35%,rgba(145,92,255,.035));pointer-events:none}.welcome-card:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-95px;top:-135px;background:radial-gradient(circle,rgba(38,217,255,.19),transparent 68%)}.welcome-card h2,.profile-hero h2{font-size:30px;margin:7px 0 6px;line-height:1.15}.welcome-card p,.profile-hero p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}
.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}.metric{min-height:158px;padding:24px 26px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,22,37,.9),rgba(12,15,27,.88));border-radius:19px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 15px 45px rgba(0,0,0,.18);position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-45px;top:-45px;background:radial-gradient(circle,rgba(80,128,255,.13),transparent 70%)}.metric span,.detail-grid span{font-size:13px;color:var(--muted)}.metric strong{font-size:38px;margin:7px 0 3px;background:linear-gradient(90deg,#fff,#b9ceff);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.05}.metric .metric-word{font-size:25px}.metric small{color:#8793ae;font-size:13px}.metric.accent{background:linear-gradient(135deg,rgba(25,39,62,.9),rgba(36,20,60,.86))}
.panel-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,20,34,.86),rgba(13,16,28,.82));border-radius:20px;padding:26px;box-shadow:0 18px 55px rgba(0,0,0,.19);margin-bottom:20px}.panel-card.soft{background:rgba(16,20,34,.58)}.panel-card.soft p{color:var(--muted);line-height:1.65}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.section-head h2{margin:5px 0 0;font-size:24px}.count-pill{font-size:12px;color:#c8d1e6;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:999px;padding:8px 11px}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.quick-grid a{padding:21px 20px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.018));transition:.18s;min-height:108px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.quick-grid a:after{position:absolute;right:16px;top:15px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(38,217,255,.055);border:1px solid rgba(38,217,255,.12);color:var(--cyan);font-weight:900}.quick-grid a:nth-child(1):after{content:"◆"}.quick-grid a:nth-child(2):after{content:"€"}.quick-grid a:nth-child(3):after{content:"▤"}.quick-grid a:nth-child(4):after{content:"●"}.quick-grid a:hover{transform:translateY(-2px);border-color:rgba(38,217,255,.28);background:rgba(38,217,255,.04);box-shadow:0 16px 32px rgba(0,0,0,.15)}.quick-grid b{display:block;font-size:16px;padding-right:44px}.quick-grid span{display:block;color:var(--muted);font-size:13px;margin-top:7px;line-height:1.5;padding-right:30px}
.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}.server-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(21,26,43,.92),rgba(13,16,29,.9));border-radius:18px;padding:21px}.server-card-top{display:flex;justify-content:space-between;align-items:center}.game-mark,.session-icon,.empty-icon{display:grid;place-items:center}.game-mark{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,rgba(38,217,255,.16),rgba(145,92,255,.20));color:var(--cyan);font-size:20px}.server-card h3{font-size:20px;margin:19px 0 5px}.server-card>p{font-size:11px;color:#6f7c99;margin:0 0 18px;word-break:break-all}.server-card dl{display:grid;gap:10px;margin:0 0 19px}.server-card dl div{display:flex;justify-content:space-between;gap:12px}.server-card dt{color:var(--muted);font-size:13px}.server-card dd{margin:0;font-size:13px;text-align:right}.status-badge{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;border-radius:999px;padding:7px 10px;border:1px solid currentColor;background:rgba(255,255,255,.02)}.status-badge.operational{color:var(--green)}.status-badge.warning{color:var(--yellow)}.status-badge.danger{color:var(--red)}.status-badge.neutral{color:#a8b3cc}
.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:800;border:1px solid transparent}.button.primary{background:linear-gradient(100deg,var(--cyan),var(--blue) 55%,var(--violet));color:#050811;box-shadow:0 10px 30px rgba(52,134,255,.24)}.button.wide{width:100%}.button.ghost{border-color:var(--line);color:#dbe3f7;background:rgba(255,255,255,.025)}.disabled-link{opacity:.5;pointer-events:none}
.empty-state{text-align:center;padding:58px 20px}.empty-icon{width:58px;height:58px;margin:0 auto 15px;border-radius:16px;border:1px solid rgba(38,217,255,.22);background:rgba(38,217,255,.045);color:var(--cyan);font-size:24px}.empty-state h3{margin:0 0 9px;font-size:19px}.empty-state p{margin:0 auto;max-width:660px;color:var(--muted);font-size:14px;line-height:1.65}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-grid div{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.022)}.detail-grid strong{display:block;margin-top:6px;font-size:15px}.session-list,.status-list{display:grid;gap:10px}.session-row,.status-row{display:flex;align-items:center;gap:14px;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.session-icon{width:38px;height:38px;border-radius:11px;background:rgba(145,92,255,.11);color:#c2a6ff}.session-row>div:nth-child(2),.status-row>div{display:flex;flex-direction:column;gap:4px;min-width:0}.session-row strong,.status-row strong{font-size:14px}.session-row span:not(.status-badge),.status-row span:not(.status-badge){font-size:12px;color:var(--muted)}.session-row .status-badge,.status-row .status-badge{margin-left:auto}.updated-line{font-size:12px;color:var(--muted);text-align:right;margin:15px 0 0}
.module-error{border:1px solid rgba(255,101,128,.34);background:rgba(94,27,48,.20);border-radius:20px;padding:30px;display:flex;gap:20px;align-items:center}.module-error-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:rgba(255,101,128,.13);color:var(--red);font-size:24px;font-weight:900}.module-error h2{margin:0 0 6px}.module-error p{margin:0;color:#d9a9b4}
.footer{margin-top:auto;border-top:1px solid var(--line);padding:20px clamp(28px,3vw,58px);display:flex;justify-content:space-between;color:#707a92;font-size:12px}.mobile-overlay{display:none}
.login-body{display:grid;place-items:center;min-height:100vh;padding:24px}.login-wrap{position:relative;z-index:1;width:min(470px,100%)}.login-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(15,19,32,.96),rgba(15,13,29,.95));border-radius:26px;padding:36px;box-shadow:var(--shadow)}.login-brand{margin-bottom:42px}.login-card h1{font-size:38px;margin:9px 0 10px;letter-spacing:-.04em}.login-card>p{color:var(--muted);font-size:15px;line-height:1.6;margin:0 0 26px}.login-security{display:flex;gap:12px;margin-top:22px;padding:15px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.022)}.login-security>span{color:var(--green)}.login-security div{display:flex;flex-direction:column}.login-security strong{font-size:13px}.login-security small{color:var(--muted);font-size:11px;margin-top:3px;line-height:1.5}.text-link{display:block;text-align:center;color:#98a8ce;font-size:13px;margin-top:23px}.login-error{padding:13px 15px;margin:15px 0 21px;border:1px solid rgba(255,101,128,.28);border-radius:12px;background:rgba(255,101,128,.08);color:#ffc2ce;font-size:14px}.login-foot{text-align:center;color:#68728a;font-size:11px;margin-top:17px}
@media(min-width:2200px){:root{--sidebar:310px}.sidebar{padding-left:24px;padding-right:24px}.content{max-width:none;padding-left:72px;padding-right:72px}.topbar,.footer{padding-left:72px;padding-right:72px}.metric-grid{gap:22px}.metric{min-height:172px;padding:28px 30px}.quick-grid{gap:18px}.quick-grid a{min-height:118px;padding:24px}.panel-card{padding:30px}.welcome-card,.profile-hero{padding:34px 36px}}
@media(max-width:1280px){:root{--sidebar:250px}.sidebar{padding-left:14px;padding-right:14px}.nav a{font-size:14px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-copy strong,.account-copy span{max-width:190px}.content{padding-left:32px;padding-right:32px}}
@media(max-width:900px){.app-layout{display:block}.sidebar{position:fixed;left:-310px;top:0;width:292px;z-index:60;transition:left .2s ease;padding-left:18px;padding-right:18px}.sidebar.open{left:0}.menu-button{display:block}.mobile-overlay.show{display:block;position:fixed;z-index:50;inset:0;background:rgba(0,0,0,.60);backdrop-filter:blur(3px)}.topbar{min-height:74px;padding:13px 20px}.top-title .eyebrow{display:none}.account-copy{display:none}.account-menu{gap:9px}.metric-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:5px;padding:17px 20px}.content{padding:30px 20px 42px}.page-head{margin-bottom:23px}.page-head h1{font-size:34px}.welcome-card,.profile-hero{min-height:0}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){body{font-size:15px}.account-menu .avatar{display:none}.account-menu .logout{padding:8px 10px;font-size:12px}.top-title strong{font-size:16px}.quick-grid{grid-template-columns:1fr}.welcome-card,.profile-hero{padding:22px}.welcome-card .dashboard-avatar{display:none}.page-head h1{font-size:31px}.page-head p{font-size:14px}.panel-card{padding:18px}.metric{min-height:132px;padding:20px}.metric strong{font-size:32px}.metric .metric-word{font-size:22px}.section-head{align-items:flex-start}.status-row{align-items:flex-start}.status-row .status-badge{white-space:nowrap}.login-card{padding:27px 22px}.login-card h1{font-size:32px}.brand b{font-size:14px}.brand small{font-size:11px}}


/* ASP009 Paket 4: Billing, Wallet, Rechnungen, Profil und Sicherheit */
.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.billing-metrics .metric.metric-danger{border-color:rgba(255,101,128,.34);background:linear-gradient(145deg,rgba(66,20,34,.72),rgba(20,15,28,.88))}
.billing-metrics .metric.metric-warning{border-color:rgba(255,212,95,.28)}
.billing-layout,.profile-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:20px;align-items:start}
.billing-layout>.panel-card,.profile-layout>.panel-card{height:100%}
.inline-notice{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:0 0 20px;font-size:14px;line-height:1.55}.inline-notice.success{border-color:rgba(71,230,164,.28);background:rgba(71,230,164,.07);color:#b7f7d9}.inline-notice.warning{border-color:rgba(255,212,95,.28);background:rgba(255,212,95,.06);color:#ffe8a5}.inline-notice.danger{border-color:rgba(255,101,128,.34);background:rgba(255,101,128,.07);color:#ffc4cf}
.info-stack{display:grid;gap:12px}.info-stack p{margin:0;padding:15px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02);color:var(--muted);line-height:1.55}.info-stack strong{color:#eef3ff}
.payment-methods{display:grid;gap:14px}.payment-method{display:grid;grid-template-columns:auto minmax(210px,1fr) minmax(230px,.75fr) auto;gap:15px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02);position:relative}.payment-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,rgba(38,217,255,.13),rgba(145,92,255,.16));border:1px solid rgba(38,217,255,.16);font-weight:900;color:var(--cyan)}.payment-copy{display:flex;flex-direction:column;gap:5px}.payment-copy strong{font-size:15px}.payment-copy>span{font-size:12px;line-height:1.5;color:var(--muted)}.availability{font-size:11px;font-weight:800;white-space:nowrap}.availability.operational{color:var(--green)}.availability.neutral{color:var(--muted)}.amount-field{display:flex;align-items:center;gap:9px}.amount-field>span{font-size:12px;color:var(--muted)}.amount-field>div{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;background:#0b0e18;overflow:hidden}.amount-field input{width:105px;border:0;background:transparent;color:var(--text);padding:10px 8px 10px 11px;outline:0}.amount-field b{padding-right:10px;color:var(--muted)}.payment-method form{display:flex;gap:9px;align-items:center}.payment-method input:disabled,.payment-method button:disabled{opacity:.45;cursor:not-allowed}.bank-details{display:block;color:#aab5ce;line-height:1.55;margin-top:3px}
.live-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(71,230,164,.18);background:rgba(71,230,164,.045);color:#aeeed1;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.live-pill i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}
.data-table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:15px}.data-table{width:100%;border-collapse:collapse;min-width:720px;background:rgba(6,9,17,.22)}.data-table th,.data-table td{text-align:left;padding:15px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.data-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7f8da9;background:rgba(255,255,255,.02)}.data-table td{font-size:13px;color:#c7d0e5}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:rgba(38,217,255,.025)}.data-table .right{text-align:right}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.money.positive{color:var(--green)}.money.negative{color:var(--red)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.row-action{text-align:right!important;white-space:nowrap}.table-button{padding:8px 11px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#dce4f7;cursor:pointer}.table-button:hover{border-color:rgba(38,217,255,.3)}
.invoice-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;border:1px solid var(--line-strong);background:linear-gradient(125deg,rgba(18,26,45,.94),rgba(23,15,43,.9));border-radius:22px;padding:28px 30px;margin-bottom:20px}.invoice-hero h2{font-size:30px;margin:6px 0 4px}.invoice-hero p{margin:0;color:var(--muted)}.invoice-total{display:grid;justify-items:end;gap:6px}.invoice-total>span:first-child{font-size:12px;color:var(--muted)}.invoice-total strong{font-size:30px}.action-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.action-bar form{margin:0}.action-spacer{flex:1}
.profile-edit-hero{min-height:145px}.profile-avatar-wrap{width:88px;height:88px;flex:0 0 auto}.profile-avatar-wrap.large-preview{width:118px;height:118px}.profile-avatar-image,.profile-avatar-fallback{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-avatar-image{display:block;border:1px solid rgba(120,190,255,.34);background:#0a0d17}.profile-avatar-fallback{font-size:23px}.profile-status{margin-left:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-field{display:grid;gap:7px}.form-field>span{font-size:12px;color:var(--muted);font-weight:700}.form-field input,.form-field select{width:100%;border:1px solid var(--line);border-radius:12px;background:#0b0e18;color:var(--text);padding:12px 13px;outline:0;transition:.15s}.form-field input:focus,.form-field select:focus,.file-field:focus-within{border-color:rgba(38,217,255,.38);box-shadow:0 0 0 3px rgba(38,217,255,.05)}.form-field.readonly input{color:#8490a9;background:rgba(255,255,255,.018)}.form-actions,.form-hint{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end}.form-hint{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.detail-line{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.detail-line span{color:var(--muted);font-size:12px}.avatar-editor{display:flex;align-items:flex-start;gap:22px}.avatar-actions{display:grid;gap:13px;flex:1}.avatar-actions>p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.avatar-actions form{display:grid;gap:11px}.file-field{display:grid;gap:7px;padding:12px;border:1px dashed var(--line-strong);border-radius:12px;background:rgba(38,217,255,.018)}.file-field span{font-size:12px;color:var(--muted)}.file-field input{max-width:100%;color:#c7d0e5}.security-profile-layout{margin-top:0}.danger-zone{border-color:rgba(255,101,128,.24)!important;background:linear-gradient(145deg,rgba(46,17,28,.46),rgba(13,16,28,.82))!important}.danger-zone>p{color:#c8a3ad;line-height:1.6}.danger-solid{background:rgba(255,101,128,.14);border-color:rgba(255,101,128,.34);color:#ffd6df;cursor:pointer}.danger-solid:hover{background:rgba(255,101,128,.21)}.danger-button{color:#ff9bad!important;cursor:pointer}
.session-head-actions,.session-actions{display:flex;align-items:center;gap:10px}.session-copy{flex:1}.session-actions{margin-left:auto}.session-actions form{margin:0}.login-success{padding:13px 15px;margin:0 0 20px;border:1px solid rgba(71,230,164,.28);border-radius:12px;background:rgba(71,230,164,.07);color:#b7f7d9;font-size:14px;line-height:1.5}
@media(max-width:1500px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-method{grid-template-columns:auto minmax(180px,1fr);align-items:start}.payment-method form,.payment-method .availability{grid-column:2}.payment-method .availability{justify-self:start}}
@media(max-width:1100px){.billing-layout,.profile-layout{grid-template-columns:1fr}.profile-layout>.panel-card{height:auto}}
@media(max-width:780px){.form-grid{grid-template-columns:1fr}.avatar-editor{flex-direction:column}.invoice-hero{align-items:flex-start}.invoice-total{justify-items:start}.session-row{align-items:flex-start;flex-wrap:wrap}.session-actions{width:100%;margin-left:52px;justify-content:flex-start}.session-head-actions{align-items:flex-end;flex-direction:column}.payment-method{grid-template-columns:auto 1fr}.payment-method form{flex-wrap:wrap}.data-table-wrap{border:0;overflow:visible}.data-table{min-width:0;display:block;background:transparent}.data-table thead{display:none}.data-table tbody{display:grid;gap:12px}.data-table tr{display:grid;border:1px solid var(--line);border-radius:14px;padding:10px 13px;background:rgba(255,255,255,.018)}.data-table td{display:flex;justify-content:space-between;gap:12px;border:0!important;padding:7px 2px;text-align:right!important}.data-table td:before{content:attr(data-label);color:var(--muted);font-size:11px;text-align:left}.row-action{justify-content:flex-end!important}.row-action:before{display:none}}
@media(max-width:580px){.dashboard-metrics{grid-template-columns:1fr}.invoice-hero{flex-direction:column}.profile-status{margin-left:0}.profile-edit-hero{align-items:flex-start}.payment-method form{grid-column:1/-1}.payment-method .availability{grid-column:1/-1}.amount-field{flex-wrap:wrap}.session-actions{margin-left:0}.session-actions .status-badge{margin-left:0}}


/* ASP009 Paket 4 Abschluss-Patch 0.0.5: lesbarere Fachmodule */
.module-section{padding:30px}.module-section .section-head{margin-bottom:26px}.section-copy{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.55;max-width:760px}
.billing-summary{gap:20px}.billing-summary .metric{min-height:174px}.billing-summary .metric span{font-size:14px}.billing-summary .metric small{font-size:13px;line-height:1.5}
.billing-layout{grid-template-columns:minmax(0,1.72fr) minmax(360px,.72fr);gap:24px}.billing-payment-card,.billing-info-card{height:100%}.billing-info-card .info-stack{gap:14px}.billing-info-card .info-stack p{padding:17px 18px;font-size:13px}
.payment-methods{gap:16px}.payment-method{grid-template-columns:52px minmax(250px,1fr) minmax(270px,.8fr) auto;gap:18px;padding:21px 22px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.014));transition:border-color .16s,background .16s}.payment-method:hover{border-color:rgba(38,217,255,.2);background:linear-gradient(145deg,rgba(38,217,255,.035),rgba(145,92,255,.024))}.payment-method-static{grid-template-columns:52px minmax(250px,1fr) auto}.payment-icon{width:50px;height:50px;border-radius:15px;font-size:16px}.payment-copy{gap:7px}.payment-copy strong,.payment-method>div>strong{font-size:16px}.payment-copy>span,.payment-method>div>span{font-size:13px;line-height:1.55;color:var(--muted)}.availability{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);font-size:11px}.availability.operational{border-color:rgba(71,230,164,.22);background:rgba(71,230,164,.055)}.availability.neutral{background:rgba(255,255,255,.025)}.amount-field>span{font-size:13px}.amount-field input{width:120px;padding:11px 10px 11px 12px;font-size:14px}.payment-method .button{min-height:42px;min-width:104px}
.table-section{padding-bottom:28px}.table-section .data-table-wrap{border-radius:17px}.data-table th,.data-table td{padding:18px 18px}.data-table th{font-size:12px}.data-table td{font-size:14px;line-height:1.5}.data-table td strong{font-size:14px}.table-button{padding:9px 13px;font-size:13px}.empty-state{padding:68px 24px}.empty-state h3{font-size:20px}.empty-state p{font-size:14px}
.profile-primary-grid{grid-template-columns:minmax(0,1.42fr) minmax(360px,.72fr);gap:24px}.profile-data-card,.profile-avatar-card,.profile-security-card{padding:30px}.profile-data-card .form-grid{gap:18px}.form-field{gap:8px}.form-field>span{font-size:13px}.form-field input,.form-field select{min-height:46px;padding:13px 14px;font-size:14px}.form-hint{font-size:13px}.form-actions{margin-top:3px}.detail-line{padding-top:20px;margin-top:24px}.detail-line span{font-size:13px}.profile-avatar-wrap.large-preview{width:132px;height:132px}.avatar-editor{gap:26px}.avatar-actions>p{font-size:14px}.file-field{padding:14px}.profile-security-card{margin-top:4px}.profile-security-card .password-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.profile-security-card .password-form .form-hint,.profile-security-card .password-form .form-actions{grid-column:1/-1}.profile-security-card .form-actions{justify-content:flex-start}
.danger-zone-full{margin-top:4px;padding:30px 32px!important;border-color:rgba(255,101,128,.32)!important;background:linear-gradient(145deg,rgba(62,20,33,.56),rgba(18,13,24,.9))!important}.danger-zone-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.danger-zone-head h2{margin:6px 0 8px;font-size:24px}.danger-zone-head p{margin:0;max-width:900px;color:#d1a8b2;line-height:1.65}.danger-symbol{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,101,128,.34);background:rgba(255,101,128,.12);color:#ff9bad;font-weight:900;font-size:20px}.danger-confirm-form{display:grid;grid-template-columns:minmax(280px,430px) auto;align-items:end;gap:14px;margin-top:22px;max-width:720px}.danger-confirm-form .button{min-height:46px}.danger-solid{font-size:13px}
.session-panel{padding:30px}.session-head-actions{gap:12px}.session-list{gap:13px}.session-row{min-height:88px;padding:18px 20px;gap:16px;border-radius:16px}.session-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto}.session-copy strong{font-size:15px}.session-meta{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:7px 16px!important;margin-top:4px}.session-meta span{font-size:12px!important;white-space:nowrap}.session-actions{gap:12px}.session-actions .button{min-height:38px;padding:9px 13px;font-size:13px}.session-head-actions .danger-button{min-height:40px;padding:10px 14px}.security-note-card{display:flex;align-items:center;gap:16px;padding:22px 26px}.security-note-card h3{margin:0 0 5px}.security-note-card p{margin:0}.security-note-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:rgba(145,92,255,.10);border:1px solid rgba(145,92,255,.16);color:#c6afff}
@media(max-width:1500px){.billing-layout,.profile-primary-grid{grid-template-columns:1fr}.billing-info-card{height:auto}.profile-security-card .password-form{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-method{grid-template-columns:52px minmax(210px,1fr);align-items:start}.payment-method form,.payment-method .availability{grid-column:2}.payment-method .availability{justify-self:start}.payment-method-static{grid-template-columns:52px minmax(210px,1fr)}.payment-method-static .availability{grid-column:2}}
@media(max-width:900px){.module-section,.profile-data-card,.profile-avatar-card,.profile-security-card,.session-panel,.danger-zone-full{padding:22px}.profile-security-card .password-form{grid-template-columns:1fr}.danger-confirm-form{grid-template-columns:1fr;max-width:none}.danger-confirm-form .button{justify-self:start}.session-meta{display:grid!important;gap:5px!important}.session-row{align-items:flex-start}}
@media(max-width:780px){.payment-method{padding:17px}.data-table tr{padding:13px 15px}.data-table td{font-size:13px;padding:9px 2px}.data-table td:before{font-size:12px}.session-actions{margin-left:62px}.security-note-card{align-items:flex-start}}
@media(max-width:580px){.billing-summary .metric{min-height:138px}.danger-zone-head{flex-direction:column-reverse}.danger-symbol{width:42px;height:42px}.session-row{padding:16px}.session-actions{margin-left:0}.session-actions .button{width:auto}.payment-method{grid-template-columns:46px 1fr}.payment-icon{width:46px;height:46px}.payment-method form,.payment-method .availability{grid-column:1/-1}.payment-method form{width:100%}.amount-field{width:100%}.amount-field>div{flex:1}.amount-field input{width:100%}.payment-method form .button{flex:1}}

/* ASP009 Paket 4 Patch 0.0.6: Identität, Live-Fragmente und Gameserver */
.brand-logo-wrap{display:grid;grid-template-columns:1fr;gap:7px;align-items:start}.brand-logo-wrap .brand-logo{display:block;width:100%;max-width:218px;height:auto;object-fit:contain;object-position:left center}.brand-logo-wrap small{margin:0 0 0 2px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7f8ba6}
.topbar-avatar-image,.dashboard-avatar-image{display:block;border-radius:50%;object-fit:cover;border:1px solid rgba(91,190,255,.44);background:#0d1220;box-shadow:0 0 0 3px rgba(38,217,255,.045),0 10px 30px rgba(0,0,0,.26)}.topbar-avatar-image{width:46px;height:46px;flex:0 0 auto}.dashboard-avatar-image{width:66px;height:66px;position:relative;z-index:1;flex:0 0 auto}.account-copy strong{font-size:15px;color:#f5f7ff}.account-copy span{font-size:12px;color:#8792ab}.platform-metric.operational{border-color:rgba(71,230,164,.20)}.platform-metric.warning{border-color:rgba(255,212,95,.24)}.platform-metric.danger{border-color:rgba(255,101,128,.28)}
.payment-range{display:block;margin-top:5px;color:#77839e;font-size:11px;font-weight:600;white-space:nowrap}.payment-method form{align-items:end}.payment-method .amount-field{align-self:stretch}
.gameserver-overview{overflow:hidden}.server-head-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.server-grid-v2{grid-template-columns:repeat(auto-fit,minmax(390px,1fr));gap:22px}.server-card-v2{padding:0;overflow:hidden;border-radius:21px;background:linear-gradient(145deg,rgba(18,23,39,.96),rgba(10,13,24,.94));box-shadow:0 18px 50px rgba(0,0,0,.24)}.server-card-v2:hover{border-color:rgba(38,217,255,.25);transform:translateY(-1px);transition:.18s}.server-artwork{position:relative;width:100%;height:190px;overflow:hidden;background:linear-gradient(135deg,#10192b,#26153c)}.server-artwork:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(7,9,17,.82) 100%);pointer-events:none}.server-artwork img{display:block;width:100%;height:100%;object-fit:cover}.server-artwork-fallback{display:grid;place-items:center}.server-artwork-fallback img{width:min(70%,360px);height:auto;object-fit:contain;opacity:.9}.server-card-body{padding:23px 24px 24px}.server-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.server-card-title h3{margin:6px 0 0;font-size:23px;line-height:1.2}.server-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:21px 0}.server-facts>div{display:grid;gap:6px;padding:13px 14px;border:1px solid rgba(149,166,208,.11);border-radius:13px;background:rgba(255,255,255,.018)}.server-facts span{font-size:11px;color:var(--muted)}.server-facts strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.server-card-actions{display:flex;justify-content:flex-end}.server-card-actions .button{min-height:43px}
.server-detail-hero{position:relative;height:min(360px,34vw);min-height:260px;border:1px solid var(--line-strong);border-radius:24px;overflow:hidden;margin-bottom:22px;background:#0e1423;box-shadow:var(--shadow)}.server-detail-hero .server-artwork{height:100%}.server-detail-hero .server-artwork:after{background:linear-gradient(180deg,rgba(7,9,17,.05),rgba(7,9,17,.88) 88%)}.server-detail-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:32px 34px}.server-detail-overlay h2{font-size:clamp(28px,3vw,46px);margin:7px 0 6px;letter-spacing:-.035em}.server-detail-overlay p{margin:0;color:#aab4cb}.server-detail-live{display:grid;gap:20px}.server-control-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.server-control-actions form{margin:0}.server-live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.server-live-grid article{padding:18px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.018);display:grid;gap:7px}.server-live-grid span{font-size:12px;color:var(--muted)}.server-live-grid strong{font-size:21px}.connection-grid,.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.connection-grid>div,.settings-grid>div{padding:16px 17px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018);display:grid;gap:6px}.connection-grid span,.settings-grid span{font-size:11px;color:var(--muted)}.connection-grid strong,.settings-grid strong{font-size:14px;overflow-wrap:anywhere}.connection-value{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.copy-button{padding:5px 8px;min-height:auto;font-size:10px}
.support-thread{display:grid;gap:14px}.support-message{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}.support-message-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:9px}.support-message-head span{font-size:11px;color:var(--muted)}.support-message p{margin:0;white-space:pre-wrap;line-height:1.65;color:#dbe2f3}.inline-muted{color:var(--muted);font-size:12px;line-height:1.5}
[data-live-fragment]{transition:opacity .12s}.live-pill{user-select:none}
@media(max-width:1200px){.server-grid-v2{grid-template-columns:1fr}.server-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-detail-hero{height:330px}}
@media(max-width:780px){.brand-logo-wrap .brand-logo{max-width:190px}.server-grid-v2{grid-template-columns:minmax(0,1fr)}.server-artwork{height:160px}.server-facts{grid-template-columns:1fr}.server-detail-hero{height:280px;min-height:240px}.server-detail-overlay{padding:23px;align-items:flex-start;flex-direction:column}.server-live-grid{grid-template-columns:1fr 1fr}.topbar-avatar-image{width:40px;height:40px}.support-message-head{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:580px){.brand-logo-wrap .brand-logo{max-width:175px}.topbar-avatar-image{display:none}.dashboard-avatar-image{display:none}.server-card-body{padding:19px}.server-card-title{flex-direction:column}.server-artwork{height:145px}.server-live-grid{grid-template-columns:1fr}.server-detail-hero{height:250px}.server-detail-overlay h2{font-size:27px}.account-copy strong{font-size:13px}.account-copy span{font-size:10px}}

/* ASP009 Paket 4 Patch 0.0.7: echtes Logo, Guthaben-Neuaufbau, Support-Chat */
.brand-logo-wrap{display:flex!important;flex-direction:column;align-items:center!important;justify-content:center;padding:18px 10px 20px!important;margin:0 0 12px;border-bottom:1px solid rgba(149,166,208,.09);text-decoration:none}.brand-logo-wrap .brand-logo{width:150px!important;max-width:92%!important;height:118px!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 10px 24px rgba(0,130,255,.16))}.sidebar-brand-title{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8d99b3;margin-top:2px}.login-brand-logo{display:flex!important;flex-direction:column;align-items:center;gap:7px}.login-brand-logo img{width:min(230px,72vw);height:auto;max-height:170px;object-fit:contain;filter:drop-shadow(0 14px 34px rgba(0,150,255,.15))}.login-brand-logo small{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8e99b0}
.wallet-topup-shell{padding:30px}.wallet-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wallet-method-card{position:relative;display:flex;flex-direction:column;gap:16px;min-height:330px;padding:24px;border:1px solid rgba(149,166,208,.13);border-radius:18px;background:linear-gradient(145deg,rgba(17,22,37,.97),rgba(10,13,24,.95));overflow:hidden}.wallet-method-card.stripe{border-color:rgba(133,94,255,.24);background:linear-gradient(145deg,rgba(28,22,55,.94),rgba(11,13,25,.97))}.wallet-method-card.bank{border-color:rgba(38,217,255,.18)}.wallet-existing{background:linear-gradient(145deg,rgba(16,35,48,.72),rgba(10,14,25,.96))}.wallet-method-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-size:20px;font-weight:900;color:#d9f9ff;border:1px solid rgba(38,217,255,.2);background:linear-gradient(145deg,rgba(38,217,255,.14),rgba(145,92,255,.1))}.wallet-method-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.wallet-method-heading h3{margin:5px 0 0;font-size:20px}.wallet-method-description{margin:0;color:#9ba7bf;line-height:1.6}.wallet-existing-copy{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:14px;background:rgba(255,255,255,.022);border:1px solid rgba(149,166,208,.09)}.wallet-existing-copy strong{font-size:15px;color:#edf4ff}.wallet-existing-copy span{position:relative;padding-left:18px;color:#a6b1c7;font-size:13px}.wallet-existing-copy span:before{content:"✓";position:absolute;left:0;color:#49e5a7;font-weight:800}.wallet-amount-form{display:grid;gap:11px;margin-top:auto}.wallet-amount-form>label{font-size:12px;font-weight:800;color:#c9d2e5}.wallet-amount-box{display:flex;align-items:center;border:1px solid rgba(149,166,208,.18);border-radius:14px;background:#090d18;overflow:hidden;transition:.15s}.wallet-amount-box:focus-within{border-color:rgba(38,217,255,.52);box-shadow:0 0 0 3px rgba(38,217,255,.06)}.wallet-amount-box input{width:100%;border:0;background:transparent;color:#fff;padding:14px 15px;font-size:20px;font-weight:800;outline:none}.wallet-amount-box span{padding:0 16px;color:#8d99b3;font-weight:800}.quick-amounts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.quick-amounts button{min-height:34px;border:1px solid rgba(149,166,208,.13);border-radius:10px;background:rgba(255,255,255,.025);color:#cbd5e7;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.quick-amounts button:hover{border-color:rgba(38,217,255,.36);color:#fff;background:rgba(38,217,255,.06)}.quick-amounts button:disabled{opacity:.42;cursor:not-allowed}.wallet-amount-form small{color:#74809a;font-size:11px}.wallet-submit{width:100%;min-height:44px}.wallet-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.wallet-help-card{padding:22px 24px}.wallet-help-card strong{display:block;font-size:16px;margin:7px 0}.wallet-help-card p{margin:0;color:#8f9ab2;line-height:1.55}.bank-data-preview{display:flex;flex-direction:column;gap:5px;padding:13px 15px;border-radius:12px;border:1px solid rgba(149,166,208,.1);background:rgba(255,255,255,.018)}.bank-data-preview strong{font-size:12px}.bank-data-preview span{font-size:11px;color:#8792aa;line-height:1.45}.bank-transfer-result{padding:26px 28px;margin-bottom:16px;border-color:rgba(38,217,255,.22)!important;background:linear-gradient(145deg,rgba(13,35,47,.82),rgba(14,13,29,.95))!important}.bank-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.bank-data-grid>div{display:grid;gap:6px;padding:14px 15px;border-radius:12px;border:1px solid rgba(149,166,208,.11);background:rgba(255,255,255,.018)}.bank-data-grid span{font-size:11px;color:#7f8ba4}.bank-data-grid strong{font-size:13px;overflow-wrap:anywhere}.bank-api-gap{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid rgba(255,198,80,.24);border-radius:13px;background:rgba(255,198,80,.06)}.bank-api-gap strong{color:#ffd77a}.bank-api-gap span{color:#aeb7c8;font-size:12px;line-height:1.5}
.support-shell{padding:30px}.support-overview-head{margin-bottom:18px}.support-ticket-list{display:grid;gap:10px}.support-ticket-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:15px;padding:16px 18px;border:1px solid rgba(149,166,208,.11);border-radius:16px;background:rgba(255,255,255,.018);text-decoration:none;color:inherit;transition:.16s}.support-ticket-card:hover{border-color:rgba(38,217,255,.27);background:rgba(38,217,255,.025);transform:translateY(-1px)}.support-ticket-avatar{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,rgba(38,217,255,.12),rgba(145,92,255,.13));border:1px solid rgba(149,166,208,.12)}.support-ticket-avatar img{width:45px;height:45px;object-fit:contain}.support-ticket-main{min-width:0}.support-ticket-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.support-ticket-title strong{font-size:15px;color:#edf3ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-ticket-title time{font-size:11px;color:#77839c;white-space:nowrap}.support-ticket-preview{margin:6px 0 9px;color:#8e9ab2;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-ticket-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.support-ticket-meta>span:not(.status-badge){font-size:11px;color:#77839a}.support-ticket-open{font-size:28px;color:#57dcff}.support-chat{overflow:hidden}.support-chat-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 24px;border-bottom:1px solid rgba(149,166,208,.1);background:linear-gradient(90deg,rgba(38,217,255,.045),rgba(145,92,255,.025))}.support-chat-title h2{margin:4px 0 8px;font-size:21px}.support-chat-title>div{display:flex;gap:8px;align-items:center}.support-back{white-space:nowrap}.support-chat-window{height:min(610px,62vh);min-height:420px;overflow:auto;padding:28px 28px 34px;background:radial-gradient(circle at 20% 0%,rgba(32,168,255,.04),transparent 36%),#090d17;scroll-behavior:smooth}.chat-row{display:flex;gap:11px;align-items:flex-end;margin:0 0 17px;max-width:min(820px,82%)}.chat-row.customer{margin-left:auto;flex-direction:row-reverse}.chat-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;background:linear-gradient(145deg,#19314b,#33245d);border:1px solid rgba(149,166,208,.16);color:#eaf8ff;font-size:11px;font-weight:900}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-avatar .support-logo-avatar{object-fit:contain;padding:4px}.chat-message-wrap{min-width:0;max-width:100%}.chat-meta{display:flex;align-items:center;gap:10px;margin:0 5px 6px}.chat-row.customer .chat-meta{justify-content:flex-end}.chat-meta strong{font-size:12px;color:#d9e3f5}.chat-meta time{font-size:10px;color:#69758d}.chat-bubble{padding:13px 15px;border:1px solid rgba(149,166,208,.12);border-radius:5px 17px 17px 17px;background:#111828;box-shadow:0 8px 24px rgba(0,0,0,.12)}.chat-row.customer .chat-bubble{border-radius:17px 5px 17px 17px;border-color:rgba(66,195,255,.18);background:linear-gradient(145deg,rgba(16,70,97,.85),rgba(34,39,80,.9))}.chat-bubble p{margin:0;color:#dce5f4;white-space:pre-wrap;line-height:1.58;font-size:13px}.support-chat-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;border-top:1px solid rgba(149,166,208,.1);background:rgba(255,255,255,.012)}.support-chat-foot>div{display:grid;gap:3px}.support-chat-foot strong{font-size:12px}.support-chat-foot span{font-size:11px;color:#7d899f}
@media(max-width:1200px){.wallet-method-grid{grid-template-columns:1fr 1fr}.wallet-existing{grid-column:1/-1;min-height:auto}.wallet-help-grid{grid-template-columns:1fr}}
@media(max-width:780px){.brand-logo-wrap .brand-logo{width:132px!important;height:104px!important}.wallet-method-grid{grid-template-columns:1fr}.wallet-existing{grid-column:auto}.wallet-method-card{min-height:auto}.quick-amounts{grid-template-columns:repeat(3,1fr)}.support-shell{padding:20px}.support-ticket-card{grid-template-columns:44px minmax(0,1fr) auto;padding:14px}.support-ticket-avatar{width:44px;height:44px}.support-ticket-title{align-items:flex-start;flex-direction:column;gap:3px}.support-chat-header{grid-template-columns:1fr auto}.support-back{grid-column:1/-1;justify-self:start}.support-chat-window{height:58vh;min-height:360px;padding:20px 15px}.chat-row{max-width:92%}.support-chat-foot{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.brand-logo-wrap{padding-top:12px!important}.brand-logo-wrap .brand-logo{width:120px!important;height:96px!important}.quick-amounts{grid-template-columns:repeat(2,1fr)}.wallet-method-heading{flex-direction:column}.support-ticket-card{grid-template-columns:40px minmax(0,1fr)}.support-ticket-open{display:none}.support-ticket-avatar{width:40px;height:40px}.support-ticket-preview{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.support-chat-header{padding:17px}.support-chat-window{padding:18px 11px}.chat-row{max-width:96%}.chat-avatar{width:32px;height:32px}.chat-bubble{padding:11px 13px}.chat-bubble p{font-size:12px}}

/* ASP009 Paket 4 Patch 0.0.8 – kompaktere Marke, Gameserver-Übersicht und Live-Status */
.brand-logo-wrap{padding:10px 10px 12px!important;margin-bottom:8px!important;gap:4px!important}
.brand-logo-wrap .brand-logo{width:104px!important;height:72px!important;max-width:82%!important;filter:drop-shadow(0 7px 16px rgba(0,130,255,.12))!important}
.sidebar-brand-title{font-size:9px!important;letter-spacing:.14em!important}

.server-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.server-showcase-card{display:grid;grid-template-columns:118px minmax(0,1fr);min-height:186px;border:1px solid rgba(149,166,208,.12);border-radius:17px;overflow:hidden;background:linear-gradient(145deg,rgba(16,21,35,.97),rgba(9,12,22,.97));box-shadow:0 14px 34px rgba(0,0,0,.18)}
.server-showcase-card:hover{border-color:rgba(38,217,255,.23)}
.server-showcase-art{min-width:0;overflow:hidden;background:#0b1020}
.server-showcase-art .server-artwork{height:100%;min-height:186px;border-radius:0}
.server-showcase-art .server-artwork img{height:100%;object-fit:cover}
.server-showcase-art .server-artwork-fallback img{width:82%;height:auto;object-fit:contain}
.server-showcase-content{display:flex;flex-direction:column;min-width:0;padding:17px 17px 15px}
.server-showcase-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.server-showcase-heading h3{font-size:17px;line-height:1.25;margin:4px 0 0;overflow-wrap:anywhere}
.server-card-statline{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.server-card-statline>span{display:grid;gap:3px;min-width:0;color:#77839b;font-size:10px}
.server-card-statline strong{color:#cfd9eb;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.server-metric-line{display:grid;gap:5px;margin-top:7px}
.server-metric-line>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#7f8ba3}
.server-metric-line strong{font-size:10px;color:#cbd6e9}
.server-progress{appearance:none;width:100%;height:5px;border:0;border-radius:99px;overflow:hidden;background:#151b29}
.server-progress::-webkit-progress-bar{background:#151b29;border-radius:99px}
.server-progress::-webkit-progress-value{background:linear-gradient(90deg,#21cfff,#786cff);border-radius:99px}
.server-progress::-moz-progress-bar{background:linear-gradient(90deg,#21cfff,#786cff);border-radius:99px}
.server-showcase-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:12px}
.server-showcase-actions form{margin:0}.compact-action{min-height:34px!important;padding:7px 11px!important;font-size:11px!important}
.server-table-panel{border:1px solid rgba(149,166,208,.11);border-radius:16px;background:rgba(7,10,18,.45);overflow:hidden}
.server-table-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 18px;border-bottom:1px solid rgba(149,166,208,.1)}
.server-table-head h3{margin:4px 0 0;font-size:18px}
.server-overview-table th{font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.server-overview-table td{vertical-align:middle}
.server-table-name{display:flex;align-items:center;gap:11px;min-width:180px}
.server-table-name>div{display:grid;gap:3px}.server-table-name strong{font-size:12px}.server-table-name span{font-size:9px;color:#6f7b93}
.server-mini-art{width:38px;height:38px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;border-radius:9px;border:1px solid rgba(149,166,208,.12);background:linear-gradient(145deg,#15243a,#261b43);font-size:10px;font-weight:900;color:#bfeeff}
.server-mini-art img{width:100%;height:100%;object-fit:cover}
.server-overview-table .status-badge{white-space:nowrap}

.status-console{display:grid;gap:15px}
.status-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:170px;padding:28px 30px;background:radial-gradient(circle at 12% 0%,rgba(25,183,255,.12),transparent 42%),linear-gradient(125deg,rgba(10,27,42,.96),rgba(22,13,47,.95))}
.status-hero-copy h2{margin:7px 0 5px;font-size:30px}.status-hero-copy p{margin:0;color:#9aa6bd}
.status-live-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;color:#6f7c96;font-size:11px}
.status-hero-state{display:grid;place-items:center;gap:12px;min-width:155px}
.status-signal{width:56px;height:56px;border-radius:50%;border:1px solid rgba(149,166,208,.18);box-shadow:0 0 0 10px rgba(149,166,208,.04)}
.status-signal.operational{background:radial-gradient(circle,#52eeb3 0 22%,rgba(82,238,179,.18) 24% 100%);box-shadow:0 0 0 10px rgba(82,238,179,.04),0 0 35px rgba(82,238,179,.15)}
.status-signal.warning{background:radial-gradient(circle,#ffd166 0 22%,rgba(255,209,102,.18) 24% 100%)}
.status-signal.danger{background:radial-gradient(circle,#ff657a 0 22%,rgba(255,101,122,.18) 24% 100%)}
.status-signal.neutral{background:radial-gradient(circle,#8c98ae 0 22%,rgba(140,152,174,.14) 24% 100%)}
.status-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.status-summary-card{padding:17px 19px!important;min-height:88px;display:grid;gap:7px}.status-summary-card span{font-size:11px;color:#7f8ba4}.status-summary-card strong{font-size:25px}.status-summary-card.operational{border-color:rgba(82,238,179,.16)}.status-summary-card.warning{border-color:rgba(255,209,102,.16)}.status-summary-card.danger{border-color:rgba(255,101,122,.16)}
.status-services{padding:25px 27px}.status-legend{display:flex;gap:13px;align-items:center;flex-wrap:wrap;color:#8995ad;font-size:10px}.status-legend span{display:flex;align-items:center;gap:6px}.status-legend i{width:8px;height:8px;border-radius:50%;background:#78859d}.status-legend i.operational{background:#51e9ad}.status-legend i.warning{background:#f4c75e}.status-legend i.danger{background:#f15e73}
.status-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.status-service-card{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px;border:1px solid rgba(149,166,208,.11);border-radius:15px;background:rgba(255,255,255,.018)}
.status-service-card.operational{border-color:rgba(82,238,179,.13)}.status-service-card.warning{border-color:rgba(255,209,102,.14)}.status-service-card.danger{border-color:rgba(255,101,122,.16)}
.status-service-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;border:1px solid rgba(38,217,255,.16);background:linear-gradient(145deg,rgba(38,217,255,.09),rgba(145,92,255,.09));font-size:11px;font-weight:900;letter-spacing:.08em;color:#d8f7ff}
.status-service-copy{min-width:0}.status-service-copy h3{margin:3px 0 5px;font-size:15px}.status-service-copy p{margin:0;color:#8d99b1;font-size:11px;line-height:1.45}.status-service-copy small{display:block;margin-top:7px;color:#68748d;font-size:9px}
.status-history-placeholder{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 26px}.status-history-placeholder h2{margin:5px 0 6px;font-size:19px}.status-history-placeholder p{max-width:820px;margin:0;color:#818da5;font-size:11px;line-height:1.55}.status-history-chip{white-space:nowrap;padding:8px 11px;border:1px solid rgba(149,166,208,.12);border-radius:999px;color:#8b97ae;background:rgba(255,255,255,.02);font-size:10px}

@media(max-width:1300px){.server-showcase-grid{grid-template-columns:1fr 1fr}.server-showcase-grid .server-showcase-card:nth-child(3){grid-column:1/-1}.status-service-grid{grid-template-columns:1fr}}
@media(max-width:900px){.server-showcase-grid{grid-template-columns:1fr}.server-showcase-grid .server-showcase-card:nth-child(3){grid-column:auto}.status-summary-grid{grid-template-columns:1fr 1fr}.status-hero{align-items:flex-start}.status-history-placeholder{align-items:flex-start;flex-direction:column}.status-history-chip{white-space:normal}.brand-logo-wrap .brand-logo{width:94px!important;height:66px!important}}
@media(max-width:620px){.brand-logo-wrap .brand-logo{width:88px!important;height:62px!important}.server-showcase-card{grid-template-columns:94px minmax(0,1fr)}.server-showcase-art .server-artwork{min-height:205px}.server-card-statline{grid-template-columns:1fr}.status-hero{flex-direction:column;padding:22px}.status-hero-state{display:flex;min-width:0}.status-signal{width:36px;height:36px}.status-summary-grid{grid-template-columns:1fr 1fr}.status-service-card{grid-template-columns:40px minmax(0,1fr)}.status-service-icon{width:40px;height:40px}.status-service-card>.status-badge{grid-column:2;justify-self:start}}
.debug-mode-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 22px;border-bottom:1px solid rgba(255,194,82,.25);background:linear-gradient(90deg,rgba(255,183,55,.12),rgba(133,94,255,.08));color:#f1d69c}
.debug-mode-banner[hidden]{display:none!important}.debug-mode-banner>div{display:flex;align-items:center;gap:10px;min-width:0}.debug-mode-banner strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.debug-mode-banner span{font-size:10px;color:#c7b995}.debug-mode-banner small{font-size:9px;color:#95896f;white-space:nowrap}
@media(max-width:720px){.debug-mode-banner{align-items:flex-start;flex-direction:column;gap:4px;padding:9px 14px}.debug-mode-banner>div{align-items:flex-start;flex-direction:column;gap:2px}}

/* ASP009 Paket 4 Patch 0.0.10 – sichere JSON-Diagnose auf jeder Panel-Seite */
.debug-diagnostics{position:fixed;left:calc(var(--sidebar) + 18px);right:18px;bottom:18px;z-index:80;border:1px solid rgba(255,199,82,.30);border-radius:17px;overflow:hidden;background:rgba(7,10,18,.97);box-shadow:0 24px 80px rgba(0,0,0,.62),0 0 0 1px rgba(145,92,255,.05);backdrop-filter:blur(24px)}
.debug-diagnostics[hidden]{display:none!important}
.debug-diagnostics-head{min-height:48px;padding:10px 13px 10px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(255,199,82,.16);background:linear-gradient(90deg,rgba(255,183,55,.09),rgba(145,92,255,.07))}
.debug-diagnostics-head>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}.debug-diagnostics-head strong{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#f6e4bd}.debug-safe-note{font-size:10px;color:#928974;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debug-live-dot{width:8px;height:8px;border-radius:50%;background:#ffd45f;box-shadow:0 0 13px rgba(255,212,95,.75);animation:nv-debug-pulse 1.6s ease-in-out infinite}
@keyframes nv-debug-pulse{50%{opacity:.45;transform:scale(.82)}}
.debug-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.debug-actions button{border:1px solid rgba(149,166,208,.18);background:rgba(255,255,255,.035);color:#c9d2e6;border-radius:9px;padding:7px 10px;font-size:10px;font-weight:700;cursor:pointer}.debug-actions button:hover{border-color:rgba(38,217,255,.30);color:#fff}
.debug-diagnostics-body{padding:10px 13px 13px}.debug-context{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 8px;color:#7f8aa1;font-size:9px}.debug-diagnostics pre{margin:0;height:220px;overflow:auto;padding:13px 14px;border:1px solid rgba(149,166,208,.12);border-radius:11px;background:#04070d;color:#c8e8da;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;white-space:pre-wrap;word-break:break-word;tab-size:2}
.debug-diagnostics.collapsed .debug-diagnostics-body{display:none}.debug-diagnostics.collapsed .debug-diagnostics-head{border-bottom:0}.debug-window-active .content{padding-bottom:350px}.debug-window-active.debug-window-collapsed .content{padding-bottom:100px}
@media(max-width:980px){.debug-diagnostics{left:12px;right:12px;bottom:12px}.debug-window-active .content{padding-bottom:340px}.debug-diagnostics pre{height:210px}}
@media(max-width:620px){.debug-diagnostics-head{align-items:flex-start;flex-direction:column}.debug-safe-note{white-space:normal}.debug-actions{width:100%}.debug-actions button{flex:1}.debug-context{align-items:flex-start;flex-direction:column;gap:3px}.debug-diagnostics pre{height:190px;font-size:10px}.debug-window-active .content{padding-bottom:360px}}


/* ASP009 Paket 4 Patch 0.0.11 – Zahlungsmodal + farbcodierte Support-Gespräche */
body.modal-open{overflow:hidden}.payment-modal[hidden]{display:none!important}.payment-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:24px}.payment-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(1,4,11,.82);backdrop-filter:blur(9px);cursor:default}.payment-modal-card{position:relative;z-index:1;width:min(760px,100%);max-height:min(820px,90vh);overflow:auto;border:1px solid rgba(38,217,255,.22);border-radius:24px;background:linear-gradient(150deg,rgba(15,24,42,.99),rgba(9,11,22,.99));box-shadow:0 34px 110px rgba(0,0,0,.58),0 0 80px rgba(38,217,255,.06)}.payment-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px 28px 21px;border-bottom:1px solid rgba(149,166,208,.1);background:linear-gradient(90deg,rgba(38,217,255,.055),rgba(145,92,255,.035))}.payment-modal-head h2{margin:5px 0 7px;font-size:24px}.payment-modal-head p{margin:0;color:#98a5bd;line-height:1.55}.payment-modal-head p strong{color:#f4fbff}.payment-modal-close{width:40px;height:40px;flex:0 0 auto;border:1px solid rgba(149,166,208,.14);border-radius:12px;background:rgba(255,255,255,.025);color:#cbd6e8;font-size:24px;cursor:pointer}.payment-modal-close:hover{border-color:rgba(38,217,255,.32);color:#fff}.payment-modal-body{padding:24px 28px}.payment-modal .bank-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-modal .bank-data-grid>div{position:relative;padding-right:84px}.bank-copy-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:1px solid rgba(38,217,255,.14);border-radius:8px;background:rgba(38,217,255,.06);color:#8beeff;padding:6px 8px;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.bank-copy-button:hover{background:rgba(38,217,255,.12);color:#fff}.payment-modal-note{display:grid;gap:5px;margin-top:16px;padding:15px 17px;border:1px solid rgba(255,198,80,.17);border-radius:13px;background:rgba(255,198,80,.045)}.payment-modal-note strong{color:#ffd77a;font-size:12px}.payment-modal-note span{color:#9da8ba;font-size:11px;line-height:1.55}.payment-modal-actions{display:flex;justify-content:flex-end;padding:0 28px 26px}.support-ticket-avatar span{font-size:14px;font-weight:950;letter-spacing:.04em;color:#eefaff}.support-ticket-owner{display:flex;align-items:center;gap:7px;margin-top:5px}.support-ticket-owner span{font-size:11px;font-weight:850;color:#cfd9ec}.support-ticket-owner small{font-size:10px;color:#68758d}.priority-badge{display:inline-flex;align-items:center;border:1px solid rgba(149,166,208,.12);border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900}.priority-badge.info{border-color:rgba(38,217,255,.19);background:rgba(38,217,255,.065);color:#77eaff}.priority-badge.warning{border-color:rgba(255,198,80,.2);background:rgba(255,198,80,.065);color:#ffd477}.priority-badge.danger{border-color:rgba(255,94,121,.22);background:rgba(255,94,121,.07);color:#ff91a7}.priority-badge.neutral{color:#8e9ab0}.status-badge.info{border-color:rgba(38,217,255,.2);background:rgba(38,217,255,.07);color:#82edff}.status-badge.processing{border-color:rgba(156,108,255,.22);background:rgba(156,108,255,.07);color:#c9aaff}.support-ticket-card{border-left-width:3px}.support-ticket-status-info{border-left-color:rgba(38,217,255,.62)}.support-ticket-status-processing{border-left-color:rgba(156,108,255,.65)}.support-ticket-status-warning{border-left-color:rgba(255,198,80,.64)}.support-ticket-status-operational{border-left-color:rgba(73,229,167,.62)}.support-ticket-status-neutral{border-left-color:rgba(149,166,208,.2)}.support-ticket-preview.info{color:#9bd9e8}.support-ticket-preview.processing{color:#b7a8de}.support-ticket-preview.warning{color:#d4bd87}.support-ticket-preview.operational{color:#95cbb7}
@media(max-width:650px){.payment-modal{padding:12px}.payment-modal-card{max-height:94vh;border-radius:18px}.payment-modal-head{padding:20px 18px}.payment-modal-body{padding:18px}.payment-modal .bank-data-grid{grid-template-columns:1fr}.payment-modal-actions{padding:0 18px 20px}.support-ticket-owner{align-items:flex-start;flex-direction:column;gap:2px}}

/* ASP010 Paket 2 / Panel 0.0.12 – geteilter SSO-Login und Kundenregistrierung */
.auth-body{display:block;min-height:100vh;padding:0;background:radial-gradient(circle at 12% 5%,rgba(31,92,180,.27),transparent 31%),radial-gradient(circle at 91% 10%,rgba(121,42,190,.25),transparent 34%),linear-gradient(145deg,#050711 0%,#070a14 48%,#090612 100%);overflow-x:hidden}
.auth-grid-glow{position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(75,119,206,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(75,119,206,.12) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.auth-wrap{position:relative;z-index:1;width:min(1240px,calc(100% - 48px));margin:0 auto;padding:38px 0 28px}
.auth-brand-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;margin-bottom:24px;padding:10px 13px 10px 10px;border:1px solid rgba(141,165,220,.13);border-radius:18px;background:rgba(10,14,25,.55);backdrop-filter:blur(18px)}
.auth-brand-logo{display:flex;align-items:center;justify-content:center;width:138px;height:72px;border-radius:13px;background:linear-gradient(145deg,rgba(38,217,255,.035),rgba(145,92,255,.04))}.auth-brand-logo img{width:120px;height:66px;object-fit:contain;filter:drop-shadow(0 9px 22px rgba(29,150,255,.18))}
.auth-brand-copy{display:grid;gap:3px}.auth-brand-copy strong{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#dfe8fa}.auth-brand-copy span{font-size:12px;color:#7f8da9}
.auth-secure-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(71,230,164,.16);border-radius:999px;background:rgba(71,230,164,.055);font-size:11px;font-weight:800;color:#b7f2d7;white-space:nowrap}.auth-secure-chip i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(71,230,164,.7)}
.auth-global-success{margin:0 0 18px;padding:15px 18px;border-radius:14px;text-align:center}.auth-global-success strong{color:#ddfff0}
.auth-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:stretch}
.auth-panel{position:relative;min-width:0;border:1px solid rgba(149,166,208,.15);border-radius:26px;padding:34px;overflow:hidden;background:linear-gradient(152deg,rgba(13,19,34,.97),rgba(8,11,22,.97));box-shadow:0 26px 90px rgba(0,0,0,.34)}
.auth-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(38,217,255,.04),transparent 35%,transparent 70%,rgba(145,92,255,.04))}
.auth-login-panel{border-color:rgba(38,217,255,.18)}.auth-register-panel{border-color:rgba(145,92,255,.22);background:linear-gradient(145deg,rgba(18,17,37,.98),rgba(10,13,25,.98))}
.auth-panel-kicker{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;margin-bottom:26px;padding:6px 9px 6px 6px;border:1px solid rgba(38,217,255,.13);border-radius:999px;background:rgba(38,217,255,.045);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#9cefff}.auth-panel-kicker span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(38,217,255,.10);color:#d8f9ff}.auth-panel-kicker.purple{border-color:rgba(145,92,255,.18);background:rgba(145,92,255,.055);color:#cebaff}.auth-panel-kicker.purple span{background:rgba(145,92,255,.13);color:#eadfff}
.auth-panel-icon{position:absolute;right:29px;top:29px;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;font-size:23px;font-weight:500}.auth-login-icon{border:1px solid rgba(38,217,255,.14);background:rgba(38,217,255,.055);color:#7aeaff}.auth-register-icon{border:1px solid rgba(145,92,255,.16);background:rgba(145,92,255,.075);color:#cbb4ff}
.auth-panel .eyebrow{position:relative;z-index:1}.auth-panel h1,.auth-panel h2{position:relative;z-index:1;margin:8px 0 12px;letter-spacing:-.045em;line-height:1.03}.auth-panel h1{font-size:clamp(38px,4vw,55px)}.auth-panel h2{font-size:clamp(36px,3.7vw,51px)}.auth-panel h1 em,.auth-panel h2 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),#738cff 45%,#c77cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.auth-lead{position:relative;z-index:1;max-width:620px;margin:0 0 27px;color:#9aa8c1;font-size:14px;line-height:1.72}
.auth-sso-button,.auth-register-button{position:relative;z-index:1;min-height:64px;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:10px 14px!important;border-radius:15px!important;text-align:left!important}.auth-sso-button span:not(.auth-button-mark),.auth-register-button span{display:grid;gap:2px}.auth-sso-button strong,.auth-register-button strong{font-size:13px}.auth-sso-button small,.auth-register-button small{font-size:10px;font-weight:600;color:rgba(255,255,255,.68)}.auth-sso-button b,.auth-register-button b{font-size:20px}.auth-button-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:rgba(2,8,20,.34);font-size:11px;font-weight:950;letter-spacing:.08em}
.auth-feature-list{position:relative;z-index:1;display:grid;gap:10px;margin-top:24px}.auth-feature-list>div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;align-items:start;padding:13px 14px;border:1px solid rgba(149,166,208,.10);border-radius:13px;background:rgba(255,255,255,.018)}.auth-feature-list>div>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(71,230,164,.07);color:#8ff0c3;font-size:12px;font-weight:900}.auth-feature-list p{display:grid;gap:2px;margin:0}.auth-feature-list strong{font-size:12px;color:#e9f1ff}.auth-feature-list small{font-size:10px;line-height:1.45;color:#76849f}
.auth-login-footnote,.auth-register-note{position:relative;z-index:1;display:flex;gap:10px;margin-top:18px;padding:13px;border:1px solid rgba(149,166,208,.10);border-radius:13px;background:rgba(0,0,0,.12)}.auth-login-footnote>span{color:#6ee8ff}.auth-register-note>span{color:#a986ff}.auth-login-footnote p,.auth-register-note p{display:grid;gap:3px;margin:0}.auth-login-footnote strong,.auth-register-note strong{font-size:11px}.auth-login-footnote small,.auth-register-note small{font-size:10px;line-height:1.45;color:#77839b}
.register-form{position:relative;z-index:1;display:grid;gap:14px}.auth-field{display:grid;gap:7px}.auth-field>span{font-size:11px;font-weight:800;color:#aab5ca}.auth-field input{width:100%;min-height:48px;padding:12px 14px;border:1px solid rgba(149,166,208,.16);border-radius:12px;outline:0;background:rgba(5,8,16,.78);color:#f2f6ff;font-size:13px;transition:.16s}.auth-field input::placeholder{color:#536078}.auth-field input:focus{border-color:rgba(90,201,255,.48);box-shadow:0 0 0 3px rgba(38,217,255,.055),0 0 25px rgba(38,217,255,.035)}
.auth-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-check{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;align-items:start;padding:2px 1px;color:#8794ab;font-size:10px;line-height:1.5}.auth-check input{width:16px;height:16px;margin:0;accent-color:#8d5cff}.auth-check a{color:#b89eff;text-decoration:underline;text-underline-offset:2px}.auth-register-button{border-color:rgba(145,92,255,.46)!important;background:linear-gradient(100deg,#545dff,#8a4eff 55%,#a33ff2)!important;box-shadow:0 15px 35px rgba(91,74,255,.18)}.register-error{margin:0 0 15px;font-size:12px;line-height:1.5}
.auth-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.auth-benefits>div{display:grid;gap:2px;padding:14px 17px;border:1px solid rgba(149,166,208,.10);border-radius:14px;background:rgba(11,14,25,.55);backdrop-filter:blur(12px)}.auth-benefits strong{font-size:13px;color:#e9f4ff}.auth-benefits span{font-size:10px;color:#707e98}
.auth-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:18px 4px 0;color:#66738c;font-size:10px}.auth-footer a:hover{color:#b8c8e9}.auth-footer-version{margin-left:auto}
@media(max-width:980px){.auth-wrap{width:min(760px,calc(100% - 30px));padding-top:22px}.auth-brand-head{grid-template-columns:auto 1fr}.auth-secure-chip{grid-column:1/-1;justify-self:start}.auth-split{grid-template-columns:1fr}.auth-panel{padding:30px}.auth-benefits{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.auth-wrap{width:min(100% - 20px,520px);padding:12px 0 20px}.auth-brand-head{grid-template-columns:1fr;padding:11px;text-align:center}.auth-brand-logo{justify-self:center}.auth-brand-copy{justify-items:center}.auth-secure-chip{justify-self:center}.auth-panel{padding:24px 19px;border-radius:20px}.auth-panel-icon{right:18px;top:19px;width:42px;height:42px}.auth-panel h1{font-size:38px}.auth-panel h2{font-size:36px}.auth-password-grid{grid-template-columns:1fr}.auth-benefits{grid-template-columns:1fr 1fr}.auth-footer{justify-content:center}.auth-footer-version{width:100%;margin-left:0;text-align:center}}

/* ASP010 Kundenbetriebsreife / Panel 0.0.14 */
.server-settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.server-settings-form label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:.9rem}.server-settings-form input,.server-settings-form select{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(7,10,16,.88);color:var(--text);padding:11px 12px}.server-settings-form input:focus,.server-settings-form select:focus{outline:2px solid rgba(70,170,255,.42);outline-offset:1px}.server-settings-form input:disabled,.server-settings-form select:disabled{opacity:.58;cursor:not-allowed}.server-settings-form .settings-check{flex-direction:row;align-items:center;gap:10px}.server-settings-form .settings-check input{width:auto}.server-settings-submit{display:flex;align-items:end}.operation-list{display:grid;gap:10px}.operation-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.025)}.operation-row>div:first-child{display:grid;gap:4px}.operation-row span,.operation-row small{color:var(--muted)}.operation-progress{min-width:180px;display:flex;align-items:center;gap:10px}.operation-progress progress{width:130px}.server-control-actions{flex-wrap:wrap}.inline-notice{margin:12px 0;padding:11px 13px;border-radius:10px;background:rgba(255,255,255,.05);color:var(--muted)}
@media(max-width:760px){.server-settings-form{grid-template-columns:1fr}.operation-row{align-items:flex-start;flex-direction:column}.operation-progress{width:100%}.operation-progress progress{width:100%}}

/* ASP010 Runtime / Observability 0.0.16 */
.freshness-pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;white-space:nowrap}
.freshness-pill.fresh{color:#aeeed1;border-color:rgba(71,230,164,.24);background:rgba(71,230,164,.055)}
.freshness-pill.stale{color:#ffe5a1;border-color:rgba(255,212,95,.28);background:rgba(255,212,95,.055)}
.freshness-pill.missing{color:#b8c1d6;background:rgba(255,255,255,.03)}
.runtime-sample-meta{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:12px}
.runtime-sample-meta span{color:var(--muted)}
.runtime-history-card .server-live-grid{margin-bottom:18px}
.runtime-bars{height:110px;display:flex;align-items:flex-end;gap:4px;padding:14px 12px 0;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.015);overflow:hidden}
.runtime-bars i{display:block;flex:1;min-width:3px;max-width:18px;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,var(--cyan),var(--blue));opacity:.78}
@media(max-width:780px){.runtime-sample-meta{align-items:flex-start;flex-direction:column;gap:5px}.runtime-bars{height:90px}}

/* ASP010 0.0.18 – Vertrags-/Billing-Enforcement */
.subscription-grid{display:grid;gap:18px}.subscription-card{display:grid;gap:16px}.subscription-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.subscription-head h3{margin:.25rem 0 0}.subscription-details{margin:0}.subscription-deadline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.subscription-deadline-grid>div,.bank-transfer-compact{border:1px solid var(--border);border-radius:14px;padding:13px 14px;background:rgba(255,255,255,.025)}.subscription-deadline-grid span,.bank-transfer-compact span{display:block;color:var(--muted);font-size:.82rem}.subscription-deadline-grid strong,.bank-transfer-compact strong{display:block;margin-top:4px}.subscription-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.subscription-actions form{margin:0}.subscription-payment-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.subscription-payment-form select{min-height:42px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:0 12px}.bank-transfer-compact{display:grid;gap:4px}.status-badge.ok{border-color:rgba(54,211,153,.35)}
@media(max-width:760px){.subscription-head{align-items:flex-start;flex-direction:column}.subscription-deadline-grid{grid-template-columns:1fr}.subscription-actions,.subscription-payment-form{align-items:stretch;flex-direction:column}.subscription-actions .button,.subscription-actions form,.subscription-actions button,.subscription-payment-form select{width:100%}}

/* ASP010 0.0.19 – server-authoritative final game settings */
.settings-final-form{display:block}.settings-revision-line{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0 0 14px;color:var(--muted);font-size:.9rem}.settings-revision-line strong{color:var(--text)}.settings-category{border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.02);margin:12px 0;overflow:hidden}.settings-category>summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:700;color:var(--text);background:rgba(255,255,255,.025)}.settings-category>summary::-webkit-details-marker{display:none}.settings-category>summary::after{content:'+';float:right;color:var(--muted)}.settings-category[open]>summary::after{content:'−'}.settings-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px}.server-settings-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(7,10,16,.88);color:var(--text);padding:11px 12px;resize:vertical;min-height:96px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.server-settings-form textarea:focus{outline:2px solid rgba(70,170,255,.42);outline-offset:1px}.server-settings-form textarea:disabled{opacity:.58;cursor:not-allowed}.settings-world-confirm{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px!important;margin:16px 0;padding:13px;border:1px solid rgba(255,212,95,.25);border-radius:10px;background:rgba(255,212,95,.05)}.settings-world-confirm input{width:auto!important;margin-top:3px}.warning-text{color:#ffe8a5!important}.settings-final .server-settings-submit{margin-top:14px}.settings-final .server-settings-submit .button{min-width:260px}
@media(max-width:760px){.settings-category-grid{grid-template-columns:1fr}.settings-final .server-settings-submit .button{width:100%;min-width:0}}

/* ASP011 Console / Logs / Realtime */
.console-module,.logs-module{min-width:0}.server-console-output,.server-log-output{margin:14px 0 0;max-height:360px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#080a0d;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:14px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.console-command-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:14px}.console-command-form label{display:grid;gap:6px}.console-command-form input{width:100%;box-sizing:border-box}.logs-module .server-log-output{max-height:420px}@media(max-width:720px){.console-command-form{grid-template-columns:1fr}.server-console-output,.server-log-output{max-height:300px}}

/* ASP011 0.0.20 – PC/PS5 connection + console/log realtime */
.connection-module .connection-box{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:14px 0}.connection-module .connection-box>div{display:grid;gap:5px}.connection-module .connection-box small{color:var(--muted)}.connection-module code{font-size:15px;word-break:break-all}.connection-port-table{display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:16px 0}.connection-port-row{display:grid;grid-template-columns:minmax(150px,1fr) 100px 100px;gap:12px;padding:10px 14px;border-top:1px solid var(--line);align-items:center}.connection-port-row:first-child{border-top:0}.connection-port-row.head{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:rgba(255,255,255,.025)}.connection-port-row strong{text-align:right}.connection-port-row span:last-child{text-align:right}.server-console-output,.server-log-output{max-height:420px;overflow:auto;white-space:pre-wrap;word-break:break-word}.console-command-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:14px}@media(max-width:700px){.connection-port-row{grid-template-columns:1fr 78px 72px}.console-command-form{grid-template-columns:1fr}}

/* ASP011 Nacharbeit 0.0.23 – vollständige Gameserver-Karte mit Spielartwork und Livewerten */
.server-showcase-grid{grid-template-columns:repeat(auto-fit,minmax(560px,1fr));gap:16px;margin-bottom:20px}
.server-showcase-card{grid-template-columns:250px minmax(0,1fr);min-height:278px;border-color:rgba(149,166,208,.14);background:linear-gradient(135deg,rgba(14,20,34,.99),rgba(8,11,20,.985));box-shadow:0 18px 45px rgba(0,0,0,.22)}
.server-showcase-art{position:relative;background:linear-gradient(145deg,#0a0f1b,#111829)}
.server-showcase-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 62%,rgba(8,11,20,.58) 100%)}
.server-showcase-art .server-artwork{height:100%;min-height:278px}
.server-showcase-art .server-artwork img{width:100%;height:100%;object-fit:cover;object-position:center}
.server-showcase-content{padding:20px 21px 18px}
.server-showcase-heading h3{font-size:19px;line-height:1.25}
.server-card-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0 10px}
.server-card-facts>span{display:grid;gap:4px;min-width:0;padding:9px 10px;border:1px solid rgba(149,166,208,.08);border-radius:10px;background:rgba(255,255,255,.018)}
.server-card-facts small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#65728b}
.server-card-facts strong{font-size:11px;color:#d7e1f3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.server-connection-compact{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin:2px 0 9px;padding:9px 11px;border:1px solid rgba(38,217,255,.09);border-radius:10px;background:rgba(38,217,255,.025)}
.server-connection-compact span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#65728b}
.server-connection-compact strong{min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;color:#aeefff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.server-metric-line{margin-top:8px}
.server-progress{height:6px}
.server-showcase-actions{padding-top:14px}
@media(max-width:1150px){.server-showcase-grid{grid-template-columns:1fr}.server-showcase-card{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:720px){.server-showcase-grid{grid-template-columns:1fr}.server-showcase-card{grid-template-columns:1fr}.server-showcase-art .server-artwork{min-height:190px;max-height:230px}.server-showcase-art:after{background:linear-gradient(180deg,transparent 62%,rgba(8,11,20,.65) 100%)}.server-card-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.server-connection-compact{grid-template-columns:1fr}}

/* ASP011 0.0.23 Hotfix1 – vollständiges Steam-Artwork, keine doppelte Serverliste */
.server-showcase-card{grid-template-columns:220px minmax(0,1fr)}
.server-showcase-art{display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px 0;background:radial-gradient(circle at 50% 44%,rgba(36,48,74,.52),rgba(7,10,18,.98) 72%)}
.server-showcase-art:after{background:linear-gradient(90deg,transparent 80%,rgba(8,11,20,.38) 100%)}
.server-showcase-art .server-artwork{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:278px}
.server-showcase-art .server-artwork img{width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:720px){.server-showcase-card{grid-template-columns:1fr}.server-showcase-art{padding:8px 0}.server-showcase-art .server-artwork{min-height:250px;max-height:320px}.server-showcase-art:after{background:linear-gradient(180deg,transparent 82%,rgba(8,11,20,.35) 100%)}}

/* ASP011 post-polish HF2: structured gameserver detail + keyed live updates. */
.server-detail-nav{position:sticky;top:62px;z-index:18;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 20px;padding:12px;border:1px solid var(--line-strong);border-radius:18px;background:rgba(9,13,24,.94);backdrop-filter:blur(16px);box-shadow:0 14px 34px rgba(0,0,0,.22)}
.server-detail-tabs{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:thin;padding-bottom:1px}.server-detail-tab{appearance:none;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:700;white-space:nowrap;padding:10px 13px;cursor:pointer;transition:border-color .16s,background .16s,color .16s}.server-detail-tab:hover{color:var(--text);border-color:var(--line)}.server-detail-tab.is-active{color:#ecfbff;border-color:rgba(38,217,255,.28);background:linear-gradient(135deg,rgba(38,217,255,.12),rgba(108,81,255,.13));box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}.server-detail-shortcuts{display:flex;align-items:center;gap:8px;flex:0 0 auto}.server-detail-shortcuts .button{min-height:38px;padding:8px 11px;font-size:11px}
.server-detail-fragment{min-width:0}.server-detail-live{display:block}.server-detail-panel[hidden]{display:none!important}.server-detail-panel{min-width:0;animation:server-detail-panel-in .16s ease-out}.server-detail-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 14px;padding:2px 3px}.server-detail-panel-head h2{margin:5px 0 4px;font-size:20px}.server-detail-panel-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.server-detail-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.server-detail-single-grid{grid-template-columns:minmax(0,1fr)}.server-detail-live-block{min-width:0}.server-detail-live-block:empty{display:none}.server-detail-live-block>.module-section{margin:0;height:100%;padding:22px}.server-detail-live-block>.module-section .section-head{margin-bottom:18px}.server-detail-live-block>.module-section .section-copy{font-size:12px;max-width:720px}.server-detail-overview-grid>[data-live-key="control"],.server-detail-overview-grid>[data-live-key="storage"],.server-detail-overview-grid>[data-live-key="history"],.server-detail-overview-grid>[data-live-key="maintenance"],.server-detail-overview-grid>[data-live-key="operations"]{grid-column:1/-1}.server-detail-diagnostic-grid{grid-template-columns:minmax(0,1fr)}.server-detail-diagnostic-grid>[data-live-key="console-logs"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.server-detail-diagnostic-grid>[data-live-key="console-logs"]>.module-section{height:auto}.server-detail-panel .server-live-grid{gap:10px}.server-detail-panel .server-live-grid article{padding:14px;border-radius:12px}.server-detail-panel .server-live-grid strong{font-size:18px}.server-detail-panel .connection-port-table{margin-bottom:10px}.server-detail-panel .operation-row{padding:12px 14px}.server-detail-panel .settings-category{margin:9px 0}.server-detail-panel .settings-category>summary{padding:12px 14px}.server-detail-panel .settings-category-grid{padding:14px;gap:13px}.server-detail-panel .server-settings-form{margin-top:12px}.server-detail-panel .server-console-output,.server-detail-panel .server-log-output{min-height:240px;max-height:460px}.server-detail-panel .data-table-wrap{max-height:520px;overflow:auto}.server-detail-panel .empty-state{min-height:130px}.server-detail-panel .runtime-bars{min-height:120px}
@keyframes server-detail-panel-in{from{opacity:.72;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:1150px){.server-detail-nav{align-items:stretch;flex-direction:column;top:54px}.server-detail-shortcuts{justify-content:flex-end}.server-detail-panel-grid{grid-template-columns:1fr}.server-detail-overview-grid>[data-live-key]{grid-column:auto!important}.server-detail-diagnostic-grid>[data-live-key="console-logs"]{grid-template-columns:1fr}}
@media(max-width:720px){.server-detail-nav{position:relative;top:auto}.server-detail-shortcuts{display:grid;grid-template-columns:1fr 1fr}.server-detail-shortcuts .button{justify-content:center}.server-detail-panel-head{align-items:flex-start;flex-direction:column}.server-detail-tab{padding:9px 11px}.server-detail-live-block>.module-section{padding:18px}.server-detail-panel .server-live-grid{grid-template-columns:1fr}.server-detail-panel .operation-row{align-items:flex-start;flex-direction:column}.server-detail-panel .operation-progress{width:100%;min-width:0}.server-detail-panel .operation-progress progress{flex:1;width:auto}}

/* ASP011 post-polish HF3: settings defaults + customer-friendly file manager. */
.settings-default-notice{margin:0 0 14px}.settings-default-notice code{font-size:11px}.file-manager-shell{overflow:hidden}.file-manager-nav{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.file-manager-nav .button.is-active{border-color:rgba(38,217,255,.34);background:linear-gradient(135deg,rgba(38,217,255,.13),rgba(108,81,255,.14));color:#eefcff}.file-breadcrumb{display:flex;align-items:center;gap:6px;margin:10px 0 16px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.file-breadcrumb span{color:var(--cyan);font-family:inherit}.file-breadcrumb strong{font-weight:600;word-break:break-all}.file-list-wrap{max-height:560px;overflow:auto}.file-list-table td:first-child{min-width:230px}.file-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.file-actions .inline-form{display:flex;align-items:center;gap:5px}.file-actions .compact-input{width:150px;min-width:110px;padding:7px 8px;font-size:11px}.file-transfer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.file-action-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}.file-action-card h3{margin:5px 0 6px;font-size:15px}.file-action-card p{margin:0 0 12px;color:var(--muted);font-size:11px;line-height:1.5}.file-action-card form,.sftp-activation-form,.save-import-form{display:grid;gap:11px}.file-action-card label,.sftp-activation-form label,.save-import-form label{display:grid;gap:6px}.save-import-card .settings-grid{align-items:start}.save-import-toggle{display:flex!important;align-items:center!important;grid-template-columns:auto 1fr!important;gap:9px!important;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018)}.save-import-toggle input{width:auto;margin:0}.save-import-card{border-color:rgba(108,81,255,.23)}
@media(max-width:900px){.file-transfer-grid{grid-template-columns:1fr}.file-actions{justify-content:flex-start}.file-actions .inline-form{width:100%}.file-actions .compact-input{flex:1;width:auto}.file-list-table td:first-child{min-width:170px}}

/* ASP011 post-polish HF5: separated files, generated SFTP access and polished mods/access forms. */
.status-badge.online{border-color:rgba(61,226,168,.36);background:rgba(61,226,168,.07);color:#70f0bd}.status-badge.stopped{border-color:rgba(149,166,208,.2);background:rgba(149,166,208,.05);color:#b8c4d9}
.file-manager-toolbar{display:flex;align-items:center;justify-content:flex-start;margin:0 0 14px}.file-root-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.file-root-card{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018);color:inherit;text-decoration:none;transition:.16s}.file-root-card:hover{border-color:rgba(38,217,255,.24);background:rgba(38,217,255,.025);transform:translateY(-1px)}.file-root-card.is-active{border-color:rgba(38,217,255,.34);background:linear-gradient(135deg,rgba(38,217,255,.09),rgba(132,82,255,.10));box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}.file-root-card>span:last-child{display:grid;gap:3px;min-width:0}.file-root-card strong{font-size:12px;color:#edf7ff}.file-root-card small{font-size:10px;color:#7f8da6;line-height:1.35}.file-root-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(38,217,255,.13);border-radius:10px;background:rgba(38,217,255,.045);color:#67e7ff;font-size:12px;font-weight:900}.file-root-purpose{margin:0 0 12px}.file-root-purpose a{color:#8cecff}.save-import-shortcut .section-head{margin-bottom:0}
.nv-form,.nv-form label{display:grid;gap:7px}.nv-form{gap:12px}.nv-form label{color:#99a8c1;font-size:11px;font-weight:700}.nv-form small{color:#6f7d95;font-size:10px;line-height:1.45}.nv-form input:not([type="hidden"]):not([type="checkbox"]),.nv-form select,.nv-form textarea,.file-action-card input:not([type="hidden"]):not([type="checkbox"]),.file-action-card select,.file-action-card textarea,.sftp-activation-form input:not([type="hidden"]):not([type="checkbox"]),.sftp-activation-form textarea,.save-import-form input:not([type="hidden"]):not([type="checkbox"]),.save-import-form select,.save-import-form textarea,.file-actions .compact-input{box-sizing:border-box;width:100%;min-height:43px;border:1px solid rgba(149,166,208,.15);border-radius:11px;background:linear-gradient(180deg,rgba(12,17,29,.96),rgba(8,12,22,.96));color:#e8f1ff;padding:10px 12px;font:inherit;font-size:12px;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.018);transition:border-color .16s,box-shadow .16s,background .16s}.nv-form textarea,.sftp-activation-form textarea,.save-import-form textarea{min-height:104px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.nv-form input:focus,.nv-form select:focus,.nv-form textarea:focus,.file-action-card input:focus,.file-action-card select:focus,.file-action-card textarea:focus,.sftp-activation-form input:focus,.sftp-activation-form textarea:focus,.save-import-form input:focus,.save-import-form select:focus,.save-import-form textarea:focus,.file-actions .compact-input:focus{border-color:rgba(38,217,255,.42);box-shadow:0 0 0 3px rgba(38,217,255,.065),0 0 24px rgba(91,105,255,.035);background:#0a101c}.nv-form input::placeholder,.nv-form textarea::placeholder,.save-import-form input::placeholder,.sftp-activation-form textarea::placeholder{color:#536078}.nv-form input[type="file"],.file-action-card input[type="file"]{padding:6px 7px;color:#93a0b8}.nv-form input[type="file"]::file-selector-button,.file-action-card input[type="file"]::file-selector-button{margin-right:10px;border:1px solid rgba(38,217,255,.18);border-radius:8px;background:rgba(38,217,255,.075);color:#c8f7ff;padding:8px 10px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.nv-form button:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.55)}
.sftp-card{border-color:rgba(38,217,255,.13)}.sftp-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 16px}.sftp-path-grid article,.credential-grid article{position:relative;display:grid;gap:5px;padding:13px 14px;border:1px solid rgba(149,166,208,.1);border-radius:12px;background:rgba(255,255,255,.018);min-width:0}.sftp-path-grid span,.credential-grid span,.credential-line>span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#68758d}.sftp-path-grid code,.credential-line code{font-size:11px;color:#a6efff;word-break:break-all}.credential-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 12px}.credential-grid strong{font-size:13px;color:#e9f3ff;overflow:hidden;text-overflow:ellipsis}.copy-mini{position:absolute;right:8px;top:8px;border:0;background:transparent;color:#62dff9;font:inherit;font-size:9px;font-weight:800;cursor:pointer}.credential-line{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:12px;margin:9px 0;padding:11px 13px;border:1px solid rgba(149,166,208,.09);border-radius:11px;background:rgba(255,255,255,.014)}.sftp-setup-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.sftp-auto-card,.sftp-manual-card{padding:18px;border:1px solid rgba(149,166,208,.11);border-radius:15px;background:rgba(255,255,255,.016)}.sftp-auto-card{border-color:rgba(38,217,255,.18);background:linear-gradient(140deg,rgba(38,217,255,.035),rgba(112,78,255,.035))}.sftp-auto-card h3,.sftp-manual-card h3{margin:5px 0 7px;font-size:16px}.sftp-auto-card p,.sftp-manual-card p{margin:0 0 14px;color:#8390a7;font-size:11px;line-height:1.55}.sftp-manual-card details{border-top:1px solid rgba(149,166,208,.09);padding-top:11px}.sftp-manual-card summary{cursor:pointer;color:#b8c8dd;font-size:11px;font-weight:800}.sftp-manual-card form{margin-top:12px}.danger-row{display:flex;justify-content:flex-end;margin-top:14px}
.mods-access-hero{border-color:rgba(38,217,255,.13)}.module-quick-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.module-quick-actions form{margin:0}.mods-manager-card,.access-section{overflow:hidden}.mods-capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.mods-workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0 22px}.workflow-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:13px;padding:17px;border:1px solid rgba(149,166,208,.1);border-radius:15px;background:rgba(255,255,255,.017)}.workflow-card h3{margin:1px 0 6px;font-size:15px}.workflow-card p{margin:0 0 13px;color:#7f8da5;font-size:11px;line-height:1.55}.workflow-step{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(38,217,255,.2);border-radius:10px;background:rgba(38,217,255,.055);color:#6ce9ff;font-size:12px;font-weight:950}.locked-action{margin-top:8px}.subsection-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0 11px;padding-top:18px;border-top:1px solid rgba(149,166,208,.085)}.subsection-head h3{margin:4px 0 0;font-size:16px}.locked-setting{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:15px 16px;border:1px solid rgba(255,198,80,.17);border-radius:13px;background:rgba(255,198,80,.035)}.locked-setting strong{font-size:12px;color:#ffd980}.locked-setting p{margin:4px 0 0;color:#8e98aa;font-size:11px}.locked-setting form{margin:0}.access-form{grid-template-columns:minmax(260px,1fr) auto;align-items:end;margin-top:15px}.admin-access-form{margin-top:16px}.admin-access-form>.button{justify-self:start}.access-section .credential-grid{margin-top:8px}
@media(max-width:1100px){.file-root-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sftp-path-grid,.credential-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sftp-setup-grid,.mods-workflow-grid{grid-template-columns:1fr}}
@media(max-width:700px){.file-root-grid,.sftp-path-grid,.credential-grid{grid-template-columns:1fr}.credential-line{grid-template-columns:1fr}.copy-mini{position:static;justify-self:start}.locked-setting{align-items:stretch;flex-direction:column}.access-form{grid-template-columns:1fr}.module-quick-actions{display:grid;grid-template-columns:1fr}.module-quick-actions .button,.module-quick-actions form,.module-quick-actions button{width:100%}}
/* ASP011 post-polish HF6: provisioned instance-bound SFTP credentials. */

/* ASP011 Hotfix7: runtime history error state */
.count-pill.status-warning{border-color:rgba(255,198,80,.28);background:rgba(255,198,80,.08);color:#ffd477}

/* ASP011 post-polish Hotfix10: Grafana-/ECharts-inspirierter interaktiver Canvas-Zeitverlauf. */
.runtime-chart{margin-top:18px;padding:15px 16px 14px;border:1px solid rgba(149,166,208,.14);border-radius:16px;background:linear-gradient(180deg,rgba(10,15,27,.84),rgba(8,11,19,.58));overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
.runtime-chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.runtime-chart-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.runtime-series-toggle{appearance:none;display:inline-grid;grid-template-columns:9px auto auto;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid rgba(149,166,208,.11);border-radius:10px;background:rgba(255,255,255,.018);color:#8c99b0;font:inherit;font-size:10px;font-weight:750;cursor:pointer;transition:.16s}
.runtime-series-toggle:hover{border-color:rgba(149,166,208,.24);background:rgba(255,255,255,.028)}
.runtime-series-toggle.is-active{color:#dfe9fb;border-color:rgba(149,166,208,.18);background:rgba(255,255,255,.03)}
.runtime-series-toggle i{display:block;width:7px;height:7px;border-radius:50%}.runtime-series-toggle i.cpu{background:#26d9ff;box-shadow:0 0 10px rgba(38,217,255,.55)}.runtime-series-toggle i.ram{background:#915cff;box-shadow:0 0 10px rgba(145,92,255,.48)}
.runtime-series-toggle strong{margin-left:3px;color:#f5f8ff;font-size:10px;font-weight:850;font-variant-numeric:tabular-nums}.runtime-series-toggle:not(.is-active){opacity:.45}.runtime-series-toggle:not(.is-active) strong{text-decoration:line-through}
.runtime-chart-window{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(71,230,164,.13);border-radius:999px;background:rgba(71,230,164,.035);color:#90a0b7;font-size:10px;font-weight:800;white-space:nowrap}.runtime-chart-live-dot{width:6px;height:6px;border-radius:50%;background:#47e6a4;box-shadow:0 0 10px rgba(71,230,164,.62)}
.runtime-chart-stage{position:relative;height:286px;border-radius:13px;overflow:hidden;background:radial-gradient(circle at 18% 8%,rgba(38,217,255,.025),transparent 31%),radial-gradient(circle at 88% 8%,rgba(145,92,255,.025),transparent 34%),rgba(5,9,17,.32)}
.runtime-chart-canvas{display:block;width:100%;height:100%;cursor:crosshair}
.runtime-chart-tooltip{position:absolute;z-index:3;min-width:168px;pointer-events:none;padding:10px 11px;border:1px solid rgba(132,162,214,.2);border-radius:11px;background:rgba(7,11,20,.96);box-shadow:0 16px 38px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.015) inset;backdrop-filter:blur(12px);transform:translate(10px,-50%);color:#eaf0fb;font-size:10px;line-height:1.45}
.runtime-chart-tooltip strong{display:block;margin-bottom:7px;color:#f7f9ff;font-size:10px}.runtime-chart-tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:4px}.runtime-chart-tooltip-row span{display:flex;align-items:center;gap:7px;color:#8f9bb2}.runtime-chart-tooltip-row i{width:7px;height:7px;border-radius:50%}.runtime-chart-tooltip-row i.cpu{background:#26d9ff}.runtime-chart-tooltip-row i.ram{background:#915cff}.runtime-chart-tooltip-row b{font-size:10px;font-variant-numeric:tabular-nums}.runtime-chart-tooltip-row b.cpu{color:#9aedff}.runtime-chart-tooltip-row b.ram{color:#c4aaff}
@media(max-width:780px){.runtime-chart{padding:12px}.runtime-chart-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.runtime-chart-stage{height:225px}.runtime-chart-window{display:none}.runtime-chart-tooltip{min-width:150px}.runtime-series-toggle{min-height:32px}}


/* ASP011 post-polish HF11: SFTP password reveal. */
.secret-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.sftp-password-line code{letter-spacing:.04em}.sftp-password-line [hidden]{display:none!important}

/* HF12: compact password-only SFTP credentials */
.sftp-simple-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}.sftp-password-card .sftp-password-line{display:grid;gap:8px}.sftp-password-card .sftp-password-line>strong{font-size:13px;color:#e9f3ff;word-break:break-all}.sftp-password-card .secret-actions{justify-content:flex-start}.sftp-simple-grid .copy-mini{top:7px;right:7px}@media(max-width:900px){.sftp-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.sftp-simple-grid{grid-template-columns:1fr}}


/* ASP011 post-polish HF13: kundenfreundlicher Dateimanager. */
.file-manager-head{align-items:flex-start}.file-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.file-current-folder{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;margin:0 0 14px;padding:15px 16px;border:1px solid rgba(38,217,255,.16);border-radius:15px;background:linear-gradient(135deg,rgba(38,217,255,.045),rgba(121,80,255,.045))}.file-current-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(38,217,255,.22);border-radius:13px;background:rgba(38,217,255,.07);color:#80edff;font-size:14px;font-weight:950}.file-current-copy{min-width:0}.file-current-copy h3{margin:3px 0 4px;font-size:17px}.file-current-copy p{margin:0;color:#8391a9;font-size:11px;line-height:1.45}.file-current-path{display:grid;gap:5px;justify-items:end}.file-current-path span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#68758d}.file-current-path code{padding:7px 10px;border:1px solid rgba(38,217,255,.13);border-radius:9px;background:rgba(4,10,19,.4);color:#9cefff;font-size:11px;white-space:nowrap}.file-root-card code{margin-top:2px;color:#607088;font-size:9px;white-space:nowrap}.file-breadcrumb{justify-content:flex-start}.file-breadcrumb span{font-family:inherit;text-transform:uppercase;letter-spacing:.06em;font-size:9px}.file-breadcrumb strong{color:#d8e7fa}.file-empty-state{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;align-items:start;margin:14px 0;padding:22px;border:1px dashed rgba(130,150,190,.18);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008))}.file-empty-folder{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(38,217,255,.16);border-radius:14px;background:rgba(38,217,255,.045);color:#6fe7ff;font-weight:950}.file-empty-state h3{margin:5px 0 7px;font-size:16px}.file-empty-state p{max-width:760px;margin:0;color:#8795ac;font-size:11px;line-height:1.6}.file-empty-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.file-empty-footnote{margin-top:13px!important;padding-top:12px;border-top:1px solid rgba(149,166,208,.08);color:#68758d!important}.file-empty-footnote code,.file-root-purpose code{color:#9cefff}.file-root-purpose{padding:11px 13px;border-radius:11px}.file-transfer-grid{scroll-margin-top:18px}.sftp-card{scroll-margin-top:18px}
@media(max-width:850px){.file-current-folder{grid-template-columns:44px minmax(0,1fr)}.file-current-path{grid-column:1/-1;justify-items:start;padding-left:58px}.file-head-actions{width:100%}.file-head-actions .button{flex:1}.file-empty-state{grid-template-columns:1fr}.file-empty-folder{width:44px;height:44px}.file-current-path code{white-space:normal;word-break:break-all}}
@media(max-width:600px){.file-current-folder{grid-template-columns:1fr}.file-current-path{padding-left:0}.file-empty-actions{display:grid;grid-template-columns:1fr}.file-empty-actions .button{width:100%}}

/* ASP011 Post-Polish Hotfix14 – einheitliche Aktionsmodals */
.action-modal[hidden]{display:none!important}.action-modal{position:fixed;inset:0;z-index:10120;display:grid;place-items:center;padding:24px}.action-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(1,4,11,.84);backdrop-filter:blur(10px);cursor:default}.action-modal-card{position:relative;z-index:1;width:min(680px,100%);max-height:min(820px,92vh);overflow:auto;border:1px solid rgba(38,217,255,.24);border-radius:24px;background:linear-gradient(155deg,rgba(15,24,42,.995),rgba(8,10,20,.995));box-shadow:0 36px 120px rgba(0,0,0,.62),0 0 90px rgba(38,217,255,.07)}.action-modal.tone-danger .action-modal-card{border-color:rgba(255,94,121,.28);box-shadow:0 36px 120px rgba(0,0,0,.64),0 0 90px rgba(255,94,121,.07)}.action-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px 28px 21px;border-bottom:1px solid rgba(149,166,208,.1);background:linear-gradient(90deg,rgba(38,217,255,.06),rgba(145,92,255,.035))}.action-modal.tone-danger .action-modal-head{background:linear-gradient(90deg,rgba(255,94,121,.075),rgba(145,92,255,.03))}.action-modal-head h2{margin:5px 0 7px;font-size:24px;line-height:1.2}.action-modal-head p{margin:0;color:#9aa7bd;line-height:1.55;max-width:560px}.action-modal-close{width:40px;height:40px;flex:0 0 auto;border:1px solid rgba(149,166,208,.14);border-radius:12px;background:rgba(255,255,255,.025);color:#cbd6e8;font-size:24px;cursor:pointer}.action-modal-close:hover{border-color:rgba(38,217,255,.32);color:#fff}.action-modal-body{display:grid;gap:16px;padding:24px 28px}.action-modal-summary{padding:16px 18px;border:1px solid rgba(38,217,255,.13);border-radius:15px;background:rgba(38,217,255,.035)}.action-modal-summary-title{display:block;margin-bottom:12px;color:#eafaff;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.action-modal-summary dl{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(0,1.3fr);gap:9px 16px;margin:0}.action-modal-summary dt{color:#72819a;font-size:10px;font-weight:850}.action-modal-summary dd{margin:0;color:#e2ebfa;font-size:11px;font-weight:750;overflow-wrap:anywhere}.action-modal-note{display:grid;gap:5px;padding:14px 16px;border:1px solid rgba(149,166,208,.12);border-radius:13px;background:rgba(255,255,255,.025)}.action-modal-note strong{color:#dce8fb;font-size:11px}.action-modal-note span{color:#8795ad;font-size:10px;line-height:1.55}.action-modal.tone-danger .action-modal-note{border-color:rgba(255,94,121,.18);background:rgba(255,94,121,.045)}.action-modal.tone-danger .action-modal-note strong{color:#ffb0c0}.action-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 28px 26px}.action-modal-actions .button{min-width:132px}.action-modal.is-open .action-modal-card{animation:nv-action-modal-in .16s ease-out}@keyframes nv-action-modal-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:650px){.action-modal{padding:12px}.action-modal-card{max-height:95vh;border-radius:18px}.action-modal-head{padding:20px 18px}.action-modal-body{padding:18px}.action-modal-summary dl{grid-template-columns:1fr;gap:4px}.action-modal-summary dd{margin-bottom:8px}.action-modal-actions{padding:0 18px 20px;display:grid;grid-template-columns:1fr 1fr}.action-modal-actions .button{min-width:0}}

/* ASP012 Block 5: customer-visible contract snapshot, lifecycle audit and billing adjustments */
.subscription-contract-snapshot{border:1px solid rgba(38,217,255,.16);border-radius:16px;padding:16px;background:linear-gradient(145deg,rgba(38,217,255,.035),rgba(145,92,255,.025))}.subscription-contract-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:13px}.subscription-contract-head>div{display:grid;gap:4px}.subscription-contract-head>div>strong{font-size:15px}.subscription-contract-head>span{font-size:10px;color:#8ea0ba;border:1px solid rgba(149,166,208,.13);border-radius:999px;padding:6px 9px;white-space:nowrap}.subscription-contract-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.subscription-contract-grid>div{border:1px solid rgba(149,166,208,.09);border-radius:12px;padding:11px 12px;background:rgba(0,0,0,.12)}.subscription-contract-grid span{display:block;color:var(--muted);font-size:10px}.subscription-contract-grid strong{display:block;margin-top:4px;font-size:12px;color:#eef6ff;overflow-wrap:anywhere}.subscription-contract-snapshot>p{margin:12px 0 0;color:#7f8da6;font-size:10px;line-height:1.55}.subscription-audit{border:1px solid rgba(149,166,208,.1);border-radius:16px;padding:15px 16px;background:rgba(0,0,0,.12)}.subscription-audit-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.subscription-audit-head>span{font-size:12px;font-weight:900;color:#dce8f8}.subscription-audit-head>small{font-size:9px;color:#748198;text-transform:uppercase;letter-spacing:.08em}.subscription-audit-list{display:grid;gap:9px}.subscription-audit-event{display:grid;grid-template-columns:12px minmax(0,1fr);gap:9px;align-items:flex-start}.subscription-audit-event>i{width:8px;height:8px;border-radius:50%;margin-top:4px;background:#55ddff;box-shadow:0 0 0 4px rgba(38,217,255,.06)}.subscription-audit-event>div{display:grid;gap:2px}.subscription-audit-event strong{font-size:11px;color:#e9f3ff}.subscription-audit-event span,.subscription-audit-event small{font-size:9px;color:#748198;line-height:1.45}.subscription-audit-event small{color:#9ca9be}.billing-adjustment-list{display:grid;gap:15px}.billing-adjustment-card{display:grid;gap:14px}.billing-adjustment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.billing-adjustment-head h3{margin:4px 0 0;font-size:19px}.billing-adjustment-details{grid-template-columns:repeat(4,minmax(0,1fr))}.billing-adjustment-reference{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(149,166,208,.1);border-radius:12px;padding:11px 13px;background:rgba(0,0,0,.12)}.billing-adjustment-reference span{font-size:10px;color:var(--muted)}.billing-adjustment-reference code{font-size:10px;color:#8beeff;overflow-wrap:anywhere;text-align:right}.billing-adjustment-actions{display:flex;justify-content:flex-end}.status-badge.danger{border-color:rgba(255,101,128,.34);background:rgba(255,101,128,.07);color:#ffc4cf}
@media(max-width:900px){.subscription-contract-grid,.billing-adjustment-details{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.subscription-contract-head,.billing-adjustment-head{flex-direction:column}.subscription-contract-grid,.billing-adjustment-details{grid-template-columns:1fr}.billing-adjustment-reference{align-items:flex-start;flex-direction:column}.billing-adjustment-reference code{text-align:left}}


/* Kundenpanel 0.0.27 R1 – vollständiges Steam-Artwork auch in der Detail-Hero-Ansicht. */
.server-detail-hero .server-artwork{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,rgba(38,56,88,.52),rgba(7,10,18,.98) 72%)}
.server-detail-hero .server-artwork img{width:100%;height:100%;object-fit:contain;object-position:center}

/* Kundenpanel 0.0.28 R1 – aktive Kundenserver klar getrennt untereinander. */
.server-showcase-grid{grid-template-columns:minmax(0,1fr)!important;gap:20px}
.server-showcase-card{width:100%;grid-template-columns:220px minmax(0,1fr)}
@media(max-width:720px){.server-showcase-card{grid-template-columns:1fr}}

/* 0.0.31 customer cancellation period-end contract */
.server-detail-overview-grid>[data-live-key="cancellation"]{grid-column:1/-1}
.cancellation-card{border-color:rgba(255,90,105,.3)}
.cancellation-card .cancellation-warning{margin:14px 0;padding:14px 16px;border:1px solid rgba(255,90,105,.24);border-radius:12px;background:rgba(255,90,105,.06)}
.cancellation-card .cancellation-warning strong{display:block;margin-bottom:6px}
.cancellation-card .cancellation-list{margin:8px 0 0;padding-left:20px;color:var(--muted);line-height:1.6}
.cancellation-card .server-control-actions{margin-top:14px}
.cancellation-confirm-wrap{max-width:720px;margin:8vh auto;padding:24px}
.cancellation-confirm-card{padding:28px}
.cancellation-confirm-card h1{margin:8px 0 12px}
.cancellation-confirm-card form{margin-top:20px}