@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-primary:#fff;--bg-secondary:#f9fafb;--border-color:#e5e7eb;--color-text-main:#09090b;--color-text-muted:#52525b;--color-text-link:#2563eb;--color-active:#10b981;--color-inactive:#a1a1aa;--color-laravel:#ff2d20;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;overflow-x:hidden}#root,.app-root{width:100%;height:100%}a{color:var(--color-text-link);text-decoration:none;transition:color .15s}a:hover{text-decoration:underline}.login-container{width:100vw;height:100vh;display:flex;overflow:hidden}.login-form-panel{background-color:var(--bg-primary);z-index:10;flex-direction:column;justify-content:space-between;width:48%;height:100%;padding:40px;display:flex;position:relative;overflow-y:auto}.login-form-wrapper{width:100%;max-width:380px;margin:auto;padding:20px 0}.login-logo{color:var(--color-text-main);margin-bottom:24px;display:flex}.login-title{letter-spacing:-.03em;color:var(--color-text-main);margin-bottom:32px;font-size:28px;font-weight:700}.login-error-message{color:#dc2626;background-color:#fef2f2;border:1px solid #ef444426;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;font-size:13.5px;font-weight:500;animation:.2s ease-out fadeIn;display:flex}.error-icon{color:#dc2626;flex-shrink:0}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--color-text-main);font-size:13.5px;font-weight:500}.password-label-wrapper{justify-content:space-between;align-items:center;display:flex}.forgot-password-link{color:var(--color-text-muted);font-size:12.5px}.input-wrapper{width:100%;position:relative}.form-input{width:100%;font-size:14.5px;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--color-text-main);box-shadow:var(--shadow-sm);border:1px solid #d4d4d8;border-radius:8px;outline:none;padding:11px 14px;transition:all .15s}.form-input::placeholder{color:#a1a1aa}.form-input:focus{border-color:var(--color-text-main);box-shadow:0 0 0 1px var(--color-text-main)}.form-input.input-readonly{color:#71717a;cursor:not-allowed;box-shadow:none;background-color:#f4f4f5;border-color:#e4e4e7}.password-input{padding-right:44px}.password-toggle-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--color-text-main)}.submit-btn{background-color:var(--color-text-main);color:#fff;font-family:var(--font-sans);cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:8px;justify-content:center;align-items:center;min-height:44px;margin-top:8px;padding:12px;font-size:14.5px;font-weight:550;transition:background-color .15s,opacity .15s;display:flex}.submit-btn:hover{background-color:#27272a}.submit-btn:disabled{opacity:.65;cursor:not-allowed}.login-divider{text-align:center;color:#a1a1aa;letter-spacing:.05em;align-items:center;margin:24px 0;font-size:12px;font-weight:500;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.login-divider:not(:empty):before{margin-right:12px}.login-divider:not(:empty):after{margin-left:12px}.oauth-buttons{flex-direction:column;gap:12px;display:flex}.oauth-btn{background-color:var(--bg-primary);color:var(--color-text-main);font-family:var(--font-sans);cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid #d4d4d8;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:43px;padding:11px;font-size:14px;font-weight:550;transition:background-color .15s,border-color .15s;display:flex}.oauth-btn:hover{background-color:var(--bg-secondary);border-color:#a1a1aa}.oauth-icon{flex-shrink:0}.login-footer-link{text-align:center;color:var(--color-text-muted);margin-top:28px;font-size:14px}.create-account-link{color:var(--color-text-link);font-weight:500}.go-back-wrapper{justify-content:center;margin-top:24px;display:flex}.go-back-btn{color:var(--color-text-muted);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:14px;font-weight:550;transition:color .15s;display:flex}.go-back-btn:hover{color:var(--color-text-main);text-decoration:underline}.terms-link{text-align:center;color:#71717a;font-size:12px}.terms-link a{color:#71717a}.login-preview-panel{background-color:#000;justify-content:center;align-items:center;width:52%;height:100%;display:flex;position:relative;overflow:hidden}.preview-fluid-bg{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.preview-bg-gradient-overlay{z-index:2;pointer-events:none;background:linear-gradient(135deg,#0006 0%,#000c 100%);width:100%;height:100%;position:absolute;top:0;left:0}.preview-slanted-perspective{z-index:3;perspective:1400px;perspective-origin:35%;pointer-events:none;justify-content:center;align-items:center;width:130%;height:120%;display:flex;position:relative}.slanted-dashboard-frame{width:900px;height:650px;transform-style:preserve-3d;pointer-events:auto;background-color:#fffffff2;border:1px solid #ffffff4d;border-radius:12px;flex-direction:column;font-size:11.5px;transition:transform .8s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;transform:rotateX(12deg)rotateY(-24deg)rotate(3deg)scale(.85);box-shadow:0 45px 100px #0009,0 10px 40px #0000004d}.slanted-dashboard-frame:hover{transform:rotateX(8deg)rotateY(-18deg)rotate(2deg)scale(.9)}.mock-dash-header{border-bottom:1px solid var(--border-color);background-color:#fffc;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.mock-header-left{align-items:center;gap:8px;display:flex}.mock-logo{color:var(--color-laravel);margin-right:4px;display:flex}.header-pill{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-weight:500;display:inline-flex}.select-pill{cursor:pointer}.chevron-icon{color:#71717a;font-size:10px}.icon-b{color:#083344;background-color:#22d3ee;border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:800;display:inline-flex}.dot-blue{background-color:#2563eb;border-radius:50%;width:6px;height:6px}.header-divider{color:#a1a1aa}.mock-header-right{align-items:center;display:flex}.mock-search{border:1px solid var(--border-color);color:#71717a;background-color:#fafafa;border-radius:6px;align-items:center;gap:6px;width:140px;padding:4px 10px;display:flex}.mock-dash-tabs{border-bottom:1px solid var(--border-color);background-color:#fafafa;align-items:center;gap:16px;height:38px;padding:0 16px;display:flex}.mock-dash-tabs .tab{color:var(--color-text-muted);cursor:pointer;align-items:center;height:100%;font-weight:500;display:flex;position:relative}.mock-dash-tabs .tab.active{color:var(--color-text-main)}.mock-dash-tabs .tab.active:after{content:"";background-color:var(--color-text-main);width:100%;height:2px;position:absolute;bottom:0;left:0}.mock-dash-content{background-color:#fff;flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.dash-title-bar{align-items:center;margin-bottom:24px;display:flex}.dash-title-left{align-items:center;gap:10px;display:flex}.icon-b.large{border-radius:8px;width:32px;height:32px;font-size:16px}.dash-main-title{letter-spacing:-.02em;font-size:18px;font-weight:700}.dash-subtitle{color:var(--color-text-muted);font-size:11px}.node-grid{grid-template-columns:240px 240px 1fr;gap:20px;margin-bottom:24px;display:grid}.node-grid-column{flex-direction:column;gap:20px;display:flex}.node-card{border:1px solid var(--border-color);background-color:#fff;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex;box-shadow:0 2px 4px #00000005}.node-header{border-bottom:1px solid #f4f4f5;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.node-header-title{color:var(--color-text-main);align-items:center;gap:6px;font-weight:600;display:flex}.node-icon{color:#71717a}.info-icon{color:#71717a;background-color:#e4e4e7;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;display:flex}.node-body{flex-direction:column;gap:6px;display:flex}.node-row{color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.node-row.indent{padding-left:10px}.bullet-row{align-items:center;gap:6px;display:flex}.check-icon{color:var(--color-active);font-weight:700}.status-label{border-radius:4px;font-size:10px;font-weight:600}.status-label.active{color:var(--color-active)}.status-label.inactive{color:var(--color-inactive)}.node-sub-section{border-top:1px dashed var(--border-color);flex-direction:column;gap:6px;margin-top:4px;padding-top:8px;display:flex}.header-row{color:var(--color-text-main);text-transform:capitalize;font-weight:550}.code-row{font-family:var(--font-mono);color:#3f3f46;background-color:#f4f4f5;border-radius:4px;justify-content:flex-start;padding:3px 6px;font-size:10px}.node-sub-card{border:1px solid var(--border-color);background-color:#fafafa;border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.sub-card-header{border-bottom:1px solid #f4f4f5;justify-content:space-between;align-items:center;padding-bottom:4px;font-weight:600;display:flex}.sub-card-title{color:var(--color-text-main);align-items:center;gap:6px;display:flex}.badge-blue,.badge-gray,.badge-orange,.badge-pink,.badge-purple{border-radius:4px;padding:1px 4px;font-size:9px;font-weight:600}.badge-blue{color:#1e40af;background-color:#eff6ff}.badge-gray{color:#3f3f46;background-color:#f4f4f5}.badge-orange{color:#c2410c;background-color:#fff7ed}.badge-pink{color:#be185d;background-color:#fdf2f8}.badge-purple{color:#6b21a8;background-color:#faf5ff}.card-actions{color:#a1a1aa;cursor:pointer}.mini-icon{color:#71717a}.value-label{color:var(--color-text-main);font-weight:500}.add-cluster-btn{border:1px dashed var(--border-color);color:var(--color-text-muted);cursor:pointer;text-align:center;background:0 0;border-radius:8px;padding:6px;font-weight:500;transition:all .15s}.add-cluster-btn:hover{color:var(--color-text-main);background-color:#fafafa;border-color:#a1a1aa}.db-title-text{color:var(--color-text-main)}.mock-dash-logs{border-top:1px solid var(--border-color);flex-direction:column;gap:8px;padding-top:16px;display:flex}.log-line{color:#71717a;align-items:center;gap:8px;display:flex}.log-icon{color:#a1a1aa;font-size:12px}.log-text{color:var(--color-text-main)}.log-meta{color:#a1a1aa;margin-left:auto;font-size:11px}.code-badge{font-family:var(--font-mono);color:#27272a;background-color:#f4f4f5;border-radius:4px;padding:1px 4px}.dashboard-container{background-color:var(--bg-secondary);flex-direction:column;min-height:100vh;display:flex}.dash-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:50;justify-content:space-between;align-items:center;height:57px;padding:0 24px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:16px;display:flex}.dash-brand-logo{color:var(--color-text-main);display:flex}.workspace-selector-wrapper{position:relative}.workspace-selector-btn{cursor:pointer;font-family:var(--font-sans);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;transition:background-color .15s;display:flex}.workspace-selector-btn:hover{background-color:#f4f4f5}.workspace-avatar{color:#a21caf;background-color:#fae8ff;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.workspace-name{color:var(--color-text-main);font-size:13.5px;font-weight:600}.workspace-selector-btn .chevron-icon{color:#a1a1aa}.dropdown-menu{background-color:var(--bg-primary);border:1px solid var(--border-color);width:220px;box-shadow:var(--shadow-lg);z-index:100;border-radius:8px;flex-direction:column;gap:2px;padding:6px;animation:.15s ease-out fadeIn;display:flex;position:absolute;top:calc(100% + 4px);left:0}.dropdown-header{color:#a1a1aa;text-transform:uppercase;letter-spacing:.05em;padding:6px 10px;font-size:11px;font-weight:600}.dropdown-item{text-align:left;width:100%;font-family:var(--font-sans);color:var(--color-text-main);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:500;transition:background-color .15s;display:flex}.dropdown-item:hover{background-color:#f4f4f5}.dropdown-item.active{background-color:#f4f4f5;font-weight:600}.dropdown-item.disabled{opacity:.5;cursor:not-allowed}.dropdown-divider{background-color:var(--border-color);height:1px;margin:4px 0}.workspace-avatar.mini{width:16px;height:16px;font-size:9px}.header-nav{align-items:center;gap:24px;height:100%;display:flex}.nav-tab-btn{font-family:var(--font-sans);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;height:100%;font-size:13.5px;font-weight:550;transition:color .15s;display:flex;position:relative}.nav-tab-btn:hover,.nav-tab-btn.active{color:var(--color-text-main)}.nav-tab-btn .active-line{background-color:var(--color-text-main);width:100%;height:2px;position:absolute;bottom:0;left:0}.header-right{align-items:center;gap:16px;display:flex}.header-search-bar{align-items:center;width:200px;display:flex;position:relative}.search-icon{color:#a1a1aa;position:absolute;left:10px}.search-input{width:100%;font-size:13px;font-family:var(--font-sans);border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:6px;outline:none;padding:6px 36px 6px 30px;transition:all .15s}.search-input:focus{background-color:var(--bg-primary);border-color:#a1a1aa}.search-kbd{background-color:var(--bg-primary);border:1px solid var(--border-color);font-size:9px;font-family:var(--font-mono);color:#71717a;box-shadow:var(--shadow-sm);pointer-events:none;border-radius:4px;padding:1px 4px;position:absolute;right:8px}.profile-dropdown-wrapper{position:relative}.profile-avatar-btn{color:#db2777;width:28px;height:28px;font-family:var(--font-sans);cursor:pointer;background-color:#fdf2f8;border:1.5px solid #db2777;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:opacity .15s;display:flex}.profile-avatar-btn:hover{opacity:.85}.profile-dropdown{width:200px;left:auto;right:0}.dropdown-profile-info{flex-direction:column;padding:8px 10px;display:flex}.logout-item{color:#dc2626}.logout-item:hover{background-color:#fef2f2}.dash-main{flex:1;padding:48px 24px}.dash-content-wrapper{width:100%;max-width:1000px;margin:0 auto}.user-welcome-section{align-items:center;gap:16px;margin-bottom:40px;display:flex}.user-welcome-avatar{color:#c084fc;background-color:#fae8ff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex;box-shadow:0 4px 10px #c084fc26}.user-welcome-title{letter-spacing:-.03em;color:var(--color-text-main);font-size:32px;font-weight:750}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{color:var(--color-text-main);letter-spacing:-.01em;font-size:16px;font-weight:600}.new-app-btn{background-color:var(--color-text-main);color:#fff;font-family:var(--font-sans);cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:600;transition:background-color .15s;display:flex}.new-app-btn:hover{background-color:#27272a}.plus-sign{font-size:14px}.deployments-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.deployed-card{background-color:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.card-row{align-items:center;display:flex}.card-row-header{justify-content:space-between}.app-identity{align-items:center;gap:8px;display:flex}.laravel-icon-badge{color:#10b981;background-color:#effaf3;border:1px solid #d1fae5;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.laravel-icon-badge.mini{border-radius:3px;width:14px;height:14px;font-size:8px}.app-name{color:var(--color-text-main);font-size:14.5px;font-weight:600}.dot-sep{color:#d4d4d8}.branch-tag{color:var(--color-text-muted);align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:flex}.blue-dot{background-color:#3b82f6;border-radius:50%;width:6px;height:6px}.uptime-badge{color:#7e22ce;background-color:#f3e8ff;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:flex}.clock-icon{color:#a855f7}.card-link-item{color:var(--color-text-muted);align-items:center;gap:8px;width:100%;font-size:13px;display:flex}.github-icon,.globe-icon,.git-branch-icon{color:#71717a;flex-shrink:0}.card-link-item:hover{color:var(--color-text-main);text-decoration:underline}.commit-details-row{color:#71717a;border-top:1px solid #f4f4f5;gap:6px;margin-top:4px;padding-top:12px;font-size:12.5px}.commit-branch{color:var(--color-text-main);font-weight:550}.commit-time{color:#a1a1aa}.margin-top-lg{margin-top:36px}.deployments-list{background-color:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.deployment-row{border-bottom:1px solid var(--border-color);grid-template-columns:36px 80px 140px 1fr auto;align-items:center;padding:14px 20px;font-size:13.5px;display:grid}.deployment-row:last-child{border-bottom:none}.deploy-status{display:flex}.check-success-circle{color:#065f46;background-color:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex}.deploy-hash{font-family:var(--font-mono);color:var(--color-text-main);font-weight:600}.deploy-app{color:var(--color-text-muted);align-items:center;gap:6px;display:flex}.deploy-app .branch-tag{font-size:12px}.deploy-commit-msg{color:var(--color-text-main);align-items:center;gap:8px;display:flex}.git-commit-node-icon,.deploy-time-relative{color:#a1a1aa}.deploy-time-relative .code-badge{font-size:11px}.mock-tab-placeholder{background-color:var(--bg-primary);border:1px dashed var(--border-color);text-align:center;color:var(--color-text-muted);border-radius:10px;padding:60px}.mock-tab-placeholder h3{color:var(--color-text-main);margin-bottom:8px}.dash-footer{border-top:1px solid var(--border-color);background-color:var(--bg-primary);color:#71717a;justify-content:space-between;align-items:center;height:52px;padding:0 24px;font-size:12.5px;display:flex}.footer-left{align-items:center;gap:8px;display:flex}.footer-logo{color:#a1a1aa}.footer-crafted{font-style:italic}.footer-right{align-items:center;gap:16px;display:flex}.footer-right a{color:#71717a}.footer-right a:hover{color:var(--color-text-main)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.25s cubic-bezier(.16,1,.3,1) fadeIn}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.spinner.dark{border-color:#09090b1a;border-top-color:var(--color-text-main)}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.login-container{flex-direction:column;overflow-y:auto}.login-form-panel{justify-content:center;gap:40px;width:100%;height:auto;min-height:100vh;padding:30px}.login-preview-panel{width:100%;height:100vh;padding:20px}.preview-slanted-perspective{width:100%;height:100%;transform:scale(.7)}.dash-header{flex-direction:column;gap:12px;height:auto;padding:12px 16px}.header-nav{border-top:1px solid var(--border-color);order:3;justify-content:space-around;width:100%;padding-top:8px}.header-right{justify-content:space-between;width:100%}.header-search-bar{flex:1}.deployment-row{grid-template-columns:30px 60px 1fr;gap:10px;padding:12px}.deploy-commit-msg,.deploy-time-relative{grid-column:2/-1;font-size:12px}}.otp-form-wrapper{text-align:center}.otp-logo-center{justify-content:center;margin-bottom:24px}.otp-title-center{text-align:center;margin-bottom:8px}.otp-subtitle{color:var(--color-text-muted);text-align:center;margin-bottom:4px;font-size:14.5px;line-height:1.5}.otp-email-display{color:var(--color-text-main);text-align:center;word-break:break-all;margin-bottom:24px;font-size:15px;font-weight:600}.otp-inputs-wrapper{justify-content:center;gap:16px;margin:32px 0;display:flex}.otp-input-field{text-align:center;width:56px;height:56px;color:var(--color-text-main);background-color:#f8fafc;border:2px solid #e4e4e7;border-radius:12px;outline:none;font-size:22px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.otp-input-field:focus{background-color:#fff;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e526}.otp-confirm-btn{color:#fff;font-family:var(--font-sans);cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:44px;margin-top:8px;padding:12px;font-size:14.5px;font-weight:550;transition:background-color .15s,opacity .15s,transform .1s;display:flex;box-shadow:0 4px 6px -1px #4f46e533,0 2px 4px -1px #4f46e51a}.otp-confirm-btn:hover{background-color:#4338ca}.otp-confirm-btn:active{transform:scale(.98)}.otp-confirm-btn:disabled{opacity:.65;cursor:not-allowed}.otp-resend-wrapper{text-align:center;color:var(--color-text-muted);margin:24px 0 16px;font-size:13px}.timer-countdown{font-variant-numeric:tabular-nums;color:var(--color-text-main);font-weight:500}.resend-link-btn{color:var(--color-text-link);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;text-decoration:underline}.resend-link-btn:hover{color:#1d4ed8}.otp-back-center{justify-content:center;margin-top:8px;display:flex}.spinner-spokes{color:currentColor;width:18px;height:18px;animation:.8s steps(8,end) infinite spin}.submit-btn.loading-state{cursor:not-allowed;box-shadow:none;color:#71717a!important;background-color:#f4f4f5!important}@media (prefers-color-scheme:dark){:root{--bg-primary:#09090b;--bg-secondary:#121214;--border-color:#27272a;--color-text-main:#f4f4f5;--color-text-muted:#a1a1aa;--color-text-link:#60a5fa;--color-inactive:#52525b}body{background-color:var(--bg-primary);color:var(--color-text-main)}.form-input{color:#f4f4f5;background-color:#09090b;border-color:#27272a}.form-input:focus{border-color:#f4f4f5;box-shadow:0 0 0 1px #f4f4f5}.form-input.input-readonly{color:#71717a;background-color:#18181b;border-color:#27272a}.submit-btn{color:#09090b;background-color:#f4f4f5}.submit-btn:hover{background-color:#e4e4e7}.submit-btn:disabled{color:#71717a;background-color:#27272a}.oauth-btn{color:#f4f4f5;background-color:#18181b;border-color:#27272a}.oauth-btn:hover{background-color:#27272a;border-color:#3f3f46}.login-divider span{color:#71717a;background-color:#09090b}.login-divider:before,.login-divider:after{border-top-color:#27272a}.otp-input-field{color:#f4f4f5;background-color:#18181b;border-color:#27272a;box-shadow:0 1px 2px #00000080}.otp-input-field:focus{background-color:#09090b;border-color:#6366f1;box-shadow:0 0 0 4px #6366f140}.otp-confirm-btn{background-color:#6366f1}.otp-confirm-btn:hover{background-color:#4f46e5}.slanted-dashboard-frame{background-color:#09090bf2;border-color:#ffffff1a}.mock-dash-header{background-color:#18181bcc;border-bottom-color:#27272a}.header-pill{background-color:#27272a}.mock-search{color:#71717a;background-color:#27272a;border-color:#3f3f46}.mock-dash-tabs{background-color:#18181bcc;border-bottom-color:#27272a}.mock-dash-tabs .tab.active{color:#f4f4f5;border-bottom-color:#f4f4f5}.mock-dash-content{background-color:#09090b}.node-card{background-color:#18181b;border-color:#27272a}.node-header{border-bottom-color:#27272a}.info-icon{color:#71717a;background-color:#27272a}.node-sub-card{background-color:#27272a;border-color:#3f3f46}.sub-card-header{border-bottom-color:#3f3f46}.badge-blue{color:#93c5fd;background-color:#1e3a8a}.badge-gray{color:#d4d4d8;background-color:#27272a}.badge-orange{color:#ffedd5;background-color:#7c2d12}.badge-pink{color:#fbcfe8;background-color:#831843}.badge-purple{color:#f3e8ff;background-color:#581c87}.add-cluster-btn{color:#a1a1aa;border-color:#3f3f46}.add-cluster-btn:hover{color:#f4f4f5;background-color:#27272a}.code-row{color:#a1a1aa;background-color:#27272a}.mock-dash-logs{border-top-color:#27272a}.code-badge{color:#f4f4f5;background-color:#27272a}.workspace-selector-btn:hover{background-color:#27272a}.workspace-avatar{color:#f5d0fe;background-color:#4a044e}.dropdown-menu{background-color:#18181b;border-color:#27272a;box-shadow:0 10px 15px -3px #00000080}.dropdown-item:hover,.dropdown-item.active{background-color:#27272a}.logout-item:hover{color:#fca5a5;background-color:#450a0a}.search-input{color:#fafafa;background-color:#18181b;border-color:#27272a}.search-input:focus{background-color:#09090b;border-color:#52525b}.search-kbd{color:#71717a;background-color:#18181b;border-color:#27272a}.profile-avatar-btn{color:#fbcfe8;background-color:#47082e;border-color:#fbcfe8}.laravel-icon-badge{color:#a7f3d0;background-color:#064e3b;border-color:#065f46}.uptime-badge{color:#f5d0fe;background-color:#3b0764}.commit-details-row{border-top-color:#27272a}.check-success-circle{color:#a7f3d0;background-color:#064e3b}.login-error-message{color:#fca5a5;background-color:#ef44441a;border-color:#ef444433}.error-icon{color:#fca5a5}.submit-btn.loading-state{color:#a1a1aa!important;background-color:#27272a!important}}