:root{--blau: #9ed7ff;--violett: #c8bcff;--pink: #ff9fd7;--grad-marke: linear-gradient(115deg, #9ed7ff 0%, #c8bcff 48%, #ff9fd7 100%);--discord: #5865f2;--twitch: #9146ff;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--s12: 48px;--s16: 64px;--a1: var(--s2);--a2: var(--s3);--a3: var(--s4);--a4: var(--s6);--a5: var(--s8);--a6: var(--s12);--r-klein: 6px;--r-mittel: 8px;--r-gross: 12px;--r-xl: 16px;--r-rund: 999px;--t-meta: 12px;--t-klein: 13px;--t-knopf: 13.5px;--t-text: 14px;--t-karte: 15px;--t-abschnitt: 17px;--t-seite: 26px;--t-zahl: 28px;--leiste-breite: 248px;--kopf-mobil: 56px;--seite-breite: 1200px;--steuer-hoehe: 36px;--steuer-klein: 30px;--schrift: var(--font-geist-sans), ui-sans-serif, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--schrift-fest: var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--dauer: .15s;--kurve: cubic-bezier(.2, .8, .2, 1);--z-kleben: 5;--z-menue: 60;--z-schleier: 70;--z-blatt: 75;--z-dialog: 80;--z-leiste: 90}:root,:root[data-modus=dunkel]{color-scheme:dark;--rahmen: #07080c;--grund: #0d0e14;--flaeche: #13151d;--flaeche2: #191c26;--flaeche3: #212533;--flaeche4: #2b3041;--feld: #0f1118;--text: #edeff5;--text-leise: #a7aebf;--text-still: #8a91a3;--linie: rgba(255, 255, 255, .07);--linie-stark: rgba(255, 255, 255, .12);--linie-feld: #6b7284;--akzent: #c8bcff;--akzent-hauch: rgba(200, 188, 255, .12);--akzent-rand: rgba(200, 188, 255, .32);--blau-text: #9ed7ff;--violett-text: #c8bcff;--pink-text: #ff9fd7;--blau-hauch: rgba(158, 215, 255, .12);--violett-hauch: rgba(200, 188, 255, .12);--pink-hauch: rgba(255, 159, 215, .12);--grad-hauch: linear-gradient( 115deg, rgba(158, 215, 255, .14) 0%, rgba(200, 188, 255, .11) 50%, rgba(255, 159, 215, .12) 100% );--grad-kante: linear-gradient(90deg, #9ed7ff 0%, #c8bcff 50%, #ff9fd7 100%);--grad-rahmen: linear-gradient(135deg, #9ed7ff 0%, #c8bcff 50%, #ff9fd7 100%);--rollbalken: #2b3041;--rollbalken-aktiv: #4a4f68;--grad-reiter: linear-gradient(90deg, #9ed7ff, #c8bcff 55%, #ff9fd7);--grad-spur: linear-gradient(90deg, #9ed7ff 0%, #c8bcff 22%, #ff9fd7 44%, rgba(255, 159, 215, 0) 78%);--spur-schein: rgba(200, 188, 255, .45);--rand-marke: rgba(200, 188, 255, .22);--kante: inset 0 1px 0 rgba(255, 255, 255, .035);--schatten-karte: none;--leuchten: 0 6px 20px -10px rgba(200, 188, 255, .55);--gut: #4ade80;--achtung: #fbbf24;--fehler: #fb7185;--live: #f43f5e;--schatten: 0 18px 44px -14px rgba(0, 0, 0, .72), 0 0 0 1px rgba(255, 255, 255, .07);--schatten-klein: 0 1px 2px rgba(0, 0, 0, .45);--schleier: rgba(3, 4, 8, .62);--diagramm: #3389cc}:root[data-modus=hell]{color-scheme:light;--rahmen: #e8eaf0;--grund: #f6f7fa;--flaeche: #ffffff;--flaeche2: #f4f5f8;--flaeche3: #ebedf2;--flaeche4: #dfe2ea;--feld: #ffffff;--text: #11131b;--text-leise: #4f5566;--text-still: #5c6274;--linie: rgba(17, 19, 27, .08);--linie-stark: rgba(17, 19, 27, .14);--linie-feld: #7d8391;--akzent: #5541c4;--akzent-hauch: rgba(85, 65, 196, .08);--akzent-rand: rgba(85, 65, 196, .3);--blau-text: #1769ab;--violett-text: #5541c4;--pink-text: #bd2c88;--blau-hauch: rgba(23, 105, 171, .08);--violett-hauch: rgba(85, 65, 196, .08);--pink-hauch: rgba(189, 44, 136, .08);--grad-hauch: linear-gradient( 115deg, rgba(23, 105, 171, .08) 0%, rgba(85, 65, 196, .07) 50%, rgba(189, 44, 136, .08) 100% );--grad-kante: linear-gradient(90deg, #1769ab 0%, #5541c4 50%, #bd2c88 100%);--grad-rahmen: linear-gradient(135deg, #1769ab 0%, #5541c4 50%, #bd2c88 100%);--rollbalken: #c9cdd8;--rollbalken-aktiv: #9aa0b0;--grad-reiter: linear-gradient(90deg, #1769ab, #5541c4 55%, #bd2c88);--grad-spur: linear-gradient(90deg, #1769ab 0%, #5541c4 22%, #bd2c88 44%, rgba(189, 44, 136, 0) 78%);--spur-schein: transparent;--rand-marke: rgba(85, 65, 196, .18);--kante: none;--schatten-karte: 0 1px 2px rgba(17, 19, 27, .05);--leuchten: 0 6px 18px -10px rgba(85, 65, 196, .45);--gut: #15803d;--achtung: #a16207;--fehler: #be123c;--live: #e11d48;--schatten: 0 18px 44px -14px rgba(17, 19, 27, .24), 0 0 0 1px rgba(17, 19, 27, .07);--schatten-klein: 0 1px 2px rgba(17, 19, 27, .08);--schleier: rgba(17, 19, 27, .32);--diagramm: #1a72b8}:root{--eckdeckung: .55;--eckmaske: radial-gradient(circle at 16.6px 16.6px, transparent 14.8px, rgba(0, 0, 0, var(--eckdeckung)) 15.7px) left top / 16px 16px no-repeat, radial-gradient(circle at -.6px 16.6px, transparent 14.8px, rgba(0, 0, 0, var(--eckdeckung)) 15.7px) right top / 16px 16px no-repeat, radial-gradient(circle at 16.6px -.6px, transparent 14.8px, rgba(0, 0, 0, var(--eckdeckung)) 15.7px) left bottom / 16px 16px no-repeat, radial-gradient(circle at -.6px -.6px, transparent 14.8px, rgba(0, 0, 0, var(--eckdeckung)) 15.7px) right bottom / 16px 16px no-repeat}:root[data-modus=hell]{--eckdeckung: .3}@media(min-resolution:1.13dppx){:root{--eckdeckung: .45}:root[data-modus=hell]{--eckdeckung: .2}}@media(min-resolution:1.38dppx){:root{--eckdeckung: .35}}@media(min-resolution:1.88dppx){:root{--eckdeckung: .45}:root[data-modus=hell]{--eckdeckung: .15}}@media(min-resolution:2.5dppx){:root{--eckdeckung: .35}:root[data-modus=hell]{--eckdeckung: .1}}:root{--bg: #050817;--bg2: #080c20;--panel: rgba(13, 19, 42, .72);--panel2: rgba(22, 30, 58, .78);--text: #eef5ff;--muted: #aab7d4;--blue: #9ed7ff;--pink: #ff9fd7;--violet: #c8bcff;--cyan: #38bdf8;--line: rgba(190, 203, 255, .16);--line-strong: rgba(190, 203, 255, .26);--success: #64e6b2;--danger: #ff7d9b;--radius: 28px;--shadow: 0 24px 80px rgba(0, 0, 0, .38)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 8% -10%,rgba(158,215,255,.24),transparent 34%),radial-gradient(circle at 92% 8%,rgba(255,159,215,.2),transparent 30%),radial-gradient(circle at 48% 105%,rgba(200,188,255,.16),transparent 38%),linear-gradient(180deg,#050817,#080c20);padding:18px 0 26px;position:relative}.ambient{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(110px);pointer-events:none;opacity:.16}.ambient-one{background:var(--blue);left:-180px;top:260px}.ambient-two{background:var(--pink);right:-220px;top:440px}.grid-overlay{position:fixed;inset:0;pointer-events:none;opacity:.17;background-image:linear-gradient(rgba(158,215,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(158,215,255,.09) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,#000 0,transparent 72%);mask-image:linear-gradient(to bottom,#000 0,transparent 72%)}.glass{background:linear-gradient(135deg,#ffffff18,#ffffff09),var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.topbar{width:min(1480px,calc(100% - 32px));min-height:74px;margin:0 auto;padding:10px 12px 10px 18px;border-radius:999px;display:flex;align-items:center;justify-content:space-between;gap:22px;position:sticky;top:14px;z-index:40}.brand{background:none;border:0;display:flex;align-items:center;gap:11px;cursor:pointer;padding:0;text-align:left;flex:0 0 auto}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;color:#080c20;background:linear-gradient(135deg,var(--blue),var(--violet),var(--pink));box-shadow:0 0 28px #9ed7ff47}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font:900 17px/1.1 Sora,Inter,sans-serif;letter-spacing:.08em}.brand small{color:var(--muted);font-size:8px;letter-spacing:.2em;font-weight:800;margin-top:4px}.topnav{display:flex;align-items:center;gap:3px;overflow:auto;scrollbar-width:none}.topnav button{border:1px solid transparent;background:transparent;border-radius:999px;color:var(--muted);display:flex;align-items:center;gap:7px;padding:10px 13px;white-space:nowrap;cursor:pointer;transition:.18s ease;font-size:13px;font-weight:750}.topnav button:hover,.topnav button.active{color:var(--text);border-color:var(--line);background:linear-gradient(135deg,#9ed7ff24,#ff9fd714);box-shadow:inset 0 0 18px #9ed7ff0a}.header-actions{position:relative;display:flex;align-items:center;gap:7px}.icon-button,.mobile-menu{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#070c1e80;display:grid;place-items:center;cursor:pointer;transition:.18s ease;position:relative}.icon-button:hover,.mobile-menu:hover{border-color:var(--line-strong);background:#9ed7ff1a;transform:translateY(-1px)}.notification-dot{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px var(--pink);position:absolute;right:5px;top:4px}.profile-button{min-width:172px;border:1px solid var(--line);background:#070c1e80;border-radius:999px;display:flex;align-items:center;gap:9px;padding:5px 10px 5px 5px;cursor:pointer}.profile-button>span:nth-child(2){display:flex;flex-direction:column;text-align:left;flex:1}.profile-button strong{font-size:12px}.profile-button small{color:var(--muted);font-size:9px;margin-top:2px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-weight:900;color:#07101d;background:linear-gradient(135deg,var(--blue),var(--pink))}.avatar.blue{background:var(--blue)}.avatar.pink{background:var(--pink)}.avatar.violet{background:var(--violet)}.role-menu{position:absolute;right:0;top:54px;width:252px;border-radius:20px;padding:10px;z-index:50}.role-menu p{margin:5px 8px 8px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.role-menu button{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:9px;border-radius:13px;padding:11px;cursor:pointer;font-size:13px}.role-menu button svg:last-child{margin-left:auto}.role-menu button:hover,.role-menu button.selected{background:#9ed7ff1a}.profile-menu-summary{display:flex;align-items:center;gap:10px;margin:0 3px 8px;padding:10px 8px 13px;border-bottom:1px solid var(--line)}.profile-menu-summary>span:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}.profile-menu-summary strong{font-size:11px}.profile-menu-summary small{max-width:165px;color:var(--muted);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-menu .account-role{color:var(--muted);font-size:10px;cursor:default}.role-menu .account-role:hover{background:#9ed7ff1a}.mobile-menu{display:none}.content-wrap{width:min(1380px,calc(100% - 44px));margin:48px auto 0;position:relative;z-index:1;min-height:calc(100vh - 230px)}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:0 5px 27px}.eyebrow,.section-kicker{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.16em}.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 14px var(--blue)}.page-heading h1{margin:10px 0 8px;font:850 clamp(34px,4vw,56px)/1 Sora,Inter,sans-serif;letter-spacing:-.055em}.page-heading p{color:var(--muted);font-size:15px;margin:0}.heading-actions{display:flex;gap:10px}.primary-button,.secondary-button,.server-actions button,.text-button{min-height:43px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;border:1px solid var(--line);font-size:12px;font-weight:850;cursor:pointer;text-decoration:none;transition:.18s ease}.primary-button{color:#091020;border:0;background:linear-gradient(135deg,var(--blue),var(--violet) 52%,var(--pink));box-shadow:0 8px 28px #9ed7ff2b}.secondary-button,.server-actions button{background:#080d209e;color:var(--text)}.primary-button:hover,.secondary-button:hover,.server-actions button:hover{transform:translateY(-1px);box-shadow:0 10px 32px #9ed7ff26;border-color:var(--line-strong)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:17px}.metric-card{min-height:150px;border:1px solid var(--line);border-radius:24px;padding:20px;background:linear-gradient(145deg,#ffffff16,#ffffff06),#0d132aa8;box-shadow:0 18px 46px #00000038;position:relative;overflow:hidden;display:flex;flex-direction:column}.metric-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-45px;top:-42px;filter:blur(20px);opacity:.18}.tone-blue:after{background:var(--blue)}.tone-pink:after{background:var(--pink)}.tone-violet:after{background:var(--violet)}.tone-cyan:after{background:var(--cyan)}.metric-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:var(--blue);background:#9ed7ff1a;border:1px solid rgba(158,215,255,.13);position:absolute;right:18px;top:18px}.metric-label{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.14em;margin-top:2px}.metric-card strong{font:800 32px/1 Sora,Inter,sans-serif;margin-top:24px;letter-spacing:-.04em}.metric-card small{color:var(--muted);margin-top:10px;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(320px,.78fr);gap:17px}.panel{border-radius:var(--radius)}.server-spotlight,.activity-panel,.content-panel{padding:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-heading h2{margin:6px 0 0;font:800 24px/1.15 Sora,Inter,sans-serif;letter-spacing:-.035em}.status-pill{width:fit-content;border-radius:999px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:850;border:1px solid var(--line);white-space:nowrap}.status-pill i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.status-pill.online{color:var(--success);background:#64e6b214}.status-pill.offline{color:var(--muted)}.status-pill.starting{color:var(--blue)}.status-pill.error{color:#ff9eb3;background:#ff7d9b14}.server-meta-row{display:flex;flex-wrap:wrap;gap:9px;margin:21px 0}.server-meta-row span{display:flex;align-items:center;gap:6px;color:var(--muted);border:1px solid var(--line);background:#0408185c;padding:7px 10px;border-radius:999px;font-size:10px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.resource{border:1px solid rgba(190,203,255,.1);background:#03081857;border-radius:16px;padding:13px}.resource>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}.resource span{color:var(--muted);display:flex;align-items:center;gap:6px;font-size:10px}.resource strong{font-size:10px}.progress{height:5px;border-radius:999px;background:#ffffff12;margin-top:10px;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--violet),var(--pink));box-shadow:0 0 14px #9ed7ff5c}.mini-chart{height:116px;margin-top:13px;border-radius:16px;background:#03081845;border:1px solid rgba(190,203,255,.08);padding:10px 13px 0;overflow:hidden}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.mini-chart svg{width:100%;height:78px;overflow:visible}.chart-area{fill:url(#chart-fill)}.chart-line{fill:none;stroke:var(--blue);stroke-width:2;filter:drop-shadow(0 0 4px rgba(158,215,255,.4))}.server-actions{display:flex;gap:8px;margin-top:16px}.server-actions button{min-height:38px;padding:0 14px;font-size:10px}.server-actions .danger{color:#ffb1c2;margin-left:auto}.activity-list{margin-top:10px}.activity-item{display:flex;align-items:center;gap:12px;padding:15px 2px;border-bottom:1px solid rgba(190,203,255,.09)}.activity-icon{width:34px;height:34px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;background:#9ed7ff17;color:var(--blue)}.activity-icon.pink{color:var(--pink);background:#ff9fd717}.activity-icon.violet{color:var(--violet);background:#c8bcff17}.activity-item>span:last-child{display:flex;flex-direction:column;min-width:0}.activity-item strong{font-size:11px;line-height:1.4}.activity-item small{color:var(--muted);font-size:9px;margin-top:4px}.text-button{margin:14px 0 0;border:0;padding:0;min-height:28px;background:transparent;color:var(--blue);font-size:10px}.footer{width:min(1380px,calc(100% - 44px));margin:18px auto 0;min-height:48px;border-radius:999px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:var(--muted);font-size:9px;position:relative;z-index:1}.footer span:first-child{display:flex;align-items:center;gap:7px}.footer i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 12px var(--success)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.search-box{flex:1;max-width:380px;min-height:44px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#0308186b;border-radius:999px;padding:0 14px;color:var(--muted)}.search-box input{width:100%;background:transparent;border:0;outline:0;color:var(--text);font-size:12px}.filter-pills{display:flex;gap:5px;border:1px solid var(--line);background:#0308186b;border-radius:999px;padding:4px}.filter-pills button{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:8px 13px;font-size:10px;font-weight:800;cursor:pointer}.filter-pills button.active{color:var(--text);background:linear-gradient(135deg,#9ed7ff29,#ff9fd71c)}.server-list{display:flex;flex-direction:column;gap:9px}.server-row{display:grid;grid-template-columns:auto minmax(180px,1.3fr) repeat(3,minmax(90px,.5fr)) auto;align-items:center;gap:17px;padding:14px;border-radius:18px;border:1px solid rgba(190,203,255,.09);background:#0408184d;transition:.18s ease}.server-row:hover{border-color:var(--line-strong);background:#9ed7ff0b;transform:translateY(-1px)}.game-tile{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;color:var(--blue);background:linear-gradient(135deg,#9ed7ff26,#ff9fd714);border:1px solid var(--line)}.server-identity h3{display:inline;font:750 14px Sora,Inter,sans-serif}.server-identity .status-pill{margin-left:8px;padding:4px 7px}.server-identity p{margin:6px 0 0;color:var(--muted);font-size:10px}.list-stat{display:flex;flex-direction:column;gap:5px}.list-stat small{color:var(--muted);font-size:8px;letter-spacing:.12em;font-weight:900}.list-stat strong{font-size:11px}.row-actions{display:grid;grid-template-columns:repeat(4,34px);gap:5px;justify-content:end}.row-actions button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#080d2099;display:grid;place-items:center;cursor:pointer}.empty-create{min-height:52px;border:1px dashed var(--line-strong);border-radius:17px;background:#9ed7ff06;color:var(--blue);display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:800;cursor:pointer}.data-table{border:1px solid var(--line);border-radius:19px;overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:minmax(220px,1.3fr) 1fr .7fr .7fr 40px;align-items:center;gap:16px;padding:13px 17px}.table-head{color:var(--muted);background:#ffffff0a;font-size:8px;letter-spacing:.14em;font-weight:900}.table-row{border-top:1px solid rgba(190,203,255,.09);min-height:70px}.table-row:hover{background:#9ed7ff09}.user-cell{display:flex;align-items:center;gap:11px}.user-cell>span:last-child{display:flex;flex-direction:column}.user-cell strong{font-size:12px}.user-cell small{color:var(--muted);font-size:9px;margin-top:3px}.role-pill{width:fit-content;border-radius:999px;background:#c8bcff17;border:1px solid var(--line);padding:7px 9px;font-size:9px}.table-row>strong{font-size:11px}.host-grid,.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.host-card,.template-card,.add-host-card{padding:21px}.host-card-top{display:flex;justify-content:space-between}.host-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:var(--blue);background:#9ed7ff1a}.host-card h3,.template-card h3{font:780 17px Sora,Inter,sans-serif;margin:18px 0 6px}.host-card>p,.template-card>p{color:var(--muted);font-size:11px;line-height:1.6;min-height:18px}.host-specs{display:flex;flex-direction:column;gap:9px;border-block:1px solid rgba(190,203,255,.09);padding:14px 0;margin:15px 0}.host-specs span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.host-card .resource{margin-bottom:14px}.host-card .secondary-button{width:100%}.add-host-card{min-height:310px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.add-host-card>span{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;color:var(--blue);border:1px solid var(--line);background:#9ed7ff14}.add-host-card strong{color:var(--text);margin-top:14px}.add-host-card small{margin-top:7px}.template-visual{height:105px;border-radius:18px;display:flex;align-items:center;justify-content:center;position:relative;color:var(--blue);background:radial-gradient(circle at 70% 20%,rgba(255,159,215,.16),transparent 40%),linear-gradient(135deg,#9ed7ff1f,#c8bcff0d);border:1px solid var(--line)}.template-visual span{position:absolute;top:10px;right:10px;font-size:8px;font-weight:900;letter-spacing:.12em;border:1px solid var(--line);border-radius:999px;padding:5px 7px}.template-card>p{min-height:36px}.template-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;border-top:1px solid rgba(190,203,255,.09);padding-top:13px}.template-actions{display:flex;gap:8px;margin-top:16px}.template-actions .secondary-button{flex:1}.template-grid .add-host-card{min-height:330px}.timeline{border-left:1px solid var(--line);margin-left:17px}.timeline-item{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 0 14px 22px;position:relative}.timeline-item .activity-icon{position:absolute;left:-17px}.timeline-item>div{grid-column:2}.timeline-item strong{font-size:12px}.timeline-item p{color:var(--muted);font-size:10px;margin:5px 0 0}.timeline-item>small{color:var(--muted);font-size:9px}.settings-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.system-card{padding:22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px}.system-card-icon{width:45px;height:45px;border-radius:15px;background:#9ed7ff1a;color:var(--blue);display:grid;place-items:center}.system-card h3{margin:0;font:750 14px Sora,Inter,sans-serif}.system-card p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.modal-backdrop{position:fixed;inset:0;background:#01030cb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;padding:26px;display:grid;place-items:center;overflow:auto;animation:fade-in .18s ease}.modal{width:min(560px,100%);max-height:calc(100vh - 52px);overflow:hidden;border-radius:30px;display:flex;flex-direction:column;animation:modal-in .22s cubic-bezier(.2,.8,.2,1)}.modal.wide{width:min(900px,100%)}.modal.xwide{width:min(1180px,100%)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:25px 27px 20px;border-bottom:1px solid var(--line)}.modal-header h2{font:820 25px/1.15 Sora,Inter,sans-serif;letter-spacing:-.04em;margin:9px 0 7px}.modal-header p{color:var(--muted);margin:0;font-size:11px}.modal-body{padding:24px 27px 27px;overflow:auto}.form-stack{display:flex;flex-direction:column;gap:18px}.form-section{border:1px solid rgba(190,203,255,.11);background:#03081847;border-radius:20px;padding:18px}.form-section-title{display:flex;align-items:center;gap:11px;margin-bottom:16px}.form-section-title>span{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;color:var(--blue);font-size:9px;font-weight:900;background:#9ed7ff17}.form-section-title>div{display:flex;flex-direction:column}.form-section-title strong{font-size:12px}.form-section-title small{color:var(--muted);font-size:9px;margin-top:3px}.form-section-title .inline-toggle{margin-left:auto;flex-direction:row;align-items:center;gap:8px}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.four{grid-template-columns:repeat(4,1fr)}.field{display:flex;flex-direction:column;gap:7px;color:var(--text);font-size:10px;font-weight:800}.field input,.field select,.step-row input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:13px;color:var(--text);background:#0408188c;padding:10px 12px;outline:0;font-size:11px}.field select[multiple]{min-height:100px}.field input:focus,.field select:focus,.step-row input:focus{border-color:#9ed7ff9e;box-shadow:0 0 0 4px #9ed7ff1a}.field>small{color:var(--muted);font-weight:400;font-size:8px}.disabled-fields{opacity:.55}.admin-zone{border-color:#c8bcff33;background:linear-gradient(135deg,#c8bcff0f,#9ed7ff06)}.permission-note{display:flex;gap:11px;padding:15px;border-radius:17px;color:var(--blue);background:#9ed7ff12;border:1px solid rgba(158,215,255,.16)}.permission-note strong{font-size:11px}.permission-note p{color:var(--muted);font-size:9px;margin:4px 0 0}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding-top:3px}.toggle{width:43px;height:24px;padding:3px;border:1px solid var(--line);border-radius:999px;background:#040818b3;cursor:pointer}.toggle span{display:block;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:.18s ease}.toggle.on{background:linear-gradient(135deg,#9ed7ff57,#ff9fd73b);border-color:#9ed7ff59}.toggle.on span{transform:translate(18px);background:var(--text);box-shadow:0 0 12px #9ed7ff80}.agent-steps{display:flex;flex-direction:column;gap:13px}.agent-intro{display:flex;gap:17px;padding:18px;border-radius:20px;background:linear-gradient(135deg,#9ed7ff1a,#ff9fd70e);border:1px solid var(--line)}.agent-orb{width:58px;height:58px;flex:0 0 auto;border-radius:19px;display:grid;place-items:center;color:#07101d;background:linear-gradient(135deg,var(--blue),var(--violet),var(--pink))}.agent-intro h3{margin:6px 0 5px;font:760 16px Sora,Inter,sans-serif}.agent-intro p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.step-row{display:grid;grid-template-columns:auto 1fr;gap:13px;padding:14px;border:1px solid rgba(190,203,255,.1);border-radius:17px;background:#04081840}.step-row>span{width:29px;height:29px;display:grid;place-items:center;border-radius:10px;color:var(--blue);background:#9ed7ff17;font-size:9px;font-weight:900}.step-row>div{display:flex;flex-direction:column;gap:5px}.step-row strong{font-size:11px}.step-row small{color:var(--muted);font-size:9px}.step-row input{max-width:360px;margin-top:5px}.token-box,.command-box{min-height:44px;border:1px solid var(--line);background:#040817;border-radius:13px;display:flex;align-items:center;gap:10px;padding:8px 10px;margin-top:5px}.token-box code,.command-box code{color:var(--blue);font-size:9px;overflow:auto;flex:1}.token-box button,.command-box button{width:30px;height:30px;border:0;border-radius:9px;display:grid;place-items:center;background:#9ed7ff1a;cursor:pointer}.settings-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px}.settings-groups{display:flex;flex-direction:column;gap:7px}.settings-groups button{width:100%;border:1px solid transparent;background:transparent;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;border-radius:16px;cursor:pointer;text-align:left}.settings-groups button:hover,.settings-groups button.active{border-color:var(--line);background:linear-gradient(135deg,#9ed7ff1a,#ff9fd70a)}.settings-groups button>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:var(--blue);background:#9ed7ff14}.settings-groups button div{display:flex;flex-direction:column}.settings-groups button strong{font-size:10px}.settings-groups button small{color:var(--muted);font-size:8px;margin-top:3px;line-height:1.35}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.settings-header h3{margin:6px 0 0;font:800 21px Sora,Inter,sans-serif}.dirty-pill{border-radius:999px;border:1px solid var(--line);color:var(--pink);background:#ff9fd714;padding:7px 9px;font-size:8px;font-weight:800}.settings-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.setting-toggle,.range-field{min-height:72px;border-radius:16px;border:1px solid rgba(190,203,255,.11);background:#0308184d;padding:13px}.setting-toggle{display:flex;justify-content:space-between;align-items:center;gap:14px}.setting-toggle>div{display:flex;flex-direction:column}.setting-toggle strong,.range-field span{font-size:10px}.setting-toggle small{color:var(--muted);font-size:8px;margin-top:4px;line-height:1.4}.range-field{display:flex;flex-direction:column;gap:12px}.range-field>div{display:flex;justify-content:space-between}.range-field strong{color:var(--blue);font-size:10px}.range-field input{accent-color:var(--blue)}.config-preview{margin-top:13px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#040817}.config-preview>div{min-height:37px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--line);font-size:9px}.config-preview>div span{margin-left:auto;color:var(--success)}.config-preview>code{display:block;padding:12px;color:var(--muted);font-size:8px;line-height:1.6;max-height:220px;overflow:auto;white-space:pre}.sticky-actions{position:sticky;bottom:-27px;margin:15px -27px -27px;padding:13px 27px;background:#080c20e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:120;display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid rgba(100,230,178,.32);border-radius:999px;color:var(--success);background:#06101aed;box-shadow:0 16px 60px #00000073;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:0 18px;font-size:11px;font-weight:800;animation:toast-in .2s ease}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.985)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}@media(max-width:1180px){.topnav button{padding-inline:10px;font-size:0}.topnav button svg{width:18px;height:18px}.dashboard-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.server-row{grid-template-columns:auto minmax(180px,1fr) repeat(2,100px) auto}.network-stat{display:none}.host-grid,.template-grid{grid-template-columns:repeat(2,1fr)}.settings-card-grid{grid-template-columns:1fr}}@media(max-width:820px){.app-shell{padding-top:10px}.topbar{width:calc(100% - 20px);border-radius:23px;min-height:65px}.topnav,.profile-button,.header-actions>.icon-button{display:none}.mobile-menu{display:grid}.content-wrap,.footer{width:calc(100% - 24px)}.content-wrap{margin-top:34px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%}.heading-actions>*{flex:1}.resource-grid{grid-template-columns:1fr}.server-row{grid-template-columns:auto 1fr auto}.server-row .list-stat,.table-head{display:none}.table-row{grid-template-columns:1fr auto}.table-row>:not(.user-cell):not(.icon-button){display:none}.host-grid,.template-grid,.form-grid.two,.form-grid.three,.form-grid.four,.settings-form-grid,.settings-layout{grid-template-columns:1fr}.settings-groups{display:grid;grid-template-columns:repeat(2,1fr)}.settings-groups button{grid-template-columns:auto 1fr}.settings-groups button>svg{display:none}.modal-backdrop{padding:10px}.modal{max-height:calc(100vh - 20px)}.modal-header,.modal-body{padding-inline:18px}.footer span:nth-child(2){display:none}}@media(max-width:560px){.metrics-grid{grid-template-columns:1fr}.page-heading h1{font-size:38px}.heading-actions{flex-direction:column}.server-spotlight,.activity-panel,.content-panel{padding:17px}.server-meta-row{display:grid;grid-template-columns:1fr 1fr}.server-actions{flex-wrap:wrap}.server-actions .danger{margin-left:0}.toolbar{align-items:stretch;flex-direction:column}.filter-pills{overflow:auto}.host-grid,.template-grid,.settings-groups{grid-template-columns:1fr}.agent-intro{flex-direction:column}.footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.native-loading,.native-login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 8% -10%,rgba(158,215,255,.24),transparent 34%),radial-gradient(circle at 92% 8%,rgba(255,159,215,.2),transparent 30%),linear-gradient(180deg,#050817,#080c20)}.native-loading{display:flex;gap:12px;color:var(--muted);font-weight:750}.spin{animation:native-spin 1s linear infinite}.native-login-shell{position:relative;overflow:hidden;padding:20px}.native-login-card{width:min(450px,100%);border-radius:32px;padding:34px;position:relative;z-index:2}.native-login-brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.native-login-brand>div{display:flex;flex-direction:column}.native-login-brand strong{letter-spacing:.12em;font:900 18px Sora,Inter,sans-serif}.native-login-brand small{color:var(--muted);font-size:8px;letter-spacing:.2em;margin-top:4px}.native-login-card h1{margin:12px 0 8px;font:850 40px/1 Sora,Inter,sans-serif;letter-spacing:-.05em}.native-login-card>p{color:var(--muted);line-height:1.6;margin:0 0 24px;font-size:13px}.native-login-card form{display:flex;flex-direction:column;gap:15px}.native-login-card .field input{min-height:49px}.login-submit{width:100%;min-height:49px;margin-top:5px}.login-error{display:flex;align-items:center;gap:8px;color:#ffb1c2;background:#ff7d9b14;border:1px solid rgba(255,125,155,.2);border-radius:14px;padding:11px;font-size:11px}.login-footnote{display:block;text-align:center;color:var(--muted);margin-top:22px;font-size:9px}.native-logout{position:fixed;z-index:80;right:30px;bottom:28px;border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:#080c20db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--muted);display:flex;align-items:center;gap:7px;cursor:pointer;font-size:10px}.native-logout:hover{color:var(--text);border-color:var(--line-strong)}.community-option{display:flex;align-items:center;justify-content:space-between;gap:18px}.community-option>div{display:flex;flex-direction:column;gap:5px}.community-option strong{font-size:12px}.community-option small{color:var(--muted);font-size:9px;line-height:1.5}.community-pill{display:inline-flex;margin-left:7px;padding:4px 7px;border:1px solid rgba(100,230,178,.22);border-radius:999px;color:var(--success);background:#64e6b212;font-size:7px;font-weight:900;letter-spacing:.12em;vertical-align:middle}.live-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:13px}.live-stat-grid>span{min-height:72px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:12px;border:1px solid rgba(190,203,255,.1);border-radius:16px;background:#03081857}.live-stat-grid small{color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.12em}.live-stat-grid strong{font-size:12px}.empty-feed{color:var(--muted);padding:25px 4px;font-size:11px}.row-actions .danger{color:#ff9eb3;border-color:#ff7d9b33}.row-actions .danger:hover{background:#ff7d9b1a}.console-shell{display:flex;flex-direction:column;gap:12px}.console-help{display:flex;align-items:center;gap:9px;border:1px solid rgba(100,230,178,.18);border-radius:14px;background:#64e6b20d;color:var(--success);padding:11px 13px;font-size:10px}.console-help code{color:var(--blue)}.console-output{height:min(430px,48vh);overflow:auto;padding:15px;border:1px solid var(--line);border-radius:17px;background:#02050e;font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.console-muted{color:var(--muted)}.console-entry{padding:10px 0;border-bottom:1px solid rgba(190,203,255,.08)}.console-entry>div{color:var(--text)}.console-entry>div>span{color:var(--success)}.console-entry small{float:right;color:var(--muted)}.console-entry pre{color:#b9c6df;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.console-entry pre.error{color:#ff9eb3}.console-log{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:3px 0;color:#aebbd3}.console-log time{color:#66738d;font-size:9px}.console-log pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.console-log.join pre{color:var(--success)}.console-log.leave pre{color:#ffb1c2}.console-input{min-height:49px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;background:#030818a6;padding:4px 5px 4px 14px}.console-input>span{color:var(--success);font-family:monospace}.console-input input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--text);font-family:monospace}.console-input button{min-height:39px}.delete-confirm{display:flex;flex-direction:column;gap:16px}.delete-confirm>p{color:var(--muted);font-size:12px;line-height:1.65;margin:0}.delete-confirm code{color:var(--blue);overflow-wrap:anywhere}.danger-orb{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;color:#ff9eb3;background:#ff7d9b1a;border:1px solid rgba(255,125,155,.22)}.danger-button{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;border-radius:999px;border:1px solid rgba(255,125,155,.3);background:#ff7d9b21;color:#ffb1c2;font-weight:850;cursor:pointer}.danger-button:disabled,button:disabled{opacity:.45;cursor:not-allowed}.restart-schedules{grid-column:1/-1;display:flex;flex-direction:column;gap:9px;padding:14px;border:1px solid rgba(190,203,255,.11);border-radius:16px;background:#0308184d}.restart-schedules>div:first-child{display:flex;flex-direction:column;gap:4px}.restart-schedules strong{font-size:10px}.restart-schedules small{color:var(--muted);font-size:8px}.schedule-row{display:flex;gap:8px}.schedule-row input{flex:1;min-height:40px;border:1px solid var(--line);border-radius:12px;background:#040817;color:var(--text);padding:8px 11px;color-scheme:dark}.schedule-row button{width:40px;border:1px solid rgba(255,125,155,.2);border-radius:12px;background:#ff7d9b14;color:#ffb1c2;cursor:pointer}.restart-schedules>.secondary-button{align-self:flex-start;min-height:37px}.server-selectable{cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.server-selectable:hover{border-color:#9ed7ff47;background:#9ed7ff09;transform:translateY(-1px)}.server-detail{display:flex;flex-direction:column;gap:22px}.detail-head{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.detail-head h2{margin:5px 0;font:820 27px Sora,Inter,sans-serif}.detail-head p{margin:0;color:var(--muted);font-size:10px}.back-chevron{transform:rotate(90deg)}.detail-error{color:#ffb1c2;border:1px solid rgba(255,125,155,.22);background:#ff7d9b14;padding:13px 15px;border-radius:15px;font-size:11px}.detail-metrics{margin:0}.detail-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-action-grid>button{min-height:92px;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid var(--line);border-radius:18px;background:#0308185c;color:var(--blue);padding:16px;cursor:pointer}.detail-action-grid>button:hover{border-color:#9ed7ff59;background:#9ed7ff0f}.detail-action-grid>button>span{display:flex;flex-direction:column;gap:5px}.detail-action-grid strong{color:var(--text);font-size:11px}.detail-action-grid small{color:var(--muted);font-size:8px}.network-strip{display:flex;gap:10px;flex-wrap:wrap}.network-strip span{border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:var(--muted);font-size:8px}.network-strip strong{color:var(--blue);margin-left:5px}.connection-card{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(76,167,255,.2);border-radius:18px;padding:16px;background:#4ca7ff0e}.connection-card h3{margin:5px 0 9px;font:750 15px Sora,Inter,sans-serif}.connection-card code{color:var(--blue);font-size:13px}.host-actions{display:flex;gap:8px;flex-wrap:wrap}.host-actions .secondary-button{flex:1}.host-delete-zone{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,125,155,.18)}.host-delete-zone .danger-button{align-self:flex-start}.backup-history{border:1px solid var(--line);border-radius:20px;background:#0308184d;padding:18px;display:flex;flex-direction:column;gap:14px}.backup-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.backup-heading h3{margin:4px 0;font:750 16px Sora,Inter,sans-serif}.backup-heading p{margin:0;color:var(--muted);font-size:9px}.backup-list{display:flex;flex-direction:column;gap:8px}.backup-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:15px;background:#080e227a;padding:11px 12px}.backup-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:var(--blue);background:#4ca7ff1a}.backup-list article>div{min-width:0;display:flex;flex-direction:column;gap:4px}.backup-list strong{overflow:hidden;text-overflow:ellipsis;color:var(--text);font-size:10px}.backup-list small{color:var(--muted);font-size:8px}.backup-state{border-radius:999px;padding:6px 8px;font-size:7px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.backup-state.cached{color:#8fffd1;background:#4ce1a41a}.backup-state.available{color:var(--blue);background:#4ca7ff1a}.backup-state.missing{color:#ff9bad;background:#ff5b801a}.dashboard-hosts{margin-top:24px}.dashboard-hosts>.panel-heading{margin-bottom:14px}.config-editor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.field textarea{width:100%;border:1px solid var(--line);border-radius:13px;color:var(--text);background:#040817;padding:12px;outline:0;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.field textarea:focus{border-color:#9ed7ff9e;box-shadow:0 0 0 4px #9ed7ff1a}.template-setting-grid{max-height:420px;overflow:auto;padding-right:6px}.asset-list{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.asset-list>span{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:9px 11px;font-size:10px}.asset-list small{color:var(--muted)}.console-session-bar{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:9px 12px;background:#03081873}.console-session-bar>span{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:850}.console-session-bar select{min-height:36px;border:1px solid var(--line);border-radius:10px;background:#040817;color:var(--text);padding:6px 9px;font-size:9px}.console-session-bar small{color:var(--muted);font-size:8px}.account-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.account-panel{display:flex;flex-direction:column;gap:18px}.account-panel .panel-heading{margin-bottom:3px}.account-security{margin-top:4px}.account-info{padding:24px;position:sticky;top:110px}.account-info h3{margin:18px 0 6px;font:800 19px Sora,Inter,sans-serif}.account-info>p{color:var(--muted);font-size:10px;overflow-wrap:anywhere}.account-facts{display:flex;flex-direction:column;gap:9px;margin-top:22px}.account-facts>span{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:10px}.account-facts small{color:var(--muted);font-size:8px}.account-facts strong{font-size:9px;text-align:right}@media(max-width:900px){.account-layout{grid-template-columns:1fr}.account-info{position:static}}@media(max-width:700px){.live-stat-grid{grid-template-columns:repeat(2,1fr)}.console-input{align-items:stretch;flex-wrap:wrap;padding:10px}.console-input input{min-height:38px}.console-input button{width:100%}.detail-action-grid,.config-editor-grid{grid-template-columns:1fr}.detail-head{grid-template-columns:1fr auto}.detail-head>.secondary-button{grid-column:1/-1;justify-self:start}.console-session-bar{grid-template-columns:1fr}.backup-heading{align-items:flex-start;flex-direction:column}.backup-list article{grid-template-columns:auto 1fr}.backup-list article>.backup-state,.backup-list article>button{grid-column:2;justify-self:start}}@keyframes native-spin{to{transform:rotate(360deg)}}:root,:root[data-modus=dunkel]{--font-geist-sans: "Geist", ui-sans-serif, system-ui, "Segoe UI", sans-serif;--font-geist-mono: "Geist Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--ink: #edeff5;--bg: var(--rahmen);--bg2: var(--grund);--panel: var(--flaeche);--panel2: var(--flaeche2);--text: var(--ink);--muted: var(--text-leise);--blue: var(--akzent);--violet: var(--akzent);--cyan: var(--blau-text);--line: var(--linie);--line-strong: var(--linie-stark);--success: var(--gut);--danger: var(--fehler);--radius: var(--r-gross);--shadow: var(--schatten-karte)}:root[data-modus=hell]{--ink: #11131b;--text: var(--ink)}html,body,#root{height:100%}html{color-scheme:dark}:root[data-modus=hell]{color-scheme:light}body{overflow:hidden;background:var(--rahmen);color:var(--text);font-family:var(--schrift);font-size:var(--t-text);line-height:1.55}button,input,select,textarea{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.app-shell{height:100vh;min-height:0;overflow:hidden;padding:var(--s2) var(--s2) var(--s2) calc(var(--leiste-breite) + var(--s4));background:var(--rahmen)}.ambient,.grid-overlay{display:none}.glass,.panel{background:var(--flaeche);border:1px solid var(--linie);box-shadow:var(--schatten-karte);-webkit-backdrop-filter:none;backdrop-filter:none}.topbar{position:fixed;inset:var(--s2) auto var(--s2) var(--s2);z-index:var(--z-leiste);width:var(--leiste-breite);min-height:0;margin:0;padding:var(--s3) var(--s2) 58px;border:0;border-radius:0;background:transparent;box-shadow:none;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--s5)}.brand{min-height:48px;padding:var(--s2) var(--s3);gap:var(--s3);border-radius:var(--r-mittel)}.brand:hover{background:var(--flaeche2)}.brand-mark{width:32px;height:32px;border-radius:0;color:var(--akzent);background:transparent;box-shadow:none}.brand-mark img{width:100%;height:100%;object-fit:contain}.mobile-theme-toggle{display:none}.brand strong{font:640 17px/1.1 var(--schrift);letter-spacing:-.01em;background:var(--grad-marke);background-clip:text;-webkit-background-clip:text;color:transparent}.brand small{margin-top:var(--s1);color:var(--text-still);font-size:10px;font-weight:550;letter-spacing:.04em}.topnav{width:100%;display:flex;flex:1;flex-direction:column;align-items:stretch;gap:var(--s1);overflow:auto}.topnav button{min-height:40px;width:100%;justify-content:flex-start;gap:var(--s3);padding:0 var(--s3);border:1px solid transparent;border-radius:var(--r-mittel);color:var(--text-leise);font-size:var(--t-knopf);font-weight:550;transition:color var(--dauer) var(--kurve),background var(--dauer) var(--kurve),border-color var(--dauer) var(--kurve)}.topnav button:hover{color:var(--text);background:var(--flaeche2);border-color:transparent;box-shadow:none}.topnav button.active{color:var(--text);background:var(--grad-hauch);border-color:var(--akzent-rand);box-shadow:none}.header-actions{width:100%;margin-top:auto;display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--s2)}.icon-button,.mobile-menu{width:36px;height:36px;border-radius:var(--r-mittel);border:1px solid var(--linie-feld);background:var(--flaeche2);box-shadow:none;transition:background var(--dauer) var(--kurve),border-color var(--dauer) var(--kurve)}.icon-button:hover,.mobile-menu:hover{transform:none;border-color:var(--akzent);background:var(--akzent-hauch)}.notification-dot{width:6px;height:6px;right:4px;top:4px;background:var(--live);box-shadow:none}.profile-button{min-width:0;width:100%;height:44px;border:1px solid var(--linie);border-radius:var(--r-mittel);background:var(--flaeche2);padding:var(--s1) var(--s2) var(--s1) var(--s1)}.profile-button strong{font-size:12px;font-weight:600}.profile-button small{color:var(--text-still);font-size:10px}.avatar{width:32px;height:32px;border-radius:var(--r-rund);color:#11131b;font-weight:650;background:var(--grad-marke)}.role-menu{inset:auto auto 54px 0;width:100%;padding:var(--s2);border-radius:var(--r-gross);background:var(--flaeche);border:1px solid var(--linie-stark);box-shadow:var(--schatten)}.role-menu p{color:var(--text-still);font-size:var(--t-meta);font-weight:550;letter-spacing:0;text-transform:none}.role-menu button{min-height:36px;border-radius:var(--r-mittel);font-size:var(--t-klein)}.role-menu button:hover,.role-menu button.selected{background:var(--akzent-hauch)}.content-wrap{position:relative;z-index:1;width:100%;height:calc(100vh - var(--s4));min-height:0;margin:0;padding:var(--s8);overflow-y:auto;overflow-x:hidden;border:1px solid transparent;border-radius:var(--r-xl);background:linear-gradient(var(--grund),var(--grund)) padding-box,var(--grad-rahmen) border-box;scrollbar-color:var(--rollbalken) transparent;scrollbar-width:thin}.content-wrap>*{width:min(100%,var(--seite-breite));margin-left:auto;margin-right:auto}.content-wrap::-webkit-scrollbar{width:10px}.content-wrap::-webkit-scrollbar-thumb{background:var(--rollbalken);border:3px solid var(--grund);border-radius:var(--r-rund)}.content-wrap::-webkit-scrollbar-thumb:hover{background:var(--rollbalken-aktiv)}.page-heading{min-height:76px;margin-top:0;margin-bottom:var(--s6);align-items:flex-start}.eyebrow{display:none}.page-heading h1{margin:0 0 var(--s2);font:640 var(--t-seite)/1.2 var(--schrift);letter-spacing:-.022em}.page-heading p{max-width:760px;margin:0;color:var(--text-leise);font-size:var(--t-klein);line-height:1.55}.heading-actions{align-self:flex-start;gap:var(--s2)}.section-kicker{color:var(--text-still);font-size:var(--t-meta);font-weight:550;letter-spacing:0;text-transform:none}.primary-button,.secondary-button,.danger-button,.server-actions button,.text-button{min-height:var(--steuer-hoehe);padding:0 var(--s4);border-radius:var(--r-mittel);font-size:var(--t-knopf);font-weight:550;box-shadow:none;transition:background var(--dauer) var(--kurve),border-color var(--dauer) var(--kurve),color var(--dauer) var(--kurve)}.primary-button{color:#11131b;border:1px solid transparent;background:var(--grad-marke)}.secondary-button,.server-actions button{color:var(--text);border:1px solid var(--linie-feld);background:var(--flaeche2)}.danger-button{color:var(--fehler);border:1px solid color-mix(in srgb,var(--fehler) 55%,transparent);background:transparent}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.server-actions button:hover{transform:none;box-shadow:none;border-color:var(--akzent)}.danger-button:hover{border-color:var(--fehler);background:color-mix(in srgb,var(--fehler) 8%,transparent)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:var(--s6);overflow:hidden;border:1px solid var(--linie);border-radius:var(--r-gross);background:var(--flaeche);box-shadow:var(--schatten-karte)}.metric-card{min-height:124px;padding:var(--s5);border:0;border-right:1px solid var(--linie);border-radius:0;background:transparent;box-shadow:none}.metric-card:last-child{border-right:0}.metric-card:after{display:none}.metric-icon{position:static;width:28px;height:28px;margin-bottom:var(--s3);border:0;border-radius:var(--r-klein);color:var(--text-leise);background:var(--flaeche2)}.metric-label{color:var(--text-leise);font-size:var(--t-klein);font-weight:500;letter-spacing:0}.metric-card strong{margin-top:var(--s2);font:620 var(--t-zahl)/1.1 var(--schrift);letter-spacing:-.015em;font-variant-numeric:tabular-nums}.metric-card small{margin-top:var(--s1);color:var(--text-still);font-size:var(--t-meta)}.dashboard-grid,.host-grid,.template-grid{gap:var(--s6)}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.host-grid,.template-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.panel{border-radius:var(--r-gross)}.server-spotlight,.activity-panel,.content-panel{padding:var(--s5)}.panel-heading{min-height:48px;margin:calc(-1 * var(--s5)) calc(-1 * var(--s5)) var(--s5);padding:var(--s3) var(--s5);border-bottom:1px solid var(--linie)}.panel-heading h2,.settings-header h3,.detail-head h2,.backup-heading h3,.account-info h3{margin-top:var(--s1);font:600 var(--t-karte)/1.35 var(--schrift);letter-spacing:0}.status-pill,.role-pill,.dirty-pill,.backup-state,.community-pill{min-height:22px;padding:2px var(--s2);border-radius:var(--r-rund);font-size:var(--t-meta);font-weight:550;letter-spacing:0;box-shadow:none}.status-pill.online{color:var(--gut);background:color-mix(in srgb,var(--gut) 9%,transparent)}.status-pill.starting{color:var(--blau-text);background:var(--blau-hauch)}.status-pill.error{color:var(--fehler);background:color-mix(in srgb,var(--fehler) 9%,transparent)}.status-pill i{box-shadow:none}.server-meta-row span,.network-strip span{border-color:var(--linie);border-radius:var(--r-klein);background:var(--flaeche2)}.server-row,.table-row,.timeline-item,.activity-item,.backup-list article{border-color:var(--linie);border-radius:0;background:transparent}.server-row:hover,.table-row:hover,.timeline-item:hover,.backup-list article:hover{background:var(--flaeche2)}.toolbar{gap:var(--s3);margin-bottom:var(--s5)}.search-box{min-height:var(--steuer-hoehe);padding:0 var(--s3);border:1px solid var(--linie-feld);border-radius:var(--r-mittel);color:var(--text-still);background:var(--feld)}.search-box input{color:var(--text);font-size:var(--t-klein)}.filter-pills{gap:var(--s1);padding:var(--s1);border:1px solid var(--linie);border-radius:var(--r-mittel);background:var(--flaeche2)}.filter-pills button{min-height:28px;padding:0 var(--s3);border-radius:var(--r-klein);color:var(--text-leise);font-size:var(--t-klein);font-weight:550}.filter-pills button.active{color:var(--text);background:var(--flaeche);box-shadow:var(--schatten-klein)}.data-table{border-color:var(--linie);border-radius:var(--r-gross)}.table-head,.table-row{padding:var(--s3) var(--s5)}.table-head{color:var(--text-still);background:var(--flaeche2);font-size:var(--t-meta);font-weight:550;letter-spacing:0}.table-row{min-height:56px;border-top-color:var(--linie)}.user-cell strong,.table-row>strong{font-size:var(--t-klein);font-weight:550}.user-cell small{color:var(--text-still);font-size:var(--t-meta)}.dashboard-hosts>.panel-heading{min-height:0;margin:0 0 var(--s4);padding:0;border:0}.host-card,.template-card,.server-card,.account-info,.backup-history{border-radius:var(--r-gross);background:var(--flaeche);border-color:var(--linie);box-shadow:var(--schatten-karte)}.host-icon,.template-visual,.system-card-icon,.backup-icon,.agent-orb,.danger-orb{border-radius:var(--r-mittel);color:var(--akzent);background:var(--akzent-hauch);border-color:var(--akzent-rand);box-shadow:none}.resource-track{background:var(--flaeche4)}.resource-track i{background:var(--akzent);box-shadow:none}.add-host-card{min-height:200px;border:1px dashed var(--linie-feld);background:transparent;box-shadow:none}.add-host-card:hover{border-color:var(--akzent);background:var(--akzent-hauch)}.field{gap:var(--s2)}.field>span{color:var(--text);font-size:var(--t-klein);font-weight:550}.field>small{color:var(--text-still);font-size:var(--t-meta)}.field input,.field select,.field textarea,.step-row input,.schedule-row input,.console-session-bar select{min-height:var(--steuer-hoehe);border:1px solid var(--linie-feld);border-radius:var(--r-mittel);color:var(--text);background:var(--feld);box-shadow:none}.field input:focus,.field select:focus,.field textarea:focus,.step-row input:focus,.schedule-row input:focus,.console-session-bar select:focus{border-color:var(--akzent);box-shadow:0 0 0 3px var(--akzent-hauch)}.form-stack{gap:var(--s5)}.form-grid{gap:var(--s5) var(--s4)}.form-section{padding:0 0 var(--s6);border:0;border-bottom:1px solid var(--linie);border-radius:0;background:transparent}.form-section:last-of-type{border-bottom:0}.form-section-title{margin-bottom:var(--s5)}.form-section-title>span{width:28px;height:28px;border-radius:var(--r-klein);color:var(--akzent);background:var(--akzent-hauch);border:1px solid var(--akzent-rand)}.form-section-title strong{font-size:var(--t-karte);font-weight:600}.form-section-title small{color:var(--text-still);font-size:var(--t-meta)}.settings-layout{gap:var(--s6)}.settings-groups{gap:var(--s1)}.settings-groups button{min-height:48px;padding:var(--s2);border-radius:var(--r-mittel)}.settings-groups button:hover{background:var(--flaeche2);border-color:transparent}.settings-groups button.active{background:var(--akzent-hauch);border-color:var(--akzent-rand)}.settings-groups button>span{border-radius:var(--r-klein);color:var(--text-leise);background:var(--flaeche2)}.settings-groups button strong{font-size:var(--t-klein);font-weight:550}.settings-groups button small{color:var(--text-still);font-size:var(--t-meta)}.settings-form-grid{gap:var(--s3)}.setting-toggle,.range-field,.restart-schedules{min-height:68px;padding:var(--s3);border:1px solid var(--linie);border-radius:var(--r-mittel);background:var(--flaeche2)}.setting-toggle strong,.range-field span,.restart-schedules strong{font-size:var(--t-klein);font-weight:550}.setting-toggle small,.restart-schedules small{color:var(--text-still);font-size:var(--t-meta)}.toggle{background:var(--flaeche4);border-color:var(--linie-feld)}.toggle.on{background:var(--grad-marke);border-color:transparent}.config-preview,.console-output,.token-box,.command-box,.console-input,.console-session-bar{border-color:var(--linie);border-radius:var(--r-mittel);background:var(--feld)}.config-preview>code,.token-box code,.command-box code,.console-output,.console-input input{font-family:var(--schrift-fest)}.permission-note,.console-help,.detail-error{border-radius:var(--r-mittel);border-color:var(--akzent-rand);background:var(--akzent-hauch);color:var(--text)}.server-detail{gap:var(--s6)}.detail-head{padding-bottom:var(--s5);border-bottom:1px solid var(--linie)}.detail-action-grid{gap:var(--s3)}.detail-action-grid>button{min-height:76px;padding:var(--s4);border-color:var(--linie);border-radius:var(--r-mittel);color:var(--text-leise);background:var(--flaeche2)}.detail-action-grid>button:hover{border-color:var(--akzent);background:var(--akzent-hauch)}.detail-action-grid strong{font-size:var(--t-klein);font-weight:550}.detail-action-grid small{color:var(--text-still);font-size:var(--t-meta)}.connection-card{border-radius:var(--r-gross);border-color:var(--akzent-rand);background:var(--akzent-hauch)}.connection-card h3{font:600 var(--t-karte)/1.35 var(--schrift)}.connection-card code{color:var(--akzent);font-family:var(--schrift-fest)}.database-card{display:flex;flex-direction:column;gap:var(--s4);padding:var(--s4);border:1px solid var(--linie-stark);border-radius:var(--r-gross);background:var(--flaeche2)}.database-card.pending{flex-direction:row;align-items:center;color:var(--text-still)}.database-card.pending div{display:flex;flex-direction:column;gap:var(--s1)}.database-card.pending strong{color:var(--text)}.database-card-head{display:flex;align-items:center;gap:var(--s3)}.database-card-head>span{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--r-mittel);color:var(--akzent);background:color-mix(in srgb,var(--akzent) 12%,transparent)}.database-card-head div{display:flex;flex-direction:column;gap:2px}.database-card-head small,.database-values small{color:var(--text-still);font-size:var(--t-meta);letter-spacing:.08em}.database-card-head h3{margin:0;font:600 var(--t-karte)/1.35 var(--schrift)}.database-values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s2)}.database-values>span{min-width:0;min-height:62px;display:flex;flex-direction:column;justify-content:center;gap:var(--s1);padding:var(--s3);border:1px solid var(--linie);border-radius:var(--r-mittel);background:var(--flaeche3)}.database-values code{overflow:hidden;color:var(--text);font:500 var(--t-klein)/1.4 var(--schrift-fest);text-overflow:ellipsis;white-space:nowrap}.database-password{position:relative;padding-right:80px!important}.database-password-actions{position:absolute;right:var(--s2);bottom:13px;display:flex;gap:var(--s1)}.database-password button{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--linie);border-radius:var(--r-klein);color:var(--akzent);background:transparent;cursor:pointer}.database-password button:disabled{opacity:.5;cursor:default}.database-card>small{color:var(--text-still)}.database-copy{position:relative;padding-right:44px!important}.database-copy>button{position:absolute;right:var(--s2);bottom:13px;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--linie);border-radius:var(--r-klein);color:var(--akzent);background:transparent;cursor:pointer}.server-tools-modal{width:min(1240px,calc(100vw - 32px))!important;max-width:1240px!important;max-height:calc(100dvh - 32px);overflow:auto}.server-tool-view{display:grid;gap:var(--s3)}.tool-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}.tool-toolbar button,.tool-toolbar .tool-upload{min-height:36px;font-size:var(--t-klein)}.tool-upload{display:inline-flex;align-items:center;gap:var(--s2);cursor:pointer;position:relative}.tool-upload input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.tool-upload:focus-within{outline:2px solid var(--akzent);outline-offset:3px}.tool-upload.disabled{opacity:.5;pointer-events:none}.tool-options{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4);font-size:var(--t-klein);color:var(--text-leise)}.tool-options label,.db-field-options label{display:inline-flex;align-items:center;gap:var(--s2)}.tool-options small{margin-left:auto}.tool-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1);padding:var(--s2) var(--s3);border:1px solid var(--linie);border-radius:var(--r-mittel);background:var(--flaeche2)}.tool-breadcrumbs span,.tool-breadcrumbs button{display:inline-flex;align-items:center;gap:var(--s1)}.tool-breadcrumbs button{border:none;background:transparent;color:var(--text);padding:var(--s1);cursor:pointer;font-size:var(--t-klein)}.tool-status{min-height:26px;display:flex;align-items:flex-start;gap:var(--s2);color:var(--text-leise);font-size:var(--t-klein);overflow-wrap:anywhere}.tool-status svg{flex-shrink:0;margin-top:2px}.tool-status.error{color:var(--pink)}.tool-spinner{animation:tool-spin 1s linear infinite}@keyframes tool-spin{to{transform:rotate(360deg)}}.resource-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s3);min-height:340px}.resource-workspace.with-editor{grid-template-columns:minmax(220px,1fr) minmax(0,2fr)}.tool-file-list{border:1px solid var(--linie);border-radius:var(--r-mittel);background:var(--flaeche2);max-height:560px;overflow:auto}.tool-file-row{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-bottom:1px solid var(--linie)}.tool-file-row.selected{background:var(--akzent-hauch)}.tool-file-row.parent{width:100%;border-top:none;border-left:none;border-right:none;color:var(--text-leise);background:transparent;cursor:pointer;min-height:46px;text-align:left}.tool-file-open{flex:1;min-width:0;display:flex;align-items:center;gap:var(--s3);padding:var(--s1) 0;background:transparent;border:none;text-align:left;color:var(--text);cursor:pointer}.tool-file-open>svg{flex-shrink:0;color:var(--akzent)}.tool-file-open>span{min-width:0;display:grid;gap:3px}.tool-file-open strong{font-size:var(--t-klein);font-weight:550;overflow-wrap:anywhere}.tool-file-open small{color:var(--text-still);font-size:var(--t-meta)}.tool-row-actions{display:flex;align-items:center;gap:var(--s1)}.tool-row-actions .icon-button,.server-tools-modal .icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--linie);border-radius:var(--r-klein);color:var(--text-leise);background:var(--flaeche2);cursor:pointer}.tool-row-actions .danger{color:var(--pink)}.server-tools-modal button:disabled{opacity:.5;cursor:default}.resource-editor{min-width:0;display:flex;flex-direction:column;border:1px solid var(--linie-stark);border-radius:var(--r-mittel);overflow:hidden}.resource-editor header{display:flex;align-items:center;gap:var(--s2);padding:var(--s3);border-bottom:1px solid var(--linie);background:var(--flaeche2)}.resource-editor header>div{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2);font-size:var(--t-klein);overflow-wrap:anywhere}.resource-editor header small{color:var(--akzent)}.resource-editor textarea{flex:1;min-height:380px;padding:var(--s4);resize:vertical;border:none;border-radius:0;color:var(--text);background:var(--flaeche3);font:13px/1.65 var(--schrift-fest);tab-size:2;white-space:pre;overflow:auto}.tool-hint{color:var(--text-still);font-size:var(--t-klein);line-height:1.6;margin:0}.tool-inline-form,.db-create-form{display:flex;flex-wrap:wrap;align-items:end;gap:var(--s3);padding:var(--s4);background:var(--flaeche2);border:1px solid var(--linie-stark);border-radius:var(--r-mittel)}.tool-inline-form label,.db-create-form>label{display:grid;gap:var(--s1);font-size:var(--t-klein)}.server-tools-modal input:not([type=checkbox]):not([type=file]),.server-tools-modal select,.db-record-editor textarea{border:1px solid var(--linie-stark);border-radius:var(--r-klein);background:var(--flaeche3);color:var(--text);padding:var(--s2) var(--s3);min-width:0;font:inherit}.server-tools-modal input[type=checkbox]{accent-color:var(--akzent)}.tool-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;gap:var(--s3);text-align:center;color:var(--text-still);padding:var(--s5);font-size:var(--t-klein)}.tool-empty>svg{color:var(--akzent)}.database-workspace{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:430px;border:1px solid var(--linie);border-radius:var(--r-mittel);overflow:hidden}.database-table-list{padding:var(--s3);border-right:1px solid var(--linie);background:var(--flaeche2);max-height:650px;overflow:auto}.database-table-list h3{display:flex;align-items:center;gap:var(--s2);margin:0 0 var(--s3);font-size:var(--t-klein);overflow-wrap:anywhere}.database-table-list>button{width:100%;display:flex;align-items:center;gap:var(--s2);border:1px solid transparent;border-radius:var(--r-klein);padding:var(--s2);color:var(--text);background:transparent;text-align:left;cursor:pointer}.database-table-list>button.selected{background:var(--akzent-hauch);border-color:var(--linie-stark)}.database-table-list button>svg{flex-shrink:0;color:var(--akzent)}.database-table-list button span{display:grid;gap:3px;min-width:0}.database-table-list strong{font-size:var(--t-klein);font-weight:550;overflow-wrap:anywhere}.database-table-list small{color:var(--text-still);font-size:var(--t-meta)}.database-content{min-width:0;display:grid;align-content:start;gap:var(--s3);padding:var(--s4)}.database-table-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);justify-content:space-between}.database-table-head h3{margin:0;font-size:var(--t-karte);overflow-wrap:anywhere}.tool-tabs{display:flex;gap:var(--s2);border-bottom:1px solid var(--linie)}.tool-tabs button{border:none;border-bottom:2px solid transparent;color:var(--text-leise);background:transparent;padding:var(--s2) var(--s3);cursor:pointer}.tool-tabs button.active{color:var(--akzent);border-bottom-color:var(--akzent)}.tool-table-scroll{overflow:auto;max-height:470px;border:1px solid var(--linie);border-radius:var(--r-klein)}.tool-data-table{width:100%;border-collapse:collapse;font-size:var(--t-klein);text-align:left}.tool-data-table th{position:sticky;top:0;background:var(--flaeche2);color:var(--text-leise);font-weight:550;white-space:nowrap;z-index:1}.tool-data-table th,.tool-data-table td{padding:var(--s2) var(--s3);border-bottom:1px solid var(--linie);vertical-align:top}.tool-data-table td>span{display:block;max-width:280px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tool-data-table svg{vertical-align:middle}.db-null{color:var(--text-still);font-style:italic}.db-pagination{display:flex;align-items:center;gap:var(--s2);font-size:var(--t-klein)}.db-pagination span{margin-right:auto;color:var(--text-still)}.db-create-form{display:grid;align-items:start}.db-create-form h3,.db-record-editor h3{margin:0;font-size:var(--t-karte)}.db-column-drafts{display:grid;gap:var(--s2)}.db-column-drafts>div{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2);font-size:var(--t-klein)}.db-column-drafts>div>input{flex:1}.db-column-drafts label{display:flex;align-items:center;gap:var(--s1)}.db-record-editor{display:grid;gap:var(--s4)}.db-record-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}.db-record-field{display:grid;gap:var(--s2);font-size:var(--t-klein)}.db-record-field>span:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1)}.db-record-fields small{color:var(--text-still);margin-left:auto}.db-record-fields textarea{min-height:70px;resize:vertical;font-family:var(--schrift-fest)}.db-field-options{display:flex;gap:var(--s3);flex-wrap:wrap;color:var(--text-still);font-size:var(--t-meta)}@media(max-width:900px){.resource-workspace.with-editor{grid-template-columns:minmax(0,1fr)}.tool-file-list{max-height:280px}.database-workspace{grid-template-columns:minmax(0,1fr)}.database-table-list{max-height:200px;border-right:none;border-bottom:1px solid var(--linie)}}@media(max-width:600px){.db-record-fields{grid-template-columns:minmax(0,1fr)}.database-content{padding:var(--s3)}.resource-editor header{flex-wrap:wrap}}.database-card>p{margin:0;display:flex;align-items:flex-start;gap:var(--s2);color:var(--text-still);font-size:var(--t-klein);line-height:1.55}.database-card>p svg{flex:0 0 auto;margin-top:2px;color:var(--erfolg)}.database-card>p strong{color:var(--text)}.database-password-change{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);align-items:end;gap:var(--s4);padding:var(--s4);border:1px solid var(--linie-stark);border-radius:var(--r-gross);background:var(--flaeche2)}.database-password-change>div{display:flex;align-items:flex-start;gap:var(--s3)}.database-password-change>div>svg{flex:0 0 auto;color:var(--akzent)}.database-password-change>div>span{display:flex;flex-direction:column;gap:var(--s1)}.database-password-change strong{font-size:var(--t-klein)}.database-password-change small{color:var(--text-still);font-size:var(--t-meta);line-height:1.5}@media(max-width:1100px){.database-values{grid-template-columns:repeat(2,minmax(0,1fr))}.database-password-change{grid-template-columns:1fr}}.modal-backdrop{z-index:var(--z-dialog);background:var(--schleier);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{border:1px solid var(--linie-stark);border-radius:var(--r-xl);background:var(--flaeche);box-shadow:var(--schatten)}.modal.wide,.modal.xwide{position:absolute;top:var(--s2);right:var(--s2);bottom:var(--s2);width:min(640px,calc(100vw - var(--s4)));max-width:640px;max-height:none;margin:0;animation:klarsicht-blatt var(--dauer) var(--kurve)}.modal.xwide{width:min(880px,calc(100vw - var(--s4)));max-width:880px}.modal-header{padding:var(--s5);border-bottom:1px solid var(--linie)}.modal-header .eyebrow{display:none}.modal-header h2{margin:0 0 var(--s1);font:620 var(--t-abschnitt)/1.35 var(--schrift);letter-spacing:0}.modal-header p{color:var(--text-leise);font-size:var(--t-klein)}.modal-body{padding:var(--s5)}.modal-actions{gap:var(--s2);justify-content:flex-end}.sticky-actions{bottom:calc(-1 * var(--s5));margin:var(--s5) calc(-1 * var(--s5)) calc(-1 * var(--s5));padding:var(--s3) var(--s5);border-top:1px solid var(--linie);background:color-mix(in srgb,var(--flaeche) 94%,transparent)}@keyframes klarsicht-blatt{0%{opacity:0;transform:translate(12px)}}.toast{min-height:36px;bottom:var(--s5);padding:0 var(--s4);border-radius:var(--r-mittel);color:var(--gut);background:var(--flaeche);border-color:color-mix(in srgb,var(--gut) 42%,transparent);box-shadow:var(--schatten);font-size:var(--t-klein);font-weight:550}.footer{display:none}.native-logout{z-index:calc(var(--z-leiste) + 1);left:var(--s4);right:auto;bottom:var(--s4);width:calc(var(--leiste-breite) - var(--s4));min-height:34px;justify-content:center;padding:0 var(--s3);border:0;border-radius:var(--r-mittel);color:var(--text-still);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:var(--t-klein)}.native-logout:hover{color:var(--fehler);background:color-mix(in srgb,var(--fehler) 7%,transparent)}.native-loading,.native-login-shell{min-height:100vh;background:var(--grund)}.native-login-shell:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,var(--akzent-hauch),transparent 68%);pointer-events:none}.native-login-card{width:min(420px,100%);padding:var(--s8);border:1px solid transparent;border-radius:var(--r-xl);background:linear-gradient(var(--flaeche),var(--flaeche)) padding-box,var(--grad-rahmen) border-box;box-shadow:var(--schatten)}.native-login-brand{margin-bottom:var(--s8)}.native-login-brand .brand-mark{width:36px;height:36px}.native-login-brand strong{font:640 var(--t-abschnitt)/1.2 var(--schrift);letter-spacing:-.01em}.native-login-brand small{color:var(--text-still);font-size:var(--t-meta);letter-spacing:.04em}.native-login-card h1{margin:0 0 var(--s2);font:640 var(--t-seite)/1.2 var(--schrift);letter-spacing:-.022em}.native-login-card>p{margin-bottom:var(--s6);color:var(--text-leise);font-size:var(--t-klein)}.native-login-card .field input,.login-submit{min-height:var(--steuer-hoehe)}.login-error{border-radius:var(--r-mittel);color:var(--fehler);background:color-mix(in srgb,var(--fehler) 8%,transparent);border-color:color-mix(in srgb,var(--fehler) 35%,transparent)}.login-footnote{color:var(--text-still);font-size:var(--t-meta)}:root[data-modus=hell] .console-output,:root[data-modus=hell] .token-box,:root[data-modus=hell] .command-box,:root[data-modus=hell] .console-input,:root[data-modus=hell] .config-preview,:root[data-modus=hell] .field input,:root[data-modus=hell] .field select,:root[data-modus=hell] .field textarea,:root[data-modus=hell] .schedule-row input,:root[data-modus=hell] .console-session-bar select{color-scheme:light;background:var(--feld)}@media(max-width:1100px){.content-wrap{padding:var(--s6)}.dashboard-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric-card:nth-child(2){border-right:0}.metric-card:nth-child(-n+2){border-bottom:1px solid var(--linie)}}@media(max-width:900px){body{overflow:hidden}.app-shell{padding:calc(var(--kopf-mobil) + var(--s4)) var(--s2) var(--s2)}.topbar{inset:var(--s2) var(--s2) auto;width:auto;height:var(--kopf-mobil);min-height:var(--kopf-mobil);padding:var(--s1) var(--s2);border-radius:var(--r-gross);flex-direction:row;align-items:center;gap:var(--s2);background:var(--rahmen)}.brand{min-height:44px;padding:var(--s1) var(--s2)}.brand-mark{width:28px;height:28px}.topnav{display:none;position:fixed;top:calc(var(--kopf-mobil) + var(--s3));right:var(--s2);left:var(--s2);z-index:var(--z-leiste);width:auto;max-height:calc(100vh - var(--kopf-mobil) - var(--s8));padding:var(--s2);overflow:auto;border:1px solid var(--linie-stark);border-radius:var(--r-gross);background:var(--flaeche);box-shadow:var(--schatten)}.topbar.mobile-open .topnav{display:flex}.topnav .mobile-theme-toggle{display:flex;margin-top:var(--s2);border-top:1px solid var(--linie)}.header-actions{width:auto;margin:0 0 0 auto;display:flex}.profile-button,.header-actions>.icon-button{display:none}.mobile-menu{display:grid}.content-wrap{height:calc(100vh - var(--kopf-mobil) - var(--s6));padding:var(--s6)}.native-logout{inset:18px 60px auto auto;width:36px;height:36px;padding:0;font-size:0;border:1px solid var(--linie);background:var(--flaeche2)}.native-logout svg{width:16px}.role-menu{position:fixed;top:68px;right:var(--s2);bottom:auto;left:auto;width:min(300px,calc(100vw - var(--s4)))}}@media(max-width:720px){.content-wrap{padding:var(--s4)}.page-heading{min-height:0;gap:var(--s4)}.page-heading h1{font-size:24px}.heading-actions{width:100%}.heading-actions>*{flex:1}.metrics-grid{grid-template-columns:1fr}.metric-card{border-right:0;border-bottom:1px solid var(--linie)}.metric-card:last-child{border-bottom:0}.modal.wide,.modal.xwide{inset:var(--s2);width:auto;max-width:none}.settings-layout{grid-template-columns:1fr}.settings-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.topbar .brand small{display:none}.content-wrap{padding:var(--s4)}.page-heading{flex-direction:column}.server-spotlight,.activity-panel,.content-panel{padding:var(--s4)}.panel-heading{margin:calc(-1 * var(--s4)) calc(-1 * var(--s4)) var(--s4);padding-inline:var(--s4)}.settings-groups,.database-values{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.modal.wide,.modal.xwide{animation:none}}.catalog-list{display:grid;gap:12px;margin:16px 0}.catalog-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border:1px solid var(--border,rgba(255,255,255,.12));border-radius:12px;background:#ffffff06}.catalog-item p,.catalog-hint{color:#a6adc7;font-size:13px;line-height:1.6}.catalog-item small{color:#858fae}.catalog-title{background:none;border:none;padding:0;text-align:left;color:#e8ecff;font-weight:700;font-size:16px;cursor:pointer}.catalog-title:hover{color:#bca8ff}.catalog-description{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:13px;line-height:1.7;color:#c7cde0;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:12px;max-height:55vh;overflow:auto}.catalog-detail .tool-toolbar{margin:16px 0}.template-library-status{margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere}.template-library-status strong{font-size:13px}.template-library-status .host-specs{margin:10px 0}.template-library-status small,.template-library-status li{font-size:12px;line-height:1.6}.announcement-stack{display:grid;gap:10px;margin-bottom:20px}.announcement-stack:empty{display:none}.announcement-banner{--notice: #15803d;display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid color-mix(in srgb,var(--notice) 35%,var(--line));border-left:4px solid var(--notice);border-radius:10px;background:color-mix(in srgb,var(--notice) 9%,var(--bg))}.announcement-banner.warnung{--notice: #ea8a16}.announcement-banner.error{--notice: #dc4040}.announcement-banner>svg{color:var(--notice);flex-shrink:0}.announcement-status{font-size:11px;font-weight:600;text-transform:lowercase;color:var(--muted)}.announcement-banner strong{font-size:14px;flex:1;overflow-wrap:anywhere}.announcement-banner button{padding:7px 10px;border-radius:7px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;font-size:12px;white-space:nowrap}.community-dialog{max-width:min(650px,calc(100vw - 32px));width:650px;max-height:80vh;border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--bg);color:var(--text)}.community-dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.community-dialog header,.community-entry-heading{display:flex;align-items:center;gap:12px}.community-dialog header h2,.community-entry-heading>div{flex:1}.community-form{padding:24px;display:grid;gap:20px}.community-form h2{display:flex;align-items:center;gap:10px;font-size:19px;margin:0}.community-form .primary-button{justify-self:start}.community-form>p,.community-entry small{color:var(--muted)}.community-list{display:grid;gap:16px;margin-top:20px}.community-entry{padding:22px}.community-entry h3{margin:6px 0;font-size:16px;overflow-wrap:anywhere}.community-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.community-error{padding:14px;border:1px solid var(--danger);color:var(--danger);border-radius:8px}.report-images{display:flex;flex-wrap:wrap;gap:12px}.report-images>*{width:170px;margin:0;color:var(--text);overflow-wrap:anywhere;font-size:12px}.report-images img{width:100%;height:120px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.report-images figcaption{margin-top:4px}.report-priority{display:inline-block;border-radius:5px;padding:4px 8px;background:var(--panel2)}.report-priority.priority-kritisch{color:#ef4444}.report-priority.priority-hoch{color:#ea8a16}.theme-icon{flex-shrink:0}@media(max-width:600px){.announcement-banner{flex-wrap:wrap}.announcement-banner strong{min-width:55%}.announcement-banner button{margin-left:32px}.community-entry-heading{flex-wrap:wrap}.community-entry-heading>.field{width:100%}.community-form,.community-entry{padding:16px}}.server-operation-lock{border:0;padding:0;margin:0;min-width:0}.server-operation-lock[disabled]{opacity:.45}.server-operation-lock[disabled] button{cursor:not-allowed}.status-pill.suspended{color:#ff8595;background:#ff50641f;border-color:#ff50644d}.upload-dropzone{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px;border:1px dashed var(--line);border-radius:14px;margin-bottom:14px;color:var(--muted)}.upload-dropzone small{width:100%;font-size:11px}.drag-active .upload-dropzone{border-color:var(--blue);background:#82aaff1f;color:var(--text)}.upload-progress{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;margin-top:15px;font-size:12px}.upload-progress progress{width:100%;height:8px;accent-color:var(--blue)}.upload-progress summary{cursor:pointer;color:#eea748}.upload-progress li{line-height:1.8;overflow-wrap:anywhere}.settings-content [hidden]{display:none!important}