@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";html,body,#root{width:100%;min-height:100vh;margin:0}#root{border:none;max-width:none}:root{--bg:#0f1318;--surface:#0b1018db;--surface-2:#0d131cd1;--surface-3:#ffffff0f;--surface-hover:#ffffff1a;--border:#ffffff24;--border-strong:#ffffff3d;--text-primary:#f2f5f9;--text-secondary:#f2f5f9cc;--text-muted:#f2f5f98f;--accent:#ffd166;--accent-soft:#ffd16629;--success:#22c55e;--success-soft:#22c55e1a;--danger:#f44;--danger-soft:#ff44441a;--warning:#f59e0b;--warning-soft:#f59e0b1a;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--radius:6px}*{box-sizing:border-box}html{scrollbar-gutter:stable;overflow-y:scroll}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 12% 10%,#ffd66624,#0000 30%),radial-gradient(circle at 88% 16%,#2878f024,#0000 34%),linear-gradient(#0f1318 0%,#121922 100%);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}.app{background:radial-gradient(circle at 12% 10%,#ffd6661c,#0000 30%),radial-gradient(circle at 88% 16%,#2878f01f,#0000 35%),linear-gradient(#0f1318 0%,#121922 100%);min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;width:220px;min-width:220px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--border);color:var(--text-primary);letter-spacing:-.2px;flex-shrink:0;align-items:center;gap:9px;padding:15px 14px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.sidebar-brand-icon{background:0 0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.sidebar-brand-icon img{object-fit:contain;width:100%;height:100%;display:block}.sidebar nav{flex-direction:column;flex:1;gap:1px;padding:8px;display:flex;overflow-y:auto}.sidebar-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:10px 8px 3px;font-size:10px;font-weight:600}.sidebar-nav-button{color:var(--text-secondary);border-radius:var(--radius);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:13px;font-weight:500;line-height:1.4;text-decoration:none;transition:background .1s,color .1s;display:flex}.sidebar-nav-button:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar-nav-button.active{color:var(--text-primary);background:#ffffff1f;font-weight:600}.sidebar-nav-icon{opacity:.5;flex-shrink:0;width:15px;height:15px;transition:opacity .1s}.sidebar-nav-button:hover .sidebar-nav-icon,.sidebar-nav-button.active .sidebar-nav-icon{opacity:1}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0;padding:8px}.sidebar-button{width:100%;color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;font-size:13px;font-weight:500;line-height:1.4;transition:background .1s,color .1s;display:flex}.sidebar-button:hover{background:var(--danger-soft);color:var(--danger)}.content{flex-direction:column;flex:1;min-width:0;display:flex}.content-topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#0b1018d1;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;min-height:48px;padding:0 24px;display:flex;position:sticky;top:0}.content-topbar-breadcrumbs{color:var(--text-muted);align-items:center;gap:5px;font-size:13px;font-weight:500;display:flex}.content-topbar-breadcrumbs .sep{color:var(--border-strong)}.content-topbar-breadcrumbs .current{color:var(--text-primary)}.content-topbar-right{align-items:center;gap:10px;display:flex}.content-topbar-avatar{color:#fff;background:linear-gradient(135deg,#0070f3 0%,#7c3aed 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex}.content-topbar-email{color:var(--text-secondary);font-size:12px}.content-inner{flex:1;padding:24px}.page-content{flex-direction:column;gap:14px;display:flex}.content-header{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:16px}.content-header h1{color:var(--text-primary);letter-spacing:-.3px;margin:0 0 2px;font-size:18px;font-weight:600}.content-header p{color:var(--text-secondary);margin:0;font-size:13px}.card{background:var(--surface-2);border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:14px;margin-bottom:12px;padding:18px 20px;box-shadow:0 14px 30px #0003}.card h3{color:var(--text-primary);margin:0 0 4px;font-size:13px;font-weight:600}.card h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin:12px 0 6px;font-size:11px;font-weight:600}.card ul{margin:0;padding:0;list-style:none}.card li{border-top:1px solid var(--border);color:var(--text-secondary);padding:8px 0;font-size:13px}.card li:first-child{border-top:none;padding-top:0}.card-error{background:var(--danger-soft);color:var(--danger);border-color:#ff444459;border-radius:10px;padding:9px 12px}.card-error h3{color:var(--danger)}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:20px;display:grid}.card-skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);border:1px solid var(--border);border-radius:var(--radius);background-size:200% 100%;height:110px;animation:1.5s infinite skeleton}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.stat-card{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:18px 20px;box-shadow:0 14px 30px #0003}.stat-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-size:11px;font-weight:600}.stat-card-value{color:var(--text-primary);letter-spacing:-.8px;font-size:24px;font-weight:700;line-height:1}.stat-card-sub{color:var(--text-secondary);margin-top:5px;font-size:12px}.detail-line{color:var(--text-secondary);margin:4px 0;font-size:13px}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;line-height:1.4;text-decoration:none;transition:background .1s,opacity .1s,border-color .1s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#121212;border-color:var(--accent)}.btn-primary:hover:not(:disabled){opacity:.88}.btn-secondary{color:var(--text-primary);border-color:var(--border-strong);background:0 0}.btn-secondary:hover:not(:disabled){background:#ffffff1f}.btn-danger{color:var(--danger);background:0 0;border-color:#f446}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text-primary)}.btn-sm{padding:4px 10px;font-size:12px}.text-button{border:1px solid var(--border-strong);color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;background:0 0;padding:6px 12px;font-size:13px;transition:background .1s,color .1s}.text-button:hover:not(:disabled){background:var(--surface-3);color:var(--text-primary)}.text-button-danger{color:var(--danger);border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #f446;padding:6px 12px;font-size:13px}.text-button-danger:hover:not(:disabled){background:var(--danger-soft)}.danger-zone{border-top:1px solid #ff444440;margin-top:20px;padding-top:16px}.danger-zone-title{color:var(--danger);margin:0 0 8px}.danger-zone-form{flex-direction:column;gap:10px;margin-top:10px;display:flex}.danger-zone-warning{background:var(--danger-soft);border-radius:var(--radius);color:var(--text-primary);border:1px solid #f446;padding:12px 14px;font-size:13px}.danger-zone-warning p{margin:8px 0}.danger-zone-warning ul{margin:8px 0;padding-left:20px}.danger-zone-warning li{margin:2px 0}.danger-zone-error{color:var(--danger)}.danger-zone-actions{gap:10px;display:flex}.controls-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.controls-row.tight{gap:6px}.controls-row.tight label{color:var(--text-secondary);font-size:12px}.status-card{border-left:4px solid var(--accent)}.table-wrapper{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;margin-bottom:16px;overflow:hidden;box-shadow:0 14px 30px #0003}table{border-collapse:collapse;width:100%;font-size:13px}thead{background:#ffffff14}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);padding:9px 16px;font-size:11px;font-weight:600}td{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:11px 16px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-hover);color:var(--text-primary)}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.badge-running,.badge-active,.badge-success,.badge-deployed{background:var(--success-soft);color:var(--success)}.badge-running:before{animation:1.8s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.badge-stopped,.badge-error,.badge-failed{background:var(--danger-soft);color:var(--danger)}.badge-pending,.badge-created,.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-default{background:var(--surface-3);color:var(--text-secondary)}.form-group{margin-bottom:14px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px;font-size:11px;font-weight:600;display:block}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{border:1px solid var(--border);width:100%;color:var(--text-primary);background:#ffffff0f;border-radius:10px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.inline-form{gap:8px;margin-top:10px;display:grid}.inline-select{width:100%}.inline-form button{cursor:pointer}.inline-form.mt-12{margin-top:12px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.wizard-option-group{flex-wrap:wrap;gap:16px;margin-top:12px;display:flex}.wizard-inline-choice{color:var(--text-secondary);align-items:center;gap:8px;display:inline-flex}.wizard-field{margin-top:12px;display:block}.wizard-field>input,.wizard-field>select,.wizard-field>textarea{box-sizing:border-box;width:100%;max-width:400px;margin-top:4px;display:block}.wizard-field.wide>input,.wizard-field.wide>select,.wizard-field.wide>textarea{max-width:420px}.wizard-readonly{color:var(--text-secondary);background:#ffffff14}.wizard-field.xl>textarea{max-width:600px}.wizard-panel{border:1px solid var(--border);background:#ffffff0f;border-radius:10px;margin-top:16px;padding:12px}.wizard-panel h4{color:var(--accent);margin:0 0 8px;font-size:.95rem}.wizard-panel.info{background:#2878f01f}.wizard-panel.warn{background:#ffd1662e}.wizard-panel.soft{background:#ffffff0a}.wizard-panel.success{background:#4ade801f;border-color:#4ade8059}.upload-drop-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border-radius:12px;padding:2.5em 1.5em;transition:border-color .18s,background .18s}.upload-drop-zone:hover,.upload-drop-zone--active{border-color:var(--accent);background:#4ade800f}.upload-drop-zone--has-file{cursor:default;border-style:solid;border-color:var(--accent)}.upload-placeholder .upload-icon{opacity:.6;margin-bottom:.4em;font-size:2.2rem}.upload-browse-link{color:var(--accent);cursor:pointer;text-decoration:underline}.upload-file-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.upload-file-name{word-break:break-all;font-weight:600}.upload-file-size{color:var(--text2);font-size:.88rem}.upload-remove-btn{border:1px solid var(--border);color:var(--text2);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:.75rem;line-height:1;display:flex}.upload-remove-btn:hover{color:var(--danger);border-color:var(--danger)}.upload-progress-wrap{background:#ffffff14;border-radius:4px;height:8px;margin-top:1.2em;position:relative;overflow:hidden}.upload-progress-bar{background:var(--accent);border-radius:4px;height:100%;transition:width .3s}.upload-progress-label{text-align:center;color:var(--text2);margin-top:.4em;font-size:.82rem;display:block}.upload-mode-tabs{background:#ffffff0d;border-radius:8px;gap:2px;width:fit-content;margin-bottom:1em;padding:3px;display:flex}.upload-mode-tab{color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 20px;font-size:.88rem;font-weight:500;transition:background .15s,color .15s}.upload-mode-tab:hover{color:var(--text)}.upload-mode-tab.active{background:var(--accent);color:#000}.wizard-stepper{padding-top:16px;padding-bottom:16px}.wizard-stepper-pills{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.wizard-step-pill{color:var(--text2);border:1px solid var(--border);background:#ffffff08;border-radius:999px;align-items:center;gap:7px;padding:5px 12px 5px 5px;font-size:.8rem;font-weight:500;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.wizard-step-pill .wizard-step-num{width:20px;height:20px;color:var(--text2);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;font-weight:600;display:inline-flex}.wizard-step-pill.active{color:var(--text);border-color:var(--accent);background:#4ade8014}.wizard-step-pill.active .wizard-step-num{background:var(--accent);color:#000}.wizard-step-pill.done{color:var(--text);border-color:#4ade8059}.wizard-step-pill.done .wizard-step-num{color:var(--accent);background:#4ade8033}.wizard-port-row{gap:8px;margin-top:8px;display:flex}.wizard-port-input{flex:1}.wizard-code-output{height:260px;margin-top:12px;overflow:auto}.wizard-detail-list{margin:0;padding:0;list-style:none}.wizard-detail-item{margin:6px 0}.server-log-output,.code-block,pre{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);color:var(--text-secondary);white-space:pre;margin:0;padding:12px 14px;font-size:12px;line-height:1.6;overflow-x:auto}code{font-family:var(--mono);background:var(--surface-3);border:1px solid var(--border);color:var(--text-secondary);border-radius:4px;padding:1px 6px;font-size:12px}.dashboard-section{margin-bottom:24px}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:11px;font-weight:600}.auth-page{background:radial-gradient(circle at 12% 10%,#ffd66624,#0000 28%),radial-gradient(circle at 88% 14%,#2878f024,#0000 34%),linear-gradient(#0f1318 0%,#121922 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-panel{background:#0b1018db;border:1px solid #ffffff26;border-radius:14px;width:100%;max-width:420px;margin:0 20px;padding:24px;box-shadow:0 18px 48px #00000059}.auth-brand{text-align:center;margin-bottom:28px}.auth-brand-logo{background:0 0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 16px;display:flex}.auth-brand-logo img{object-fit:contain;width:100%;height:100%;display:block}.auth-brand h1{color:#f6f8fc;letter-spacing:-.4px;margin:0 0 6px;font-size:20px;font-weight:700}.auth-brand p{color:#f2f5f9cc;margin:0;font-size:13px}.auth-note{color:var(--text-muted);font-size:11px;font-family:var(--mono);word-break:break-all;margin-top:10px!important}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;flex-direction:column;gap:6px;font-size:11px;font-weight:600;display:flex}.auth-form input{border-radius:var(--radius);color:#f6f8fc;text-transform:none;letter-spacing:0;background:#ffffff0f;border:1px solid #ffffff2e;outline:none;width:100%;padding:9px 12px;font-size:14px;font-weight:400;transition:border-color .15s}.auth-form input:focus{border-color:#ffd166}.auth-form button[type=submit]{color:#121212;border-radius:var(--radius);cursor:pointer;background:#ffd166;border:none;margin-top:4px;padding:10px 14px;font-size:14px;font-weight:600;transition:opacity .15s}.auth-form button[type=submit]:hover:not(:disabled){opacity:.85}.auth-form button:disabled{opacity:.4;cursor:not-allowed}.auth-links a{color:#ffd166;text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-error{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius);border:1px solid #ff44444d;padding:9px 12px;font-size:13px}.domain-pill{background:var(--surface-3);border:1px solid var(--border);font-size:12px;font-family:var(--mono);color:var(--text-secondary);border-radius:20px;align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.item-actions,.wizard-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.item-actions .btn,.wizard-actions .btn{min-height:36px}@media (width<=640px){.item-actions .btn,.wizard-actions .btn{justify-content:center;width:100%}}.card-note,.breadcrumbs{color:var(--text-muted);margin-top:4px;font-size:12px}.option-toggle label{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}@media (width<=768px){.app{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;min-width:0;height:auto;position:static}.sidebar nav{flex-flow:wrap}.sidebar-nav-button{width:auto;padding:8px 12px}.content-inner{padding:14px}.cards{grid-template-columns:1fr;gap:10px}.content-header{margin-bottom:16px;padding-bottom:12px}.content-header h1{font-size:16px}.card h3{margin-bottom:6px;font-size:13px}.card{margin-bottom:10px;padding:14px 16px}.stat-card{padding:14px 16px}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{min-height:44px;padding:10px 12px;font-size:16px}.btn{min-height:44px;padding:8px 12px}.btn-sm{min-height:40px}table{font-size:12px}th{padding:8px 12px}td{padding:10px 12px}.content-topbar{height:44px;padding:0 16px}.content-topbar-email{display:none}.controls-row{gap:6px}}@media (width<=480px){body{font-size:13px}.content-inner{padding:12px}.content-topbar{height:42px;padding:0 12px}.card{margin-bottom:8px;padding:12px 14px}.stat-card{padding:12px 14px}.stat-card-value{font-size:20px}.sidebar nav{flex-direction:column}.sidebar-nav-button{width:100%;padding:8px}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{min-height:42px;padding:10px;font-size:16px}.btn{min-height:42px;padding:8px;font-size:12px}.controls-row{gap:4px}.btn{justify-content:center;width:100%}.detail-line{font-size:12px}.table-wrapper{overflow-x:auto}.server-log-output,.code-block,pre{padding:10px 12px;font-size:11px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}}.analytics-section{flex-direction:column;gap:12px;display:flex}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px;display:grid}.metric{border:1px solid var(--border);text-align:center;background:#ffffff14;border-radius:12px;padding:14px}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px}.metric-value{color:#ffd166;margin-bottom:6px;font-size:28px;font-weight:600}.metric-detail{color:var(--text-muted);font-size:12px}.event-trend-table,.actions-list{width:100%;margin-top:12px}.container-resource-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.container-resource-grid .metric-value{font-size:24px}.container-resource-grid .metric-detail{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=768px){.metrics-grid{grid-template-columns:1fr;gap:12px}.container-resource-grid{grid-template-columns:1fr 1fr}.metric{padding:12px}.metric-value{font-size:20px}}@media (width<=480px){.metrics-grid,.container-resource-grid{grid-template-columns:1fr}.metric{margin-bottom:8px;padding:10px}.metric-value{font-size:18px}.metric-label,.metric-detail{font-size:11px}}.customer-app .content-inner{max-width:1040px;margin:0 auto}.customer-app .content-header{border-bottom:none;margin-bottom:12px;padding-bottom:0}.customer-app .content-header h1{letter-spacing:-.5px;font-size:26px}.welcome-page{color:#f2f5f9;background:radial-gradient(circle at 12% 10%,#ffd6662e,#0000 30%),radial-gradient(circle at 88% 16%,#2878f029,#0000 34%),linear-gradient(#0f1318 0%,#121922 100%);min-height:100vh;padding:40px 24px 56px}.welcome-hero,.welcome-status-card,.welcome-feature-grid{max-width:1080px;margin:0 auto}.welcome-hero{margin-bottom:22px}.welcome-kicker{letter-spacing:.08em;text-transform:uppercase;background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;margin-bottom:14px;padding:5px 12px;font-size:11px;display:inline-block}.welcome-hero h1{letter-spacing:-.03em;color:#f9fbff;margin:0;font-size:clamp(32px,4.7vw,58px);line-height:1.05}.welcome-hero p{color:#f2f5f9e6;max-width:760px;margin:14px 0 0;font-size:clamp(15px,2.1vw,20px);line-height:1.6}.welcome-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.welcome-button{color:#f9fbff;border:1px solid #ffffff4d;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.welcome-button.primary{color:#121212;background:#ffd166;border-color:#ffd166}.welcome-note{color:#f2f5f9cc;margin-top:12px;font-size:13px}.welcome-status-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c12a3;border:1px solid #ffffff29;border-radius:16px;margin-top:26px;padding:18px}.welcome-status-card header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.welcome-status-card header h2{margin:0;font-size:18px}.welcome-status-card header span{color:#9cffbd;border:1px solid #9cffbd52;border-radius:999px;padding:3px 10px;font-size:12px}.welcome-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.welcome-status-grid>div{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;padding:12px}.welcome-status-grid .label{text-transform:uppercase;letter-spacing:.08em;color:#f2f5f9b8;font-size:11px}.welcome-status-grid .value{color:#fff;overflow-wrap:anywhere;margin-top:7px;font-size:18px;font-weight:700}.welcome-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.welcome-feature{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:14px}.welcome-feature h3{color:#f6f8fc;margin:0;font-size:16px}.welcome-feature p{color:#f2f5f9d9;margin:8px 0 0;font-size:13px;line-height:1.5}.welcome-uptime-history{background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;margin-top:14px;padding:12px}.welcome-uptime-history .chart-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.welcome-uptime-history h3{margin:0;font-size:14px}.welcome-uptime-history .chart-header span{color:#9cffbd;font-size:12px}.welcome-uptime-history .chart-frame{background:#0b0f16b8;border:1px solid #ffffff1a;border-radius:10px;width:100%;height:90px;margin-top:10px;padding:6px}.welcome-uptime-history svg{width:100%;height:100%;display:block}.welcome-uptime-history .chart-baseline{stroke:#ffffff2e;stroke-width:1px}.welcome-uptime-history .chart-line{fill:none;stroke:#7cf2b0;stroke-width:2px}.welcome-uptime-history .chart-labels{color:#f2f5f9ad;justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.welcome-trust-grid,.welcome-trust-strip{max-width:1080px;margin:0 auto}.welcome-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.welcome-testimonial{background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;padding:14px}.welcome-testimonial p{color:#f2f5f9e6;margin:0;font-size:14px;line-height:1.6}.welcome-testimonial .author{color:#f2f5f9b8;margin-top:10px;font-size:12px}.overview-graph-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.overview-graph-card{min-height:220px}.overview-bars{gap:10px;margin-top:10px;display:grid}.overview-bar-row{grid-template-columns:70px 1fr 84px;align-items:center;gap:8px;display:grid}.overview-bar-label{color:var(--text-secondary);font-size:12px}.overview-bar-track{background:var(--surface-3);border:1px solid var(--border);border-radius:999px;width:100%;height:10px;overflow:hidden}.overview-bar-fill{height:100%}.overview-bar-fill.cpu{background:#2d8cff}.overview-bar-fill.memory{background:#18a957}.overview-bar-fill.storage{background:#f5a524}.overview-bar-fill.load{background:#8f7af8}.overview-bar-fill.upload{background:#2bb1b7}.overview-bar-fill.download{background:#f26a8d}.overview-bar-value{text-align:right;color:var(--text-secondary);font-size:12px;font-family:var(--mono)}.overview-meta-list{gap:8px;margin-top:12px;display:grid}.overview-meta-list>div{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-3);justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:flex}.overview-meta-list span{color:var(--text-secondary)}.overview-meta-list strong{color:var(--text-primary);font-weight:600}.welcome-trust-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.welcome-trust-strip>div{text-align:center;color:#f2f5f9d1;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;padding:10px 12px;font-size:12px}.welcome-footer{color:#f2f5f973;letter-spacing:.02em;border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:8px;margin-top:32px;padding:16px 0 24px;font-size:12px;display:flex}.welcome-footer-sep{opacity:.4}.welcome-footer-link{color:inherit;border-bottom:1px solid #f2f5f940;text-decoration:none;transition:color .15s,border-color .15s}.welcome-footer-link:hover{color:#f2f5f9bf;border-bottom-color:#f2f5f98c}@media (width<=900px){.welcome-status-grid,.welcome-feature-grid,.welcome-trust-grid,.welcome-trust-strip{grid-template-columns:1fr 1fr}.overview-graph-grid{grid-template-columns:1fr}}@media (width<=640px){.welcome-page{padding:24px 14px 32px}.welcome-status-grid,.welcome-feature-grid,.welcome-trust-grid,.welcome-trust-strip{grid-template-columns:1fr}.overview-bar-row{grid-template-columns:62px 1fr 74px}.welcome-actions{flex-direction:column}.welcome-button{width:100%}}.customer-app .card,.customer-app .stat-card,.customer-app .table-wrapper{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;margin:0;padding:16px 18px}.customer-app .cards{flex-direction:column;gap:12px;margin-bottom:0;display:flex}.customer-app .card{border-top:none;padding:16px 18px}.customer-app .card ul{margin:0;padding:0;list-style:none}.customer-app .card li{border-top:1px dashed var(--border);padding:10px 0}.customer-home{flex-direction:column;gap:18px;display:flex}.customer-metric-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:16px 0;display:grid}.customer-metric-item{flex-direction:column;gap:4px;display:flex}.customer-metric-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.customer-metric-value{letter-spacing:-.8px;color:var(--text-primary);font-size:30px;line-height:1}.customer-metric-note{color:var(--text-secondary);font-size:12px}.customer-section{border-top:1px solid var(--border);padding-top:14px}.customer-section h3{margin:0 0 10px;font-size:14px}.customer-list{color:var(--text-secondary);gap:6px;margin:0;padding-left:18px;display:grid}.customer-signed-in{color:var(--text-muted);margin-top:12px;font-size:12px}@media (width<=768px){.customer-app .content-header h1{font-size:22px}.customer-metric-strip{grid-template-columns:1fr;gap:12px}.customer-metric-value{font-size:24px}}.admin-app .content-inner{max-width:1200px;margin:0 auto}.admin-app .content-header{border-bottom:none;margin-bottom:12px;padding-bottom:0}.admin-app .card,.admin-app .stat-card{background:0 0;border:none;border-radius:0;margin-bottom:0;padding:12px 0}.admin-app .cards{flex-direction:column;gap:0;margin-bottom:16px;display:flex}.admin-app .card,.admin-app .stat-card{border-top:1px solid var(--border)}.admin-app .card li{border-top:1px dashed var(--border)}.admin-app .card-error{background:0 0;border-top:1px solid #ff444473}.admin-app .table-wrapper{border:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0}.admin-app thead{background:0 0}.admin-app th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:10px 8px;font-size:11px}.admin-app td{border-bottom:1px dashed var(--border);padding:12px 8px}.admin-app tr:hover td{background:#ffffff05}.admin-app input[type=text],.admin-app input[type=email],.admin-app input[type=password],.admin-app input[type=number],.admin-app select,.admin-app textarea{border:1px solid var(--border);background:0 0;border-radius:0;padding:9px 10px}.admin-app input:focus,.admin-app select:focus,.admin-app textarea:focus{border-color:var(--text-secondary);outline:none}.admin-app .controls-row{gap:6px}@media (width<=768px){.admin-app .cards{margin-bottom:12px}}