:root{--background:#161718;--foreground:#f7f7f8;--card:#191a1c;--muted:#26282b;--muted-foreground:#a7aaae;--border:#2a2b2d;--accent-green:#67cb88;--radius:.8rem;color:var(--foreground);background:var(--background);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--background);min-width:320px;margin:0}button,input,select{font:inherit}main{max-width:1440px;margin:0 auto;padding:28px 28px 80px}.hero{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px;display:flex}.eyebrow{color:#4ade80;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:800}h1{letter-spacing:-.04em;margin:5px 0 8px;font-size:clamp(2rem,5vw,3.4rem)}.description,.subtitle{color:#929899}button{color:#07111d;cursor:pointer;background:#4ade80;border:0;border-radius:12px;padding:12px 18px;font-weight:800}button:disabled{cursor:wait;opacity:.65}.filters{background:#171919;border:1px solid #2a2d2e;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;padding:14px;display:grid}label{color:#9babc0;gap:7px;font-size:.8rem;font-weight:700;display:grid}input,select{color:#f4f4f5;background:#121414;border:1px solid #303334;border-radius:9px;width:100%;padding:11px 12px}input:focus,select:focus{border-color:#4ade80;outline:2px solid #4ade8066}.error{color:#ffd2d2;background:#351923;border:1px solid #783e48;border-radius:10px;margin:22px 0 0;padding:12px 15px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.card{background:linear-gradient(145deg,#152235,#0f1927);border:1px solid #303435;border-radius:18px;min-height:230px;padding:22px;overflow:hidden;box-shadow:0 18px 50px #0004}.metric-label{color:#9babc0;margin:0 0 13px;font-size:.88rem;font-weight:750}.card strong{letter-spacing:-.04em;font-size:2rem}.card>svg{width:100%;height:72px;margin:12px 0;overflow:visible}.card>svg polyline{fill:none;stroke:#4ade80;stroke-width:2px;vector-effect:non-scaling-stroke}.card>svg line{stroke:#3a3f40;stroke-width:1px}.description{margin:0;font-size:.84rem;line-height:1.5}.auth-layout{grid-template-columns:1.15fr .85fr;align-items:center;gap:80px;min-height:100vh;display:grid}.auth-copy h1{max-width:720px}.auth-copy .subtitle{max-width:560px;font-size:1.08rem;line-height:1.7}.auth-card{background:#1a1c1c;border:1px solid #303435;border-radius:22px;gap:18px;padding:34px;display:grid;box-shadow:0 28px 80px #0007}.application-form h2,.auth-card h2{margin:0 0 8px}.auth-card button{width:100%}.auth-help{color:#777e80;text-align:center;margin:-4px 0 0;font-size:.78rem;line-height:1.45}.link-button{color:#72df98;background:0 0}.header-actions{gap:10px;display:flex}.secondary{color:#e8edf4;background:#18263a;border:1px solid #3a506c}.logout{color:#f1b9c0;background:0 0}.application-form{background:#1a1c1c;border:1px solid #34506d;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px;padding:22px;display:grid}.application-form h2{margin:5px 0 8px}.form-intro{grid-column:1/-1}.application-form>button{align-self:end}.application-form small{color:#777e80;min-height:32px;font-size:.72rem;font-weight:500;line-height:1.4}.application-form code{color:#72df98}.empty-state{text-align:center;background:#181a1a;border:1px dashed #3a506c;border-radius:20px;padding:60px 28px}.empty-state p{color:#929899}.filters>button{align-self:end}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02060dbf;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-panel{background:#0f1927;border:1px solid #34506d;border-radius:22px;width:min(980px,100%);max-height:calc(100vh - 48px);overflow:hidden;box-shadow:0 32px 100px #000b}.modal-header{border-bottom:1px solid #303435;justify-content:space-between;align-items:flex-start;gap:24px;padding:22px 24px;display:flex}.modal-header h2{margin:5px 0 8px}.modal-content{max-height:calc(100vh - 180px);padding:24px;overflow-y:auto}.icon-button{color:#aebbc9;background:0 0;flex:none;padding:2px 10px 6px;font-size:1.7rem;line-height:1}.text-danger{color:#ff9aa7;background:0 0;padding:2px;font-size:.72rem}.modal-actions{background:#141616;border-top:1px solid #303435;justify-content:flex-end;gap:10px;margin:24px -24px -24px;padding:18px 24px;display:flex}.danger-button{color:#fff;background:#b8374b}.confirm-message{color:#aebbc9;margin:0 0 10px;line-height:1.6}.confirm-item{color:#fff;display:block}.portal-layout{max-width:none;min-height:100vh;margin:0;padding:0;display:block}.portal-content{width:100%;min-width:0;max-width:1500px;margin:0 auto;padding:28px 34px 80px}.portal-sidebar{z-index:80;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#131416f5;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;height:58px;padding:0 22px;display:grid;position:sticky;top:0}.sidebar-brand{align-items:center;gap:9px;padding:0;display:flex}.sidebar-brand>div{gap:2px;display:grid}.sidebar-brand strong{font-size:.82rem}.sidebar-brand small{color:var(--muted-foreground);font-size:.65rem}.sidebar-nav{justify-content:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.sidebar-nav>p{display:none}.sidebar-nav button{color:#929899;text-align:left;white-space:nowrap;background:0 0;border-radius:7px;align-items:center;gap:7px;padding:8px 9px;font-size:.68rem;font-weight:650;display:flex;position:relative}.sidebar-nav button:hover{color:#d4d7d8;background:#1d1e20}.sidebar-nav button.active{color:#eef0f0;box-shadow:inset 0 -2px var(--accent-green);background:#26282b}.sidebar-nav button.active .app-icon{color:var(--accent-green)}.sidebar-nav b{color:#87dc9f;text-align:center;background:#17301f;border-radius:999px;min-width:20px;padding:2px 5px;font-size:.58rem}.sidebar-account{grid-template-columns:30px minmax(0,120px) auto;align-items:center;gap:7px;padding:0;display:grid}.account-avatar{color:#101613;background:var(--accent-green);border-radius:50%;place-items:center;width:28px;height:28px;font-size:.68rem;font-weight:900;display:grid}.sidebar-account>div:nth-child(2){gap:1px;min-width:0;display:grid}.sidebar-account small,.sidebar-account strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-account strong{font-size:.64rem}.sidebar-account small{color:#6f7577;font-size:.53rem}.sidebar-account button{color:#858b8d;background:0 0;padding:4px;font-size:1rem}.app-icon{display:block}.portal-header{background:#171919;border:1px solid #2a2d2e;border-radius:13px;justify-content:space-between;gap:20px;padding:13px 16px}.brand,.portal-header{align-items:center;display:flex}.brand{gap:12px}.brand-mark{color:#0d1513;background:#50d890;border-radius:9px;place-items:center;width:35px;height:35px;font-size:1rem;font-weight:900;display:grid}.brand div{gap:2px;display:grid}.brand small{color:#858c8e}.portal-nav{background:#1d1f20;border:1px solid #2a2d2e;border-radius:11px;gap:5px;margin:14px 0 30px;padding:5px;display:flex}.portal-nav button{color:#929899;background:0 0;align-items:center;gap:8px;padding:10px 15px;display:flex}.portal-nav button.active{color:#f4f4f5;background:#121414;box-shadow:inset 0 0 0 1px #303334}.portal-nav button span{color:#72df98;background:#183b39;border-radius:999px;min-width:22px;padding:2px 6px;font-size:.72rem}.view-page{min-height:560px}.view-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.view-header h1{margin-top:4px;font-size:clamp(1.7rem,4vw,2.5rem)}.list-section{background:#181a1a;border:1px solid #303435;border-radius:18px;margin-bottom:26px;overflow:hidden}.section-title{border-bottom:1px solid #303435;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.section-title h2{margin:0 0 6px;font-size:1.1rem}.count-badge{text-align:center;color:#72df98;background:#142a1b;border:1px solid #2b6840;border-radius:999px;min-width:36px;padding:7px 10px;font-weight:800}.resource-list{display:grid}.resource-row{border-bottom:1px solid #292d2e;grid-template-columns:minmax(180px,1.1fr) minmax(300px,2fr) auto;align-items:center;gap:20px;padding:17px 22px;display:grid}.resource-row:last-child{border-bottom:0}.resource-main{gap:4px;display:grid}.admin-table small,.resource-main span{color:#777e80;font-family:ui-monospace,monospace;font-size:.72rem}.resource-meta{flex-wrap:wrap;gap:8px;display:flex}.environment-badge,.resource-meta span{color:#aebccd;background:#141616;border:1px solid #3a3f40;border-radius:7px;padding:5px 8px;font-size:.73rem}.danger-outline{color:#ff9aa7;background:#2b1720;border-color:#6a3944}.compact-empty{color:#858c8e;padding:28px 22px}.admin-header{margin-bottom:22px}.admin-header h1{margin-top:4px}.admin-nav{grid-template-columns:repeat(2,minmax(0,260px));gap:12px;margin-bottom:34px;display:grid}.admin-nav button{text-align:left;color:#b8c4d2;background:#1a1c1c;border:1px solid #303435;gap:5px;padding:17px 18px;display:grid}.admin-nav button span{color:#777e80;font-size:.75rem;font-weight:600}.admin-nav button.active{color:#72df98;background:#142a1b;border-color:#36764a}.admin-nav button.active span{color:#87b997}.admin-branch{min-height:390px}.branch-header{margin-bottom:18px}.branch-header h2{margin:0 0 6px}.admin-table-wrap{background:#181a1a;border:1px solid #303435;border-radius:18px;overflow-x:auto}.admin-table-wrap.embedded{border:0;border-top:1px solid #303435;border-radius:0}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{color:#858c8e;letter-spacing:.05em;text-transform:uppercase;background:#141616;padding:13px 16px;font-size:.72rem}.admin-table td{color:#b9c4d1;border-top:1px solid #303435;padding:16px;font-size:.83rem}.admin-table td:first-child{gap:4px;min-width:150px;display:grid}.admin-table a{color:#72df98;text-overflow:ellipsis;white-space:nowrap;max-width:230px;display:block;overflow:hidden}.row-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.compact-button{padding:7px 10px;font-size:.72rem}.users-table td:first-child{min-width:210px}.user-applications{flex-wrap:wrap;gap:6px;display:flex}.user-applications span{color:#72df98;background:#142a1b;border:1px solid #2b6840;border-radius:7px;padding:5px 8px;font-size:.72rem}.muted{color:#777e80}.modal-form{background:0 0;border:0;margin:0;padding:0}.form-actions{border-top:1px solid #303435;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:10px;margin:8px -24px -24px;padding:18px 24px 0;display:flex}.selection-list{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:10px;display:grid}.selection-row{background:#1a1c1c;border:1px solid #303435;border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:10px 12px;padding:12px 13px;display:grid}.selection-row .resource-main{min-width:0}.selection-row .resource-main span,.selection-row .resource-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selection-row .resource-meta{grid-column:1/-1;gap:5px}.selection-row .resource-meta span{padding:3px 6px;font-size:.67rem}.selection-row>button{grid-area:1/2;padding:8px 11px;font-size:.76rem}.modal-empty{text-align:center;justify-items:center;gap:10px;padding:36px 18px 16px;display:grid}.modal-empty strong{font-size:1.1rem}.modal-empty p{color:#858c8e;max-width:480px;margin:0 0 10px;line-height:1.55}.user-form{gap:17px;display:grid}.user-form small{color:#777e80;font-weight:500}.checkbox-field{cursor:pointer;background:#141616;border:1px solid #3a3f40;border-radius:11px;align-items:flex-start;gap:11px;padding:14px;display:flex}.checkbox-field input{accent-color:#4ade80;width:18px;height:18px;margin:2px 0 0}.checkbox-field span{gap:4px;display:grid}.checkbox-field strong{color:#e8edf4}.user-form-actions{margin-top:6px}.status-banner{color:#e8c866;border-radius:var(--radius);background:#24200f;border:1px solid #5c4e27;margin-bottom:16px;padding:13px 16px}.status-banner strong{margin-bottom:3px;display:block}.status-banner p{color:#b9a968;margin:0;font-size:.82rem}.application-dashboard{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);grid-template-columns:minmax(0,1fr);align-items:start;gap:0;margin-top:16px;display:grid;overflow-x:auto}.system-row-header,.systems-table-header{grid-template-columns:minmax(150px,1.45fr) repeat(3,minmax(90px,.9fr)) minmax(65px,.55fr) minmax(90px,.75fr) minmax(70px,.6fr) minmax(72px,.65fr) minmax(78px,.65fr) 16px}.systems-table-header{min-width:1050px;color:var(--muted-foreground);border-bottom:1px solid var(--border);background:#141517;align-items:center;gap:12px;padding:8px 13px;font-size:.58rem;font-weight:700;display:grid}.system-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);min-width:0;transition:border-color .2s,box-shadow .2s;overflow:hidden}.application-dashboard>.system-card{border-width:0 0 1px;border-radius:0;min-width:1050px}.application-dashboard>.system-card:last-child{border-bottom:0}.system-card:hover{border-color:#404244;box-shadow:0 8px 24px #0002}.system-card.attention{border-color:#5c4e27}.system-card.system-error{border-color:#713441}.system-card.expanded{grid-column:1/-1}.system-card-summary{width:100%;color:var(--foreground);text-align:left;font-weight:inherit;background:0 0;border:0;border-radius:0;padding:0;display:block;position:relative}.system-row-header{align-items:center;gap:12px;min-height:54px;padding:8px 13px;display:grid}.system-name{align-items:center;gap:9px;min-width:0;display:flex}.system-name>div{gap:2px;min-width:0;display:grid}.system-name strong{font-size:.86rem}.system-name small,.system-name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.system-name small{color:var(--muted-foreground);font-size:.65rem;font-weight:500}.status-dot{background:#8a8f90;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot-up{background:#45c96d}.dot-no-data,.dot-pending,.dot-unconfigured,.dot-warning{background:#e4b84c}.dot-error{background:#ed4f66}.system-environment{border:1px solid var(--border);background:var(--muted);text-transform:capitalize;border-radius:5px;padding:3px 6px;font-size:.57rem}.system-environment,.system-state{color:var(--muted-foreground);font-weight:650}.system-state{white-space:nowrap;align-items:center;gap:6px;font-size:.59rem;display:flex}.system-up .system-state{color:#64d889}.system-no-data .system-state,.system-pending .system-state,.system-unconfigured .system-state,.system-warning .system-state{color:#e4be58}.system-error .system-state{color:#f27789}.system-chevron{color:#707677;font-size:1.2rem;line-height:1;transition:transform .2s}.expanded .system-chevron{transform:rotate(90deg)}.system-table-cell{min-width:0}.mobile-cell-label{display:none}.cell-value{align-items:center;gap:7px;display:flex}.cell-value strong{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;min-width:34px;font-size:.63rem;font-weight:550}.cell-value .resource-gauge{border-radius:3px;flex:1;min-width:22px;height:11px}.compact-status{color:#102016;background:#55cf7b;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:.68rem;font-style:normal;font-weight:900;line-height:1;display:grid}.compact-status.state-no-data,.compact-status.state-pending,.compact-status.state-unconfigured,.compact-status.state-warning{color:#241d08;background:#e0b449}.compact-status.state-error{color:#fff;background:#ed4f66}.status-cell .cell-value strong{min-width:0}.resource-gauge{background:var(--muted);border-radius:99px;height:4px;overflow:hidden}.resource-gauge span{border-radius:inherit;background:#45c96d;min-width:2px;height:100%;transition:width .4s;display:block}.resource-gauge.gauge-no-data span,.resource-gauge.gauge-pending span,.resource-gauge.gauge-unconfigured span,.resource-gauge.gauge-warning span{background:#e0b449}.resource-gauge.gauge-error span{background:#ed4f66}.refresh-gauge{position:absolute;bottom:0;left:0;right:0}.refresh-track{background:0 0;height:2px;overflow:hidden}.refresh-track i{transform-origin:0;background:#45c96d;width:100%;height:100%;animation:10s linear forwards refresh-progress;display:block;transform:scaleX(0)}.refresh-gauge.refreshing .refresh-track i{animation:.65s ease-in-out infinite alternate refresh-pulse}@keyframes refresh-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes refresh-pulse{0%{opacity:.3}to{opacity:1}}.system-detail{border-top:1px solid var(--border);background:var(--background);padding:18px}.system-detail-enter-active,.system-detail-leave-active{max-height:5000px;transition:max-height .4s,opacity .25s}.system-detail-enter-from,.system-detail-leave-to{opacity:0;max-height:0}.system-detail-header{grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:18px;margin-bottom:16px;display:grid}.detail-back{color:var(--muted-foreground);border:1px solid var(--border);background:var(--card);border-radius:7px;justify-self:start;padding:7px 10px;font-size:.7rem}.detail-back:hover{color:var(--foreground);background:var(--muted)}.system-detail-header>div{text-align:center}.detail-kicker{color:var(--muted-foreground);margin:0 0 3px;font-size:.62rem}.system-detail-header h2{margin:0;font-size:1.25rem}.detail-status{border:1px solid var(--border);background:var(--card);border-radius:7px;align-items:center;gap:7px;padding:6px 9px;font-size:.67rem;font-weight:700;display:inline-flex}.system-alert{border-radius:var(--radius);background:#211e10;border:1px solid #5b4e28;grid-template-columns:minmax(220px,.8fr) 1.4fr;gap:18px;margin-bottom:14px;padding:13px 15px;display:grid}.system-alert.alert-error{background:#29161c;border-color:#703542}.system-alert p{color:#b7b9ba;margin:4px 0 0;font-size:.73rem}.system-alert ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.system-alert li{grid-template-columns:80px 1fr auto;align-items:center;gap:8px;font-size:.66rem;display:grid}.system-alert li span{color:var(--muted-foreground)}.system-alert li strong{font-weight:550}.system-alert li small{color:#707576}.system-facts{border:1px solid var(--border);border-radius:var(--radius);background:var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:14px;display:grid;overflow:hidden}.system-facts div{background:var(--card);gap:4px;padding:11px 13px;display:grid}.system-facts span{color:var(--muted-foreground);font-size:.61rem}.system-facts strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.system-status-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.metric-status-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);grid-template-columns:52px minmax(0,1fr);align-items:center;gap:13px;min-height:118px;padding:15px;display:grid}.status-pictogram{color:#102016;background:#55cf7b;border-radius:50%;place-items:center;width:50px;height:50px;font-size:1.65rem;font-weight:900;line-height:1;display:grid}.metric-status-card.is-no-data .status-pictogram,.metric-status-card.is-pending .status-pictogram,.metric-status-card.is-unconfigured .status-pictogram,.metric-status-card.is-warning .status-pictogram{color:#241d08;background:#e0b449}.metric-status-card.is-error .status-pictogram{color:#fff;background:#ed4f66}.metric-status-card section{min-width:0}.metric-status-card header{justify-content:space-between;align-items:center;gap:8px;display:flex}.metric-status-card header span{color:var(--muted-foreground);font-size:.62rem}.metric-status-card header b{color:#62d787;font-size:.56rem}.metric-status-card.is-no-data header b,.metric-status-card.is-pending header b,.metric-status-card.is-unconfigured header b,.metric-status-card.is-warning header b{color:#e2bb54}.metric-status-card.is-error header b{color:#f2798a}.metric-status-card section>strong{font-variant-numeric:tabular-nums;margin:5px 0 2px;font-size:1.18rem;display:block}.metric-status-card p,.metric-status-card small{color:var(--muted-foreground);margin:0;font-size:.59rem;line-height:1.4;display:block}.metric-status-card small{color:#d8b857;margin-top:5px}.metric-status-card.is-error small{color:#ef8392}.system-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.beszel-chart-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);min-width:0;padding:14px 15px 11px}.beszel-chart-card>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.beszel-chart-card h3{margin:0 0 3px;font-size:.84rem}.beszel-chart-card header p{color:var(--muted-foreground);margin:0;font-size:.61rem}.chart-state{color:var(--muted-foreground);border:1px solid var(--border);background:var(--muted);white-space:nowrap;border-radius:5px;padding:3px 6px;font-size:.55rem;font-weight:700}.is-up .chart-state{color:#62d787;background:#13271a;border-color:#2b663e}.is-no-data .chart-state,.is-pending .chart-state,.is-unconfigured .chart-state,.is-warning .chart-state{color:#e2bb54;background:#25210f;border-color:#5b4d27}.is-error .chart-state{color:#f2798a;background:#2b171d;border-color:#713542}.chart-current{font-variant-numeric:tabular-nums;margin-top:10px;font-size:1.15rem;display:block}.chart-canvas{min-height:112px;position:relative}.chart-canvas svg{width:100%;height:108px;margin:4px 0 0;overflow:visible}.chart-canvas line{stroke:#2f3032;stroke-width:.45px}.chart-canvas polygon{fill:#67cb881a}.chart-canvas polyline{fill:none;stroke:var(--accent-green);stroke-width:1.15px;vector-effect:non-scaling-stroke}.is-warning .chart-canvas polygon{fill:#e0b44916}.is-warning .chart-canvas polyline{stroke:#e0b449}.is-error .chart-canvas polygon{fill:#ed4f6616}.is-error .chart-canvas polyline{stroke:#ed4f66}.chart-empty{color:#686e6f;place-items:center;font-size:.66rem;display:grid;position:absolute;inset:0}.beszel-chart-card footer{color:#686e6f;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.57rem;display:flex}.chart-issue{color:#d8b857;margin:8px 0 0;font-size:.62rem}.is-error .chart-issue{color:#ef8392}.filtered-empty{border:1px dashed var(--border);margin-top:20px}.filtered-empty,.toast{border-radius:var(--radius);background:var(--card)}.toast{z-index:200;border:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;width:min(420px,100vw - 44px);padding:16px 18px;display:flex;position:fixed;top:22px;right:22px;box-shadow:0 20px 60px #0009}.toast p{margin:4px 0 0;font-size:.85rem}.toast button,.toast p{color:var(--muted-foreground)}.toast button{background:0 0;padding:0 5px;font-size:1.3rem}.toast-success{border-color:#326d45}.toast-error{border-color:#77404c}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-10px)}.monitor-toolbar{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:15px;padding:10px;display:flex}.toolbar-filters{flex-wrap:wrap;flex:1;gap:8px;display:flex}.toolbar-filters label{color:#747b7d;flex:1;gap:4px;min-width:125px;font-size:.59rem}.toolbar-filters select{border-radius:6px;padding:7px 9px;font-size:.69rem}.toolbar-refresh{border-radius:7px;align-items:center;gap:6px;padding:8px 10px;font-size:.67rem;display:flex}.view-counter{color:#f4f4f5;border:1px solid var(--border);background:var(--card);border-radius:50%;place-items:center;min-width:40px;height:40px;font-weight:800;display:grid}.insight-page .view-header{margin-bottom:20px}.insight-page .view-header h1{font-size:1.8rem}.insight-page .view-header .subtitle{margin:4px 0 0;font-size:.8rem}.alert-feed{gap:8px;display:grid}.alert-feed article{border-radius:var(--radius);background:#211e10;border:1px solid #5c4e27;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 15px;display:grid}.alert-feed article.feed-error{background:#29161c;border-color:#703542}.alert-symbol{color:#171309;background:#e4b84c;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.feed-error .alert-symbol{color:#fff;background:#ed4f66}.alert-feed p{color:#8f9293;margin:0 0 3px;font-size:.58rem}.alert-feed h2{margin:0 0 3px;font-size:.79rem}.alert-feed article div>span{color:#adafb0;font-size:.67rem}.alert-feed article>b{color:#e4be58;font-size:.62rem}.alert-feed .feed-error>b{color:#f2798a}.healthy-empty{text-align:center;border:1px dashed var(--border);border-radius:var(--radius);background:var(--card);justify-items:center;padding:70px 20px;display:grid}.healthy-empty>span{color:#101713;background:var(--accent-green);border-radius:50%;place-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:900;display:grid}.healthy-empty h2{margin:16px 0 6px;font-size:1rem}.healthy-empty p{color:var(--muted-foreground);margin:0;font-size:.72rem}.domain-systems{gap:16px;display:grid}.domain-system{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);overflow:hidden}.domain-system>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:12px 15px;display:flex}.domain-system>header>div{align-items:center;gap:9px;display:flex}.domain-system h2{margin:0 0 2px;font-size:.85rem}.domain-system header p{color:var(--muted-foreground);margin:0;font-size:.6rem}.domain-system>header>span{color:var(--muted-foreground);border:1px solid var(--border);background:var(--muted);text-transform:capitalize;border-radius:5px;padding:3px 6px;font-size:.57rem}.domain-current{border-bottom:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(145px,1fr));display:grid}.domain-current>div{border-right:1px solid var(--border);gap:3px;padding:11px 15px;display:grid}.domain-current span{color:var(--muted-foreground);font-size:.58rem}.domain-current strong{font-variant-numeric:tabular-nums;font-size:.9rem}.domain-current small{font-size:.57rem}.state-up{color:#62d787}.state-no-data,.state-pending,.state-unconfigured,.state-warning{color:#e2bb54}.state-error{color:#f2798a}.domain-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;display:grid}.domain-charts .beszel-chart-card{border-radius:7px}.backup-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.backup-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);gap:13px;padding:16px;display:flex}.backup-icon{color:#62d787;background:#16291c;border-radius:9px;flex:none;place-items:center;width:42px;height:42px;display:grid}.backup-card.state-no-data .backup-icon,.backup-card.state-warning .backup-icon{color:#e2bb54;background:#29240f}.backup-card.state-error .backup-icon{color:#f2798a;background:#2b171d}.backup-card p{color:var(--muted-foreground);margin:0 0 3px;font-size:.58rem}.backup-card h2{margin:0 0 11px;font-size:.84rem}.backup-card strong{font-size:1.05rem;display:block}.backup-card span{color:var(--muted-foreground);font-size:.62rem}.composite-view>.insight-page{min-height:auto}.smart-placeholder{border-radius:var(--radius);background:#18191b;border:1px dashed #4a4e4f;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:15px;margin-top:16px;padding:18px;display:grid}.smart-placeholder>div{color:#777e80;background:var(--muted);border-radius:9px;place-items:center;width:46px;height:46px;display:grid}.smart-placeholder h2{margin:2px 0 5px;font-size:.88rem}.smart-placeholder section>p:last-child{max-width:720px;color:var(--muted-foreground);margin:0;font-size:.67rem;line-height:1.5}.smart-placeholder>span{color:#aaa35d;background:#24220f;border:1px solid #5c572d;border-radius:6px;padding:5px 8px;font-size:.6rem}@media (width<=1180px){.sidebar-account>div:nth-child(2),.sidebar-brand small,.sidebar-nav button span{display:none}.portal-sidebar{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding-inline:16px}.sidebar-nav button{padding-inline:10px}}@media (width<=850px){.auth-layout{grid-template-columns:1fr;gap:30px}.application-form{grid-template-columns:repeat(2,1fr)}.resource-row{grid-template-columns:1fr auto}.resource-row .resource-meta{grid-area:2/1/auto/-1}.filters,.grid{grid-template-columns:repeat(2,1fr)}.portal-content{padding-inline:18px}.domain-charts,.system-charts,.system-status-cards{grid-template-columns:1fr}}@media (width<=720px){.portal-sidebar{grid-template-columns:auto minmax(0,1fr);height:54px;padding-inline:10px}.sidebar-account{display:none}.sidebar-nav{justify-content:flex-start}.sidebar-nav button{flex:0 0 36px;justify-content:center;padding:7px}.sidebar-nav b{min-width:13px;padding:1px 3px;font-size:.48rem;position:absolute;top:1px;right:1px}.system-facts{grid-template-columns:repeat(2,1fr)}.system-detail-header{grid-template-columns:1fr auto}.system-detail-header>div{text-align:left;grid-area:1/1/auto/-1}.detail-back,.detail-status{grid-row:2}.system-alert{grid-template-columns:1fr}.system-alert li{grid-template-columns:70px 1fr}.system-alert li small{grid-column:2}.smart-placeholder{grid-template-columns:42px 1fr}.smart-placeholder>span{grid-column:2;justify-self:start}}@media (width<=560px){.portal-content{padding:18px 12px 44px}.hero,.view-header{flex-direction:column;align-items:flex-start}.admin-nav,.application-form,.filters,.grid,.resource-row{grid-template-columns:1fr}.resource-row .resource-meta{grid-area:auto}.resource-row button{justify-self:start}.modal-backdrop{padding:10px}.modal-panel{max-height:calc(100vh - 20px)}.status-banner{flex-direction:column;align-items:flex-start;gap:5px}.system-detail{padding:13px}.system-facts{grid-template-columns:1fr}.toolbar-filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.monitor-toolbar{flex-direction:column;align-items:stretch}.toolbar-refresh{justify-content:center}}