@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--brand: #f97316;--brand-hover: #ea580c;--brand-light: rgba(249, 115, 22, .08);--brand-border: rgba(249, 115, 22, .25);--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--gray-950: #020617;--success: #16a34a;--success-light: #dcfce7;--success-dark: #166534;--warning: #d97706;--warning-light: #fef3c7;--warning-dark: #92400e;--danger: #dc2626;--danger-light: #fee2e2;--danger-dark: #991b1b;--info: #2563eb;--info-light: #dbeafe;--info-dark: #1e40af;--bg-page: var(--gray-100);--bg-subtle: var(--gray-50);--text-primary: var(--gray-900);--text-secondary: var(--gray-500);--text-tertiary: var(--gray-400);--text-inverse: #ffffff;--border: var(--gray-300);--border-hover: var(--gray-400);--border-focus: var(--brand);--sidebar-bg: var(--gray-900);--sidebar-hover: var(--gray-800);--sidebar-active: rgba(249, 115, 22, .1);--sidebar-text: var(--gray-400);--sidebar-text-active: #ffffff;--sidebar-width: 256px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--radius-full: 4px;--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--ease: cubic-bezier(.4, 0, .2, 1);--orange: var(--brand);--prussian-blue: var(--gray-900);--white: #ffffff;--black: #000000;--grey: var(--gray-200);--text-muted: var(--gray-500);--text-light: var(--gray-400);--bg-surface: #ffffff;--primary: var(--brand);--primary-light: var(--brand-light);--text: var(--text-primary);--green: var(--success);--red: var(--danger);--bg-hover: var(--gray-100);--radius-lg: 4px;--radius-md: 3px;--radius-sm: 2px;--radius-xl: 4px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-page);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;letter-spacing:-.02em;line-height:1.3}a{color:var(--brand);text-decoration:none;transition:color .15s var(--ease)}a:hover{color:var(--brand-hover)}code{background:var(--gray-100);padding:.15rem .4rem;border-radius:var(--radius-sm);font-size:.85em;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;color:var(--text-primary)}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:200;transition:transform .3s var(--ease)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-5) var(--sp-4);border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-brand{display:flex;align-items:center;gap:var(--sp-3);color:#fff;text-decoration:none}.sidebar-brand:hover{color:#fff}.sidebar-logo{width:30px;height:30px;border-radius:var(--radius-md)}.sidebar-brand-text{font-weight:700;font-size:.95rem;letter-spacing:-.02em}.sidebar-close{display:none;background:none;border:none;color:var(--sidebar-text);cursor:pointer;padding:var(--sp-1)}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--sp-3) 0}.sidebar-section{padding:0 var(--sp-3);margin-bottom:var(--sp-2)}.sidebar-section-label{display:block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#94a3b880;padding:var(--sp-3) var(--sp-3) var(--sp-2)}.sidebar-link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);color:var(--sidebar-text);font-size:.825rem;font-weight:500;border-radius:var(--radius-md);transition:all .15s var(--ease);cursor:pointer;text-decoration:none;border:none;background:none;width:100%;text-align:left}.sidebar-link:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active);text-decoration:none}.sidebar-link.active{background:var(--sidebar-active);color:var(--brand)}.sidebar-link svg{flex-shrink:0;opacity:.6}.sidebar-link.active svg,.sidebar-link:hover svg{opacity:1}.sidebar-footer{padding:var(--sp-3);border-top:1px solid rgba(255,255,255,.06)}.sidebar-user{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);margin:var(--sp-1) 0}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;min-width:0}.sidebar-user-email{color:var(--sidebar-text);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-plan-badge{display:inline-block;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.1rem .4rem;border-radius:var(--radius-sm);width:fit-content;margin-top:2px}.sidebar-logout{color:var(--danger)!important}.sidebar-logout:hover{background:#dc26261a!important}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:190}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-8);height:56px;background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.topbar-menu{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:var(--sp-1)}.topbar-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--sp-3)}.topbar-plan{font-size:.65rem;font-weight:600;padding:.2rem .55rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.content-area{flex:1;padding:var(--sp-6) var(--sp-8)}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close,.sidebar-overlay{display:block}.main-content{margin-left:0}.topbar-menu{display:block}.topbar{padding:0 var(--sp-4)}.content-area{padding:var(--sp-4)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:1px solid transparent;border-radius:var(--radius-md);font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s var(--ease);line-height:1.5;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover);color:#fff}a.btn-primary,a.btn-primary:hover{color:#fff;text-decoration:none}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--border-hover)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--text-primary)}.btn-danger-outline{background:transparent;color:var(--danger);border-color:var(--danger-light)}.btn-danger-outline:hover:not(:disabled){background:var(--danger-light);border-color:var(--danger)}.btn-sm{padding:.3rem .625rem;font-size:.75rem;border-radius:var(--radius-sm)}.btn-lg{padding:var(--sp-3) var(--sp-6);font-size:.875rem;border-radius:var(--radius-lg)}.btn-block{display:flex;width:100%;text-align:center}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:.15rem .5rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:capitalize;letter-spacing:.02em;line-height:1.5}.badge-success,.badge-running{background:var(--success-light);color:var(--success-dark)}.badge-warning,.badge-creating{background:var(--warning-light);color:var(--warning-dark)}.badge-danger,.badge-error{background:var(--danger-light);color:var(--danger-dark)}.badge-neutral,.badge-expired{background:var(--gray-100);color:var(--gray-500)}.badge-info{background:var(--info-light);color:var(--info-dark)}.badge-brand{background:var(--brand-light);color:var(--brand-hover)}.plan-badge{display:inline-block;font-size:.625rem;font-weight:700;padding:.15rem .5rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.plan-badge-free{background:var(--gray-100);color:var(--gray-500)}.plan-badge-pro{background:var(--info-light);color:var(--info-dark)}.plan-badge-agency{background:var(--warning-light);color:var(--warning-dark)}.plan-badge-enterprise{background:#ede9fe;color:#6d28d9}.card{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--sp-6);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.form-group{margin-bottom:var(--sp-4)}.form-group label{display:block;margin-bottom:var(--sp-2);font-weight:600;font-size:.8125rem;color:var(--text-primary)}.form-group select,.form-group input,.form-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.8125rem;background:var(--bg-surface);font-family:inherit;transition:border-color .15s var(--ease);color:var(--text-primary);line-height:1.5}.form-group input:focus,.form-group select:focus,.form-input:focus{outline:none;border-color:var(--brand)}.form-group input::placeholder,.form-input::placeholder{color:var(--text-tertiary)}.form-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-2)}.form-label-row label{margin-bottom:0!important}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--gray-200);border-top-color:var(--text-primary);border-radius:50%;animation:spin .6s linear infinite}.btn-primary .spinner{border-color:#ffffff4d;border-top-color:#fff}.spinner-hero{width:2.5rem;height:2.5rem;border-width:3px;border-color:var(--gray-200);border-top-color:var(--brand);margin:0 auto var(--sp-4)}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar-track{width:100%;max-width:320px;height:4px;background:var(--gray-200);border-radius:var(--radius-full);margin:var(--sp-6) auto 0;overflow:hidden}.progress-bar-fill{height:100%;width:40%;background:var(--brand);animation:progress-slide 1.5s ease-in-out infinite}.progress-bar-fill-real{height:100%;background:var(--brand);transition:width .6s var(--ease)}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.countdown{font-variant-numeric:tabular-nums;font-weight:600}.countdown.warning{color:var(--warning)}.countdown.danger{color:var(--danger)}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:var(--sp-12) var(--sp-6)}.empty-state-icon{width:48px;height:48px;margin:0 auto var(--sp-4);color:var(--text-tertiary);opacity:.5}.empty-state h3{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-2)}.empty-state p{font-size:.8125rem;color:var(--text-secondary);max-width:360px;margin:0 auto var(--sp-5);line-height:1.6}.empty-icon{color:var(--text-tertiary);margin-bottom:var(--sp-4)}.container{max-width:1200px;margin:0 auto;padding:0}.page-wrapper{padding:0;min-height:auto}.page-header{margin-bottom:var(--sp-5)}.page-header h2{font-size:1.25rem;font-weight:700}.page-header p{color:var(--text-secondary);margin-top:var(--sp-1);font-size:.8125rem}.hero{text-align:left;padding:0 0 var(--sp-2)}.hero h2{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--sp-2)}.hero p{color:var(--text-secondary);font-size:.875rem;max-width:520px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-4);margin-top:var(--sp-5)}.product-card{display:flex;flex-direction:column;overflow:hidden;padding:0;border-radius:var(--radius-xl);transition:all .2s var(--ease);border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow-xs)}.product-card:hover{border-color:var(--brand)}.product-card-image{height:140px;background:var(--gray-50);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-bottom:1px solid var(--border)}.product-card-image img{max-width:80px;max-height:80px;object-fit:contain}.product-card-placeholder{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--brand);color:#fff;font-size:1.25rem;font-weight:700;display:flex;align-items:center;justify-content:center}.product-card-body{padding:var(--sp-5);flex:1;display:flex;flex-direction:column}.product-card-title{font-size:.875rem;font-weight:700;margin-bottom:var(--sp-1);color:var(--text-primary)}.product-card-desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--sp-5);flex:1}.product-grid-compact{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--sp-3)}.product-card-compact{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-xl);border:1px solid var(--border);transition:all .2s var(--ease);background:var(--bg-surface);box-shadow:var(--shadow-xs)}.product-card-compact:hover{border-color:var(--brand)}.product-compact-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.product-compact-icon img{width:40px;height:40px;object-fit:contain}.product-compact-placeholder{width:40px;height:40px;border-radius:var(--radius-md);background:var(--brand);color:#fff;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center}.product-compact-info{flex:1;min-width:0}.product-compact-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:0}.product-compact-desc{font-size:.75rem;color:var(--text-secondary);margin:2px 0 0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-compact-launch{flex-shrink:0;white-space:nowrap}.site-result{text-align:center;padding:var(--sp-10);max-width:640px;margin:0 auto}.site-result .result-icon{width:48px;height:48px;border-radius:50%;background:var(--success-light);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-5);color:var(--success);font-size:1.25rem}.site-result h3{margin-bottom:var(--sp-5);color:var(--text-primary);font-size:1.125rem;font-weight:700}.cred-rows{display:flex;flex-direction:column;gap:0;margin:var(--sp-5) 0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-align:left}.cred-row{display:flex;align-items:center;padding:var(--sp-3) var(--sp-4);background:var(--bg-surface);border-bottom:1px solid var(--border)}.cred-row:last-child{border-bottom:none}.cred-row:nth-child(2n){background:var(--gray-50)}.cred-label{flex:0 0 100px;font-size:.6875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.cred-value{flex:1;min-width:0;font-size:.8125rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cred-value a{font-weight:500}.cred-value code{background:var(--gray-50);padding:.15rem .5rem;font-weight:600;font-size:.8125rem}.cred-copy{flex:0 0 auto;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.3rem;margin-left:var(--sp-3);cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:all .15s var(--ease)}.cred-copy:hover{background:var(--gray-50);color:var(--brand);border-color:var(--brand)}.cred-copy.copied{background:var(--success-light);color:var(--success);border-color:#86efac}.sites-loading{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-10) 0;color:var(--text-secondary)}.sites-stats-row{display:flex;gap:var(--sp-4);margin-bottom:var(--sp-5)}.sites-stat{flex:1;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-5);text-align:center;box-shadow:var(--shadow-xs)}.sites-stat-value{display:block;font-size:1.5rem;font-weight:800;color:var(--text-primary)}.sites-stat-active{color:var(--success)}.sites-stat-label{display:block;font-size:.6875rem;color:var(--text-secondary);margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.sites-search{margin-bottom:var(--sp-5)}.sites-grid{display:grid;gap:var(--sp-4)}.site-card{background:var(--bg-surface);border:1px solid var(--border);padding:var(--sp-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);transition:border-color .15s var(--ease)}.site-card:hover{border-color:var(--brand-border)}.site-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.site-card-title-row{display:flex;align-items:center;gap:var(--sp-2)}.site-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.site-card-title{font-size:.875rem;font-weight:600}.site-status-badge{font-size:.6875rem;font-weight:600;padding:.15rem .5rem;border-radius:var(--radius-full);text-transform:capitalize}.site-status-running{background:var(--success-light);color:var(--success-dark)}.site-status-creating,.site-status-provisioning{background:var(--warning-light);color:var(--warning-dark)}.site-status-error,.site-status-failed{background:var(--danger-light);color:var(--danger-dark)}.site-status-stopped,.site-status-expired{background:var(--gray-100);color:var(--gray-500)}.site-card-details{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-4)}.site-card-detail{display:flex;align-items:center;gap:var(--sp-2);font-size:.8125rem}.site-detail-label{color:var(--text-secondary);min-width:56px}.site-detail-value{color:var(--text-primary);font-weight:500}.site-detail-link{color:var(--brand);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-detail-link:hover{text-decoration:underline}.site-card-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.site-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) 0;border-bottom:1px solid var(--border);gap:var(--sp-4)}.site-list-item:last-child{border-bottom:none;padding-bottom:0}.site-list-item:first-child{padding-top:var(--sp-1)}.site-info{flex:1;min-width:0}.site-info h4{font-size:.875rem;font-weight:600;margin-bottom:var(--sp-1)}.site-info .meta{font-size:.75rem;color:var(--text-secondary)}.site-actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.site-card-status{display:flex;align-items:center;gap:var(--sp-2);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.status-running{background:var(--success)}.status-dot.status-creating{background:var(--brand);animation:pulse-dot 1.5s ease-in-out infinite}.status-dot.status-error{background:var(--danger)}.status-dot.status-expired{background:var(--text-tertiary)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.status-text{color:var(--text-secondary)}.site-card-timer{display:flex;align-items:center;gap:var(--sp-1);font-size:.75rem;color:var(--text-secondary)}.site-card-body{padding:var(--sp-5);flex:1}.site-card-name{font-size:.9375rem;font-weight:700;margin-bottom:var(--sp-2)}.site-card-name a{color:var(--text-primary)}.site-card-name a:hover{color:var(--brand)}.site-card-meta{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.site-card-product{font-size:.6875rem;color:var(--text-secondary);background:var(--gray-50);padding:.15rem .5rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm)}.site-card-user{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--text-secondary)}.btn-site-action{font-size:.6875rem;padding:.35rem .75rem;border-radius:var(--radius-sm);gap:var(--sp-1);white-space:nowrap;flex-shrink:0}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--gray-50);padding:var(--sp-8)}.auth-container{width:100%;max-width:400px;background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border);padding:var(--sp-8) var(--sp-6) var(--sp-6)}.auth-header{text-align:center;margin-bottom:var(--sp-6)}.auth-logo{width:40px;height:40px;border-radius:var(--radius-lg);margin-bottom:var(--sp-4);object-fit:contain}.auth-check-icon{font-size:2rem;margin-bottom:var(--sp-2)}.auth-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-1)}.auth-subtitle{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);width:100%;padding:.55rem var(--sp-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:background .15s}.btn-google:hover{background:var(--gray-50);border-color:var(--border-hover)}.auth-divider{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-5) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.auth-form .form-group{margin-bottom:var(--sp-4)}.auth-form .form-group label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-1)}.auth-form-group{margin-bottom:var(--sp-4)}.auth-form-group label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-1)}.auth-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-primary);background:var(--bg-surface);transition:border-color .15s;box-sizing:border-box}.auth-input:focus{outline:none;border-color:var(--brand)}.auth-input::placeholder{color:var(--text-tertiary)}.auth-forgot-link{font-size:.75rem;color:var(--brand)}.auth-forgot-link:hover{text-decoration:underline}.auth-submit{width:100%;margin-top:var(--sp-2)}.auth-error{background:var(--danger-light);color:var(--danger-dark);border:1px solid #fecaca;border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-size:.8125rem;margin-bottom:var(--sp-4)}.auth-message-box{background:var(--gray-50);border-radius:var(--radius-md);padding:var(--sp-4);font-size:.8125rem;color:var(--text-secondary);text-align:center}.auth-link-btn{background:none;border:none;color:var(--brand);cursor:pointer;font-size:inherit;text-decoration:underline;padding:0}.auth-footer{text-align:center;font-size:.8125rem;color:var(--text-secondary);margin-top:var(--sp-5)}.auth-footer a{color:var(--brand);font-weight:600}.auth-footer a:hover{text-decoration:underline}.auth-actions{display:flex;gap:var(--sp-3);justify-content:center;margin-top:var(--sp-5)}.auth-card{max-width:440px;margin:var(--sp-6) auto 0}.alert-error,.alert-success,.alert-warning,.alert-info{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-5);font-size:.8125rem;font-weight:500;line-height:1.5;border-left:3px solid;border-radius:0 var(--radius-md) var(--radius-md) 0;animation:alert-slide-in .3s var(--ease)}.alert-error{background:var(--danger-light);border-color:var(--danger);color:var(--danger-dark)}.alert-success{background:var(--success-light);border-color:var(--success);color:var(--success-dark)}.alert-warning{background:var(--warning-light);border-color:var(--warning);color:var(--warning-dark)}.alert-info{background:var(--info-light);border-color:var(--gray-900);color:var(--gray-900)}.alert-error:before,.alert-success:before,.alert-warning:before,.alert-info:before{flex-shrink:0;font-size:.875rem;line-height:1;margin-top:1px}.alert-error:before{content:"✕";color:var(--danger);font-weight:700}.alert-success:before{content:"✓";color:var(--success);font-weight:700}.alert-warning:before{content:"⚠";color:var(--warning)}.alert-info:before{content:"ℹ";color:var(--gray-900);font-weight:700}@keyframes alert-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toast-container{position:fixed;top:64px;right:var(--sp-5);z-index:10000;display:flex;flex-direction:column;gap:var(--sp-3);max-width:380px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-left:3px solid;border-radius:0 var(--radius-lg) var(--radius-lg) 0;pointer-events:auto;animation:toast-in .35s cubic-bezier(.21,1.02,.73,1) forwards;font-size:.8125rem;line-height:1.5}.toast-exit{animation:toast-out .3s var(--ease) forwards}.toast-error{border-left-color:var(--danger)}.toast-success{border-left-color:var(--success)}.toast-warning{border-left-color:var(--brand)}.toast-info{border-left-color:var(--gray-900)}.toast-icon{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border-radius:var(--radius-sm)}.toast-error .toast-icon{background:var(--danger-light);color:var(--danger)}.toast-success .toast-icon{background:var(--success-light);color:var(--success)}.toast-warning .toast-icon{background:var(--warning-light);color:var(--brand)}.toast-info .toast-icon{background:var(--info-light);color:var(--gray-900)}.toast-message{flex:1;color:var(--text-primary);font-weight:500}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--text-tertiary);font-size:.75rem;padding:2px;transition:color .15s var(--ease);line-height:1}.toast-close:hover{color:var(--text-primary)}@keyframes toast-in{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.95)}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;background:#0f172a99;display:flex;align-items:center;justify-content:center;animation:confirm-fade-in .2s var(--ease)}.confirm-dialog{background:var(--bg-surface);width:100%;max-width:400px;margin:var(--sp-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:confirm-scale-in .25s cubic-bezier(.21,1.02,.73,1)}.confirm-header{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-6) 0}.confirm-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;border-radius:var(--radius-lg)}.confirm-default .confirm-icon{background:var(--info-light);color:var(--info)}.confirm-warning .confirm-icon{background:var(--warning-light);color:var(--warning)}.confirm-danger .confirm-icon{background:var(--danger-light);color:var(--danger)}.confirm-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.confirm-message{padding:var(--sp-3) var(--sp-6) 0;margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.6}.confirm-actions{display:flex;gap:var(--sp-3);padding:var(--sp-6);justify-content:flex-end}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes confirm-scale-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.check-email{text-align:center;padding:var(--sp-10) var(--sp-8);max-width:540px;margin:var(--sp-6) auto 0}.check-email-icon{width:56px;height:56px;border-radius:50%;background:var(--gray-50);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-5);font-size:1.5rem}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) 0 0;border-top:1px solid var(--border);margin-top:var(--sp-4);font-size:.8125rem}.pagination-info{color:var(--text-secondary)}.pagination-controls{display:flex;align-items:center;gap:var(--sp-1)}.pagination-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s var(--ease)}.pagination-controls button:hover:not(:disabled){background:var(--gray-50);border-color:var(--brand)}.pagination-controls button:disabled{opacity:.4;cursor:not-allowed}.pagination-controls button.active{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:700}.local-launch-form{margin:0 auto var(--sp-8);max-width:720px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8)}.form-col{display:flex;flex-direction:column}.form-col .btn{margin-top:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.footer{display:none}.pricing-section{padding:var(--sp-4) 0 var(--sp-8);text-align:center}.pricing-title{font-size:1.75rem;font-weight:800;margin-bottom:var(--sp-3);color:var(--text-primary)}.pricing-subtitle{font-size:.875rem;color:var(--text-secondary);max-width:500px;margin:0 auto var(--sp-8)}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);max-width:1100px;margin:0 auto var(--sp-8);text-align:left}.pricing-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-6);display:flex;flex-direction:column;position:relative;transition:border-color .2s var(--ease)}.pricing-card:hover{border-color:var(--brand)}.pricing-card-popular{border-color:var(--brand);border-width:2px}.pricing-card-current{border-color:var(--success)}.pricing-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--brand);color:#fff;font-size:.625rem;font-weight:700;padding:.2rem .65rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.pricing-badge-current{background:var(--success)}.pricing-header{margin-bottom:var(--sp-5)}.pricing-plan-name{font-size:1rem;font-weight:700;margin-bottom:var(--sp-2)}.pricing-price{display:flex;align-items:baseline;gap:2px}.pricing-amount{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1}.pricing-period{font-size:.8125rem;color:var(--text-secondary)}.pricing-annual{font-size:.75rem;color:var(--text-secondary);margin-top:var(--sp-1)}.pricing-save{color:var(--success);font-weight:600}.pricing-features{list-style:none;padding:0;margin:0 0 var(--sp-5);flex:1;display:flex;flex-direction:column;gap:var(--sp-2)}.pricing-features li{display:flex;align-items:center;gap:var(--sp-2);font-size:.8125rem;line-height:1.5}.pricing-features li.excluded{color:var(--text-tertiary)}.feature-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.625rem;border-radius:50%}li.included .feature-icon{background:var(--success-light);color:var(--success)}li.excluded .feature-icon{background:var(--gray-100);color:var(--gray-300)}.feature-label{flex:1}.feature-value{font-weight:600;color:var(--text-primary)}.pricing-cta{width:100%;padding:var(--sp-3);font-weight:600;text-align:center;border-radius:var(--radius-md)}.pricing-faq{max-width:800px;margin:0 auto;text-align:left}.pricing-faq h2{text-align:center;font-size:1.25rem;font-weight:700;margin-bottom:var(--sp-5)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.faq-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-5);box-shadow:var(--shadow-xs)}.faq-item h4{font-size:.8125rem;font-weight:600;margin-bottom:var(--sp-2)}.faq-item p{font-size:.8125rem;color:var(--text-secondary);line-height:1.6;margin:0}.account-page{max-width:680px}.account-header h2{font-size:1.25rem;font-weight:700;margin-bottom:var(--sp-1)}.account-subtitle{color:var(--text-secondary);font-size:.8125rem;margin-bottom:var(--sp-5)}.account-tabs{display:flex;gap:2px;margin-bottom:var(--sp-5);border-bottom:1px solid var(--border)}.account-tab{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:none;border:none;border-bottom:2px solid transparent;font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color .15s,border-color .15s}.account-tab:hover{color:var(--text-primary)}.account-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.account-tab-icon{font-size:.9rem}.account-section{padding:var(--sp-5)}.account-section-title{font-size:.9375rem;font-weight:600;margin-bottom:var(--sp-5);color:var(--text-primary)}.account-info-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-bottom:var(--sp-5)}.account-info-item{display:flex;flex-direction:column;gap:var(--sp-1)}.account-info-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.account-info-value{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.account-danger-zone{margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--border)}.account-danger-zone h4{font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--sp-3)}.account-actions-row{display:flex;gap:var(--sp-3)}.account-plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-5)}.account-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}.account-plan-stat{text-align:center;padding:var(--sp-4);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--border)}.account-plan-stat-value{display:block;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.account-plan-stat-label{display:block;font-size:.6875rem;color:var(--text-secondary);margin-top:var(--sp-1)}.account-plan-card{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-5);margin-bottom:var(--sp-5)}.account-plan-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}.account-plan-label{font-size:.75rem;color:var(--text-secondary);display:block;margin-bottom:var(--sp-1)}.account-plan-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.plan-feature-item{display:flex;justify-content:space-between;font-size:.8125rem;padding:var(--sp-1) 0;border-bottom:1px solid var(--gray-100)}.plan-feature-label{color:var(--text-secondary)}.plan-feature-value{font-weight:600;color:var(--text-primary)}.billing-section{max-width:800px}.billing-plan-card{background:var(--gray-900);border-radius:var(--radius-xl);padding:var(--sp-6);color:#fff;margin-bottom:var(--sp-5);position:relative;overflow:hidden}.billing-plan-card:after{display:none}.billing-plan-name{font-size:1.125rem;font-weight:700;margin-bottom:var(--sp-1)}.billing-plan-price{font-size:.8125rem;color:#ffffffa6;margin-bottom:var(--sp-5)}.billing-plan-price strong{font-size:1.5rem;font-weight:800;color:#fff}.billing-usage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin-bottom:var(--sp-5)}.billing-usage-item{text-align:center}.billing-usage-value{font-size:1.25rem;font-weight:800;color:var(--brand)}.billing-usage-label{font-size:.6875rem;color:#ffffff80;margin-top:2px}.billing-actions{display:flex;gap:var(--sp-3);position:relative;z-index:1}.billing-actions .btn{flex:1}.billing-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.billing-info-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-5);box-shadow:var(--shadow-xs)}.billing-info-card h3{font-size:.8125rem;font-weight:700;margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.billing-info-row{display:flex;justify-content:space-between;padding:var(--sp-2) 0;font-size:.8125rem;border-bottom:1px solid var(--gray-100)}.billing-info-row:last-child{border-bottom:none}.billing-info-label{color:var(--text-secondary)}.billing-info-value{font-weight:600}.dom-page{max-width:1200px}.dom-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6)}.dom-header-text h2{font-size:1.25rem;font-weight:700;margin:0 0 var(--sp-1);letter-spacing:-.02em}.dom-header-text p{color:var(--text-secondary);font-size:.8125rem;margin:0;line-height:1.5}.dom-header-text code{background:var(--gray-100);padding:.1rem .35rem;border-radius:var(--radius-sm);font-size:.85em;color:var(--brand);font-weight:500}.dom-header .btn{display:flex;align-items:center;gap:var(--sp-2);white-space:nowrap;flex-shrink:0}.dom-grid{display:grid;grid-template-columns:1fr 300px;gap:var(--sp-6);align-items:start}.dom-main{min-width:0}.dom-add-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6);margin-bottom:var(--sp-6)}.dom-add-panel-header h3{font-size:.9375rem;font-weight:700;margin:0 0 var(--sp-1)}.dom-add-panel-header p{font-size:.8125rem;color:var(--text-secondary);margin:0 0 var(--sp-5)}.dom-add-form{display:flex;gap:var(--sp-3);align-items:stretch}.dom-add-input-group{flex:1;display:flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .15s}.dom-add-input-group:focus-within{border-color:var(--brand)}.dom-add-prefix{padding:0 0 0 var(--sp-3);color:var(--text-secondary);font-size:.875rem;font-family:SFMono-Regular,Consolas,monospace;-webkit-user-select:none;user-select:none;flex-shrink:0}.dom-add-input-group .form-input{border:none!important;background:transparent;padding-left:var(--sp-1);box-shadow:none!important}.dom-add-input-group .form-input:focus{outline:none}.dom-add-preview{font-size:.75rem;color:var(--text-secondary);margin:var(--sp-3) 0 0}.dom-add-preview code{color:var(--brand);font-weight:500;background:var(--brand-light);padding:.1rem .3rem;border-radius:var(--radius-sm)}.dom-dns-steps{margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--border)}.dom-dns-steps h4{font-size:.875rem;font-weight:700;margin:0 0 var(--sp-1)}.dom-dns-desc{font-size:.8125rem;color:var(--text-secondary);margin:0 0 var(--sp-5)}.dom-dns-record{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-4)}.dom-dns-record-header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.dom-dns-badge{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-sm)}.dom-dns-badge-cname{background:#dbeafe;color:#1d4ed8}.dom-dns-badge-a{background:#fce7f3;color:#be185d}.dom-dns-label{font-size:.8125rem;color:var(--text-secondary)}.dom-dns-row{display:flex;align-items:center;gap:var(--sp-3)}.dom-dns-field{flex:1}.dom-dns-field-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--sp-1)}.dom-dns-value{display:flex;align-items:center;gap:var(--sp-2);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3)}.dom-dns-value code{font-size:.8125rem;font-weight:500;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.dom-dns-arrow{color:var(--text-tertiary);font-size:1rem;flex-shrink:0;margin-top:1rem}.dom-copy-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:2px;cursor:pointer;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:color .15s,background .15s;flex-shrink:0}.dom-copy-btn:hover{color:var(--brand);background:var(--brand-light)}.dom-dns-note{font-size:.75rem;color:var(--text-secondary);margin:var(--sp-4) 0 0;line-height:1.5}.dom-table-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.dom-table-header-row{display:grid;grid-template-columns:1fr 110px 100px 130px;align-items:center;padding:var(--sp-3) var(--sp-4);background:var(--gray-50);border-bottom:1px solid var(--border);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.dom-table-row{display:grid;grid-template-columns:1fr 110px 100px 130px;align-items:center;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);transition:background .15s}.dom-table-row:last-child{border-bottom:none}.dom-table-row:hover{background:var(--gray-50)}.dom-domain-cell{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.dom-domain-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dom-dot-verified{background:var(--success)}.dom-dot-pending{background:var(--brand)}.dom-domain-name{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dom-domain-preview{display:block;font-size:.6875rem;color:var(--text-tertiary);margin-top:1px}.dom-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:2px 0}.dom-badge svg{flex-shrink:0}.dom-badge-verified{color:var(--success)}.dom-badge-pending{color:var(--brand)}.dom-col-date{font-size:.8125rem;color:var(--text-secondary)}.dom-col-actions{display:flex;align-items:center;gap:var(--sp-2);justify-content:flex-end}.dom-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;color:var(--text-secondary);transition:all .15s}.dom-action-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.dom-action-delete:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-light)}.dom-empty{text-align:center;padding:var(--sp-12) var(--sp-6);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.dom-empty-icon{color:var(--text-tertiary);margin-bottom:var(--sp-4)}.dom-empty-icon svg{width:40px;height:40px}.dom-empty h3{font-size:.9375rem;font-weight:600;margin:0 0 var(--sp-2)}.dom-empty p{font-size:.8125rem;color:var(--text-secondary);margin:0}.dom-empty .btn{display:inline-flex;align-items:center;gap:var(--sp-2)}.dom-aside{display:flex;flex-direction:column;gap:var(--sp-4)}.dom-sidebar-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.dom-sidebar-card-header{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--gray-50);border-bottom:1px solid var(--border);color:var(--text-primary)}.dom-sidebar-card-header svg{color:var(--text-secondary);flex-shrink:0}.dom-sidebar-card-header h4{font-size:.8125rem;font-weight:700;margin:0}.dom-checklist{padding:var(--sp-3) var(--sp-4)}.dom-check-step{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;font-size:.8125rem;color:var(--text-secondary);border-bottom:1px solid var(--gray-100)}.dom-check-step:last-child{border-bottom:none}.dom-check-done{color:var(--text-primary)}.dom-check-done .dom-check-box{background:var(--success);border-color:var(--success)}.dom-check-box{width:18px;height:18px;border:1.5px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.dom-sidebar-body{padding:var(--sp-3) var(--sp-4)}.dom-help-item{padding:var(--sp-2) 0;border-bottom:1px solid var(--gray-100)}.dom-help-item:last-child{border-bottom:none}.dom-help-item strong{display:block;font-size:.8125rem;font-weight:600;margin-bottom:2px;color:var(--text-primary)}.dom-help-item p{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.5}.dom-help-item code{background:var(--gray-100);padding:.05rem .25rem;border-radius:var(--radius-sm);font-size:.7rem;color:var(--brand)}.dom-sidebar-links{padding:var(--sp-2) var(--sp-4) var(--sp-3)}.dom-sidebar-links a{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0;font-size:.8125rem;color:var(--brand);text-decoration:none;border-bottom:1px solid var(--gray-100);transition:color .15s}.dom-sidebar-links a:last-child{border-bottom:none}.dom-sidebar-links a:hover{color:var(--brand-hover)}.dom-sidebar-links a:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--brand);flex-shrink:0}@media(max-width:900px){.dom-grid{grid-template-columns:1fr}.dom-aside{order:-1}}@media(max-width:640px){.dom-header{flex-direction:column;gap:var(--sp-3)}.dom-header .btn{width:100%;justify-content:center}.dom-add-form{flex-direction:column}.dom-dns-row{flex-direction:column;gap:var(--sp-2)}.dom-dns-arrow,.dom-table-header-row{display:none}.dom-table-row{display:flex;flex-direction:column;gap:var(--sp-2);align-items:flex-start;padding:var(--sp-4)}.dom-col-actions{width:100%;justify-content:flex-start}}.domain-selector-bar{display:flex;align-items:center;gap:var(--sp-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-3) var(--sp-5);margin-bottom:var(--sp-5);flex-wrap:wrap}.domain-selector-label{font-size:.8125rem;font-weight:700;white-space:nowrap}.domain-selector-select{flex:0 1 auto;min-width:200px;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--gray-50);font-size:.8125rem;color:var(--text-primary);cursor:pointer;transition:border-color .2s}.domain-selector-select:focus{outline:none;border-color:var(--brand)}.domain-selector-preview{font-size:.75rem;color:var(--text-secondary);margin-left:auto}.domain-selector-preview code{background:var(--gray-50);padding:.1rem .35rem;border-radius:4px;font-size:.85em;color:var(--brand)}.mode-badge{display:inline-block;font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:var(--brand);color:#fff;padding:.1rem .35rem;border-radius:4px;margin-left:4px;vertical-align:middle;line-height:1}@media(max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.container{padding:0}.hero h2{font-size:1.25rem}.product-grid,.product-grid-compact{grid-template-columns:1fr}.product-card-compact{flex-wrap:wrap;gap:var(--sp-3)}.btn-compact-launch{width:100%}.site-list-item{flex-direction:column;align-items:flex-start}.site-actions{margin-top:var(--sp-3)}.sites-grid{grid-template-columns:1fr}.site-card-actions{flex-wrap:wrap}.form-columns{grid-template-columns:1fr;gap:0}.pricing-grid,.faq-grid,.account-plan-features{grid-template-columns:1fr}.account-plan-grid{grid-template-columns:1fr 1fr}.account-info-row{grid-template-columns:1fr}.billing-usage-grid{grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.billing-info-grid{grid-template-columns:1fr}.billing-actions,.sites-stats-row{flex-direction:column}}.lp{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--gray-950);overflow-x:hidden}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#fff;border-bottom:1px solid var(--border);transition:border-color .25s ease-out}.lp-nav-inner{max-width:1200px;margin:0 auto;padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between;transition:height .25s ease-out,padding .25s ease-out,gap .25s ease-out}.lp-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.05rem;color:var(--gray-950);text-decoration:none;flex-shrink:0}.lp-brand img{border-radius:6px;transition:transform .25s ease-out}.lp-nav-center{display:flex;align-items:center;gap:32px;transition:gap .25s ease-out}.lp-nav-center a{color:var(--gray-500);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .15s}.lp-nav-center a:hover{color:var(--gray-950)}.lp-nav-right{display:flex;align-items:center;gap:16px;transition:gap .25s ease-out}.lp-nav-login{color:var(--gray-600);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .15s}.lp-nav-login:hover{color:var(--gray-950)}.lp-nav-toggle{display:none;background:none;border:none;padding:4px;color:var(--gray-600);cursor:pointer}.lp-nav-mobile{display:none;padding:16px 32px 24px;border-top:1px solid var(--gray-100)}.lp-nav-mobile a{display:block;padding:12px 0;color:var(--gray-600);text-decoration:none;font-size:.9375rem;font-weight:500;border-bottom:1px solid var(--gray-100)}.lp-nav-mobile-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.lp-nav.is-scrolled{border-bottom-color:var(--gray-200)}.lp-nav.is-scrolled .lp-nav-inner{height:52px;padding:0 20px}.lp-nav.is-scrolled .lp-brand img{transform:scale(.9)}.lp-nav.is-scrolled .lp-nav-center{gap:24px}.lp-nav.is-scrolled .lp-nav-right{gap:12px}.lp-hero{padding:128px 32px 0;background:var(--gray-50)}.lp-hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.lp-hero-content{text-align:left}.lp-hero-badge{display:inline-block;background:#f9731614;color:var(--brand);font-size:.8125rem;font-weight:600;padding:6px 16px;border:1px solid rgba(249,115,22,.2);margin-bottom:24px}.lp-hero-title{font-size:3rem;font-weight:800;line-height:1.1;letter-spacing:-.03em;margin:0 0 24px;color:var(--gray-950)}.lp-hero-subtitle{font-size:1.0625rem;line-height:1.7;color:var(--gray-500);margin:0 0 32px;max-width:520px}.lp-hero-cta{display:flex;gap:12px;align-items:center}.lp-hero-cta .btn svg{margin-left:6px}.lp-hero-preview{display:flex;justify-content:center}.lp-preview-window{background:#fff;border:1px solid var(--gray-200);overflow:hidden;width:100%}.lp-preview-large{max-width:100%}.lp-preview-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.lp-preview-dot{width:10px;height:10px;border-radius:50%;background:var(--gray-200)}.lp-preview-url{font-size:.6875rem;color:var(--gray-400);margin-left:8px;font-family:monospace}.lp-preview-body{display:flex;min-height:200px}.lp-preview-sidebar{width:48px;background:var(--gray-900);padding:12px 8px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.lp-preview-sidebar-item{height:6px;border-radius:3px;background:var(--gray-700)}.lp-preview-sidebar-item.active{background:var(--brand)}.lp-preview-main{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px}.lp-preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lp-preview-stat-card{background:var(--gray-50);border:1px solid var(--gray-100);padding:10px;display:flex;flex-direction:column;gap:6px}.lp-preview-stat-label{height:6px;width:60%;background:var(--gray-200);border-radius:3px}.lp-preview-stat-value{height:10px;background:var(--brand);border-radius:3px;opacity:.7}.lp-preview-table{display:flex;flex-direction:column;gap:6px}.lp-preview-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--gray-100)}.lp-preview-cell{height:8px;background:var(--gray-200);border-radius:4px}.lp-preview-cell.w20{width:20%}.lp-preview-cell.w25{width:25%}.lp-preview-cell.w30{width:30%}.lp-preview-cell.w40{width:40%}.lp-preview-cell.w45{width:45%}.lp-preview-cell.w50{width:50%}.lp-preview-cell.w55{width:55%}.lp-preview-cell.w60{width:60%}.lp-preview-badge{width:40px;height:8px;border-radius:4px;flex-shrink:0}.lp-preview-badge.green{background:#22c55e}.lp-preview-badge.orange{background:var(--brand)}.lp-preview-badge.gray{background:var(--gray-300)}.lp-preview-chart{display:flex;align-items:flex-end;gap:6px;height:80px;padding:8px 0}.lp-preview-chart-bar{flex:1;background:var(--brand);opacity:.6;border-radius:2px 2px 0 0}.lp-hero-stats{max-width:1200px;margin:0 auto;padding:48px 32px;display:flex;justify-content:center;align-items:center;gap:48px;border-top:1px solid var(--gray-200);background:var(--gray-50)}.lp-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.lp-stat-value{font-size:1.75rem;font-weight:800;color:var(--gray-950);letter-spacing:-.02em}.lp-stat-label{font-size:.8125rem;color:var(--gray-400);margin-top:4px}.lp-stat-divider{width:1px;height:40px;background:var(--gray-200)}.lp-section{padding:96px 32px}.lp-section-alt{background:var(--gray-50)}.lp-container{max-width:1200px;margin:0 auto}.lp-section-header{text-align:center;margin-bottom:64px}.lp-section-tag{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin-bottom:16px}.lp-section-title{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;margin:0 0 16px;color:var(--gray-950);line-height:1.2}.lp-section-subtitle{font-size:1rem;color:var(--gray-500);max-width:560px;margin:0 auto;line-height:1.7}.lp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lp-feature-card{background:#fff;border:1px solid var(--gray-200);padding:32px;text-align:left;transition:border-color .2s,transform .2s}.lp-feature-card:hover{border-color:var(--brand);transform:translateY(-2px)}.lp-feature-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f9731614;color:var(--brand);margin-bottom:20px}.lp-feature-card h3{font-size:1rem;font-weight:700;margin:0 0 8px;color:var(--gray-950)}.lp-feature-card p{font-size:.875rem;line-height:1.65;color:var(--gray-500);margin:0}.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;text-align:center}.lp-step{position:relative}.lp-step-num{width:48px;height:48px;border-radius:50%;background:var(--brand);color:#fff;font-size:1.125rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.lp-step-connector{position:absolute;top:24px;left:calc(50% + 32px);width:calc(100% - 64px);height:0;border-top:2px dashed var(--gray-300);z-index:0}.lp-step h3{font-size:1.0625rem;font-weight:700;margin:0 0 8px;color:var(--gray-950)}.lp-step p{font-size:.875rem;color:var(--gray-500);max-width:280px;margin:0 auto;line-height:1.6}.lp-product-preview{max-width:960px;margin:0 auto}.lp-pricing-toggle{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:24px}.lp-pricing-toggle span{font-size:.875rem;font-weight:500;color:var(--gray-400);transition:color .2s}.lp-pricing-toggle span.active{color:var(--gray-950);font-weight:600}.lp-toggle{position:relative;width:44px;height:24px;background:var(--gray-200);border:1px solid var(--gray-300);border-radius:12px;cursor:pointer;padding:0;transition:background .2s}.lp-toggle-on{background:var(--brand);border-color:var(--brand)}.lp-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}.lp-toggle-on .lp-toggle-thumb{transform:translate(20px)}.lp-toggle-save{font-size:.6875rem;font-weight:700;color:var(--brand);margin-left:6px}.lp-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.lp-pricing-card{background:#fff;border:1px solid var(--gray-200);padding:32px;text-align:left;position:relative;transition:border-color .2s,transform .2s;display:flex;flex-direction:column}.lp-pricing-card:hover{border-color:var(--brand);transform:translateY(-2px)}.lp-pricing-card.popular{border:2px solid var(--brand)}.lp-popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--brand);color:#fff;font-size:.6875rem;font-weight:700;padding:4px 14px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.lp-pricing-header{margin-bottom:16px}.lp-pricing-card h3{font-size:1.25rem;font-weight:700;margin:0 0 4px}.lp-pricing-desc{font-size:.8125rem;color:var(--gray-500);margin:0}.lp-pricing-price{margin-bottom:24px;display:flex;align-items:baseline;gap:4px}.lp-price-amount{font-size:2.5rem;font-weight:800;color:var(--gray-950);letter-spacing:-.03em}.lp-price-period{font-size:.875rem;color:var(--gray-400)}.lp-pricing-features{list-style:none;padding:0;margin:0 0 24px;flex:1}.lp-pricing-features li{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--gray-600);padding:8px 0;border-bottom:1px solid var(--gray-100)}.lp-pricing-features li:last-child{border-bottom:none}.lp-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--brand);flex-shrink:0}.lp-cta{padding:96px 32px;text-align:center;background:var(--gray-900);color:#fff;position:relative;overflow:hidden}.lp-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.06) 1px,transparent 0);background-size:32px 32px}.lp-cta .lp-container{position:relative;z-index:1}.lp-cta h2{font-size:2rem;font-weight:800;margin:0 0 16px;letter-spacing:-.02em}.lp-cta p{font-size:1rem;color:#fff9;max-width:480px;margin:0 auto 32px;line-height:1.7}.lp-cta .btn svg{margin-left:6px}.lp-footer{background:var(--gray-950);color:var(--gray-400);padding:64px 32px 32px}.lp-footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}.lp-footer-brand{display:flex;flex-direction:column;gap:16px}.lp-footer-logo{display:flex;align-items:center;gap:8px;font-weight:700;color:#fff;font-size:1rem}.lp-footer-logo img{border-radius:6px}.lp-footer-brand p{font-size:.8125rem;color:var(--gray-500);margin:0;line-height:1.6;max-width:280px}.lp-footer-col{display:flex;flex-direction:column;gap:12px}.lp-footer-col h4{font-size:.8125rem;font-weight:700;color:#fff;margin:0 0 4px;text-transform:uppercase;letter-spacing:.05em}.lp-footer-col a{color:var(--gray-500);text-decoration:none;font-size:.8125rem;transition:color .15s}.lp-footer-col a:hover{color:#fff}.lp-footer-bottom{max-width:1200px;margin:48px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.lp-footer-bottom p{font-size:.75rem;color:var(--gray-600);margin:0}@media(max-width:1024px){.lp-hero-inner{grid-template-columns:1fr;text-align:center}.lp-hero-content{text-align:center}.lp-hero-subtitle{margin-left:auto;margin-right:auto}.lp-hero-cta{justify-content:center}.lp-hero-preview{max-width:560px}.lp-features-grid{grid-template-columns:repeat(2,1fr)}.lp-steps{gap:32px}.lp-step-connector{display:none}.lp-footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:768px){.lp-nav-center,.lp-nav-right{display:none}.lp-nav-toggle{display:flex}.lp-nav-mobile{display:block}.lp-hero{padding-top:80px}.lp-hero-title{font-size:2.25rem}.lp-hero-cta{flex-direction:column;align-items:stretch}.lp-hero-stats{flex-direction:column;gap:24px;padding:32px}.lp-stat-divider{width:40px;height:1px}.lp-section{padding:64px 24px}.lp-section-title{font-size:1.75rem}.lp-features-grid,.lp-steps,.lp-pricing-grid{grid-template-columns:1fr}.lp-footer-inner{grid-template-columns:1fr;gap:32px}.lp-preview-window{min-height:180px}}.admin-page{display:flex;flex-direction:column;gap:var(--sp-4)}.admin-auth-card{max-width:400px;margin:var(--sp-8) auto;padding:var(--sp-6)!important}.admin-auth-header{text-align:center;margin-bottom:var(--sp-5)}.admin-auth-icon{font-size:1.75rem;margin-bottom:var(--sp-2)}.admin-auth-header h2{font-size:1.25rem;font-weight:700;margin:0 0 var(--sp-1)}.admin-auth-header p{color:var(--gray-500);font-size:.875rem;margin:0}.admin-tab-bar{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-2) var(--sp-3);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2)}.admin-tab-list{display:flex;gap:2px;flex-wrap:wrap}.admin-tab{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--gray-500);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s}.admin-tab:hover{background:var(--gray-50);color:var(--text-primary)}.admin-tab.active{background:var(--brand);color:#fff}.admin-tab-icon{font-size:.8125rem}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-4)}.admin-stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-5);text-align:center;box-shadow:var(--shadow-xs)}.admin-stat-icon{font-size:1.25rem;margin-bottom:var(--sp-2)}.admin-stat-value{font-size:2rem;font-weight:800;letter-spacing:-.02em}.admin-stat-label{font-size:.75rem;color:var(--gray-500);margin-top:var(--sp-1)}.admin-search{position:relative;min-width:220px}.admin-search-input{width:100%;padding:var(--sp-2) var(--sp-8) var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.8125rem;background:var(--gray-50);color:var(--text-primary);box-sizing:border-box}.admin-search-input:focus{outline:none;border-color:var(--brand);background:#fff}.admin-search-clear{position:absolute;right:var(--sp-2);top:50%;transform:translateY(-50%);background:none;border:none;font-size:1rem;color:var(--gray-400);cursor:pointer;padding:0;line-height:1}.admin-table-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-4)}.admin-table-header h3{font-size:.9375rem;font-weight:700;margin:0}.admin-table-wrap{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xs)}.admin-table{width:100%;border-collapse:collapse;font-size:.8125rem}.admin-table th{text-align:left;padding:var(--sp-3) var(--sp-4);background:var(--gray-50);border-bottom:1px solid var(--border);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.admin-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--gray-100);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--gray-50)}.admin-table-actions{display:flex;gap:var(--sp-2)}.admin-user-cell{display:flex;align-items:center;gap:var(--sp-3)}.admin-user-avatar{width:28px;height:28px;border-radius:50%;background:var(--gray-200);color:var(--gray-600);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;flex-shrink:0}.admin-user-info{display:flex;flex-direction:column}.admin-user-email{font-weight:500;color:var(--text-primary)}.admin-user-role{font-size:.6875rem;color:var(--text-secondary)}.admin-empty{text-align:center;padding:var(--sp-10) var(--sp-5);color:var(--text-secondary);font-size:.8125rem}@media(max-width:768px){.admin-tab-bar{flex-direction:column;align-items:stretch}.admin-search{width:100%;min-width:auto}.admin-table-wrap{overflow-x:auto}}.db-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sp-6);gap:var(--sp-4)}.db-header-text h1{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}.db-header-text p{color:var(--text-secondary);font-size:.875rem;margin-top:var(--sp-1)}.db-header-actions{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.db-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-bottom:var(--sp-5)}.db-stat{background:var(--bg-surface);border:1px solid var(--border);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2)}.db-stat-top{display:flex;align-items:center;justify-content:space-between}.db-stat-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);color:var(--text-secondary)}.db-stat-icon-success{border-color:transparent;color:var(--success);background:var(--success-light)}.db-stat-icon-info{border-color:transparent;color:var(--info);background:var(--info-light)}.db-stat-icon-neutral{border-color:transparent;color:var(--gray-400);background:var(--gray-100)}.db-stat-value{font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--text-primary)}.db-stat-label{font-size:.6875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.db-stat-sub{font-size:.6875rem;color:var(--text-tertiary)}.db-mid-row{display:grid;grid-template-columns:1fr 2fr;gap:var(--sp-4);margin-bottom:var(--sp-5)}.db-section-title{font-size:.875rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-4)}.db-plan-stat-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:var(--sp-1)}.db-plan-stat-value{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-3)}.db-progress-track{height:8px;background:var(--gray-200);border:1px solid var(--gray-300);margin-bottom:var(--sp-2)}.db-progress-fill{height:100%;background:var(--brand);transition:width .8s var(--ease)}.db-progress-fill-warn{background:var(--warning)}.db-progress-fill-danger{background:var(--danger)}.db-chart-wrap{display:flex;flex-direction:column}.db-chart-area{display:flex;align-items:flex-end;gap:6px;height:100px;border-bottom:1px solid var(--border)}.db-bar-col{display:flex;flex-direction:column;align-items:center;flex:1;height:100%;justify-content:flex-end}.db-bar{width:100%;background:var(--brand);min-height:3px;opacity:.85}.db-bar-col:hover .db-bar{opacity:1;background:var(--brand-hover)}.db-bar-labels{display:flex;gap:6px;margin-top:var(--sp-2)}.db-bar-day{flex:1;font-size:.6rem;color:var(--text-tertiary);text-align:center;text-transform:uppercase;letter-spacing:.04em}.db-ops-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-bottom:var(--sp-5)}.db-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) 0;border-bottom:1px solid var(--gray-100);gap:var(--sp-3)}.db-list-item:last-child{border-bottom:none}.db-list-left{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.db-list-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-list-meta{font-size:.75rem;color:var(--text-secondary)}.db-activity-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--gray-100)}.db-activity-row:last-child{border-bottom:none}.db-activity-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0;border:1px solid var(--border);color:var(--text-secondary)}.db-activity-created{background:var(--success-light);color:var(--success-dark);border-color:transparent}.db-activity-expired{background:var(--gray-100);color:var(--gray-500);border-color:transparent}.db-activity-deleted{background:var(--danger-light);color:var(--danger-dark);border-color:transparent}.db-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-bottom:var(--sp-5)}.db-health-card{background:var(--bg-surface);border:1px solid var(--border);padding:var(--sp-4) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2)}.db-health-top{display:flex;align-items:center;justify-content:space-between}.db-health-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.db-health-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.db-health-dot-ok{background:var(--success)}.db-health-dot-warn{background:var(--warning)}.db-health-dot-err{background:var(--danger)}.db-health-dot-checking{background:var(--gray-300);animation:pulse-dot 1.5s ease-in-out infinite}.db-health-value{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1}.db-health-status{font-size:.8125rem;font-weight:600}.db-health-status-ok{color:var(--success)}.db-health-status-err{color:var(--danger)}.db-health-status-checking{color:var(--text-tertiary)}.db-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}.db-action-tile{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-5) var(--sp-3);border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s}.db-action-tile:hover{border-color:var(--brand);background:var(--brand-light);text-decoration:none}.db-action-tile-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);color:var(--text-secondary)}.db-action-tile:hover .db-action-tile-icon{background:var(--brand-light);color:var(--brand)}.db-action-tile-label{font-size:.75rem;font-weight:600;color:var(--text-primary);text-align:center}.db-section{margin-bottom:var(--sp-5)}.db-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}.db-section-header h2{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.db-section-header a{font-size:.8125rem;color:var(--brand);text-decoration:none}.db-section-header a:hover{text-decoration:underline}@media(max-width:1024px){.db-stats-grid{grid-template-columns:repeat(2,1fr)}.db-mid-row{grid-template-columns:1fr}.db-health-grid,.db-quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.db-header{flex-direction:column;align-items:flex-start}.db-stats-grid{grid-template-columns:1fr 1fr}.db-ops-row{grid-template-columns:1fr}.db-health-grid{grid-template-columns:1fr 1fr}}.docs-page{max-width:960px;margin:0 auto}.docs-header{text-align:center;margin-bottom:2.5rem}.docs-header-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--brand-light);color:var(--brand);border-radius:12px;margin-bottom:1rem}.docs-header h2{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin:0 0 .5rem}.docs-header p{color:var(--gray-500);font-size:1rem;max-width:540px;margin:0 auto;line-height:1.6}.docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.docs-card{display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem;background:#fff;border:1px solid var(--gray-200);border-radius:12px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s,box-shadow .15s}.docs-card:hover{border-color:var(--brand-border);box-shadow:0 2px 12px #f9731614}.docs-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;margin-bottom:1rem}.docs-card h3{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0 0 .375rem}.docs-card p{font-size:.8125rem;color:var(--gray-500);line-height:1.5;margin:0 0 auto;flex:1}.docs-card-link{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:500;color:var(--brand);margin-top:1rem}.docs-back{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:500;color:var(--gray-500);background:none;border:none;cursor:pointer;padding:0;margin-bottom:1.5rem;font-family:inherit}.docs-back:hover{color:var(--brand)}.docs-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.docs-detail-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;flex-shrink:0}.docs-detail-header h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0 0 .25rem}.docs-detail-header p{color:var(--gray-500);font-size:.875rem;margin:0}.docs-detail-body h3{font-size:1.125rem;font-weight:600;color:var(--gray-800);margin:0 0 1rem}.docs-steps{display:flex;flex-direction:column;gap:1rem}.docs-step{display:flex;gap:1rem;padding:1.25rem;background:#fff;border:1px solid var(--gray-200);border-radius:10px}.docs-step-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;background:var(--brand);color:#fff;font-weight:700;font-size:.875rem;border-radius:8px}.docs-step-body h4{font-size:.9375rem;font-weight:600;color:var(--gray-800);margin:0 0 .375rem}.docs-step-body p{font-size:.8125rem;color:var(--gray-500);line-height:1.6;margin:0}.docs-list-sections{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.docs-list-section{padding:1.25rem;background:#fff;border:1px solid var(--gray-200);border-radius:10px}.docs-list-section h4{font-size:.9375rem;font-weight:600;color:var(--gray-800);margin:0 0 .75rem}.docs-list-section ul{list-style:none;padding:0;margin:0}.docs-list-section li{display:flex;align-items:flex-start;gap:8px;font-size:.8125rem;color:var(--gray-600);line-height:1.5;padding:4px 0}.docs-check{flex-shrink:0;color:var(--brand);margin-top:2px}.docs-table-wrap{overflow-x:auto;margin-bottom:1.5rem}.docs-table{width:100%;border-collapse:collapse;font-size:.8125rem}.docs-table th{text-align:left;padding:.75rem 1rem;background:var(--gray-50);color:var(--gray-600);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--gray-200)}.docs-table td{padding:.75rem 1rem;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}.docs-table tbody tr:hover{background:var(--gray-50)}.docs-table code{font-family:SF Mono,Consolas,monospace;font-size:.75rem;background:var(--gray-100);padding:2px 6px;border-radius:4px;color:var(--gray-800)}.docs-method{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.6875rem;font-weight:700;letter-spacing:.03em;font-family:SF Mono,monospace}.docs-method-get{background:#dcfce7;color:#166534}.docs-method-post{background:#dbeafe;color:#1e40af}.docs-method-put{background:#fef3c7;color:#92400e}.docs-method-delete{background:#fecaca;color:#991b1b}.docs-lifecycle{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.docs-lifecycle-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:.8125rem}.docs-lifecycle-emoji{font-size:1.25rem}.docs-lifecycle-item strong{color:var(--gray-800);min-width:70px}.docs-lifecycle-item span:last-child{color:var(--gray-500)}.docs-dns-providers{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-bottom:1.5rem}.docs-dns-card{padding:1rem;background:#fff;border:1px solid var(--gray-200);border-radius:8px}.docs-dns-card strong{display:block;font-size:.875rem;color:var(--gray-800);margin-bottom:.375rem}.docs-dns-card p{font-size:.75rem;color:var(--gray-500);line-height:1.5;margin:0}.docs-callout{padding:1rem 1.25rem;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:.8125rem;color:#92400e;line-height:1.5;margin-bottom:1.5rem}.docs-admin-tabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.docs-admin-tab{padding:1rem 1.25rem;background:#fff;border:1px solid var(--gray-200);border-radius:8px}.docs-admin-tab strong{display:block;font-size:.875rem;color:var(--gray-800);margin-bottom:.375rem}.docs-admin-tab p{font-size:.8125rem;color:var(--gray-500);line-height:1.5;margin:0}@media(max-width:640px){.docs-grid,.docs-list-sections,.docs-dns-providers,.docs-admin-tabs{grid-template-columns:1fr}.docs-detail-header{flex-direction:column;align-items:flex-start}}.docs-editor{display:flex;flex-direction:column;gap:12px}.docs-editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;flex-wrap:wrap;gap:12px}.docs-editor-toolbar h3{margin:0;font-size:1rem;color:var(--gray-800)}.docs-editor-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.docs-editor-section{border:1px solid var(--gray-200);border-radius:10px;background:#fff;overflow:hidden}.docs-editor-section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;gap:12px;transition:background .15s}.docs-editor-section-header:hover{background:var(--gray-50)}.docs-editor-section-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.docs-editor-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.docs-editor-section-left strong{font-size:.875rem;color:var(--gray-800);white-space:nowrap}.docs-editor-section-desc{font-size:.8125rem;color:var(--gray-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs-editor-section-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.docs-editor-chevron{font-size:.75rem;color:var(--gray-400);margin-left:4px}.docs-editor-section-body{padding:16px 20px 20px;border-top:1px solid var(--gray-100);display:flex;flex-direction:column;gap:12px}.docs-editor-row{display:flex;align-items:center;gap:12px}.docs-editor-row label{font-size:.8125rem;font-weight:600;color:var(--gray-600);min-width:90px;flex-shrink:0}.docs-editor-row input[type=text],.docs-editor-row input[type=color]{flex:1}.docs-editor-content-label{font-size:.8125rem;font-weight:700;color:var(--gray-800);text-transform:uppercase;letter-spacing:.05em;padding-top:8px;border-top:1px solid var(--gray-100);margin-top:4px}.docs-editor-list{border:1px solid var(--gray-100);border-radius:8px;padding:12px}.docs-editor-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.docs-editor-list-header strong{font-size:.8125rem;color:var(--gray-600)}.docs-editor-list-item{display:flex;align-items:flex-start;gap:8px;padding:8px;border:1px solid var(--gray-100);border-radius:6px;margin-bottom:6px;background:var(--gray-50)}.docs-editor-list-item-vertical{flex-direction:column}.docs-editor-list-item-num{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;background:var(--brand);color:#fff;font-size:.75rem;font-weight:700;border-radius:6px;margin-top:4px}.docs-editor-list-item-fields{flex:1;display:flex;flex-direction:column;gap:6px}.docs-editor-list-item-fields input,.docs-editor-list-item-fields textarea{width:100%;font-size:.8125rem}.docs-editor-list-item-fields textarea{resize:vertical;min-height:40px}.docs-editor-kv-grid input,.docs-editor-kv-grid select,.docs-editor-table-grid input{font-size:.75rem;padding:4px 6px;min-width:0}@media(max-width:640px){.docs-editor-toolbar,.docs-editor-row{flex-direction:column;align-items:flex-start}.docs-editor-row label{min-width:0}.docs-editor-kv-grid,.docs-editor-table-grid{overflow-x:auto}}