@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-app:#09090b;--bg-surface:#18181b;--bg-elevated:#27272a;--border-subtle:#27272a;--border-default:#3f3f46;--border-focus:#71717a;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-subtle:#52525b;--color-brand:#fff;--color-danger:#ef4444;--color-success:#22c55e;--color-warning:#f59e0b;--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--r-sm:2px;--r-md:4px;--r-lg:6px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--color-bg-app:var(--bg-app);--color-bg-sidebar:var(--bg-surface);--color-bg-surface:var(--bg-surface);--color-bg-elevated:var(--bg-elevated);--color-border-default:var(--border-subtle);--color-border-hover:var(--border-default);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-text-subtle:var(--text-subtle);--color-mint:var(--text-primary);--color-purple:var(--text-primary)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--r-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-default)}.app-container,.dashboard-layout{min-height:100vh;display:flex}.main-content,.dashboard-main-content{background-color:var(--bg-app);flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.page-content{padding:var(--sp-6) var(--sp-8);flex:1;width:100%;max-width:1200px;margin:0 auto}.loading-fullscreen{background-color:var(--bg-app);justify-content:center;align-items:center;min-height:100vh;display:flex}.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;width:240px;display:flex}.sidebar-brand{align-items:center;gap:var(--sp-3);height:64px;padding:0 var(--sp-6);border-bottom:1px solid var(--border-subtle);display:flex}.brand-wordmark{letter-spacing:1px;color:var(--text-primary);font-size:14px;font-weight:700}.sidebar-nav{padding:var(--sp-4) var(--sp-3);flex-direction:column;flex:1;gap:4px;display:flex}.sidebar-link{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);color:var(--text-secondary);border-radius:var(--r-md);font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover{color:var(--text-primary);background-color:var(--bg-elevated)}.sidebar-link-active{color:var(--text-primary);background-color:var(--bg-elevated);font-weight:600}.sidebar-footer{padding:var(--sp-4) var(--sp-3);border-top:1px solid var(--border-subtle);gap:var(--sp-3);flex-direction:column;display:flex}.sidebar-user{align-items:center;gap:var(--sp-3);padding:var(--sp-2);display:flex}.user-avatar{border-radius:var(--r-md);background-color:var(--bg-elevated);border:1px solid var(--border-default);width:28px;height:28px;color:var(--text-primary);justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.user-info{flex-direction:column;min-width:0;display:flex}.user-email{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.user-plan{color:var(--text-muted);font-size:10px}.btn-base{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);cursor:pointer;border:1px solid #0000;height:36px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background-color:var(--text-primary);color:var(--bg-app)}.btn-primary:hover{background-color:#fff}.btn-secondary{border-color:var(--border-default);color:var(--text-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-elevated);border-color:var(--border-focus)}.btn-danger{border-color:var(--color-danger);color:var(--color-danger);background-color:#0000}.btn-danger:hover{background-color:#ef44441a}.btn-ghost{color:var(--text-secondary);background-color:#0000}.btn-ghost:hover{background-color:var(--bg-elevated);color:var(--text-primary)}.logout-btn{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);color:var(--text-muted);cursor:pointer;border-radius:var(--r-md);text-align:left;background:0 0;border:none;width:100%;font-size:13px;font-weight:500;transition:all .15s;display:flex}.logout-btn:hover{color:var(--color-danger);background-color:#ef44440d}.page-header{border-bottom:1px solid var(--border-subtle);height:64px;padding:0 var(--sp-8);background-color:var(--bg-app);justify-content:space-between;align-items:center;display:flex}.page-header h1{color:var(--text-primary);font-size:16px;font-weight:600}.page-header-subtitle{color:var(--text-muted);margin-top:1px;font-size:12px}.page-header-actions{align-items:center;gap:var(--sp-2);display:flex}.stats-row{gap:var(--sp-4);margin-bottom:var(--sp-8);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.stat-card{padding:var(--sp-4) var(--sp-5);background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);gap:var(--sp-1);flex-direction:column;display:flex}.stat-card-value{color:var(--text-primary);font-size:20px;font-weight:600}.stat-card-label{color:var(--text-muted);font-size:12px}.projects-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.project-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--sp-5);gap:var(--sp-4);color:var(--text-primary);flex-direction:column;text-decoration:none;transition:border-color .15s;display:flex}.project-card:hover{border-color:var(--border-default)}.project-card-header{align-items:center;gap:var(--sp-3);display:flex}.project-icon{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.project-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.project-card-title{color:var(--text-primary);font-size:14px;font-weight:600}.project-card-slug{color:var(--text-muted);margin-top:1px;font-size:12px}.project-card-footer{border-top:1px solid var(--border-subtle);padding-top:var(--sp-3);margin-top:auto}.project-card-meta{color:var(--text-muted);font-size:11px}.deployments-list{gap:var(--sp-2);flex-direction:column;display:flex}.deployment-row{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);justify-content:space-between;align-items:center;gap:var(--sp-4);display:flex}.deployment-row-left{align-items:center;gap:var(--sp-3);display:flex}.deployment-row-info{flex-direction:column;gap:2px;display:flex}.deployment-row-id{color:var(--text-primary);font-size:13px;font-weight:500}.deployment-row-meta{color:var(--text-muted);font-size:11px}.deployment-row-actions{align-items:center;gap:var(--sp-2);display:flex}.input-group{gap:var(--sp-2);flex-direction:column;width:100%;display:flex}.input-label{color:var(--text-secondary);font-size:12px;font-weight:500}.input-element{border-radius:var(--r-md);color:var(--text-primary);background-color:#0c0c0e;border:1px solid #1f1f23;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s,background-color .2s}.input-element::placeholder{color:var(--text-muted);opacity:.8}.input-element:hover{background-color:#0f0f11;border-color:#2e2e35}.input-element:focus{border-color:var(--border-focus);background-color:#09090b;box-shadow:0 0 0 2px #ffffff0d}.input-element-error{border-color:var(--color-danger)!important}.input-error-msg{color:var(--color-danger);margin-top:2px;font-size:11px}.section-header{margin-bottom:var(--sp-4)}.section-header h2{color:var(--text-primary);font-size:14px;font-weight:600}.section-header p{color:var(--text-muted);font-size:12px}.modal-overlay{padding:var(--sp-4);z-index:100;background-color:#09090bcc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);width:100%;max-width:480px;padding:var(--sp-6);gap:var(--sp-5);flex-direction:column;display:flex}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:15px;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.modal-close:hover{color:var(--text-primary)}.modal-form{gap:var(--sp-4);flex-direction:column;display:flex}.modal-buttons{justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-2);display:flex}.auth-page{background-color:var(--bg-app);min-height:100vh;padding:var(--sp-4);justify-content:center;align-items:center;display:flex}.auth-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);width:100%;max-width:360px;padding:var(--sp-8) var(--sp-6);gap:var(--sp-5);flex-direction:column;display:flex}.auth-header{text-align:center;align-items:center;gap:var(--sp-2);flex-direction:column;display:flex}.auth-header h2{color:var(--text-primary);font-size:18px;font-weight:600}.auth-header p{color:var(--text-muted);font-size:12px}.auth-form{gap:var(--sp-4);flex-direction:column;display:flex}.auth-footer{text-align:center;color:var(--text-secondary);font-size:12px}.auth-footer a{color:var(--text-primary);margin-left:var(--sp-1);font-weight:600;text-decoration:none}.auth-error{color:var(--color-danger);padding:var(--sp-3);border-radius:var(--r-md);background-color:#ef44441a;border:1px solid #ef444433;font-size:12px}.badge{border-radius:var(--r-sm);border:1px solid #0000;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-success{color:var(--color-success);background-color:#22c55e14;border-color:#22c55e33}.badge-info{background-color:var(--bg-elevated);border-color:var(--border-default);color:var(--text-secondary)}.upload-zone{border:1px dashed var(--border-default);border-radius:var(--r-lg);padding:var(--sp-8) var(--sp-4);text-align:center;cursor:pointer;align-items:center;gap:var(--sp-3);flex-direction:column;transition:all .15s;display:flex}.upload-zone:hover{border-color:var(--border-focus);background-color:var(--bg-surface)}.upload-zone h3{font-size:14px;font-weight:500}.upload-zone p{color:var(--text-muted);font-size:12px}.toast{border-radius:var(--r-md);background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);padding:10px 14px;font-size:13px}.toast-success{border-color:var(--color-success)}.toast-error{border-color:var(--color-danger);color:var(--color-danger)}.loading-center{padding:var(--sp-8) 0;justify-content:center;align-items:center;width:100%;display:flex}.spinner-element{border:2px solid var(--border-subtle);border-top-color:var(--text-primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--sp-8) var(--sp-4);border:1px solid var(--border-subtle);border-radius:var(--r-md);background-color:var(--bg-surface);align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}.empty-state h3{font-size:14px;font-weight:500}.empty-state p{color:var(--text-muted);max-width:320px;font-size:12px}:root{--space-1:var(--sp-1);--space-2:var(--sp-2);--space-3:var(--sp-3);--space-4:var(--sp-4);--space-5:var(--sp-5);--space-6:var(--sp-6);--space-8:var(--sp-8)}.page-header-left{flex-direction:column;justify-content:center;min-width:0;display:flex}.deployment-row-icon{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);width:32px;height:32px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.deployment-row-published{background-color:#22c55e08;border-color:#22c55e40}.upload-zone-icon{color:var(--text-muted);margin-bottom:var(--sp-1)}.upload-zone.drag-over{border-color:var(--text-primary);background-color:var(--bg-surface);border-style:solid}.btn-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;position:absolute}.btn-base{position:relative}.btn-base:disabled{opacity:.5;cursor:not-allowed}.btn-gradient{background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));color:var(--bg-app);border:none}.btn-gradient:hover{opacity:.9}@media (width<=768px){.sidebar{display:none}.page-header{padding:0 var(--sp-4)}.page-content{padding:var(--sp-4)}.stats-row{grid-template-columns:1fr 1fr}.projects-grid{grid-template-columns:1fr}}.settings-tabs{border-bottom:1px solid var(--border-subtle);gap:2px;padding-bottom:0;display:flex}.settings-tab{color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-family);border-radius:var(--r-sm) var(--r-sm) 0 0;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 14px;transition:all .15s;display:inline-flex}.settings-tab:hover{color:var(--text-secondary);background-color:var(--bg-elevated)}.settings-tab-active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.settings-tab-danger-trigger:hover{color:var(--color-danger)}.settings-tab-danger-active{color:var(--color-danger);border-bottom-color:var(--color-danger)}.dns-record-table{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);grid-template-columns:auto 1fr;gap:4px 12px;padding:10px 14px;display:grid}.dns-record-row{display:contents}.dns-record-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:11px;font-weight:600;font-family:var(--font-family);align-self:center}.dns-record-row code{color:var(--text-primary);background:var(--bg-elevated);border-radius:var(--r-sm);word-break:break-all;padding:2px 6px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}