.dashboard-layout{display:flex;min-height:100vh}.dashboard-sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;height:100vh;position:fixed;width:260px;z-index:50}.sidebar-header{border-bottom:1px solid var(--color-border);padding:var(--spacing-lg)}.sidebar-brand{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:var(--spacing-sm);text-decoration:none}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--spacing-md)}.nav-list{list-style:none;margin:0;padding:0}.nav-item{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-md);margin-bottom:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.nav-item.active{background:var(--color-primary-light);color:var(--color-primary)}.nav-icon{font-size:1.125rem}.nav-divider{align-items:center;color:var(--color-text-muted);display:flex;font-size:.75rem;font-weight:600;gap:var(--spacing-md);letter-spacing:.05em;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-sm);text-transform:uppercase}.nav-divider:after{background:var(--color-border);content:"";flex:1 1;height:1px}.sidebar-footer{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-md)}.user-info{align-items:center;gap:var(--spacing-sm)}.user-details{gap:2px}.user-name{font-size:.875rem}.user-plan{font-size:.625rem;padding:2px 6px}.logout-btn{background:none;border:none;cursor:pointer;font-size:1.125rem;opacity:.7;padding:var(--spacing-sm);transition:opacity var(--transition-fast)}.logout-btn:hover{opacity:1}.dashboard-main{background:var(--color-bg-primary);flex:1 1;margin-left:260px;min-height:100vh}@media (max-width:768px){.dashboard-sidebar{border-bottom:1px solid var(--color-border);border-right:none;height:auto;position:relative;width:100%}.dashboard-main{margin-left:0}.sidebar-nav{display:flex;overflow-x:auto;padding:var(--spacing-sm)}.nav-list{display:flex;gap:var(--spacing-sm)}.nav-item{margin-bottom:0;white-space:nowrap}.nav-divider,.nav-label,.sidebar-footer{display:none}}:root{--color-bg-primary:#fafafa;--color-bg-secondary:#f5f5f5;--color-bg-tertiary:#eee;--color-bg-card:#fff;--color-bg-hover:#f0f0f0;--color-text-primary:#1a1a2e;--color-text-secondary:#4a4a68;--color-text-muted:#7a7a8c;--color-border:#e0e0e0;--color-border-light:#d0d0d0;--color-primary:#c2185b;--color-primary-hover:#ad1457;--color-primary-light:rgba(194,24,91,.1);--color-secondary:#7b1fa2;--color-accent:#9c27b0;--gradient-primary:linear-gradient(135deg,#c2185b,#7b1fa2);--gradient-accent:linear-gradient(135deg,#e91e63,#9c27b0);--color-success:#2e7d32;--color-success-bg:rgba(46,125,50,.1);--color-warning:#f57c00;--color-warning-bg:rgba(245,124,0,.1);--color-error:#c62828;--color-error-bg:rgba(198,40,40,.1);--color-info:#1565c0;--color-info-bg:rgba(21,101,192,.1);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--radius-full:0;--shadow-sm:0 1px 3px 0 rgba(0,0,0,.08);--shadow-md:0 4px 6px -1px rgba(0,0,0,.08),0 2px 4px -1px rgba(0,0,0,.04);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.04);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.08),0 10px 10px -5px rgba(0,0,0,.03);--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;background-color:var(--color-bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);line-height:1.6}body,h1,h2,h3,h4,h5,h6{color:#1a1a2e;color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:#4a4a68;color:var(--color-text-secondary);margin-bottom:1rem;margin-bottom:var(--spacing-md)}a{color:#c2185b;color:var(--color-primary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#ad1457;color:var(--color-primary-hover)}.link{color:#c2185b;color:var(--color-primary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}.link:hover{color:#ad1457;color:var(--color-primary-hover);text-decoration:underline}.btn{align-items:center;border:none;border-radius:0;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--spacing-sm);justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#c2185b,#7b1fa2);background:var(--gradient-primary);border:none;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px rgba(194,24,91,.4);transform:translateY(-1px)}.btn-secondary{background:#f5f5f5;background:var(--color-bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--color-border);color:#1a1a2e;color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:#eee;background:var(--color-bg-tertiary);border-color:#d0d0d0;border-color:var(--color-border-light)}.btn-outline{background:transparent;border:1px solid #c2185b;border:1px solid var(--color-primary);color:#c2185b;color:var(--color-primary)}.btn-outline:hover:not(:disabled){background:rgba(194,24,91,.1);background:var(--color-primary-light)}.btn-danger{background:#c62828;background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-ghost{background:transparent;color:#4a4a68;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:#f0f0f0;background:var(--color-bg-hover);color:#1a1a2e;color:var(--color-text-primary)}.btn-sm{font-size:.8125rem;padding:.5rem 1rem}.btn-lg{font-size:1rem;padding:1rem 2rem}.btn-icon{height:2.5rem;padding:.5rem;width:2.5rem}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-label{display:block;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.form-input,.form-label,.form-select,.form-textarea{color:#1a1a2e;color:var(--color-text-primary);font-size:.875rem}.form-input,.form-select,.form-textarea{background:#f5f5f5;background:var(--color-bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-md);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);padding:.75rem 1rem;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#c2185b;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(194,24,91,.1);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-input::placeholder{color:#7a7a8c;color:var(--color-text-muted)}.form-input.error,.form-select.error,.form-textarea.error{border-color:#c62828;border-color:var(--color-error)}.form-error{color:#c62828;color:var(--color-error)}.form-error,.form-hint{font-size:.75rem;margin-top:.25rem;margin-top:var(--spacing-xs)}.form-hint{color:#7a7a8c;color:var(--color-text-muted)}.form-textarea{min-height:100px;resize:vertical}.card{background:#fff;background:var(--color-bg-card);border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--spacing-lg)}.card-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:1.5rem;padding-bottom:var(--spacing-lg)}.card-title{color:#1a1a2e;color:var(--color-text-primary);font-size:1.125rem;font-weight:600}.card-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border);margin-top:1.5rem;margin-top:var(--spacing-lg);padding-top:1.5rem;padding-top:var(--spacing-lg)}.badge{align-items:center;border-radius:0;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .75rem}.badge-success{background:rgba(46,125,50,.1);background:var(--color-success-bg);color:#2e7d32;color:var(--color-success)}.badge-warning{background:rgba(245,124,0,.1);background:var(--color-warning-bg);color:#f57c00;color:var(--color-warning)}.badge-error{background:rgba(198,40,40,.1);background:var(--color-error-bg);color:#c62828;color:var(--color-error)}.badge-info{background:rgba(21,101,192,.1);background:var(--color-info-bg);color:#1565c0;color:var(--color-info)}.badge-neutral{background:#eee;background:var(--color-bg-tertiary);color:#4a4a68;color:var(--color-text-secondary)}.status-dot{display:inline-block;height:8px;width:8px}.status-dot.success{background:#2e7d32;background:var(--color-success)}.status-dot.warning{background:#f57c00;background:var(--color-warning)}.status-dot.error{background:#c62828;background:var(--color-error)}.status-dot.info{background:#1565c0;background:var(--color-info)}.status-dot.neutral{background:#7a7a8c;background:var(--color-text-muted)}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border);padding:1rem;padding:var(--spacing-md);text-align:left}.table th{background:#f5f5f5;background:var(--color-bg-secondary);color:#7a7a8c;color:var(--color-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table td{color:#1a1a2e;color:var(--color-text-primary);font-size:.875rem}.table tr:hover td{background:#f0f0f0;background:var(--color-bg-hover)}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--spacing-lg)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:.25rem;gap:var(--spacing-xs)}.gap-sm{gap:.5rem;gap:var(--spacing-sm)}.gap-md{gap:1rem;gap:var(--spacing-md)}.gap-lg{gap:1.5rem;gap:var(--spacing-lg)}.gap-xl{gap:2rem;gap:var(--spacing-xl)}.mt-xs{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-sm{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-md{margin-top:1rem;margin-top:var(--spacing-md)}.mt-lg{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-xl{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-muted{color:#7a7a8c;color:var(--color-text-muted)}.text-secondary{color:#4a4a68;color:var(--color-text-secondary)}.text-success{color:#2e7d32}.text-warning{color:#f57c00}.text-error{color:#c62828;color:var(--color-error)}.font-mono{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}code{background:#eee;background:var(--color-bg-tertiary);border-radius:0;border-radius:var(--radius-sm);font-size:.875em;padding:.125rem .375rem}code,pre{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono)}pre{background:#f5f5f5;background:var(--color-bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-md);font-size:.875rem;overflow-x:auto;padding:1rem;padding:var(--spacing-md)}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #e0e0e0;border-top-color:#c2185b;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.loading-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f5f5f5 25%,#eee 50%,#f5f5f5 75%);background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{animation:slideIn .3s ease;background:#fff;background:var(--color-bg-card);border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-md);bottom:2rem;bottom:var(--spacing-xl);box-shadow:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.04);box-shadow:var(--shadow-lg);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);position:fixed;right:2rem;right:var(--spacing-xl);z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-overlay{align-items:center;background:rgba(0,0,0,.7);display:flex;inset:0;justify-content:center;padding:1.5rem;padding:var(--spacing-lg);position:fixed;z-index:1000}.modal{background:#fff;background:var(--color-bg-card);border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:0;border-radius:var(--radius-lg);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--spacing-lg)}.modal-title{font-size:1.125rem;font-weight:600}.modal-body,.modal-footer{padding:1.5rem;padding:var(--spacing-lg)}.modal-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border);display:flex;gap:1rem;gap:var(--spacing-md);justify-content:flex-end}@media (max-width:768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{padding:0 1rem;padding:0 var(--spacing-md)}.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,98%,.95);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.navbar-container{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.navbar-brand{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:var(--spacing-sm);text-decoration:none}.brand-icon{font-size:1.5rem}.brand-text{-webkit-text-fill-color:transparent;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.navbar-links{align-items:center;display:flex;gap:var(--spacing-xl)}.nav-link{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-text-primary)}.navbar-actions{align-items:center;display:flex;gap:var(--spacing-md)}.user-menu{position:relative}.user-menu-trigger{background:none;border:none;cursor:pointer;padding:0}.user-avatar{background:var(--gradient-primary)}.user-menu-dropdown{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--spacing-sm);min-width:200px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all var(--transition-fast);visibility:hidden}.user-menu:focus-within .user-menu-dropdown,.user-menu:hover .user-menu-dropdown{opacity:1;transform:translateY(0);visibility:visible}.user-menu-header{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.user-name{color:var(--color-text-primary);font-weight:600}.user-menu-divider{background:var(--color-border);height:1px}.user-menu-item{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:block;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-decoration:none;transition:all var(--transition-fast);width:100%}.user-menu-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.user-menu-logout,.user-menu-logout:hover{color:var(--color-error)}.user-menu-logout:hover{background:var(--color-error-bg)}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-2xl) 0 var(--spacing-xl)}.footer-container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.footer-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:var(--spacing-2xl)}@media (max-width:768px){.footer-grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}}.footer-logo{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);text-decoration:none}.footer-tagline{color:var(--color-text-muted);font-size:.875rem;line-height:1.6;margin-bottom:var(--spacing-lg);max-width:300px}.footer-social{display:flex;gap:var(--spacing-md)}.social-link{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:.75rem;height:36px;justify-content:center;text-decoration:none;transition:all var(--transition-fast);width:36px}.social-link:hover{background:var(--color-primary);color:#fff}.footer-title{color:var(--color-text-primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-md);text-transform:uppercase}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--color-text-muted);font-size:.875rem;text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-text-primary)}.footer-bottom{align-items:center;border-top:1px solid var(--color-border);color:var(--color-text-muted);display:flex;font-size:.875rem;justify-content:space-between;padding-top:var(--spacing-xl)}@media (max-width:480px){.footer-bottom{flex-direction:column;gap:var(--spacing-sm);text-align:center}}.footer-made{color:var(--color-text-secondary)}.landing-page{min-height:100vh}.hero{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;overflow:hidden;padding:var(--spacing-2xl) 0;position:relative;text-align:center}.hero:before{background:radial-gradient(ellipse at center,rgba(194,24,91,.1) 0,transparent 70%);content:"";height:500px;left:50%;max-width:800px;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:100%}.hero-container{margin:0 auto;max-width:800px;padding:0 var(--spacing-lg);position:relative;z-index:1}.hero-badge,.hero-title{margin-bottom:var(--spacing-lg)}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.1}@media (max-width:768px){.hero-title{font-size:2.5rem}}.gradient-text{-webkit-text-fill-color:transparent;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--color-text-secondary);font-size:1.25rem;margin:0 auto var(--spacing-xl);max-width:600px}.hero-actions{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.hero-actions,.hero-stats{display:flex;flex-wrap:wrap;justify-content:center}.hero-stats{gap:var(--spacing-2xl)}.stat{display:flex;flex-direction:column;gap:var(--spacing-xs)}.hero-visual{margin-left:auto;margin-right:auto;margin-top:var(--spacing-2xl);max-width:600px;padding:0 var(--spacing-lg);width:100%}.terminal-window{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden}.terminal-header{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.terminal-dot{height:12px;width:12px}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27ca40}.terminal-body{font-family:var(--font-mono);font-size:.875rem;padding:var(--spacing-md);text-align:left}.terminal-line{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.terminal-prompt{color:var(--color-success)}.terminal-command{color:var(--color-text-primary)}.terminal-output{color:var(--color-text-secondary)}.terminal-line.success .terminal-output{color:var(--color-success)}.frameworks-section{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);padding:var(--spacing-2xl) 0}.section-label{color:var(--color-text-muted);font-size:.875rem;margin-bottom:var(--spacing-lg);text-align:center}.frameworks-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-xl);justify-content:center}.framework-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:var(--spacing-sm)}.framework-icon{font-size:1.5rem}.section-header{margin-bottom:var(--spacing-2xl);text-align:center}.section-title{font-size:2.5rem;margin-bottom:var(--spacing-md)}.section-subtitle{color:var(--color-text-secondary);font-size:1.125rem;margin:0 auto;max-width:600px}.features-grid{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.features-grid{grid-template-columns:1fr}}.feature-card{padding:var(--spacing-xl)}.feature-card:hover{transform:translateY(-4px)}.feature-title{font-size:1.125rem;margin-bottom:var(--spacing-sm)}.feature-description{color:var(--color-text-secondary);font-size:.875rem;margin:0}.how-it-works{background:var(--color-bg-secondary);padding:var(--spacing-2xl) 0}.steps-grid{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.step-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex:1 1;max-width:250px;min-width:200px;padding:var(--spacing-xl);text-align:center}.step-number{background:var(--gradient-primary);color:#fff;font-size:1.5rem;font-weight:700;height:48px;margin:0 auto var(--spacing-md);width:48px}.step-card h3{font-size:1.125rem;margin-bottom:var(--spacing-sm)}.step-card p{color:var(--color-text-secondary);font-size:.875rem;margin:0}.step-arrow{color:var(--color-text-muted);font-size:1.5rem}@media (max-width:768px){.step-arrow{transform:rotate(90deg)}}.pricing-preview{padding:var(--spacing-2xl) 0}.pricing-cards{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px}@media (max-width:768px){.pricing-cards{grid-template-columns:1fr}}.pricing-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);position:relative;text-align:center}.pricing-card.featured{border-color:var(--color-primary);transform:scale(1.05)}.pricing-badge{background:var(--gradient-primary);color:#fff;font-size:.75rem;font-weight:600;left:50%;padding:4px 12px;position:absolute;top:-12px;transform:translateX(-50%)}.pricing-header{margin-bottom:var(--spacing-lg)}.pricing-header h3{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.pricing-amount{align-items:baseline;display:flex;gap:var(--spacing-xs);justify-content:center}.price{color:var(--color-text-primary);font-size:2.5rem;font-weight:700}.period{color:var(--color-text-muted);font-size:.875rem}.pricing-features{list-style:none;margin:0 0 var(--spacing-lg);padding:0;text-align:left}.pricing-features li{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.875rem;padding:var(--spacing-sm) 0}.pricing-features li:last-child{border-bottom:none}.testimonials-section{background:var(--color-bg-secondary);padding:var(--spacing-2xl) 0}.testimonials-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.testimonials-grid{grid-template-columns:1fr}}.testimonial-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.testimonial-content{color:var(--color-text-secondary);font-size:1rem;font-style:italic;line-height:1.7;margin-bottom:var(--spacing-lg)}.testimonial-author{align-items:center;display:flex;gap:var(--spacing-md)}.author-avatar{align-items:center;background:var(--gradient-primary);color:#fff;display:flex;font-weight:600;height:48px;justify-content:center;width:48px}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{color:var(--color-text-primary);font-weight:600}.author-role{color:var(--color-text-muted);font-size:.75rem}.cta-section{padding:var(--spacing-2xl) 0}.cta-content{background:linear-gradient(135deg,rgba(194,24,91,.08),rgba(123,31,162,.08));border:1px solid var(--color-border);padding:var(--spacing-2xl);text-align:center}.cta-content h2{font-size:2rem;margin-bottom:var(--spacing-md)}.cta-content p{font-size:1.125rem;margin:0 auto var(--spacing-xl);max-width:500px}.features-page{min-height:100vh}.features-hero{background:linear-gradient(180deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 100%);padding:var(--spacing-2xl) 0;text-align:center}.features-hero h1{font-size:3rem;margin-bottom:var(--spacing-lg)}.features-hero p{color:var(--color-text-secondary);font-size:1.25rem;margin:0 auto;max-width:600px}.features-section{padding:var(--spacing-2xl) 0}.features-section.alt{background:var(--color-bg-secondary)}.section-category{color:var(--color-primary);font-size:1.5rem;margin-bottom:var(--spacing-xl)}.features-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-fast)}.feature-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.feature-icon{font-size:2rem;margin-bottom:var(--spacing-md)}.feature-card h3{font-size:1rem;margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--color-text-muted);font-size:.875rem;line-height:1.6;margin:0}.comparison-section{background:var(--color-bg-secondary);padding:var(--spacing-2xl) 0}.comparison-section h2{margin-bottom:var(--spacing-xl);text-align:center}.comparison-table{margin:0 auto;max-width:800px;overflow-x:auto}.comparison-table .table td:first-child,.comparison-table .table th:first-child{text-align:left}.comparison-table .table td:not(:first-child),.comparison-table .table th:not(:first-child){text-align:center}.features-cta{padding:var(--spacing-2xl) 0}.features-cta .cta-content{background:linear-gradient(135deg,rgba(194,24,91,.08),rgba(123,31,162,.08));border:1px solid var(--color-border);padding:var(--spacing-2xl);text-align:center}.features-cta h2{font-size:2rem;margin-bottom:var(--spacing-md)}.features-cta p{font-size:1.125rem;margin-bottom:var(--spacing-xl)}.pricing-page{min-height:100vh}.pricing-hero{background:linear-gradient(180deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 100%);padding:var(--spacing-2xl) 0;text-align:center}.pricing-hero h1{font-size:3rem;margin-bottom:var(--spacing-md)}.pricing-hero>.container>p{color:var(--color-text-secondary);font-size:1.25rem;margin-bottom:var(--spacing-xl)}.billing-toggle{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);display:inline-flex;padding:4px}.toggle-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.toggle-btn.active{background:var(--color-primary);color:#fff}.toggle-badge{background:var(--color-success);border-radius:var(--radius-full);color:#fff;font-size:.625rem;padding:2px 6px}.plans-section{padding:var(--spacing-2xl) 0}.plans-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1100px}@media (max-width:900px){.plans-grid{grid-template-columns:1fr;max-width:400px}}.plan-card{flex-direction:column;padding:var(--spacing-xl);position:relative}.plan-card.highlighted{border-color:var(--color-primary);transform:scale(1.05)}@media (max-width:900px){.plan-card.highlighted{transform:none}}.plan-badge{background:var(--gradient-primary);color:#fff;font-size:.75rem;font-weight:600;left:50%;padding:4px 16px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.plan-header{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);text-align:center}.plan-header h3{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.plan-description{color:var(--color-text-muted);font-size:.875rem;margin-bottom:var(--spacing-lg)}.plan-price{align-items:baseline;display:flex;gap:2px;justify-content:center}.plan-price .currency{color:var(--color-text-secondary);font-size:1.5rem;font-weight:600}.plan-price .amount{color:var(--color-text-primary);font-size:3rem;font-weight:700;line-height:1}.plan-price .period{color:var(--color-text-muted);font-size:.875rem;margin-left:var(--spacing-xs)}.plan-features{flex:1 1;margin-bottom:var(--spacing-lg)}.plan-features h4{color:var(--color-text-muted);font-size:.75rem;letter-spacing:.05em;margin-bottom:var(--spacing-md);text-transform:uppercase}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{align-items:center;display:flex;font-size:.875rem;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.feature-included{color:var(--color-text-secondary)}.feature-included .feature-icon{color:var(--color-success)}.feature-excluded,.feature-excluded .feature-icon{color:var(--color-text-muted)}.plan-cta{width:100%}.enterprise-section{padding:var(--spacing-2xl) 0}.enterprise-card{align-items:center;background:linear-gradient(135deg,rgba(194,24,91,.08),rgba(123,31,162,.08));border:1px solid var(--color-border);display:flex;gap:var(--spacing-xl);justify-content:space-between;padding:var(--spacing-xl)}@media (max-width:768px){.enterprise-card{flex-direction:column;text-align:center}}.enterprise-content h2{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.enterprise-content p{color:var(--color-text-secondary);margin:0;max-width:600px}.faq-section{background:var(--color-bg-secondary);padding:var(--spacing-2xl) 0}.faq-section h2{margin-bottom:var(--spacing-xl);text-align:center}.faq-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px}@media (max-width:768px){.faq-grid{grid-template-columns:1fr}}.faq-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.faq-item h4{color:var(--color-text-primary);font-size:1rem;margin-bottom:var(--spacing-sm)}.faq-item p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;margin:0}.pricing-cta{padding:var(--spacing-2xl) 0}.pricing-cta .cta-content{padding:var(--spacing-2xl);text-align:center}.pricing-cta h2{font-size:2rem;margin-bottom:var(--spacing-md)}.pricing-cta p{font-size:1.125rem;margin-bottom:var(--spacing-xl)}.auth-page{background:var(--color-bg-primary);min-height:100vh}.auth-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 64px);padding:var(--spacing-xl)}.auth-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:420px;padding:var(--spacing-xl);width:100%}.auth-header{margin-bottom:var(--spacing-xl);text-align:center}.auth-header h1{font-size:1.75rem;margin-bottom:var(--spacing-sm)}.auth-header p{color:var(--color-text-secondary);margin:0}.auth-error{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error)}.auth-error,.auth-success{font-size:.875rem;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.auth-success{background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-md);color:var(--color-success)}.auth-form{margin-bottom:var(--spacing-lg)}.form-label-row{align-items:center;display:flex;justify-content:space-between}.form-link{color:var(--color-primary);font-size:.875rem;text-decoration:none}.form-link:hover{text-decoration:underline}.auth-submit{width:100%}.auth-divider{align-items:center;color:var(--color-text-muted);display:flex;font-size:.875rem;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.auth-divider:after,.auth-divider:before{background:var(--color-border);content:"";flex:1 1;height:1px}.auth-social{display:flex;flex-direction:column;gap:var(--spacing-md)}.btn-social{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.btn-social:hover{background:var(--color-bg-hover);border-color:var(--color-border-light)}.auth-terms{color:var(--color-text-muted);font-size:.75rem;margin-bottom:var(--spacing-lg);text-align:center}.auth-terms a{color:var(--color-primary)}.auth-footer{border-top:1px solid var(--color-border);padding-top:var(--spacing-lg);text-align:center}.auth-footer p{color:var(--color-text-secondary);font-size:.875rem;margin:0}.contact-page{min-height:100vh}.contact-section{padding:var(--spacing-2xl) 0}.contact-grid{grid-gap:var(--spacing-2xl);align-items:start;display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1.5fr}@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}.contact-info h1{font-size:2.5rem;margin-bottom:var(--spacing-md)}.contact-info>p{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.7;margin-bottom:var(--spacing-xl)}.contact-methods{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.contact-method{align-items:flex-start;display:flex;gap:var(--spacing-md)}.method-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.method-details h4{font-size:1rem;margin-bottom:var(--spacing-xs)}.method-details a,.method-details p{color:var(--color-text-secondary);font-size:.875rem;margin:0}.method-details a:hover{color:var(--color-primary)}.office-info{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.office-info h4{color:var(--color-text-muted);font-size:.875rem;letter-spacing:.05em;margin-bottom:var(--spacing-sm);text-transform:uppercase}.office-info p{line-height:1.7;margin:0}.contact-form-container{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.contact-form h2{font-size:1.5rem;margin-bottom:var(--spacing-lg)}.form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.success-message{padding:var(--spacing-2xl);text-align:center}.success-icon{align-items:center;background:var(--color-success-bg);color:var(--color-success);display:flex;font-size:2rem;height:64px;justify-content:center;margin:0 auto var(--spacing-lg);width:64px}.success-message h3{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.success-message p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.dashboard-page{max-width:1200px;padding:var(--spacing-xl)}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:400px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.stats-grid{grid-gap:var(--spacing-md);gap:var(--spacing-md)}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}}.stat-icon{background:var(--color-primary-light);height:48px;width:48px}.stat-content{display:flex;flex-direction:column}.stat-value{color:var(--color-text-primary)}.stat-label{color:var(--color-text-muted);font-size:.75rem}.dashboard-section{margin-bottom:var(--spacing-xl)}.section-header h2{font-size:1.25rem}.section-link{color:var(--color-primary);font-size:.875rem;text-decoration:none}.section-link:hover{text-decoration:underline}.projects-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-decoration:none;transition:all var(--transition-fast)}.project-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.project-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.project-icon{font-size:1.25rem;height:40px;width:40px}.project-info h3{margin-bottom:2px}.project-footer{align-items:center;display:flex;justify-content:space-between}.project-date{font-size:.75rem}.quick-actions{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.quick-actions{grid-template-columns:repeat(2,1fr)}}.action-card{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);text-decoration:none;transition:all var(--transition-fast)}.action-card:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.action-icon{font-size:1.5rem}.action-label{color:var(--color-text-secondary);font-size:.875rem}.usage-warning{align-items:center;background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-lg);justify-content:space-between;padding:var(--spacing-lg)}.warning-content{align-items:center;display:flex;gap:var(--spacing-md)}.warning-content h4{color:var(--color-warning);font-size:1rem;margin-bottom:2px}.warning-content p{color:var(--color-text-secondary);font-size:.875rem;margin:0}@media (max-width:640px){.usage-warning{text-align:center}.usage-warning,.warning-content{flex-direction:column}}.projects-page{max-width:1200px;padding:var(--spacing-xl)}.search-bar{margin-bottom:var(--spacing-lg)}.search-bar .form-input{max-width:400px}.projects-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.project-item{grid-gap:var(--spacing-lg);align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr auto auto auto;padding:var(--spacing-lg);text-decoration:none;transition:all var(--transition-fast)}.project-item:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}@media (max-width:768px){.project-item{grid-template-columns:1fr auto;grid-template-rows:auto auto}.project-date,.project-status{display:none}}.project-main{gap:var(--spacing-md)}.project-icon,.project-main{align-items:center;display:flex}.project-icon{background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:1.5rem;height:48px;justify-content:center;width:48px}.project-info h3{color:var(--color-text-primary);font-size:1rem;margin-bottom:4px}.project-meta{align-items:center;display:flex;font-size:.75rem;gap:var(--spacing-sm)}.project-url{color:var(--color-primary)}.project-url:hover{text-decoration:underline}.meta-divider,.project-framework{color:var(--color-text-muted)}.project-framework{text-transform:capitalize}.project-date{font-size:.875rem}.project-arrow,.project-date{color:var(--color-text-muted)}.project-arrow{font-size:1.25rem}.project-detail-page{max-width:1000px;padding:var(--spacing-xl)}.project-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.project-title h1{font-size:1.75rem;margin-bottom:var(--spacing-xs)}.project-link{font-family:var(--font-mono)}.status-card{grid-gap:var(--spacing-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}@media (max-width:768px){.status-card{grid-template-columns:repeat(2,1fr)}}.status-item{flex-direction:column;gap:var(--spacing-xs)}.status-label{color:var(--color-text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.status-value{color:var(--color-text-primary);font-size:.875rem;text-transform:capitalize}.tabs{border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:-1px;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.tab:hover{color:var(--color-text-primary)}.tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.deployments-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.deployment-item{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all var(--transition-fast)}.deployment-item:hover{border-color:var(--color-primary)}.deployment-main{align-items:center;display:flex;gap:var(--spacing-lg)}.deployment-info{align-items:center;display:flex;gap:var(--spacing-sm)}.deployment-id{color:var(--color-text-primary);font-family:var(--font-mono);font-size:.875rem}.deployment-date{color:var(--color-text-muted);font-size:.75rem}.domains-tab{flex-direction:column}.domain-info,.domains-tab{display:flex;gap:var(--spacing-sm)}.domain-info{align-items:center}.settings-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.settings-section h3{font-size:1rem;margin-bottom:var(--spacing-lg)}.settings-section.danger{border-color:var(--color-error)}.settings-section.danger h3{color:var(--color-error)}.settings-section.danger p{font-size:.875rem;margin-bottom:var(--spacing-md)}.settings-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.setting-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.setting-label{color:var(--color-text-muted);font-size:.75rem}.setting-value{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.empty-state-small{color:var(--color-text-muted);padding:var(--spacing-xl);text-align:center}.new-project-page{margin:0 auto;max-width:800px;padding:var(--spacing-xl)}.page-header{text-align:center}.progress-steps{justify-content:center;margin-bottom:var(--spacing-2xl)}.progress-step,.progress-steps{align-items:center;display:flex}.progress-step{flex-direction:column;gap:var(--spacing-xs)}.step-number{align-items:center;background:var(--color-bg-tertiary);color:var(--color-text-muted);display:flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.progress-step.active .step-number{background:var(--color-primary);color:#fff}.progress-step.completed .step-number{background:var(--color-success);color:#fff}.step-label{color:var(--color-text-muted);font-size:.75rem}.progress-step.active .step-label{color:var(--color-text-primary)}.progress-line{background:var(--color-border);height:2px;margin:0 var(--spacing-md);margin-bottom:20px;width:80px}.error-message{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.step-content{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.step-content h2{font-size:1.25rem;margin-bottom:var(--spacing-lg);text-align:center}.source-options{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.source-options{grid-template-columns:1fr}}.source-option{align-items:center;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-xl);transition:all var(--transition-fast)}.source-option:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.source-icon{font-size:2.5rem}.source-title{color:var(--color-text-primary);font-size:1rem;font-weight:600}.source-desc{color:var(--color-text-muted);font-size:.75rem;text-align:center}.loading-repos{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.loading-repos,.repos-list{display:flex;flex-direction:column}.repos-list{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);max-height:300px;overflow-y:auto}.repo-item{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-md);transition:all var(--transition-fast)}.repo-item.selected,.repo-item:hover{border-color:var(--color-primary)}.repo-item.selected{background:var(--color-primary-light)}.repo-name{color:var(--color-text-primary);font-weight:500}.branch-select,.upload-zone{margin-bottom:var(--spacing-lg)}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-2xl);text-align:center;transition:all var(--transition-fast)}.upload-zone.drag-active,.upload-zone:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.upload-zone.has-file{border-color:var(--color-success);border-style:solid}.upload-icon{display:block;font-size:3rem;margin-bottom:var(--spacing-md)}.upload-text{color:var(--color-text-primary);display:block;margin-bottom:var(--spacing-xs)}.upload-hint{color:var(--color-text-muted);display:block;font-size:.75rem}.uploaded-file{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.file-icon{font-size:2rem}.file-name{color:var(--color-text-primary);font-weight:500}.file-size{color:var(--color-text-muted);font-size:.75rem}.remove-file{background:var(--color-error);border:none;color:#fff;cursor:pointer;font-size:.75rem;height:24px;position:absolute;right:50%;top:-8px;transform:translateX(60px);width:24px}.project-form{margin:0 auto;max-width:500px}.subdomain-input{align-items:center;display:flex}.subdomain-input .form-input{border-bottom-right-radius:0;border-top-right-radius:0}.subdomain-suffix{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-muted);font-size:.875rem;padding:.75rem 1rem}.framework-options{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.framework-options{grid-template-columns:repeat(2,1fr)}}.framework-option{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);transition:all var(--transition-fast)}.framework-option.selected,.framework-option:hover{border-color:var(--color-primary)}.framework-option.selected{background:var(--color-primary-light)}.fw-icon{font-size:1.5rem}.fw-label{color:var(--color-text-secondary);font-size:.75rem}.form-actions{display:flex;justify-content:space-between}.deployments-page{max-width:1200px;padding:var(--spacing-xl)}.filters{margin-bottom:var(--spacing-lg)}.filters .form-select{max-width:300px}.page-loading{min-height:300px}.deployments-table-container{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.deployments-table{margin:0}.project-cell{gap:2px}.project-name{color:var(--color-text-primary)}.project-url{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.75rem}.deployment-id{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:.75rem;padding:2px 6px}.date-cell,.duration-cell{color:var(--color-text-muted);font-size:.875rem}@media (max-width:768px){.deployments-table td:nth-child(3),.deployments-table td:nth-child(4),.deployments-table th:nth-child(3),.deployments-table th:nth-child(4){display:none}}.deployment-detail-page{max-width:1000px;padding:var(--spacing-xl)}.deployment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.back-link{color:var(--color-text-muted);display:inline-block;font-size:.875rem;margin-bottom:var(--spacing-sm);text-decoration:none}.back-link:hover{color:var(--color-text-primary)}.deployment-title h1{align-items:center;display:flex;font-size:1.5rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.deployment-title code{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:1rem;padding:2px 8px}.project-link{color:var(--color-primary);font-size:.875rem}.header-actions{display:flex;gap:var(--spacing-sm)}.status-banner{align-items:center;border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.status-banner[data-status=success]{background:var(--color-success-bg);border:1px solid var(--color-success)}.status-banner[data-status=warning]{background:var(--color-warning-bg);border:1px solid var(--color-warning)}.status-banner[data-status=error]{background:var(--color-error-bg);border:1px solid var(--color-error)}.status-banner[data-status=neutral]{background:var(--color-bg-secondary);border:1px solid var(--color-border)}.status-icon{align-items:center;background:hsla(0,0%,100%,.2);display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.status-info{display:flex;flex-direction:column;gap:2px}.status-text{color:var(--color-text-primary);font-size:1.125rem;font-weight:600}.status-time{color:var(--color-text-secondary);font-size:.75rem}.details-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-xl)}@media (max-width:768px){.details-grid{grid-template-columns:1fr}}.detail-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.detail-card h3{color:var(--color-text-muted);font-size:.875rem;letter-spacing:.05em;margin-bottom:var(--spacing-md);text-transform:uppercase}.detail-row{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--color-text-secondary);font-size:.875rem}.detail-value{color:var(--color-text-primary)}.logs-section{margin-bottom:var(--spacing-xl)}.logs-section h3{font-size:1rem;margin-bottom:var(--spacing-md)}.logs-container{background:#0d1117;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.logs-empty{color:var(--color-text-muted);padding:var(--spacing-xl);text-align:center}.logs-content{color:#c9d1d9;font-family:var(--font-mono);font-size:.75rem;line-height:1.6;margin:0;max-height:500px;overflow-y:auto;padding:var(--spacing-lg);white-space:pre-wrap;word-break:break-all}.preview-section h3{font-size:1rem;margin-bottom:var(--spacing-md)}.preview-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.preview-link{color:var(--color-primary);font-family:var(--font-mono);font-size:.875rem}.preview-link:hover{text-decoration:underline}.domains-page{max-width:1000px;padding:var(--spacing-xl)}.page-header{align-items:center;display:flex;justify-content:space-between}.header-content h1{font-size:1.75rem;margin-bottom:var(--spacing-xs)}.header-content p{color:var(--color-text-secondary);margin:0}.domains-section{margin-bottom:var(--spacing-xl)}.domains-section h2{color:var(--color-text-secondary);font-size:1rem;margin-bottom:var(--spacing-md)}.domains-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.domain-item{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.domain-main{display:flex;flex-direction:column;gap:2px}.domain-name{color:var(--color-text-primary);font-family:var(--font-mono);font-size:.875rem}.domain-project{color:var(--color-text-muted);font-size:.75rem}.domain-item.custom{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr auto auto}.domain-actions{display:flex;gap:var(--spacing-sm)}.empty-state{background:var(--color-bg-card);border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center}.empty-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.empty-state h3{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.empty-state p{margin-bottom:var(--spacing-lg)}.dns-section h2,.empty-state p{color:var(--color-text-secondary)}.dns-section h2{font-size:1rem;margin-bottom:var(--spacing-md)}.dns-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.dns-card>p{font-size:.875rem;margin-bottom:var(--spacing-lg)}.dns-records{background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow:hidden}.dns-record{grid-gap:var(--spacing-md);border-bottom:1px solid var(--color-border);display:grid;font-family:var(--font-mono);font-size:.875rem;gap:var(--spacing-md);grid-template-columns:80px 100px 1fr;padding:var(--spacing-md)}.dns-record:last-child{border-bottom:none}.record-type{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);padding:2px 8px;text-align:center}.record-name{color:var(--color-text-secondary)}.record-value{color:var(--color-primary)}.dns-note{color:var(--color-text-muted);font-size:.75rem;margin:0}.form-error-message{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:.875rem;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}@media (max-width:768px){.domain-item.custom{gap:var(--spacing-md);grid-template-columns:1fr}.domain-actions{justify-content:flex-start}}.billing-page{max-width:900px;padding:var(--spacing-xl)}.billing-page h2{color:var(--color-text-secondary);font-size:1rem;margin-bottom:var(--spacing-md)}.current-plan-section{margin-bottom:var(--spacing-xl)}.current-plan-card{align-items:flex-start;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-xl);justify-content:space-between;padding:var(--spacing-xl)}.plan-info h3{font-size:1.5rem}.plan-badge,.plan-info h3{margin-bottom:var(--spacing-sm)}.plan-price{color:var(--color-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-lg)}.plan-features{list-style:none;margin:0;padding:0}.plan-features li{color:var(--color-text-secondary);padding:var(--spacing-xs) 0}.plan-actions{display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-sm)}.usage-section{margin-bottom:var(--spacing-xl)}.usage-cards{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.usage-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:var(--spacing-lg)}.usage-label{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:var(--spacing-sm)}.usage-value{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md)}.usage-bar{background:var(--color-bg-tertiary);border-radius:var(--radius-full);height:8px;overflow:hidden}.usage-fill{background:var(--gradient-primary);height:100%;transition:width var(--transition-normal)}.usage-note{color:var(--color-text-muted);font-size:.75rem}.history-section{margin-bottom:var(--spacing-xl)}.empty-state,.loading-state{padding:var(--spacing-xl)}.modal-lg{max-width:500px}.upgrade-plans{display:flex;gap:var(--spacing-lg)}.upgrade-plan{background:var(--color-bg-secondary);border-radius:var(--radius-lg);flex:1 1;padding:var(--spacing-xl);text-align:center}.upgrade-plan h4{font-size:1.25rem;margin-bottom:var(--spacing-md)}.upgrade-price{color:var(--color-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-lg)}.upgrade-price span{color:var(--color-text-secondary);font-size:1rem;font-weight:400}.upgrade-features{list-style:none;margin:0 0 var(--spacing-xl) 0;padding:0;text-align:left}.upgrade-features li{padding:var(--spacing-xs) 0}.topup-info,.upgrade-features li{color:var(--color-text-secondary)}.topup-info{margin-bottom:var(--spacing-xl);text-align:center}.topup-counter{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:center;margin-bottom:var(--spacing-lg)}.counter-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:1.25rem;height:40px;transition:all var(--transition-fast);width:40px}.counter-btn:hover{background:var(--color-bg-tertiary)}.counter-value{font-size:2rem;font-weight:700;min-width:60px;text-align:center}.topup-total{color:var(--color-text-secondary);font-size:1.125rem;text-align:center}.topup-total strong{color:var(--color-primary);font-size:1.25rem}@media (max-width:768px){.current-plan-card{flex-direction:column}.plan-actions,.plan-actions .btn{width:100%}}.settings-page{max-width:800px;padding:var(--spacing-xl)}.settings-section{margin-bottom:var(--spacing-xl)}.section-header{margin-bottom:var(--spacing-md)}.section-header h2{font-size:1.125rem;margin-bottom:4px}.section-header p{color:var(--color-text-secondary);font-size:.875rem;margin:0}.settings-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.form-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.form-actions{border-top:1px solid var(--color-border);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.alert{border-radius:var(--radius-md);font-size:.875rem;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.alert-success{background:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success)}.alert-error{background:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error)}.info-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label{color:var(--color-text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.info-value{color:var(--color-text-primary);font-size:.875rem}.info-value.capitalize{text-transform:capitalize}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.danger-section .section-header h2{color:var(--color-error)}.danger-card{border-color:var(--color-error)}.danger-item{align-items:center;display:flex;gap:var(--spacing-xl);justify-content:space-between}.danger-info h4{font-size:1rem;margin-bottom:var(--spacing-sm)}.danger-info p{color:var(--color-text-secondary);font-size:.875rem;margin:0}.delete-warning{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.warning-icon{font-size:1.5rem}.delete-warning p{color:var(--color-text-primary);font-size:.875rem;margin:0}@media (max-width:768px){.form-grid,.info-grid{grid-template-columns:1fr}.danger-item{align-items:flex-start;flex-direction:column}.danger-item .btn{width:100%}}.admin-dashboard{max-width:1200px;padding:var(--spacing-xl)}.page-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:400px}.stats-grid{grid-template-columns:repeat(4,1fr)}.stat-card{align-items:center;gap:var(--spacing-md)}.stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.stat-icon.users{background:rgba(99,102,241,.1)}.stat-icon.projects{background:rgba(34,197,94,.1)}.stat-icon.deployments{background:rgba(168,85,247,.1)}.stat-icon.revenue{background:rgba(245,158,11,.1)}.stat-info{display:flex;flex-direction:column}.plan-stats{margin-bottom:var(--spacing-xl)}.plan-stats h2{color:var(--color-text-secondary);font-size:1rem;margin-bottom:var(--spacing-md)}.plan-cards{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.plan-card{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.plan-name{color:var(--color-text-secondary);font-size:.875rem}.plan-count{color:var(--color-primary);font-size:1.5rem;font-weight:700}.activity-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-xl)}.activity-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.section-header h2{font-size:1rem;margin:0}.view-all{color:var(--color-primary);font-size:.875rem;text-decoration:none}.view-all:hover{text-decoration:underline}.activity-list{flex-direction:column}.activity-item,.activity-list{display:flex;gap:var(--spacing-md)}.activity-item{align-items:center;padding:var(--spacing-sm) 0}.status-dot{border-radius:var(--radius-full);height:12px;width:12px}.status-dot.deployed{background:var(--color-success)}.status-dot.failed{background:var(--color-error)}.status-dot.building{background:var(--color-warning)}.activity-info{display:flex;flex:1 1;flex-direction:column}.activity-name{font-size:.875rem;font-weight:500}.activity-date,.activity-meta{color:var(--color-text-muted);font-size:.75rem}.system-status{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.system-status h2{font-size:1rem;margin-bottom:var(--spacing-lg)}.status-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr)}.status-item{align-items:center;display:flex;gap:var(--spacing-sm)}.status-indicator{border-radius:var(--radius-full);height:10px;width:10px}.status-indicator.active{background:var(--color-success)}.status-indicator.warning{background:var(--color-warning)}.status-indicator.error{background:var(--color-error)}.status-name{font-size:.875rem;font-weight:500}.status-text{color:var(--color-success);font-size:.75rem;margin-left:auto}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.activity-grid{grid-template-columns:1fr}.status-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.plan-cards,.stats-grid,.status-grid{grid-template-columns:1fr}}.admin-users{max-width:1200px;padding:var(--spacing-xl)}.search-form{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.search-form .form-input{flex:1 1;max-width:400px}.loading-state{color:var(--color-text-secondary);padding:var(--spacing-2xl);text-align:center}.user-cell{align-items:center;gap:var(--spacing-md)}.user-avatar{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}.user-info{display:flex;flex-direction:column}.modal-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.25rem}.modal-close:hover{color:var(--color-text-primary)}.modal-lg{max-width:600px}.user-details{display:flex;flex-direction:column;gap:var(--spacing-xl)}.detail-section h4{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.875rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.detail-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{color:var(--color-text-muted);font-size:.75rem}.detail-value{font-size:.875rem}.detail-value.mono{font-family:var(--font-mono);font-size:.75rem}.detail-value.capitalize{text-transform:capitalize}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}@media (max-width:768px){.search-form{flex-direction:column}.search-form .form-input{max-width:none}.detail-grid{grid-template-columns:1fr}}.admin-projects{max-width:1200px;padding:var(--spacing-xl)}.search-form{flex:1 1;max-width:300px}.project-cell{display:flex;flex-direction:column}.project-name{font-weight:500}.project-subdomain{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.75rem}.owner-cell{display:flex;flex-direction:column}.owner-name{font-weight:500}.owner-email{color:var(--color-text-muted);font-size:.75rem}.framework-badge{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-sm);display:inline-flex;font-size:.875rem;gap:var(--spacing-xs);padding:4px 8px;text-transform:capitalize}.framework-icon{font-size:1rem}.action-cell{display:flex;gap:var(--spacing-sm)}@media (max-width:768px){.filters-bar{align-items:stretch;flex-direction:column}.search-form{max-width:none}.filter-tabs{overflow-x:auto;padding-bottom:var(--spacing-sm)}}.admin-payments{max-width:1200px;padding:var(--spacing-xl)}.page-header{margin-bottom:var(--spacing-xl)}.page-header h1{font-size:1.75rem;margin-bottom:var(--spacing-xs)}.page-header p{color:var(--color-text-secondary);margin:0}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:var(--spacing-lg)}.stat-label{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:var(--spacing-sm)}.stat-value{color:var(--color-primary);font-size:1.5rem;font-weight:700}.filters-bar{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl)}.filter-tabs{display:flex;gap:var(--spacing-xs)}.filter-tab{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.filter-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.date-select{min-width:150px;width:auto}.empty-state,.loading-state{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);padding:var(--spacing-2xl);text-align:center}.transaction-id{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.75rem}.user-cell{display:flex;flex-direction:column}.user-name{font-weight:500}.user-email{color:var(--color-text-muted);font-size:.75rem}.payment-type{text-transform:capitalize}.payment-amount{color:var(--color-success);font-weight:600}.pagination{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl)}.page-info{color:var(--color-text-secondary);font-size:.875rem}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.filters-bar{align-items:stretch;flex-direction:column}.filter-tabs{overflow-x:auto;padding-bottom:var(--spacing-sm)}.date-select{width:100%}}
/*# sourceMappingURL=main.28a60733.css.map*/