:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.brandkit-page{display:flex;flex-direction:column;gap:var(--space-6)}.color-picker-group{display:flex;gap:var(--space-3);align-items:center}.color-picker-group input[type=color]{width:60px;height:44px;padding:4px;cursor:pointer;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg)}.color-preview{width:44px;height:44px;border-radius:var(--radius-md);border:2px solid var(--color-border);box-shadow:var(--shadow-sm)}.safe-area-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.safe-area-grid .form-group{margin-bottom:0}.safe-area-grid label{font-size:.85rem;color:var(--color-text-muted)}.forbidden-words-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.forbidden-word{display:inline-flex;align-items:center;gap:var(--space-2);background:#ef444426;color:var(--color-error);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xl);font-size:.85rem;font-weight:500;border:1px solid rgba(239,68,68,.3)}.forbidden-word button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.1rem;line-height:1;opacity:.7;transition:var(--transition-fast)}.forbidden-word button:hover{opacity:1}.forbidden-words-empty{color:var(--color-text-dim);font-size:.9rem;font-style:italic}.brandkit-preview{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.brandkit-preview-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-4)}.brandkit-preview-colors{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4)}.preview-color-swatch{width:60px;height:60px;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.preview-color-label{font-size:.75rem;color:var(--color-text-dim);margin-top:var(--space-2)}.form-section{padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.form-section-title{font-size:.9rem;font-weight:600;color:var(--color-primary-light);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.brandkit-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media(max-width:1024px){.brandkit-layout{grid-template-columns:1fr}}.font-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.font-option{padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);text-align:center}.font-option:hover{border-color:var(--color-primary)}.font-option.selected{border-color:var(--color-primary);background:#6366f11a}.font-option-preview{font-size:1.2rem;margin-bottom:var(--space-1)}.font-option-name{font-size:.75rem;color:var(--color-text-dim)}.jobs-page{display:grid;gap:var(--space-6)}.variations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.render-estimate{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);display:flex;justify-content:space-between;align-items:center}.render-estimate-label{color:var(--color-text-muted);font-size:.9rem}.render-estimate-value{font-size:.9rem;color:var(--color-text)}.render-estimate-value strong{color:var(--color-primary-light);font-size:1.1rem}.btn-submit{width:100%;padding:var(--space-4);font-size:1rem}.jobs-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:400px;overflow-y:auto;padding-right:var(--space-2)}.jobs-list::-webkit-scrollbar{width:6px}.jobs-list::-webkit-scrollbar-track{background:var(--color-bg);border-radius:3px}.jobs-list::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:3px}.jobs-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}.empty-state-small{text-align:center;padding:var(--space-8);color:var(--color-text-dim)}.empty-state-small p{font-size:.95rem}.job-progress{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.job-progress .progress-bar{flex:1}.progress-text{font-size:.85rem;color:var(--color-text-muted);white-space:nowrap}@keyframes renderAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.render-item{animation:renderAppear .3s ease}.variation-card{position:relative;overflow:hidden}.variation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);transform:scaleX(0);transition:transform .3s ease}.variation-card:hover:before{transform:scaleX(1)}@media(max-width:768px){.variations-grid{grid-template-columns:1fr}.render-estimate{flex-direction:column;gap:var(--space-2);text-align:center}.stats-grid,.render-gallery{grid-template-columns:repeat(2,1fr)}}.render-item-format{position:absolute;top:var(--space-2);left:var(--space-2);background:#000000b3;color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.65rem;font-weight:600;text-transform:uppercase}.render-item:after{content:"🔍";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2rem;background:#00000080;opacity:0;transition:opacity .2s ease}.render-item:hover:after{opacity:1}.render-item{position:relative}.job-card{animation:slideInLeft .3s ease}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes successPulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.job-card.selected .job-status.completed{animation:successPulse 2s ease-out}.skeleton{background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-hover) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:10}.tooltip:hover:after{opacity:1;visibility:visible}.assets-page{display:flex;flex-direction:column;gap:var(--space-6)}.drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:4rem;text-align:center;cursor:pointer;transition:var(--transition-base);background:var(--color-bg)}.drop-zone:hover{border-color:var(--color-primary);background:#6366f10d}.drop-zone.dragging{border-color:var(--color-primary);background:#6366f11a;transform:scale(1.01)}.drop-zone-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.7}.drop-zone-text{font-size:1.2rem;color:var(--color-text);margin-bottom:var(--space-2)}.drop-zone-hint{font-size:.9rem;color:var(--color-text-dim)}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.asset-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-fast);cursor:pointer}.asset-item:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.asset-item-image{width:100%;aspect-ratio:1;object-fit:cover;background:var(--color-bg-elevated)}.asset-item-info{padding:var(--space-3)}.asset-item-name{font-size:.85rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-item-size{font-size:.75rem;color:var(--color-text-dim);margin-top:var(--space-1)}.upload-progress{margin-top:var(--space-4)}.upload-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.upload-item-name{flex:1;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-item-status{font-size:.85rem;color:var(--color-text-dim)}.upload-item-status.success{color:var(--color-success)}.upload-item-status.error{color:var(--color-error)}@media(max-width:768px){.assets-grid{grid-template-columns:repeat(2,1fr)}.drop-zone{padding:2rem}}.admin-page{display:flex;flex-direction:column;gap:var(--space-6)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.admin-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);transition:var(--transition-fast)}.admin-card:hover{border-color:var(--color-border-light)}.admin-card h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-2)}.status-ok{color:var(--color-success);font-weight:600}.status-error{color:var(--color-error);font-weight:600}.status-warning{color:var(--color-warning);font-weight:600}.admin-card a{color:var(--color-primary-light);text-decoration:none;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;transition:var(--transition-fast)}.admin-card a:hover{color:var(--color-primary);transform:translate(4px)}.admin-card ul{list-style:none;padding:0;margin:0}.admin-card li{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;font-size:.9rem}.admin-card li:last-child{border-bottom:none}.system-monitor{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.monitor-item{background:var(--color-bg-elevated);padding:var(--space-3);border-radius:var(--radius-sm);text-align:center}.monitor-value{font-size:1.5rem;font-weight:700;color:var(--color-primary-light)}.monitor-label{font-size:.75rem;color:var(--color-text-dim);text-transform:uppercase;margin-top:var(--space-1)}.quick-actions{display:flex;flex-direction:column;gap:var(--space-2)}.quick-actions .btn{justify-content:flex-start}@media(max-width:768px){.admin-grid{grid-template-columns:1fr}}:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-primary-light: #818cf8;--color-secondary: #0ea5e9;--color-accent: #f59e0b;--color-bg: #0f172a;--color-bg-elevated: #1e293b;--color-bg-card: #1e293b;--color-bg-hover: #334155;--color-border: #334155;--color-border-light: #475569;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-text-dim: #64748b;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,var(--color-bg-elevated) 0%,var(--color-bg) 100%);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-8);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-header h1{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.client-selector{display:flex;align-items:center;gap:var(--space-3)}.client-selector label{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;color:var(--color-text-muted)}.client-selector input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:.9rem;color:var(--color-text);transition:var(--transition-fast);width:200px}.client-selector input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f133}.client-selector input::placeholder{color:var(--color-text-dim)}.tabs{display:flex;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);padding:0 var(--space-8);gap:var(--space-2)}.tabs button{background:none;border:none;padding:var(--space-4) var(--space-6);cursor:pointer;font-size:.95rem;font-weight:500;color:var(--color-text-muted);border-bottom:3px solid transparent;transition:var(--transition-fast);display:flex;align-items:center;gap:var(--space-2)}.tabs button:hover{color:var(--color-text);background:var(--color-bg-hover)}.tabs button.active{color:var(--color-primary-light);border-bottom-color:var(--color-primary)}.app-content{flex:1;padding:var(--space-8);max-width:1400px;width:100%;margin:0 auto}.empty-state{text-align:center;padding:6rem var(--space-8);color:var(--color-text-dim)}.empty-state p{font-size:1.2rem;margin-bottom:var(--space-4)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);transition:var(--transition-base)}.card:hover{border-color:var(--color-border-light)}.card h2{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-4);color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.card h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-3);color:var(--color-text-muted)}.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:500;color:var(--color-text);font-size:.9rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;font-family:inherit;color:var(--color-text);transition:var(--transition-fast)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-dim)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f133}.form-group input[type=file]{padding:var(--space-2);cursor:pointer}.form-group input[type=file]::file-selector-button{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;font-weight:500;margin-right:var(--space-3);transition:var(--transition-fast)}.form-group input[type=file]::file-selector-button:hover{background:var(--color-primary-dark)}.form-group textarea{resize:vertical;min-height:100px}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--space-4)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-2) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition-fast);font-size:.9rem}.checkbox-label:hover{border-color:var(--color-primary)}.checkbox-label.checked{background:#6366f11a;border-color:var(--color-primary);color:var(--color-primary-light)}.checkbox-label input{width:auto;accent-color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--color-primary);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.btn:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-glow)}.btn:active{transform:translateY(0)}.btn:disabled{background:var(--color-text-dim);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-light);box-shadow:none}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.85rem}.btn-danger{background:var(--color-error)}.btn-danger:hover{background:#dc2626}.btn-success{background:var(--color-success)}.btn-success:hover{background:#16a34a}.alert{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3);font-size:.9rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:#22c55e26;color:var(--color-success);border:1px solid rgba(34,197,94,.3)}.alert-error{background:#ef444426;color:var(--color-error);border:1px solid rgba(239,68,68,.3)}.alert-info{background:#3b82f626;color:var(--color-info);border:1px solid rgba(59,130,246,.3)}.alert-warning{background:#f59e0b26;color:var(--color-warning);border:1px solid rgba(245,158,11,.3)}.job-status{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-xl);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.job-status:before{content:"";width:6px;height:6px;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.job-status.pending{background:#f59e0b26;color:var(--color-warning)}.job-status.pending:before{background:var(--color-warning)}.job-status.queued{background:#3b82f626;color:var(--color-info)}.job-status.queued:before{background:var(--color-info)}.job-status.processing{background:#0ea5e926;color:var(--color-secondary)}.job-status.processing:before{background:var(--color-secondary);animation:pulse 1s infinite}.job-status.completed{background:#22c55e26;color:var(--color-success)}.job-status.completed:before{background:var(--color-success);animation:none}.job-status.failed{background:#ef444426;color:var(--color-error)}.job-status.failed:before{background:var(--color-error);animation:none}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-muted)}.loading:after{content:"";width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;margin-left:var(--space-3);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.variation-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);transition:var(--transition-fast)}.variation-card:hover{border-color:var(--color-border-light)}.variation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.variation-header span{font-weight:600;color:var(--color-primary-light)}.variation-preview{width:100%;aspect-ratio:1;background:var(--color-bg-elevated);border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center;margin-top:var(--space-3)}.variation-preview img{width:100%;height:100%;object-fit:cover}.variation-preview-placeholder{color:var(--color-text-dim);font-size:.85rem;text-align:center;padding:var(--space-4)}.job-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;transition:var(--transition-fast)}.job-card:hover{border-color:var(--color-primary);transform:translate(4px)}.job-card.selected{border-color:var(--color-primary);background:#6366f10d;box-shadow:inset 0 0 0 1px var(--color-primary)}.job-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.job-card-id{font-weight:600;font-family:var(--font-mono);font-size:.85rem;color:var(--color-text)}.job-card-meta{font-size:.8rem;color:var(--color-text-dim);display:flex;gap:var(--space-3);margin-top:var(--space-2)}.render-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.render-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-fast);cursor:pointer}.render-item:hover{border-color:var(--color-primary);transform:scale(1.02);box-shadow:var(--shadow-lg)}.render-item-image{width:100%;aspect-ratio:1;object-fit:cover;background:var(--color-bg-elevated);display:block}.render-item-info{padding:var(--space-3);display:flex;justify-content:space-between;align-items:center}.render-item-id{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-dim)}.lightbox-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-8);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{max-width:90vw;max-height:90vh;position:relative}.lightbox-content img{max-width:100%;max-height:85vh;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;opacity:.7;transition:var(--transition-fast)}.lightbox-close:hover{opacity:1}.lightbox-actions{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-4)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.section-title{font-size:1.1rem;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--color-primary-light);line-height:1}.stat-label{font-size:.8rem;color:var(--color-text-dim);margin-top:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.progress-bar{width:100%;height:8px;background:var(--color-bg);border-radius:var(--radius-xl);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:var(--radius-xl);transition:width .5s ease}@media(max-width:768px){.app-header{flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.app-content{padding:var(--space-4)}.tabs{padding:0 var(--space-4);overflow-x:auto}.tabs button{padding:var(--space-3) var(--space-4);white-space:nowrap}}