:root{color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;background:#080c14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 5%,#14b8a62e,#0000 30rem),linear-gradient(145deg,#080c14 0%,#111827 100%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.auth-shell{grid-template-columns:minmax(0,1.2fr) minmax(340px,480px);align-items:center;gap:72px;width:min(1120px,100% - 40px);min-height:100vh;margin:0 auto;padding:64px 0;display:grid}.auth-copy h1{max-width:720px}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ad1;border:1px solid #94a3b829;border-radius:22px;gap:24px;padding:36px;display:grid;box-shadow:0 24px 80px #00000047}.login-card label{color:#cbd5e1;gap:9px;font-size:.92rem;font-weight:700;display:grid}.login-card input{color:#f9fafb;background:#0f172a;border:1px solid #334155;border-radius:11px;outline:none;width:100%;padding:13px 14px;transition:border-color .15s,box-shadow .15s}.login-card input:focus{border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf29}.login-card button,.secondary-button,.primary-action{cursor:pointer;border:0;border-radius:11px;font-weight:800}.login-card button{color:#042f2e;background:#5eead4;padding:13px 18px}.login-card button:disabled{cursor:wait;opacity:.65}.form-error{color:#fca5a5;margin:0;font-size:.92rem}.page-shell{width:min(1240px,100% - 40px);margin:0 auto;padding:36px 0 72px}.panel-header{border-bottom:1px solid #94a3b824;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;display:flex}.brand,.account,.account-copy{align-items:center;display:flex}.brand{color:#cbd5e1;gap:12px;font-weight:800}.brand-mark{color:#5eead4;letter-spacing:.08em;background:#2dd4bf14;border:1px solid #5eead44d;border-radius:9px;place-items:center;width:48px;height:32px;font-size:.76rem;display:grid}.panel-nav{background:#0f172a85;border:1px solid #94a3b81f;border-radius:12px;align-items:center;gap:6px;padding:4px;display:flex}.panel-nav a{color:#94a3b8;border-radius:8px;padding:8px 13px;font-size:.82rem;font-weight:800;text-decoration:none}.panel-nav a.router-link-active{color:#ccfbf1;background:#0d948829}.account{gap:20px}.account-copy{align-items:baseline;gap:10px}.identity-name{color:#f9fafb;font-weight:800}.identity-role{color:#5eead4;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:800}.secondary-button{color:#e2e8f0;background:#1e293b;border:1px solid #94a3b81f;padding:9px 14px}.secondary-button:disabled{cursor:wait;opacity:.55}.primary-action{color:#042f2e;background:#5eead4;padding:11px 16px}.primary-action:disabled{cursor:wait;opacity:.55}.dashboard-hero{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:end;gap:48px;padding:72px 0 56px;display:grid}.eyebrow{color:#5eead4;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{color:#f9fafb;letter-spacing:-.055em;max-width:760px;margin-bottom:24px;font-size:clamp(2.5rem,5vw,4.8rem);line-height:1}h2{color:#f9fafb;letter-spacing:-.035em;margin-bottom:12px;font-size:clamp(1.8rem,3vw,2.6rem)}.lead,.inventory-message{color:#9ca3af;max-width:680px;font-size:1.1rem;line-height:1.7}.status-card,.metric-card,.summary-card,.project-card,.inventory-message{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ab8;border:1px solid #94a3b829;border-radius:18px;box-shadow:0 24px 80px #00000038}.server-section{padding-bottom:40px}.last-updated{color:#64748b;font-size:.8rem}.server-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card{min-width:0;padding:22px}.metric-card__heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.metric-card__heading span{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:800}.metric-card__heading strong{color:#f8fafc;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;font-size:1.45rem;overflow:hidden}.metric-progress{background:#1e293b;border-radius:999px;height:7px;margin-bottom:15px;overflow:hidden}.metric-progress span{border-radius:inherit;background:linear-gradient(90deg,#14b8a6,#5eead4);height:100%;transition:width .3s;display:block;box-shadow:0 0 18px #2dd4bf59}.metric-card p{color:#94a3b8;margin:0;font-size:.82rem;line-height:1.55}.metric-card .metric-card__secondary{color:#64748b;margin-top:5px}.metric-card .metric-card__uptime{padding-top:8px}.status-card{align-items:flex-start;gap:16px;padding:24px;display:flex}.status-card strong{color:#f9fafb;margin-bottom:6px;display:block}.status-card p{color:#94a3b8;margin:0}.status-dot{background:#f59e0b;border-radius:999px;width:12px;height:12px;margin-top:5px;box-shadow:0 0 20px #f59e0bb3}.status-card--ready .status-dot{background:#2dd4bf;box-shadow:0 0 20px #2dd4bfb3}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.summary-card{gap:8px;min-height:126px;padding:22px;display:grid}.summary-card span{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;font-weight:700}.summary-card strong{color:#f8fafc;letter-spacing:-.04em;align-self:end;font-size:2rem}.summary-card .summary-card__date{letter-spacing:0;font-size:1rem;line-height:1.45}.projects-section,.jobs-section{padding-top:72px}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.section-heading h2{margin-bottom:0}.section-actions,.job-row__actions,.modal-actions{align-items:center;gap:10px;display:flex}.inventory-message{gap:4px;max-width:none;padding:32px;display:grid}.inventory-message--error{color:#fca5a5;border-color:#f8717147}.action-error{color:#fca5a5;margin:-8px 0 18px;font-size:.9rem}.jobs-list{gap:10px;display:grid}.job-row{background:#0f172a94;border:1px solid #94a3b824;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 24px;padding:18px 20px;display:grid}.job-row__identity{align-items:center;gap:14px;min-width:0;display:flex}.job-row__identity>div,.job-row__meta{gap:3px;display:grid}.job-row__identity strong{color:#e2e8f0}.job-row__identity div span,.job-row__meta{color:#64748b;font-size:.78rem}.job-row__meta{justify-items:end}.job-row__error{color:#fca5a5;grid-column:1/-1;margin:2px 0 0;font-size:.82rem}.job-row__actions{grid-column:1/-1;justify-content:flex-end}.text-button{color:#5eead4;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:.78rem;font-weight:800}.text-button:disabled{cursor:wait;opacity:.55}.job-timeline{border-top:1px solid #94a3b81f;grid-column:1/-1;gap:14px;margin:4px 0 0;padding:18px 0 2px;list-style:none;display:grid}.job-timeline li{grid-template-columns:12px minmax(0,1fr);align-items:start;gap:12px;display:grid}.job-timeline strong,.job-timeline p,.job-timeline time{display:block}.job-timeline strong{color:#cbd5e1;font-size:.8rem}.job-timeline p{color:#94a3b8;margin:2px 0;font-size:.8rem}.job-timeline time{color:#64748b;font-size:.72rem}.timeline-dot{background:#64748b;border-radius:999px;width:8px;height:8px;margin-top:5px}.timeline-dot--queued{background:#60a5fa}.timeline-dot--running{background:#f59e0b}.timeline-dot--succeeded{background:#2dd4bf}.timeline-dot--failed{background:#f87171}.credential-card{background:#0d948812;border:1px solid #2dd4bf33;border-radius:12px;grid-column:1/-1;padding:18px}.credential-card__heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.credential-card__heading strong{color:#ccfbf1}.credential-card dl{gap:10px;margin:16px 0;display:grid}.credential-card dl div{grid-template-columns:90px minmax(0,1fr);gap:12px;display:grid}.credential-card dt{color:#64748b;text-transform:uppercase;font-size:.74rem;font-weight:800}.credential-card dd{overflow-wrap:anywhere;color:#e2e8f0;min-width:0;margin:0}.credential-card a{color:#99f6e4}.credential-password{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.credential-card>p{color:#64748b;margin:0;font-size:.76rem}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.create-modal{background:#0f172a;border:1px solid #94a3b82e;border-radius:20px;width:min(600px,100%);max-height:calc(100vh - 48px);padding:30px;overflow-y:auto;box-shadow:0 28px 100px #0000008c}.create-modal__heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.create-modal__heading h2{margin:0;font-size:2rem}.modal-close{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #94a3b824;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;padding:0;font-size:1.5rem;display:grid}.create-form{gap:20px;display:grid}.create-form label{color:#cbd5e1;gap:8px;font-size:.86rem;font-weight:800;display:grid}.create-form input,.create-form select{color:#f8fafc;background:#0b1220;border:1px solid #334155;border-radius:10px;outline:none;width:100%;padding:12px 13px}.create-form input:focus,.create-form select:focus{border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf24}.create-form label>span{color:#64748b;font-size:.76rem;font-weight:500}.create-form label>span strong{color:#94a3b8}.create-notice{background:#2563eb12;border:1px solid #60a5fa2e;border-radius:11px;padding:15px 16px}.create-notice strong{color:#bfdbfe;font-size:.82rem}.create-notice p{color:#94a3b8;margin:5px 0 0;font-size:.8rem;line-height:1.55}.create-notice--danger{background:#dc262614;border-color:#f871713d}.create-notice--danger strong{color:#fecaca}.modal-actions{justify-content:flex-end;padding-top:4px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.project-card{gap:24px;padding:26px;display:grid}.project-card--disabled{background:#1e0f19b8;border-color:#f8717133}.project-card__header,.project-card__footer{justify-content:space-between;gap:20px;display:flex}.project-card__header{align-items:flex-start}.project-card__badges,.project-card__actions{align-items:center;gap:8px;display:flex}.environment-label{color:#64748b;letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:800}.project-card h3{color:#f8fafc;letter-spacing:-.035em;margin:4px 0 0;font-size:1.55rem}.status-badge{color:#cbd5e1;background:#1e293bbf;border:1px solid #94a3b829;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:800}.status-badge--online{color:#5eead4;background:#0d94881f;border-color:#2dd4bf47}.status-badge--degraded{color:#fbbf24;background:#d977061f;border-color:#f59e0b47}.status-badge--offline{color:#fca5a5;background:#dc26261f;border-color:#f8717147}.status-badge--disabled{color:#fecaca;background:#991b1b2e;border-color:#f8717157}.status-badge--queued{color:#93c5fd;background:#2563eb1f;border-color:#60a5fa47}.status-badge--running{color:#fbbf24;background:#d977061f;border-color:#f59e0b47}.status-badge--succeeded{color:#5eead4;background:#0d94881f;border-color:#2dd4bf47}.status-badge--failed{color:#fca5a5;background:#dc26261f;border-color:#f8717147}.domain-link{color:#99f6e4;width:fit-content;font-weight:700;text-decoration:none}.domain-link:hover,.project-card__footer a:hover{text-decoration:underline}.project-metrics{border-top:1px solid #94a3b81f;border-bottom:1px solid #94a3b81f;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:22px 0;display:grid}.project-metrics div{min-width:0}.project-metrics dt{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:.72rem;font-weight:800}.project-metrics dd{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:700;overflow:hidden}.project-card__footer{color:#64748b;align-items:center;font-size:.8rem}.project-card__footer a{color:#5eead4;flex:none;font-weight:800;text-decoration:none}.project-card__actions .text-button{padding:0}.primary-action--danger{color:#fff;background:#dc2626}.primary-action--danger:hover{background:#ef4444}.invitation-state p{color:#94a3b8;line-height:1.6}.inline-link{color:#5eead4;font-weight:800}.invitation-summary{background:#0206173d;border:1px solid #94a3b824;border-radius:12px;gap:10px;margin:0;padding:16px;display:grid}.invitation-summary div{grid-template-columns:80px minmax(0,1fr);gap:12px;display:grid}.invitation-summary dt{color:#64748b;text-transform:uppercase;font-size:.72rem;font-weight:800}.invitation-summary dd{overflow-wrap:anywhere;color:#e2e8f0;margin:0}.login-card small{color:#64748b;font-weight:500}.users-hero{grid-template-columns:minmax(0,1fr);padding-bottom:44px}.access-layout{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:20px;display:grid}.invite-panel,.pending-panel,.user-access-card{background:#0f172ab8;border:1px solid #94a3b829;border-radius:18px;box-shadow:0 24px 80px #0003}.invite-panel{gap:18px;padding:26px;display:grid}.invite-panel>div>p:last-child,.pending-panel .section-heading>span{color:#64748b;line-height:1.55}.invite-panel label,.user-settings label{color:#cbd5e1;gap:8px;font-size:.82rem;font-weight:800;display:grid}.invite-panel input,.invite-panel select,.user-settings select,.invite-result input{color:#f8fafc;background:#0b1220;border:1px solid #334155;border-radius:10px;outline:none;width:100%;padding:11px 12px}.invite-panel input:focus,.invite-panel select:focus,.user-settings select:focus{border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf24}.invite-result{background:#0d948812;border:1px solid #2dd4bf33;border-radius:12px;padding:16px}.invite-result>p{color:#94a3b8;margin:5px 0 12px;font-size:.78rem;line-height:1.5}.invite-result>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.pending-panel{padding:26px}.pending-invitation{border-top:1px solid #94a3b81f;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.pending-invitation>div{gap:4px;min-width:0;display:grid}.pending-invitation strong{color:#e2e8f0}.pending-invitation span{color:#94a3b8;text-overflow:ellipsis;overflow:hidden}.pending-invitation small{color:#64748b}.text-button--danger{color:#fca5a5}.users-section{padding-top:72px}.user-access-list{gap:16px;display:grid}.user-access-card{grid-template-columns:minmax(190px,.7fr) minmax(190px,.55fr) minmax(260px,1fr) minmax(300px,1.25fr);gap:24px;padding:24px;display:grid}.user-access-card--disabled{opacity:.72}.user-access-card__identity{justify-content:space-between;gap:12px;display:flex}.user-access-card__identity h3{color:#f8fafc;margin:12px 0 3px;font-size:1.3rem}.user-access-card__identity p{overflow-wrap:anywhere;color:#94a3b8;font-size:.82rem}.current-user{color:#5eead4;flex:none;font-size:.72rem;font-weight:800}.user-settings{align-content:start;gap:18px;display:grid}.toggle-field{align-items:center;gap:10px!important;display:flex!important}.toggle-field input{accent-color:#2dd4bf;width:18px;height:18px}.permission-fieldset,.project-access-fieldset{border:0;min-width:0;margin:0;padding:0}.permission-fieldset legend,.project-access-fieldset legend{color:#cbd5e1;margin-bottom:10px;font-size:.82rem;font-weight:800}.permission-fieldset>p,.project-access-fieldset>p{color:#64748b;font-size:.8rem;line-height:1.5}.permission-options{gap:8px;display:grid}.permission-options label{color:#64748b;cursor:pointer;border:1px solid #94a3b81f;border-radius:9px;align-items:flex-start;gap:9px;min-width:0;padding:9px 10px;font-size:.72rem;font-weight:500;line-height:1.4;display:flex}.permission-options input{accent-color:#2dd4bf;flex:none;width:15px;height:15px;margin-top:2px}.permission-options span{gap:2px;display:grid}.permission-options strong{color:#e2e8f0;font-size:.76rem}.permission-fieldset--invite{background:#02061738;border:1px solid #94a3b81f;border-radius:12px;padding:14px}.permission-fieldset--invite .permission-options{margin-top:8px}.project-access-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:180px;display:grid;overflow-y:auto}.project-access-options label{color:#94a3b8;cursor:pointer;border:1px solid #94a3b81f;border-radius:9px;align-items:flex-start;gap:9px;min-width:0;padding:10px;font-size:.74rem;display:flex}.project-access-options input{accent-color:#2dd4bf;margin-top:2px}.project-access-options span{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.project-access-options strong{color:#e2e8f0}.user-access-card__footer{border-top:1px solid #94a3b81f;grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;padding-top:18px;display:flex}.user-access-card__footer>span{color:#64748b;font-size:.76rem}@media (width<=1360px){.user-access-card{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1020px){.server-metrics-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.access-layout,.user-access-card{grid-template-columns:1fr}.user-access-card__footer{grid-column:1}}@media (width<=760px){.auth-shell{grid-template-columns:1fr;gap:32px;padding:36px 0}.login-card{padding:28px}.page-shell{padding:36px 0}.panel-header{flex-wrap:wrap;align-items:flex-start}.account{gap:10px}.account-copy{display:none}.panel-nav{order:3;width:100%}.panel-nav a{text-align:center;flex:1}.dashboard-hero{grid-template-columns:1fr;gap:32px;padding:48px 0 36px}.summary-grid,.server-metrics-grid,.project-grid{grid-template-columns:1fr}.projects-section,.jobs-section{padding-top:48px}.section-heading{flex-direction:column;align-items:flex-start}.section-actions{flex-direction:column-reverse;align-items:stretch;width:100%}.section-actions button{width:100%}.job-row{grid-template-columns:1fr}.job-row__meta{justify-items:start;padding-left:78px}.job-row__actions{justify-content:flex-start;padding-left:78px}.credential-card dl div{grid-template-columns:1fr;gap:3px}.create-modal{padding:24px}.project-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card__footer{flex-direction:column;align-items:flex-start}.invite-result>div,.project-access-options{grid-template-columns:1fr}.pending-invitation,.user-access-card__footer{flex-direction:column;align-items:flex-start}}
