@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.nb-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.nb-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);background:var(--card);border:1px solid var(--border);border-radius:12px;gap:var(--spacing-6)}.nb-header-content{display:flex;align-items:center;gap:var(--spacing-4)}.nb-header-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--muted);border-radius:10px;color:var(--primary)}.nb-header-title{font-size:20px;font-weight:600;color:var(--foreground);margin:0;letter-spacing:-.02em}.nb-header-subtitle{display:flex;align-items:center;gap:var(--spacing-2);font-size:13px;color:var(--muted-foreground);margin:4px 0 0}.nb-status-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.nb-header-separator{color:var(--border);margin:0 var(--spacing-1)}.nb-header-rate{font-family:var(--font-mono);font-size:12px;color:var(--primary)}.nb-header-stats{display:flex;gap:var(--spacing-4)}.nb-stat{text-align:center;padding:var(--spacing-3) var(--spacing-5);background:var(--muted);border-radius:8px;min-width:80px}.nb-stat-accent{background:#2e6b7b26;border:1px solid rgba(46,107,123,.3)}.nb-stat-value{display:block;font-size:20px;font-weight:700;font-family:var(--font-mono);color:var(--foreground);letter-spacing:-.02em}.nb-stat-accent .nb-stat-value{color:var(--primary)}.nb-stat-label{display:block;font-size:11px;font-weight:500;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.nb-step{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:var(--spacing-6)}.nb-step-optional{border-style:dashed;opacity:.85}.nb-step-optional:hover{opacity:1}.nb-step-header{display:flex;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-5)}.nb-step-badge{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:13px;font-weight:700;font-family:var(--font-mono);border-radius:8px;flex-shrink:0}.nb-step-badge-optional{background:var(--muted);color:var(--muted-foreground)}.nb-step-title{flex:1}.nb-step-title h3{font-size:16px;font-weight:600;color:var(--foreground);margin:0;letter-spacing:-.01em}.nb-step-title p{font-size:13px;color:var(--muted-foreground);margin:4px 0 0}.nb-btn-ghost{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--muted-foreground);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease-out}.nb-btn-ghost:hover{background:var(--muted);color:var(--foreground);border-color:var(--foreground)}.nb-btn-ghost svg{opacity:.7}.nb-textarea-wrapper{position:relative}.nb-textarea{width:100%;padding:var(--spacing-4);background:var(--background);border:1px solid var(--border);border-radius:8px;color:var(--foreground);font-size:14px;font-family:var(--font-mono);line-height:1.6;resize:vertical;transition:all .15s ease-out}.nb-textarea::placeholder{color:var(--muted-foreground);opacity:.6}.nb-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2e6b7b26}.nb-textarea.valid{border-color:var(--success)}.nb-counter{position:absolute;bottom:12px;right:12px;padding:8px 14px;background:var(--card);border:1px solid var(--border);border-radius:8px;font-size:16px;font-weight:700;font-family:var(--font-mono);color:var(--foreground);box-shadow:0 4px 12px #0006;transition:all .2s ease-out;z-index:10}.nb-counter span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-left:6px}.nb-counter.valid{background:var(--primary);border-color:var(--primary);color:#fff}.nb-counter.valid span{color:#fff;opacity:.9}.nb-counter.error{background:var(--destructive);border-color:var(--destructive);color:#fff}.nb-counter.error span{color:#fff;opacity:.9}.nb-input-wrapper{position:relative}.nb-input{width:100%;padding:14px 48px 14px 16px;background:var(--background);border:1px solid var(--border);border-radius:8px;color:var(--foreground);font-size:14px;font-family:var(--font-mono);transition:all .15s ease-out}.nb-input::placeholder{color:var(--muted-foreground);opacity:.6}.nb-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2e6b7b26}.nb-input.valid{border-color:var(--success);background:#4ade800d}.nb-input.error{border-color:var(--destructive)}.nb-input-status{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease-out}.nb-input-status.valid{background:var(--success);color:#fff}.nb-input-status.error{background:var(--destructive);color:#fff}.nb-error-msg{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--destructive);font-size:13px;font-weight:500;margin-top:var(--spacing-3)}.nb-security-info{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-top:var(--spacing-4);padding:var(--spacing-4);background:#2e6b7b1a;border:1px solid rgba(46,107,123,.2);border-radius:8px}.nb-security-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--primary)}.nb-security-item svg{color:var(--success)}.nb-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.nb-field{display:flex;flex-direction:column;gap:8px}.nb-field-full{grid-column:1 / -1}.nb-label{font-size:12px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.nb-select{padding:12px 16px;background:var(--background);border:1px solid var(--border);border-radius:8px;color:var(--foreground);font-size:14px;cursor:pointer;transition:all .15s ease-out}.nb-select:focus{outline:none;border-color:var(--primary)}.nb-select optgroup{font-weight:600;color:var(--muted-foreground)}.nb-radio-group{display:flex;gap:var(--spacing-3)}.nb-radio-card{flex:1;padding:var(--spacing-4);background:var(--background);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s ease-out;text-align:center}.nb-radio-card:hover{border-color:var(--muted-foreground)}.nb-radio-card.selected{border-color:var(--primary);background:#2e6b7b1a}.nb-radio-card input{display:none}.nb-radio-label{display:block;font-size:14px;font-weight:600;color:var(--foreground);margin-bottom:4px}.nb-radio-price{display:block;font-size:12px;font-family:var(--font-mono);color:var(--muted-foreground)}.nb-radio-card.selected .nb-radio-price{color:var(--primary)}.nb-cost-summary{margin-top:var(--spacing-5);padding:var(--spacing-4);background:var(--muted);border-radius:8px}.nb-cost-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;color:var(--muted-foreground)}.nb-cost-row span:last-child{font-weight:500;font-family:var(--font-mono);color:var(--foreground)}.nb-cost-divider{height:1px;background:var(--border);margin:var(--spacing-2) 0}.nb-cost-total{font-size:14px}.nb-cost-total span:first-child{font-weight:600;color:var(--foreground)}.nb-cost-total span:last-child{font-size:18px;font-weight:700;color:var(--primary)}.nb-upload-zone{position:relative}.nb-upload-input{position:absolute;inset:0;opacity:0;cursor:pointer}.nb-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-8);background:var(--background);border:2px dashed var(--border);border-radius:8px;color:var(--muted-foreground);font-size:14px;cursor:pointer;transition:all .15s ease-out}.nb-upload-label:hover{border-color:var(--primary);background:#2e6b7b0d}.nb-upload-label svg{opacity:.5}.nb-file-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-4)}.nb-file-item{position:relative;aspect-ratio:3 / 2;border-radius:10px;overflow:hidden;background:var(--muted);border:1px solid var(--border);cursor:default;transition:all .2s ease-out}.nb-file-item:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #0006}.nb-file-preview{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-out}.nb-file-item:hover .nb-file-preview{transform:scale(1.05)}.nb-file-info{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-3);background:linear-gradient(to top,var(--card) 0%,color-mix(in srgb,var(--card) 85%,transparent) 60%,transparent 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:4px}.nb-file-name{color:var(--foreground);font-weight:600;font-size:12px;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-file-size{color:var(--primary);font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.nb-file-remove{position:absolute;top:8px;right:8px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--card) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:6px;color:var(--muted-foreground);cursor:pointer;opacity:0;transform:scale(.9);transition:all .2s ease-out;box-shadow:0 2px 8px color-mix(in srgb,var(--background) 30%,transparent)}.nb-file-item:hover .nb-file-remove{opacity:1;transform:scale(1)}.nb-file-remove:hover{background:var(--destructive);border-color:var(--destructive);color:var(--destructive-foreground);transform:scale(1.05);box-shadow:0 2px 12px color-mix(in srgb,var(--destructive) 40%,transparent)}.nb-file-remove:active{transform:scale(.95)}.nb-file-remove svg{width:14px;height:14px}.nb-file-success{position:absolute;top:8px;left:8px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--primary);border-radius:6px;color:var(--primary-foreground);box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 30%,transparent)}.nb-file-success svg{width:13px;height:13px}.nb-file-item.loading .nb-file-preview{opacity:.5;filter:blur(2px)}.nb-file-item.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid var(--primary);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.nb-submit-section{padding:var(--spacing-6);background:var(--card);border:1px solid var(--border);border-radius:12px}.nb-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);padding:18px 24px;background:var(--muted);border:1px solid var(--border);border-radius:8px;color:var(--muted-foreground);font-size:15px;font-weight:600;cursor:not-allowed;transition:all .2s ease-out}.nb-submit-btn.ready{background:var(--primary);border-color:var(--primary);color:#fff;cursor:pointer}.nb-submit-btn.ready:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2e6b7b4d}.nb-submit-count{padding:4px 10px;background:#fff3;border-radius:12px;font-size:12px;font-family:var(--font-mono)}.nb-submit-hint{text-align:center;font-size:13px;color:var(--muted-foreground);margin-top:var(--spacing-3)}.nb-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.nb-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-4);animation:fade-in .15s ease-out}.nb-modal{width:100%;max-width:500px;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;animation:slide-up .2s ease-out}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nb-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--border)}.nb-modal-header h3{font-size:18px;font-weight:600;color:var(--foreground);margin:0}.nb-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--muted-foreground);cursor:pointer;transition:all .15s ease-out}.nb-modal-close:hover{background:var(--muted);color:var(--foreground)}.nb-modal-body{padding:var(--spacing-6)}.nb-modal-warning{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;margin-bottom:var(--spacing-5)}.nb-modal-warning svg{color:var(--warning);flex-shrink:0;margin-top:2px}.nb-modal-warning p{font-size:14px;color:var(--foreground);margin:0;line-height:1.5}.nb-modal-warning strong{color:var(--warning)}.nb-modal-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.nb-modal-stat{padding:var(--spacing-4);background:var(--muted);border-radius:8px;text-align:center}.nb-modal-stat-accent{background:#2e6b7b26;border:1px solid rgba(46,107,123,.3)}.nb-modal-stat-label{display:block;font-size:11px;font-weight:500;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.nb-modal-stat-value{display:block;font-size:20px;font-weight:700;color:var(--foreground)}.nb-modal-stat-accent .nb-modal-stat-value{color:var(--primary)}.nb-modal-stat-mono{font-family:var(--font-mono);font-size:14px!important}.nb-modal-desc{font-size:14px;color:var(--muted-foreground);margin:0 0 var(--spacing-4) 0}.nb-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-6);border-top:1px solid var(--border);background:var(--muted)}.nb-btn-secondary{padding:10px 20px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--foreground);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease-out}.nb-btn-secondary:hover{background:var(--background);border-color:var(--foreground)}.nb-btn-primary{padding:10px 20px;background:var(--primary);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease-out}.nb-btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.nb-examples{display:flex;flex-direction:column;gap:var(--spacing-3)}.nb-example{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--background);border:1px solid var(--border);border-radius:8px}.nb-example-num{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:11px;font-weight:700;font-family:var(--font-mono);border-radius:6px;flex-shrink:0}.nb-example p{font-size:13px;color:var(--muted-foreground);margin:0;line-height:1.5}@media(max-width:768px){.nb-header{flex-direction:column;align-items:flex-start}.nb-header-stats{width:100%}.nb-stat{flex:1}.nb-config-grid{grid-template-columns:1fr}.nb-radio-group{flex-direction:column}.nb-modal-stats{grid-template-columns:1fr}}.br-container{display:flex;flex-direction:column;gap:var(--spacing-4);max-width:1200px;margin:0 auto;width:100%}.br-stats-panel{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:var(--spacing-4)}.br-stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3);gap:var(--spacing-3)}.br-stats-title{font-size:13px;font-weight:600;color:var(--foreground);letter-spacing:.02em}.br-batch-id{padding:3px 10px;background:var(--muted);border:1px solid var(--border);border-radius:6px;font-size:10px;font-weight:600;font-family:var(--font-mono);color:var(--primary);letter-spacing:.05em}.br-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-3)}.br-stat-card{padding:var(--spacing-3);background:var(--muted);border-left:2px solid var(--border);border-radius:6px}.br-stat-card--success{background:#2e6b7b26;border-left-color:var(--primary)}.br-stat-card--error{background:#ef44441a;border-left-color:var(--destructive)}.br-stat-card--accent{background:#2e6b7b26;border-left-color:var(--primary)}.br-stat-label{font-size:9px;color:var(--muted-foreground);font-weight:600;margin-bottom:6px;letter-spacing:.1em;text-transform:uppercase}.br-stat-card--success .br-stat-label{color:var(--primary)}.br-stat-card--error .br-stat-label{color:var(--destructive)}.br-stat-value{font-size:22px;font-weight:700;color:var(--foreground);font-family:var(--font-mono);line-height:1}.br-stat-card--success .br-stat-value{color:var(--primary)}.br-stat-card--error .br-stat-value{color:var(--destructive)}.br-stat-card--accent .br-stat-value{color:var(--primary)}.br-stat-hint{font-size:10px;color:var(--muted-foreground);margin-top:3px}.br-stat-card--success .br-stat-hint{color:var(--primary);opacity:.8}.br-stat-card--error .br-stat-hint{color:var(--destructive);opacity:.8}.br-controls{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.br-controls-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4)}.br-controls-group{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.br-controls-label{font-size:11px;color:var(--muted-foreground);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.br-filter-btn{padding:8px 16px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--muted-foreground);font-size:12px;font-weight:600;font-family:var(--font-mono);cursor:pointer;transition:all .15s ease-out;display:flex;align-items:center;gap:6px}.br-filter-btn:hover{border-color:var(--foreground);color:var(--foreground)}.br-filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.br-filter-btn.active--success{background:var(--primary);border-color:var(--primary)}.br-filter-btn.active--error{background:var(--destructive);border-color:var(--destructive)}.br-grid-btn{width:36px;height:36px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--muted-foreground);font-size:13px;font-weight:600;font-family:var(--font-mono);cursor:pointer;transition:all .15s ease-out}.br-grid-btn:hover{border-color:var(--primary);color:var(--primary)}.br-grid-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.br-select{padding:8px 12px;background:var(--background);border:1px solid var(--border);border-radius:6px;color:var(--foreground);font-size:12px;font-weight:600;font-family:var(--font-mono);cursor:pointer;transition:all .15s ease-out}.br-select:hover,.br-select:focus{border-color:var(--primary);outline:none}.br-download-btn{padding:10px 20px;background:var(--primary);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .15s ease-out;display:flex;align-items:center;gap:8px}.br-download-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.br-download-btn:disabled{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed}.br-results-counter{padding:8px 16px;background:var(--muted);border:1px solid var(--border);border-radius:6px;font-size:12px;font-weight:600;color:var(--foreground);font-family:var(--font-mono);letter-spacing:.05em}.br-grid{display:grid;gap:var(--spacing-4);grid-auto-rows:auto}.br-grid--1{grid-template-columns:1fr}.br-grid--2{grid-template-columns:repeat(2,1fr)}.br-grid--3{grid-template-columns:repeat(3,1fr)}.br-grid--4{grid-template-columns:repeat(4,1fr)}.br-grid--5{grid-template-columns:repeat(5,1fr)}.br-card{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;position:relative;transition:all .2s ease-out}.br-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 8px 24px #0000004d}.br-card-index{position:absolute;top:12px;left:12px;background:var(--background);color:var(--foreground);padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;font-family:var(--font-mono);letter-spacing:.05em;z-index:10;border:1px solid var(--border)}.br-card-status{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;z-index:10}.br-card-status--completed{background:var(--primary);color:#fff}.br-card-status--failed{background:var(--destructive);color:#fff}.br-card-status--processing{background:var(--warning);color:#fff}.br-card-image{position:relative;background:var(--muted);width:100%;cursor:pointer;min-height:200px}.br-card-image img,.br-card-image .optimized-image-container{width:100%;height:auto;display:block}.br-card-image .optimized-image{object-fit:contain!important;width:100%!important;height:auto!important}.br-card-image .optimized-image-skeleton{min-height:200px}.br-card-eye-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:br-eye-fade-in .15s ease-out;pointer-events:none}.br-card-eye-overlay svg{color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}@keyframes br-eye-fade-in{0%{opacity:0}to{opacity:1}}.br-card-placeholder{aspect-ratio:16 / 9;background:var(--muted);display:flex;align-items:center;justify-content:center}.br-card-placeholder-content{text-align:center;padding:var(--spacing-4)}.br-card-placeholder-icon{width:48px;height:48px;margin-bottom:var(--spacing-3);color:var(--muted-foreground)}.br-card-placeholder-icon--error{color:var(--destructive)}.br-card-placeholder-text{font-size:12px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.br-card-placeholder-text--error{color:var(--destructive)}.br-copy-btn{position:absolute;bottom:12px;right:12px;width:36px;height:36px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease-out;z-index:5}.br-copy-btn:hover,.br-copy-btn.copied{background:var(--primary)}.br-card-details{padding:var(--spacing-4);background:var(--muted);border-top:1px solid var(--border)}.br-card-prompt{font-size:12px;color:var(--muted-foreground);line-height:1.5;margin-bottom:var(--spacing-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.br-card-time{font-size:10px;color:var(--muted-foreground);font-family:var(--font-mono);margin-bottom:var(--spacing-3);display:flex;align-items:center;gap:4px}.br-card-error{padding:10px;background:#ef44441a;border:1px solid var(--destructive);border-radius:6px;margin-bottom:var(--spacing-3)}.br-card-error-label{font-size:10px;font-weight:600;color:var(--destructive);margin-bottom:4px;letter-spacing:.05em;text-transform:uppercase}.br-card-error-text{font-size:11px;color:var(--destructive);line-height:1.4}.br-card-actions{display:flex;gap:8px}.br-view-btn{flex:1;padding:10px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all .15s ease-out}.br-view-btn:hover{background:#245a68;color:#fff}.br-dl-btn{width:40px;height:40px;background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease-out;color:var(--muted-foreground)}.br-dl-btn:hover{border-color:var(--primary);color:var(--primary)}.br-grid--4 .br-card-actions,.br-grid--5 .br-card-actions{flex-direction:column}.br-grid--4 .br-view-btn,.br-grid--5 .br-view-btn{padding:8px 12px;font-size:11px;white-space:nowrap}.br-grid--4 .br-dl-btn,.br-grid--5 .br-dl-btn{width:100%;height:36px}.br-grid--4 .br-card-prompt,.br-grid--5 .br-card-prompt{font-size:11px;-webkit-line-clamp:1;min-height:18px}.br-grid--4 .br-card-details,.br-grid--5 .br-card-details{padding:var(--spacing-3)}.br-empty{text-align:center;padding:var(--spacing-12) var(--spacing-6);color:var(--muted-foreground)}.br-empty-icon{font-size:48px;margin-bottom:var(--spacing-3);opacity:.5}.br-empty-title{font-size:16px;font-weight:600;color:var(--foreground);margin-bottom:var(--spacing-2)}.br-empty-text{font-size:14px;color:var(--muted-foreground)}.br-loading{display:flex;justify-content:center;padding:var(--spacing-12)}.br-error{background:#ef44441a;border:1px solid var(--destructive);border-radius:12px;padding:var(--spacing-6)}.br-error-title{font-weight:600;color:var(--destructive);margin-bottom:var(--spacing-2)}.br-error-text{font-size:14px;color:var(--destructive)}.br-error-details{margin-top:var(--spacing-4);font-size:12px;color:var(--muted-foreground)}.br-selection-bar{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-3);border-top:1px solid var(--border)}.br-select-btn{padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--muted-foreground);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease-out;text-transform:uppercase;letter-spacing:.05em}.br-select-btn:hover{border-color:var(--primary);color:var(--primary);background:#2e6b7b0d}.br-selection-count{font-size:12px;font-weight:600;color:var(--primary);font-family:var(--font-mono);letter-spacing:.05em;margin-right:var(--spacing-3)}.br-card-checkbox{position:absolute;top:12px;left:12px;z-index:15;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px;padding:2px;transition:all .15s ease-out}.br-card-checkbox:hover{background:#000c}.br-card-checkbox input{width:24px;height:24px;accent-color:var(--primary);cursor:pointer;margin:0}.br-card--selected{border-color:var(--primary);box-shadow:0 0 0 2px #2e6b7b4d}.br-card-index{left:52px}.br-download-btn--selection{background:var(--primary)}.br-download-btn--selection:hover:not(:disabled){background:var(--primary-hover)}.br-preview-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);animation:br-preview-fade-in .15s ease-out;pointer-events:auto;cursor:pointer}@keyframes br-preview-fade-in{0%{opacity:0}to{opacity:1}}.br-preview-content{position:relative;display:flex;flex-direction:column;max-width:95vw;max-height:95vh;background:var(--card);border-radius:12px;box-shadow:0 20px 60px #00000080;animation:br-preview-scale-in .2s cubic-bezier(.16,1,.3,1);cursor:default;overflow:hidden}@keyframes br-preview-scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.br-preview-close{position:absolute;top:16px;right:16px;width:40px;height:40px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease-out;z-index:10}.br-preview-close:hover{background:var(--destructive);border-color:var(--destructive);transform:scale(1.1)}.br-preview-image-wrapper{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:var(--spacing-6);overflow:hidden}.br-preview-image-wrapper img{max-width:100%;max-height:75vh;height:auto;width:auto;border-radius:8px;object-fit:contain}.br-preview-info{background:var(--muted);border-top:1px solid var(--border);padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3);min-height:fit-content}.br-preview-info-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.br-preview-index{padding:4px 12px;background:var(--background);border:1px solid var(--border);border-radius:6px;font-size:11px;font-weight:700;font-family:var(--font-mono);color:var(--foreground);letter-spacing:.05em}.br-preview-status{padding:4px 10px;background:var(--primary);border-radius:6px;font-size:10px;font-weight:700;color:#fff;letter-spacing:.1em;text-transform:uppercase}.br-preview-prompt{font-size:13px;color:var(--foreground);line-height:1.5;max-height:60px;overflow-y:auto}.br-preview-meta{display:flex;align-items:center;gap:var(--spacing-4);font-size:11px;color:var(--muted-foreground);font-family:var(--font-mono)}.br-preview-meta span{display:flex;align-items:center;gap:6px}.br-preview-meta svg{opacity:.7}@media(max-width:768px){.br-controls-row{flex-direction:column;align-items:stretch}.br-controls-group{justify-content:center}.br-grid--3,.br-grid--4,.br-grid--5{grid-template-columns:repeat(2,1fr)}.br-preview-overlay{padding:var(--spacing-4)}.br-preview-content{max-width:100vw;max-height:100vh}.br-preview-image-wrapper{padding:var(--spacing-4)}.br-preview-image-wrapper img{max-height:60vh}.br-preview-info{padding:var(--spacing-3)}.br-preview-prompt{font-size:12px;max-height:40px}.br-preview-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-2);font-size:10px}}@media(max-width:480px){.br-grid--2,.br-grid--3,.br-grid--4,.br-grid--5{grid-template-columns:1fr}.br-preview-close{top:8px;right:8px;width:36px;height:36px}.br-preview-image-wrapper{padding:var(--spacing-3)}.br-preview-image-wrapper img{max-height:50vh}.br-preview-info-row{flex-wrap:wrap}}.executions-header-compact{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6);animation:fade-in-up .4s var(--ease-out)}.executions-title-compact{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--foreground);margin-bottom:var(--spacing-1);letter-spacing:-.02em;line-height:1.1}.executions-subtitle-compact{font-size:var(--text-sm);color:var(--muted-foreground);line-height:1.4}@media(max-width:768px){.executions-header-compact{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}}.executions-stats-pills{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-4);animation:fade-in-up .45s var(--ease-out)}.execution-stat-pill{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s ease-out;font-size:var(--text-sm)}.execution-stat-pill:hover:not(.active){border-color:var(--primary);background:var(--accent-bg-dark)}.dark .execution-stat-pill:hover:not(.active){background:var(--accent-bg-light)}.execution-stat-pill.active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.execution-stat-pill.active:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.stat-pill-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--foreground)}.execution-stat-pill[data-gradient=success] .stat-pill-value{color:var(--success)}.execution-stat-pill[data-gradient=error] .stat-pill-value{color:var(--error)}.execution-stat-pill.active .stat-pill-value,.execution-stat-pill.active .stat-pill-label{color:var(--primary-foreground)}.stat-pill-label{color:var(--muted-foreground);font-size:var(--text-xs)}.execution-stat-pill.active .stat-pill-label{color:var(--primary-foreground);opacity:.9}.execution-stat-bento:hover:not(.active){border-color:var(--primary);background:var(--accent-bg-dark)}.dark .execution-stat-bento:hover:not(.active){background:var(--accent-bg-light)}.execution-stat-bento.active:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:var(--primary-foreground)}.executions-filters-compact{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:var(--spacing-6);animation:fade-in-up .5s var(--ease-out)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1;min-width:160px}.filter-compact-label{font-size:10px;font-weight:var(--weight-medium);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.filter-compact-select{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:6px;padding:8px 12px;transition:all .15s ease-out;cursor:pointer}.filter-compact-select:hover{border-color:var(--muted-foreground)}.filter-compact-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #2e6b7b26}.filter-clear-compact{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:8px 14px;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--muted-foreground);background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s ease-out;white-space:nowrap;height:fit-content}.filter-clear-compact:hover{color:var(--primary);border-color:var(--primary);background:var(--accent-bg-dark)}.dark .filter-clear-compact:hover{background:var(--accent-bg-light)}.filter-clear-compact svg{flex-shrink:0}@media(max-width:768px){.executions-filters-compact{flex-direction:column;align-items:stretch}.filter-group{min-width:100%}.filter-clear-compact{width:100%;justify-content:center}}.executions-list-container{position:relative}.executions-list-wrapper{position:relative;transition:filter .3s ease-out,opacity .3s ease-out}.executions-list-wrapper.is-refreshing{filter:blur(3px);opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none}.executions-refresh-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-5);background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 12px #00000026;font-size:var(--text-sm);color:var(--muted-foreground)}.executions-list-wrapper.just-updated{animation:subtle-pulse .4s ease-out}@keyframes subtle-pulse{0%{opacity:.85}50%{opacity:1}to{opacity:1}}.executions-virtualized-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.executions-virtualized-list::-webkit-scrollbar{width:6px}.executions-virtualized-list::-webkit-scrollbar-track{background:transparent}.executions-virtualized-list::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}.executions-virtualized-list::-webkit-scrollbar-thumb:hover{background-color:var(--muted-foreground)}.admin-clients-filter-select{font-family:var(--font-sans);font-size:14px;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:10px;padding:12px 36px 12px 14px;cursor:pointer;transition:all .15s ease-out;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238B8D98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.admin-workflows-page{max-width:1600px;margin:0 auto;padding:var(--spacing-12) var(--spacing-8);animation:fade-in-up .4s var(--ease-out)}@media(max-width:768px){.admin-workflows-page{padding:var(--spacing-8) var(--spacing-4)}}.admin-workflows-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-6);margin-bottom:var(--spacing-10);padding-bottom:var(--spacing-8);border-bottom:1px solid var(--border)}@media(max-width:768px){.admin-workflows-hero{flex-direction:column;align-items:stretch}}.admin-workflows-hero-content{flex:1}.admin-workflows-title{font-family:var(--font-sans);font-size:42px;font-weight:700;color:var(--foreground);margin:0 0 var(--spacing-3) 0;letter-spacing:-.03em;line-height:1.1}.admin-workflows-subtitle{font-size:16px;color:var(--muted-foreground);line-height:1.6;max-width:520px}.admin-workflows-create-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:14px 28px;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:10px;font-family:var(--font-sans);font-size:15px;font-weight:600;cursor:pointer;transition:all .25s var(--ease-out);box-shadow:0 2px 8px #2e6b7b33}.admin-workflows-create-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px #2e6b7b4d}.admin-workflows-create-btn:active{transform:translateY(0)}.admin-workflows-create-btn svg{flex-shrink:0}.admin-workflows-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-16) var(--spacing-4)}.admin-workflows-loading p{font-size:15px;color:var(--muted-foreground)}.admin-workflows-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-6);background:var(--card);border:1px solid var(--border);border-radius:16px;text-align:center}.admin-workflows-empty-icon{margin-bottom:var(--spacing-6);opacity:.4}.admin-workflows-empty-icon svg{display:block}.admin-workflows-empty-title{font-size:24px;font-weight:600;color:var(--foreground);margin:0 0 var(--spacing-2) 0}.admin-workflows-empty-text{font-size:15px;color:var(--muted-foreground);margin:0 0 var(--spacing-6) 0;max-width:400px}.admin-workflows-empty-btn{padding:12px 24px;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s var(--ease-out)}.admin-workflows-empty-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.admin-workflows-stats-bar{display:flex;align-items:center;gap:var(--spacing-6);padding:var(--spacing-6);background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:var(--spacing-8);animation:fade-in-up .35s var(--ease-out)}@media(max-width:768px){.admin-workflows-stats-bar{flex-direction:column;align-items:stretch;gap:var(--spacing-4)}}.admin-workflows-count{display:flex;align-items:baseline;gap:var(--spacing-3)}.admin-workflows-count-value{font-family:var(--font-mono);font-size:36px;font-weight:700;color:var(--primary);line-height:1}.admin-workflows-count-label{font-size:14px;color:var(--muted-foreground);font-weight:500}.admin-workflows-stats-divider{width:1px;height:40px;background:var(--border)}@media(max-width:768px){.admin-workflows-stats-divider{display:none}}.admin-workflows-stat-pill{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1}.admin-workflows-stat-pill-value{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--foreground);line-height:1}.admin-workflows-stat-pill-label{font-size:12px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.admin-workflows-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--spacing-6);animation:fade-in-up .4s var(--ease-out)}@media(max-width:480px){.admin-workflows-grid{grid-template-columns:1fr}}.admin-workflow-luxury-card{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:var(--spacing-6);transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer;overflow:hidden;animation:fade-in-scale .4s var(--ease-out) backwards}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.admin-workflow-luxury-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--primary);box-shadow:0 12px 40px #00000026,0 0 0 1px var(--primary)}.admin-workflow-luxury-card:hover .admin-workflow-luxury-hover-border{opacity:1}.admin-workflow-luxury-hover-border{position:absolute;inset:0;border-radius:14px;background:linear-gradient(135deg,transparent 0%,rgba(46,107,123,.05) 50%,transparent 100%);opacity:0;transition:opacity .3s var(--ease-out);pointer-events:none}.admin-workflow-luxury-header{margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-5);border-bottom:1px solid var(--border)}.admin-workflow-luxury-title-section{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.admin-workflow-luxury-name{font-family:var(--font-sans);font-size:20px;font-weight:600;color:var(--foreground);margin:0;letter-spacing:-.01em;line-height:1.3;flex:1}.admin-workflow-luxury-badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--muted);border:1px solid var(--border);border-radius:6px;font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);white-space:nowrap}.admin-workflow-luxury-badge--primary{background:#2e6b7b26;border-color:var(--primary);color:var(--primary)}.admin-workflow-luxury-description{font-size:14px;color:var(--muted-foreground);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-workflow-luxury-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-5);margin-bottom:var(--spacing-5)}.admin-workflow-luxury-stat{display:flex;flex-direction:column;gap:var(--spacing-1)}.admin-workflow-luxury-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground)}.admin-workflow-luxury-stat-value{font-family:var(--font-mono);font-size:24px;font-weight:700;color:var(--foreground);line-height:1;transition:color .2s var(--ease-out)}.admin-workflow-luxury-stat-value--success{color:var(--success)}.admin-workflow-luxury-stat-value--revenue{color:var(--primary)}.admin-workflow-luxury-card:hover .admin-workflow-luxury-stat-value{transform:scale(1.05)}.admin-workflow-luxury-actions{display:flex;gap:var(--spacing-2);margin-top:auto}.admin-workflow-luxury-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:10px 16px;background:transparent;border:1px solid var(--border);border-radius:8px;font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--foreground);cursor:pointer;transition:all .2s var(--ease-out)}.admin-workflow-luxury-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.admin-workflow-luxury-action-btn svg{flex-shrink:0;transition:transform .2s var(--ease-out)}.admin-workflow-luxury-action-btn--edit:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.admin-workflow-luxury-action-btn--edit:hover svg{transform:rotate(-5deg)}.admin-workflow-luxury-action-btn--delete:hover{background:var(--destructive);border-color:var(--destructive);color:var(--destructive-foreground)}.admin-workflow-luxury-action-btn--delete:hover svg{transform:scale(1.1)}.dark .admin-workflow-luxury-card{box-shadow:0 1px 3px #0003}.dark .admin-workflow-luxury-card:hover{box-shadow:0 12px 40px #0006,0 0 0 1px var(--primary)}.dark .admin-workflows-create-btn{box-shadow:0 2px 8px #2e6b7b66}.dark .admin-workflows-create-btn:hover{box-shadow:0 8px 20px #2e6b7b80}.admin-tickets-container{display:flex;flex-direction:column;gap:var(--spacing-8)}.tickets-stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.tickets-stat-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-2);transition:all var(--transition-fast) var(--ease-out)}.tickets-stat-card:hover{transform:translateY(-2px);border-color:var(--primary)}.tickets-stat-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground)}.tickets-stat-value{font-size:28px;font-weight:700;font-family:var(--font-sans);letter-spacing:-.02em;color:var(--foreground)}.tickets-stat-trend{font-size:11px;font-family:var(--font-mono);color:var(--muted-foreground)}.tickets-filter-bar{display:flex;gap:var(--spacing-3);align-items:center;padding:var(--spacing-4);background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:var(--spacing-6)}.tickets-filter-group{display:flex;gap:var(--spacing-2)}.filter-chip{padding:6px 14px;font-size:13px;font-weight:500;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.filter-chip:hover{background:var(--muted);border-color:var(--primary);color:var(--foreground)}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.filter-divider{width:1px;height:24px;background:var(--border);margin:0 var(--spacing-2)}.admin-tickets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-4)}.admin-ticket-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4);transition:all var(--transition-fast) var(--ease-out);position:relative;overflow:hidden}.admin-ticket-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--border);transition:all var(--transition-fast) var(--ease-out)}.admin-ticket-card.priority-urgent:before{background:var(--destructive);width:6px}.admin-ticket-card.priority-high:before{background:var(--warning);width:5px}.admin-ticket-card.priority-medium:before{background:var(--primary)}.admin-ticket-card.priority-low:before{background:var(--success)}.admin-ticket-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 12px 32px #00000026}.ticket-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-3)}.ticket-id-badge{font-family:var(--font-mono);font-size:11px;font-weight:500;padding:4px 8px;background:var(--muted);color:var(--muted-foreground);border-radius:6px;letter-spacing:.03em}.ticket-badges{display:flex;gap:6px;align-items:center}.ticket-content{display:flex;flex-direction:column;gap:var(--spacing-3)}.ticket-title{font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--foreground);line-height:1.3;margin:0}.ticket-description{font-size:14px;line-height:1.6;color:var(--muted-foreground);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-meta{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-3);border-top:1px solid var(--border);gap:var(--spacing-4)}.ticket-meta-left{display:flex;flex-direction:column;gap:4px}.ticket-client{font-size:13px;font-weight:500;color:var(--foreground)}.ticket-client-label{font-size:11px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.ticket-timestamp{font-family:var(--font-mono);font-size:11px;color:var(--muted-foreground);display:flex;align-items:center;gap:4px}.ticket-timestamp:before{content:"•";color:var(--border)}.ticket-actions{display:flex;gap:8px;margin-top:var(--spacing-2)}.ticket-action-btn{flex:1;padding:8px 16px;font-size:13px;font-weight:500;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--foreground);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.ticket-action-btn:hover{background:var(--muted);border-color:var(--primary);transform:translateY(-1px)}.ticket-action-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.ticket-action-btn.primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2e6b7b40}.ticket-status-badge{padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:6px;white-space:nowrap}.ticket-status-badge.status-open{background:#2e6b7b26;color:var(--primary)}.ticket-status-badge.status-in_progress{background:#f59e0b26;color:var(--warning)}.ticket-status-badge.status-resolved{background:#4ade8026;color:var(--success)}.ticket-status-badge.status-closed{background:var(--muted);color:var(--muted-foreground)}.ticket-priority-badge{padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:6px;white-space:nowrap}.ticket-priority-badge.priority-urgent{background:#ef444426;color:var(--destructive)}.ticket-priority-badge.priority-high{background:#f59e0b26;color:var(--warning)}.ticket-priority-badge.priority-medium{background:#2e6b7b26;color:var(--primary)}.ticket-priority-badge.priority-low{background:#4ade8026;color:var(--success)}.tickets-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16);background:var(--card);border:1px solid var(--border);border-radius:12px;text-align:center}.tickets-empty-icon{font-size:64px;margin-bottom:var(--spacing-4);opacity:.5}.tickets-empty-title{font-size:20px;font-weight:600;color:var(--foreground);margin:0 0 var(--spacing-2) 0}.tickets-empty-text{font-size:14px;color:var(--muted-foreground);margin:0}@media(max-width:1200px){.admin-tickets-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:768px){.admin-tickets-grid{grid-template-columns:1fr}.tickets-stats-bar{grid-template-columns:repeat(2,1fr)}.tickets-filter-bar{flex-direction:column;align-items:stretch}.tickets-filter-group{flex-wrap:wrap}}.finances-page{max-width:1400px;margin:0 auto;padding:var(--spacing-10) var(--spacing-8);animation:fadeInUp .6s var(--ease-out)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.finances-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-8);margin-bottom:var(--spacing-10);padding-bottom:var(--spacing-8);border-bottom:1px solid var(--border)}.finances-hero-content{flex:1}.finances-breadcrumb{font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-medium);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-3);opacity:.7}.finances-hero-title{font-family:var(--font-sans);font-size:48px;font-weight:700;color:var(--foreground);letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--spacing-3);background:linear-gradient(135deg,var(--foreground) 0%,var(--muted-foreground) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.finances-hero-subtitle{font-size:var(--text-base);color:var(--muted-foreground);line-height:1.6;max-width:520px}.finances-hero-actions{display:flex;gap:var(--spacing-3);align-items:center}.period-selector{display:inline-flex;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:4px;gap:2px}.period-btn{padding:8px 20px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--muted-foreground);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap}.period-btn:hover{color:var(--foreground);background:var(--muted)}.period-btn.active{color:var(--primary-foreground);background:var(--primary);box-shadow:0 2px 8px #2e6b7b40}.export-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:10px 20px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s var(--ease-out)}.export-btn:hover{border-color:var(--primary);background:var(--accent-bg-dark);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.dark .export-btn:hover{background:var(--accent-bg-light)}.export-btn svg{transition:transform .2s var(--ease-out)}.export-btn:hover svg{transform:translateY(-2px)}.finances-feature-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-6);margin-bottom:var(--spacing-10)}@media(max-width:1200px){.finances-feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.finances-feature-grid{grid-template-columns:1fr}}.feature-metric{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:var(--spacing-8);position:relative;overflow:hidden;transition:all .3s var(--ease-out);animation:slideInUp .5s var(--ease-out);animation-fill-mode:both}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-metric:nth-child(1){animation-delay:0ms}.feature-metric:nth-child(2){animation-delay:.1s}.feature-metric:nth-child(3){animation-delay:.2s}.feature-metric:nth-child(4){animation-delay:.3s}.feature-metric:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.feature-metric--primary{grid-row:span 2;background:linear-gradient(135deg,var(--card) 0%,var(--muted) 100%)}.feature-metric--primary:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--accent-light) 100%)}.feature-metric-label{font-size:13px;font-weight:var(--weight-medium);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--spacing-4)}.feature-metric-value{font-family:var(--font-sans);font-size:56px;font-weight:700;color:var(--foreground);letter-spacing:-.04em;line-height:1;margin-bottom:var(--spacing-4);background:linear-gradient(135deg,var(--foreground) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-metric-value--medium{font-size:36px}.feature-metric-value--large{font-size:48px}.feature-metric-growth{display:flex;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-6)}.growth-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:8px;font-family:var(--font-mono)}.growth-indicator--up{color:var(--success);background:#4ade801a}.growth-indicator svg{flex-shrink:0}.growth-period{font-size:var(--text-sm);color:var(--muted-foreground)}.feature-metric-bar{height:6px;background:var(--muted);border-radius:3px;overflow:hidden;margin-top:var(--spacing-4)}.metric-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--accent-light) 100%);border-radius:3px;transition:width .8s var(--ease-out)}.feature-metric-detail{font-size:var(--text-sm);color:var(--muted-foreground);margin-top:var(--spacing-3);font-style:italic}.feature-metric--accent{background:linear-gradient(135deg,var(--accent-bg-dark) 0%,var(--card) 100%);display:flex;flex-direction:column}.dark .feature-metric--accent{background:linear-gradient(135deg,var(--accent-bg-light) 0%,var(--card) 100%)}.feature-metric-gauge{margin-top:var(--spacing-4);width:100%;display:flex;justify-content:center;align-items:center;padding:var(--spacing-2) 0}.gauge-svg{width:100%;max-width:140px;height:auto;overflow:visible}.finances-section{margin-bottom:var(--spacing-10)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.section-title{font-family:var(--font-sans);font-size:28px;font-weight:700;color:var(--foreground);letter-spacing:-.02em}.section-badge{padding:6px 14px;font-size:12px;font-weight:var(--weight-medium);color:var(--muted-foreground);background:var(--muted);border-radius:8px;font-family:var(--font-mono)}.revenue-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-6)}.breakdown-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:var(--spacing-6);transition:all .3s var(--ease-out);animation:fadeInScale .4s var(--ease-out);animation-fill-mode:both}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.breakdown-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.breakdown-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--muted);border-radius:10px;color:var(--primary);transition:all .2s var(--ease-out)}.breakdown-card:hover .breakdown-icon{background:var(--primary);color:var(--primary-foreground);transform:rotate(5deg) scale(1.1)}.breakdown-percentage{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--muted-foreground);padding:4px 10px;background:var(--muted);border-radius:6px}.breakdown-name{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--foreground);margin-bottom:var(--spacing-2);line-height:1.3}.breakdown-value{font-family:var(--font-mono);font-size:24px;font-weight:700;color:var(--primary);margin-bottom:var(--spacing-4)}.breakdown-bar{height:4px;background:var(--muted);border-radius:2px;overflow:hidden}.breakdown-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--accent-light) 100%);border-radius:2px;transition:width .6s var(--ease-out)}.finances-empty{background:var(--card);border:1px dashed var(--border);border-radius:12px;padding:var(--spacing-12);text-align:center}.empty-illustration{margin-bottom:var(--spacing-6);opacity:.6}.empty-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--foreground);margin-bottom:var(--spacing-2)}.empty-description{font-size:var(--text-base);color:var(--muted-foreground);max-width:400px;margin:0 auto}.finances-insights{margin-bottom:var(--spacing-10)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-6)}.insight-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4);transition:all .3s var(--ease-out);position:relative;overflow:hidden}.insight-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--border);transition:all .3s var(--ease-out)}.insight-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.insight-card--success:before{background:var(--success)}.insight-card--info:before{background:var(--primary)}.insight-card--warning:before{background:var(--warning)}.insight-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .3s var(--ease-out)}.insight-card--success .insight-icon{background:#4ade801a;color:var(--success)}.insight-card--info .insight-icon{background:#2e6b7b1a;color:var(--primary)}.insight-card--warning .insight-icon{background:#f59e0b1a;color:var(--warning)}.insight-card:hover .insight-icon{transform:scale(1.1) rotate(5deg)}.insight-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--foreground);line-height:1.3}.insight-description{font-size:var(--text-sm);color:var(--muted-foreground);line-height:1.6}@media(max-width:1024px){.finances-hero{flex-direction:column;gap:var(--spacing-6)}.finances-hero-actions{width:100%;justify-content:space-between}.finances-hero-title{font-size:40px}}@media(max-width:768px){.finances-page{padding:var(--spacing-6) var(--spacing-4)}.finances-hero{padding-bottom:var(--spacing-6);margin-bottom:var(--spacing-8)}.finances-hero-title{font-size:32px}.finances-hero-actions{flex-direction:column;gap:var(--spacing-3)}.period-selector{width:100%}.period-btn{flex:1}.export-btn{width:100%;justify-content:center}.finances-feature-grid{gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.feature-metric{padding:var(--spacing-6)}.feature-metric-value{font-size:40px}.feature-metric-value--medium{font-size:28px}.feature-metric-value--large{font-size:36px}.revenue-breakdown-grid,.insights-grid{grid-template-columns:1fr;gap:var(--spacing-4)}}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Variable.woff2) format("woff2");font-weight:300 700;font-display:swap}:root{--accent-base: #2E6B7B;--accent-light: #3D8A9C;--accent-dark: #245560;--accent-darker: #1A3F48;--accent-base-light: #245560;--accent-light-light: #2E6B7B;--accent-dark-light: #1A3F48;--accent-bg-dark: #1A2E33;--accent-bg-light: #F0F7F9;--background: #16181D;--foreground: #F4F4F5;--card: #1E2028;--card-foreground: #F4F4F5;--popover: #1E2028;--popover-foreground: #F4F4F5;--primary: var(--accent-base);--primary-foreground: #FFFFFF;--primary-hover: var(--accent-dark);--secondary: #252830;--secondary-foreground: #F4F4F5;--muted: #252830;--muted-foreground: #8B8D98;--accent: #2A2D36;--accent-foreground: var(--accent-light);--accent-bright: var(--accent-light);--destructive: #EF4444;--destructive-foreground: #F4F4F5;--border: #32353F;--input: #32353F;--ring: var(--accent-base);--chart-1: var(--accent-base);--chart-2: var(--accent-light);--chart-3: #7C9F6B;--chart-4: #9F8A6B;--chart-5: #6B7C9F;--sidebar: #16181D;--sidebar-foreground: #F4F4F5;--sidebar-primary: var(--accent-base);--sidebar-primary-foreground: #FFFFFF;--sidebar-accent: #252830;--sidebar-accent-foreground: #F4F4F5;--sidebar-border: #32353F;--sidebar-ring: var(--accent-base);--success: #4ADE80;--success-foreground: #16181D;--success-light: #14532D;--success-dark: #86EFAC;--warning: #FBBF24;--warning-foreground: #0C0C0E;--warning-light: #78350F;--warning-dark: #FDE68A;--error: #F87171;--error-foreground: #0C0C0E;--error-light: #7F1D1D;--error-dark: #FCA5A5;--info: var(--accent-base);--info-foreground: #FFFFFF;--info-light: var(--accent-bg-dark);--info-dark: var(--accent-light);--neutral-50: #FAFAFA;--neutral-100: #F4F4F5;--neutral-200: #E4E4E7;--neutral-300: #D4D4D8;--neutral-400: #A1A1AA;--neutral-500: #71717A;--neutral-600: #52525B;--neutral-700: #3F3F46;--neutral-800: #27272A;--neutral-900: #18181B;--neutral-950: #0C0C0E;--font-sans: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--font-serif: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius: .75rem;--radius-sm: calc(var(--radius) - 4px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 4px);--radius-2xl: calc(var(--radius) + 12px);--radius-full: 9999px;--shadow-x: 0;--shadow-y: 1px;--shadow-blur: 3px;--shadow-spread: 0px;--shadow-opacity: .1;--shadow-color: oklch(0 0 0);--shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / .05);--shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / .05);--shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 1px 2px -1px hsl(0 0% 0% / .1);--shadow: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 1px 2px -1px hsl(0 0% 0% / .1);--shadow-md: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 2px 4px -1px hsl(0 0% 0% / .1);--shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 4px 6px -1px hsl(0 0% 0% / .1);--shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 8px 10px -1px hsl(0 0% 0% / .1);--shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / .25);--shadow-glow-primary: 0 0 30px rgba(99, 102, 241, .5), 0 0 60px rgba(99, 102, 241, .3), 0 4px 12px rgba(99, 102, 241, .2);--shadow-glow-accent: 0 0 25px rgba(6, 182, 212, .4), 0 0 50px rgba(6, 182, 212, .25);--shadow-glow-success: 0 0 25px rgba(16, 185, 129, .4), 0 0 50px rgba(16, 185, 129, .25);--spacing: .25rem;--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--glass-bg-light: rgba(255, 255, 255, .5);--glass-bg-medium: rgba(255, 255, 255, .7);--glass-bg-heavy: rgba(255, 255, 255, .85);--glass-border: rgba(226, 232, 240, .6);--glass-blur: 20px;--glass-blur-heavy: 32px;--neu-bg: #E8EEF5;--neu-surface: #E8EEF5;--neu-shadow-light: #FFFFFF;--neu-shadow-dark: rgba(163, 177, 198, .6);--neu-shadow-raised: 8px 8px 20px var(--neu-shadow-dark), -8px -8px 20px var(--neu-shadow-light);--neu-shadow-hover: 12px 12px 30px var(--neu-shadow-dark), -12px -12px 30px var(--neu-shadow-light);--neu-shadow-pressed: inset 4px 4px 10px var(--neu-shadow-dark), inset -4px -4px 10px var(--neu-shadow-light);--neu-shadow-inset: inset 2px 2px 5px var(--neu-shadow-dark), inset -2px -2px 5px var(--neu-shadow-light);--neu-shadow-small: 4px 4px 10px var(--neu-shadow-dark), -4px -4px 10px var(--neu-shadow-light);--brutal-bg: #FFFFFF;--brutal-surface: #FFFFFF;--brutal-border: #000000;--brutal-border-width: 2px;--brutal-text: #000000;--brutal-text-muted: #666666;--brutal-accent: #6366F1;--brutal-offset: 4px;--brutal-radius: 0px;--transition-fast: .2s;--transition-normal: .3s;--transition-slow: .4s;--transition-slower: .6s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.25, .46, .45, .94);--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--text-6xl: 60px;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em}.dark{--background: #F8FAFB;--foreground: #1A1A1A;--card: #FFFFFF;--card-foreground: #1A1A1A;--popover: #FFFFFF;--popover-foreground: #1A1A1A;--primary: var(--accent-base-light);--primary-foreground: #FFFFFF;--primary-hover: var(--accent-dark-light);--secondary: #F3F5F6;--secondary-foreground: #1A1A1A;--muted: #EEF1F2;--muted-foreground: #52525B;--accent: var(--accent-bg-light);--accent-foreground: var(--accent-dark-light);--accent-bright: var(--accent-base-light);--border: #D4D4D4;--input: #D4D4D4;--ring: var(--accent-base-light);--sidebar: #FFFFFF;--sidebar-foreground: #1A1A1A;--sidebar-primary: var(--accent-base-light);--sidebar-primary-foreground: #FFFFFF;--sidebar-accent: var(--accent-bg-light);--sidebar-accent-foreground: #1A1A1A;--sidebar-border: #E5E5E5;--success: #15803D;--success-light: #DCFCE7;--error: #B91C1C;--error-light: #FEE2E2;--warning: #B45309;--warning-light: #FEF3C7;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .05)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --font-sans: var(--font-sans); --font-mono: var(--font-mono); --font-serif: var(--font-serif); }@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #6366f166,0 0 40px #6366f140}50%{box-shadow:0 0 40px #6366f199,0 0 80px #6366f166,0 0 120px #6366f133}}@keyframes glow-pulse-cyan{0%,to{box-shadow:0 0 20px #06b6d466,0 0 40px #06b6d440}50%{box-shadow:0 0 40px #06b6d499,0 0 80px #06b6d466}}@keyframes glow-pulse-success{0%,to{box-shadow:0 0 20px #10b9814d,0 0 40px #10b98133}50%{box-shadow:0 0 40px #10b98180,0 0 80px #10b9814d}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes gradient-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--foreground);background-color:var(--background);transition:background-color var(--transition-normal) var(--ease-out),color var(--transition-normal) var(--ease-out)}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--foreground);font-weight:var(--weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{margin-bottom:var(--spacing-4)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast) var(--ease-out)}a:hover{color:var(--primary);opacity:.8}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.text-h1{font-size:var(--text-4xl);font-weight:var(--weight-bold)}.text-h2{font-size:var(--text-2xl);font-weight:var(--weight-bold)}.text-h3{font-size:var(--text-xl);font-weight:var(--weight-semibold)}.text-body{font-size:var(--text-base)}.text-body-sm,.text-small{font-size:var(--text-sm)}.text-tiny,.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-primary{color:var(--foreground)}.text-secondary{color:var(--muted-foreground)}.text-tertiary,.text-disabled{color:var(--neutral-400)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-info{color:var(--info)}.text-indigo,.text-indigo-600,.text-indigo-700{color:var(--primary)}.text-indigo-900{color:var(--neutral-900)}.text-success-main{color:var(--success)}.text-success-dark{color:var(--success-dark)}.text-warning-main{color:var(--warning)}.text-warning-dark{color:var(--warning-dark)}.text-error-main{color:var(--error)}.text-error-dark{color:var(--error-dark)}.text-neutral-500{color:var(--neutral-500)}.text-neutral-600{color:var(--neutral-600)}.text-neutral-700{color:var(--neutral-700)}.text-neutral-900{color:var(--neutral-900)}.bg-white{background-color:var(--card)}.bg-canvas{background-color:var(--background)}.bg-card{background-color:var(--card)}.bg-muted{background-color:var(--muted)}.bg-secondary{background-color:var(--secondary)}.bg-accent,.bg-indigo-50{background-color:var(--accent)}.bg-neutral-50{background-color:var(--neutral-50)}.bg-neutral-100{background-color:var(--neutral-100)}.bg-neutral-200{background-color:var(--neutral-200)}.bg-success-light{background-color:var(--success-light)}.bg-warning-light{background-color:var(--warning-light)}.font-display,.font-body{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}.font-light{font-weight:var(--weight-light)}.font-regular{font-weight:var(--weight-regular)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-xs{gap:var(--spacing-1)}.gap-sm{gap:var(--spacing-2)}.gap-md{gap:var(--spacing-4)}.gap-lg{gap:var(--spacing-6)}.gap-xl{gap:var(--spacing-8)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.left-0{left:0}.right-0{right:0}.top-0{top:0}.bottom-0{bottom:0}.z-30{z-index:30}.p-0{padding:0}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.pl-4{padding-left:var(--spacing-4)}.pt-6{padding-top:var(--spacing-6)}.pb-6{padding-bottom:var(--spacing-6)}.m-0{margin:0}.m-2{margin:var(--spacing-2)}.m-4{margin:var(--spacing-4)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mt-0{margin-top:0}.mt-0\.5{margin-top:2px}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.w-3{width:12px}.w-4{width:16px}.w-5{width:20px}.w-6{width:24px}.w-70{width:280px}.w-full{width:100%}.w-auto{width:auto}.h-3{height:12px}.h-4{height:16px}.h-5{height:20px}.h-6{height:24px}.h-10{height:40px}.h-auto{height:auto}.max-w-md{max-width:448px}.max-w-lg{max-width:512px}.max-w-xl{max-width:576px}.max-w-2xl{max-width:672px}.min-h-screen{min-height:100vh}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.whitespace-pre-wrap{white-space:pre-wrap}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.transition-colors{transition-property:color,background-color,border-color;transition-duration:var(--transition-fast);transition-timing-function:var(--ease-out)}.transition-all{transition:all var(--transition-normal) var(--ease-out)}.space-y-1>*+*{margin-top:var(--spacing-1)}.space-y-3>*+*{margin-top:var(--spacing-3)}.space-y-4>*+*{margin-top:var(--spacing-4)}.space-y-6>*+*{margin-top:var(--spacing-6)}.space-y-lg>*+*{margin-top:var(--spacing-6)}.border-t{border-top:1px solid var(--border)}.border-r{border-right:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.border-l{border-left:1px solid var(--border)}.border-l-4{border-left:4px solid}.border-lime-500{border-color:var(--primary)}.border-neutral-200{border-color:var(--neutral-200)}.border-indigo-200{border-color:var(--accent)}.border-success-main{border-color:var(--success)}.border-warning-main{border-color:var(--warning)}.border-error-main{border-color:var(--error)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-semibold);padding:12px 24px;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-slow) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-action,.btn-primary-lime{background:var(--primary);color:var(--primary-foreground)}.btn-action:hover,.btn-primary-lime:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-action:active,.btn-primary-lime:active{transform:translateY(0)}.btn-secondary{background:var(--card);color:var(--foreground);border:2px solid var(--border)}.btn-secondary:hover{background:var(--muted);border-color:var(--neutral-300)}.btn-danger{background:var(--destructive);color:var(--destructive-foreground);box-shadow:var(--shadow-sm)}.btn-danger:hover{background:var(--destructive);opacity:.9;box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--muted-foreground);border:1px solid transparent}.btn-ghost:hover{background:var(--muted);color:var(--foreground)}.btn-sm{padding:8px 16px;font-size:var(--text-sm)}.btn-lg{padding:16px 32px;font-size:var(--text-lg)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md)}.btn-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--primary);background:var(--accent);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);white-space:nowrap}.btn-link:hover{background:var(--accent);opacity:.8;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-link:active{transform:translateY(0);box-shadow:none}.card{background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-md);transition:all var(--transition-slow) var(--ease-out)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border)}.card-bento{background:var(--glass-bg-medium);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-slow) var(--ease-out)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.card-glass{background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.card-compact{background:var(--glass-bg-medium);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:all var(--transition-slow) var(--ease-out)}.card-indigo{background:var(--glass-bg-medium);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--primary);border-radius:var(--radius-lg)}.card-lime-accent{border-left:4px solid var(--primary)}.card-gradient-top{position:relative;overflow:hidden}.card-gradient-top:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary);transform:scaleX(0);transition:transform var(--transition-slow) var(--ease-out)}.card-gradient-top:hover:before{transform:scaleX(1)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.input-group label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--foreground);display:block}.input-group input,.input-group textarea,.input-group select,.input,.input-field{font-family:var(--font-sans);font-size:var(--text-base);color:var(--foreground);background:var(--glass-bg-light);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1.5px solid var(--input);border-radius:var(--radius-md);padding:12px 16px;transition:all var(--transition-fast) var(--ease-out);width:100%}.input-group input::placeholder,.input-group textarea::placeholder,.input::placeholder{color:var(--muted-foreground)}.input-group input:hover,.input-group textarea:hover,.input-group select:hover,.input:hover{border-color:var(--neutral-300)}.input-group input:focus,.input-group textarea:focus,.input-group select:focus,.input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px #0ea5e91a}.input-group input:disabled,.input-group textarea:disabled,.input-group select:disabled,.input:disabled{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed}.input-group .input-error,.input-error{border-color:var(--error)}.input-group .input-error:focus,.input-error:focus{box-shadow:0 0 0 3px #ef44441a}input[type=file]{cursor:pointer}input[type=file]::file-selector-button,input[type=file]::-webkit-file-upload-button{margin-right:16px;padding:8px 16px;border-radius:var(--radius-lg);border:none;font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:var(--font-sans);background:var(--accent);color:var(--accent-foreground);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}input[type=file]::file-selector-button:hover,input[type=file]::-webkit-file-upload-button:hover{background:var(--accent);opacity:.8}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.badge-success{background:var(--success-light);color:var(--success-dark)}.badge-warning{background:var(--warning-light);color:var(--warning-dark)}.badge-error{background:var(--error-light);color:var(--error-dark)}.badge-info{background:var(--info-light);color:var(--info-dark)}.badge-neutral{background:var(--neutral-100);color:var(--neutral-700)}.badge-lime{background:var(--accent);color:var(--accent-foreground)}.toast{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:var(--shadow-xl);display:flex;gap:var(--spacing-3);align-items:flex-start;animation:slide-in-right .3s var(--ease-out);border-left:4px solid;max-width:400px}.toast.exiting{animation:slide-out-right .2s var(--ease-in)}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--error)}.toast-warning{border-left-color:var(--warning)}.toast-info{border-left-color:var(--info)}.skeleton{background:var(--neutral-200);border-radius:var(--radius-md);animation:pulse 1.5s ease-in-out infinite}.skeleton-text{height:16px;margin-bottom:var(--spacing-2)}.skeleton-text-lg{height:24px;margin-bottom:var(--spacing-3)}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}.skeleton-card{height:200px;border-radius:var(--radius-lg)}.empty-state{text-align:center;padding:var(--spacing-16) var(--spacing-8);max-width:500px;margin:0 auto}.empty-state-illustration{width:200px;height:200px;margin:0 auto var(--spacing-8);opacity:0;animation:fade-in-up .6s var(--ease-out) forwards}.empty-state-title{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--foreground);margin-bottom:var(--spacing-3)}.empty-state-description{font-family:var(--font-sans);font-size:var(--text-base);color:var(--muted-foreground);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-6);animation:fade-in-up .2s var(--ease-out);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal,.modal-content-glass{background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:scale-in .3s var(--ease-spring)}.modal-header{padding:var(--spacing-6);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:var(--spacing-6)}.modal-footer{padding:var(--spacing-6);border-top:1px solid var(--border);display:flex;gap:var(--spacing-4);justify-content:flex-end}.spinner{width:32px;height:32px;border:3px solid var(--neutral-200);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.spinner-lg{width:48px;height:48px;border-width:4px}.spinner-gradient-indigo-lime{width:20px;height:20px;border:2px solid var(--neutral-200);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;display:inline-block}.loading-glow{position:relative;width:200px;height:200px;margin:0 auto}.loading-glow:before{content:"";position:absolute;inset:0;background:linear-gradient(270deg,var(--primary),var(--chart-2),var(--chart-3),var(--chart-2),var(--primary));background-size:400% 400%;animation:gradient-rotate 3s ease infinite;border-radius:var(--radius-full);filter:blur(40px);opacity:.8}.results-success-banner{background-color:var(--success-light);border:1px solid var(--success);border-radius:var(--radius-lg);padding:var(--spacing-2) var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2);width:fit-content}.results-stat-card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-2) var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2)}.grid-control-btn{width:36px;height:36px;border-radius:var(--radius-md);border:2px solid var(--border);background-color:var(--card);color:var(--muted-foreground);font-weight:var(--weight-semibold);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);display:flex;align-items:center;justify-content:center}.grid-control-btn:hover{border-color:var(--primary);background-color:var(--accent);color:var(--primary);transform:translateY(-1px)}.grid-control-btn.active{background-color:var(--primary);border-color:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-glow-primary);transform:scale(1.05)}.grid-control-btn:active{transform:scale(.98)}.result-card-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-1);margin-top:var(--spacing-2)}.result-card-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--card);color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.result-card-icon-btn:hover{background-color:var(--muted);border-color:var(--neutral-300);transform:translateY(-1px)}.result-card-copy-overlay{position:absolute;top:var(--spacing-1);right:var(--spacing-1)}.result-card-copy-btn{background-color:var(--glass-bg-heavy);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--spacing-1);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);display:flex;align-items:center;justify-content:center}.result-card-copy-btn:hover{background-color:var(--card);box-shadow:var(--shadow-md)}@media(max-width:640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}:root{--text-6xl: 36px;--text-5xl: 32px;--text-4xl: 28px;--text-3xl: 24px}.btn{width:100%}}@media(min-width:641px)and (max-width:768px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px)and (max-width:1024px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}}.dark-mode-toggle{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:var(--spacing-1);transition:all .2s ease-out}.dark-mode-toggle:hover{opacity:.9}.dark-mode-toggle:active{transform:scale(.98)}.dark-mode-toggle-track{position:relative;width:48px;height:26px;background:var(--muted);border-radius:var(--radius-full);border:1px solid var(--border);transition:all .2s ease-out}.dark-mode-toggle:hover .dark-mode-toggle-track{border-color:var(--primary)}.dark-mode-toggle-thumb{position:absolute;top:2px;width:20px;height:20px;background:var(--foreground);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all .25s var(--ease-spring)}.dark-mode-toggle-thumb.light{left:2px;background:var(--primary)}.dark-mode-toggle-thumb.dark{left:24px;background:var(--primary)}.dark-mode-icon{color:var(--primary-foreground);animation:fade-in-up .2s ease-out}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--primary);color:var(--primary-foreground);padding:var(--spacing-2) var(--spacing-4);z-index:10000;border-radius:var(--radius-md)}.skip-to-content:focus{top:var(--spacing-2)}@media(prefers-contrast:high){.btn{border:2px solid currentColor}}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--foreground);margin-bottom:var(--spacing-2)}.form-input,.form-select{font-family:var(--font-sans);font-size:var(--text-base);color:var(--foreground);background:var(--glass-bg-light);border:1.5px solid var(--input);border-radius:var(--radius-md);padding:12px 16px;transition:all var(--transition-fast) var(--ease-out);width:100%}.form-input::placeholder{color:var(--muted-foreground)}.form-input:hover,.form-select:hover{border-color:var(--neutral-300)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px #0ea5e91a}.form-input:disabled,.form-select:disabled,.form-input--disabled{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed;opacity:.7}.form-input--error{border-color:var(--destructive)}.form-input--error:focus{box-shadow:0 0 0 3px #ef44441a}.form-error{display:block;font-size:var(--text-sm);color:var(--destructive);margin-top:var(--spacing-1)}.form-hint{display:block;font-size:var(--text-xs);color:var(--muted-foreground);margin-top:var(--spacing-1)}.modal-content{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:scale-in .3s var(--ease-spring)}.modal-md{max-width:500px}.modal-lg{max-width:700px}.modal-title{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--foreground);margin:0}.modal-close{background:none;border:none;font-size:24px;color:var(--muted-foreground);cursor:pointer;padding:0;line-height:1;transition:color var(--transition-fast)}.modal-close:hover{color:var(--foreground)}.modal-footer--between{justify-content:space-between}.modal-footer-actions{display:flex;gap:var(--spacing-3)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;background:var(--background);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:30}.sidebar-header{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border)}.sidebar-logo{display:flex;align-items:center}.sidebar-logo-text{font-size:18px;font-weight:700;letter-spacing:.1em;color:var(--primary);font-family:var(--font-mono)}.sidebar-nav{flex:1;padding:8px 12px;display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;transition:all .15s ease-out;text-decoration:none;background:transparent;color:var(--muted-foreground);position:relative}.sidebar-link:hover,.sidebar-link-active{color:var(--foreground);background:var(--muted)}.sidebar-link-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:var(--primary);border-radius:0 2px 2px 0}.sidebar-link-active .sidebar-link-icon{color:var(--primary)}.sidebar-link-icon{width:18px;height:18px;opacity:.7;transition:all .15s ease-out}.sidebar-link:hover .sidebar-link-icon,.sidebar-link-active .sidebar-link-icon{opacity:1}.sidebar-footer{border-top:1px solid var(--border);padding:12px}.sidebar-user-card{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:8px;border-radius:6px;transition:background .15s ease-out}.sidebar-user-card:hover{background:var(--muted)}.sidebar-user-avatar{width:32px;height:32px;border-radius:6px;background:var(--primary);display:flex;align-items:center;justify-content:center;color:var(--primary-foreground);font-size:12px;font-weight:600;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:13px;font-weight:500;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-email{font-size:11px;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;color:var(--muted-foreground);background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s ease-out}.sidebar-logout-btn:hover{color:var(--error);border-color:var(--error);background:var(--error-light)}.sidebar-logout-btn svg{width:16px;height:16px}.sidebar-logout-icon{display:none}.executions-page{max-width:1400px;margin:0 auto;padding:var(--spacing-8) var(--spacing-6)}@media(min-width:768px){.executions-page{padding:var(--spacing-10) var(--spacing-8)}}.executions-hero{margin-bottom:var(--spacing-8);animation:fade-in-up .4s var(--ease-out)}.executions-hero-content{max-width:600px}.executions-hero-title{font-family:var(--font-sans);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--foreground);margin-bottom:var(--spacing-2);letter-spacing:-.02em;line-height:1.1}.executions-hero-subtitle{font-size:var(--text-base);color:var(--muted-foreground);line-height:1.5}.executions-stats-bento{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.execution-stat-bento{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s ease-out;font-size:var(--text-sm)}.execution-stat-bento:hover{border-color:var(--primary);background:var(--accent-bg-dark)}.dark .execution-stat-bento:hover{background:var(--accent-bg-light)}.execution-stat-bento.active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.execution-stat-bento.active .execution-stat-value,.execution-stat-bento.active .execution-stat-label{color:var(--primary-foreground)}.execution-stat-icon{display:none}.execution-stat-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--foreground)}.execution-stat-bento[data-gradient=success] .execution-stat-value{color:var(--success)}.execution-stat-bento[data-gradient=error] .execution-stat-value{color:var(--error)}.execution-stat-bento.active[data-gradient=success] .execution-stat-value,.execution-stat-bento.active[data-gradient=error] .execution-stat-value{color:var(--primary-foreground)}.execution-stat-label{font-size:var(--text-sm);color:var(--muted-foreground);font-weight:var(--weight-regular)}.executions-filters-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:var(--spacing-5);margin-bottom:var(--spacing-6);animation:fade-in-up .35s var(--ease-out)}.executions-filters-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-4);align-items:flex-end}.filter-field{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1;min-width:180px}.filter-field-label{font-size:11px;font-weight:var(--weight-medium);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.filter-field-select{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:8px;padding:10px 14px;transition:all .15s ease-out;cursor:pointer}.filter-field-select:hover{border-color:var(--muted-foreground)}.filter-field-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #2e6b7b26}.filter-field-action{display:flex;align-items:flex-end}.filter-clear-btn{padding:10px 18px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--muted-foreground);background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s ease-out;white-space:nowrap}.filter-clear-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--accent-bg-dark)}.dark .filter-clear-btn:hover{background:var(--accent-bg-light)}.executions-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.execution-item{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:var(--spacing-4) var(--spacing-5);cursor:pointer;transition:all .2s ease-out;display:flex;align-items:center;gap:var(--spacing-4);animation:fade-in-up .25s var(--ease-out) both}.execution-item:hover{border-color:var(--primary);background:var(--accent-bg-dark);transform:translate(4px)}.dark .execution-item:hover{background:var(--accent-bg-light)}.execution-item.has-glow,.execution-item.has-pulse{box-shadow:none;animation:fade-in-up .25s var(--ease-out) both}.execution-item-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;background:var(--muted);transition:all .15s ease-out}.execution-item[data-gradient=success] .execution-item-icon{background:var(--success-light);color:var(--success)}.execution-item[data-gradient=error] .execution-item-icon{background:var(--error-light);color:var(--error)}.execution-item[data-gradient=cyan] .execution-item-icon{background:var(--accent-bg-dark);color:var(--primary)}.dark .execution-item[data-gradient=cyan] .execution-item-icon{background:var(--accent-bg-light)}.execution-item[data-gradient=muted] .execution-item-icon{background:var(--muted);color:var(--muted-foreground)}.execution-item-content{flex:1;min-width:0}.execution-item-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:2px;flex-wrap:wrap}.execution-item-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--foreground);margin:0}.execution-item-badge{padding:3px 8px;font-size:10px;font-weight:var(--weight-semibold);border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.execution-item-badge[data-gradient=success]{background:var(--success-light);color:var(--success)}.execution-item-badge[data-gradient=error]{background:var(--error-light);color:var(--error)}.execution-item-badge[data-gradient=cyan]{background:var(--accent-bg-dark);color:var(--primary)}.dark .execution-item-badge[data-gradient=cyan]{background:var(--accent-bg-light)}.execution-item-badge[data-gradient=muted]{background:var(--muted);color:var(--muted-foreground)}.execution-item-meta{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-xs);color:var(--muted-foreground)}.execution-item-date{font-family:var(--font-mono);font-size:11px}.execution-item-separator{opacity:.4}.execution-item-duration{font-family:var(--font-mono);font-size:11px;color:var(--primary);font-weight:var(--weight-medium)}.execution-item-user{font-size:11px;color:var(--muted-foreground);font-weight:var(--weight-normal);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.execution-item-arrow{width:20px;height:20px;color:var(--muted-foreground);flex-shrink:0;transition:all .15s ease-out;opacity:.5}.execution-item:hover .execution-item-arrow{color:var(--primary);transform:translate(4px);opacity:1}.executions-empty{background:var(--card);border:1px dashed var(--border);border-radius:12px;padding:var(--spacing-16) var(--spacing-8);text-align:center;animation:fade-in-up .4s var(--ease-out)}.executions-empty-icon{margin-bottom:var(--spacing-4);color:var(--primary);opacity:.4}.executions-empty-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--foreground);margin-bottom:var(--spacing-2)}.executions-empty-text{font-size:var(--text-sm);color:var(--muted-foreground);line-height:1.5;max-width:360px;margin:0 auto var(--spacing-6)}.executions-empty-btn{padding:10px 20px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--primary-foreground);background:var(--primary);border:none;border-radius:8px;cursor:pointer;transition:all .15s ease-out}.executions-empty-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.executions-load-more{padding:var(--spacing-6) var(--spacing-4);display:flex;justify-content:center;align-items:center;min-height:60px}.executions-load-more-spinner{display:flex;align-items:center;gap:var(--spacing-3);color:var(--muted-foreground);font-size:var(--text-sm)}.executions-load-more-btn{padding:10px 24px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--muted-foreground);background:var(--card);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s ease-out}.executions-load-more-btn:hover{color:var(--foreground);border-color:var(--primary);background:var(--card-hover)}.executions-load-more-end{font-size:var(--text-sm);color:var(--muted-foreground);opacity:.7}.execution-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-4);animation:fade-in .2s var(--ease-out)}.execution-modal{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 25px 50px -12px #00000080;max-width:800px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:scale-in .3s var(--ease-out)}.execution-modal-header{padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.execution-modal-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--foreground);margin:0}.execution-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--muted-foreground);cursor:pointer;transition:all .15s ease-out}.execution-modal-close:hover{background:var(--muted);border-color:var(--primary);color:var(--foreground)}.execution-modal-body{padding:var(--spacing-6);overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:var(--spacing-6)}.execution-modal-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-3)}.execution-modal-stat{background:var(--background);border:1px solid var(--border);border-radius:8px;padding:var(--spacing-4);text-align:center}.execution-modal-stat-label{font-size:10px;font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:var(--spacing-1)}.execution-modal-stat-value{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--primary)}.execution-modal-section{display:flex;flex-direction:column;gap:var(--spacing-3)}.execution-modal-section-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--foreground);margin:0;text-transform:uppercase;letter-spacing:.03em}.execution-modal-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.execution-modal-section-actions{display:flex;align-items:center;gap:8px}.execution-data-view-toggle{display:inline-flex;background:var(--muted);border-radius:6px;padding:2px;gap:2px}.execution-data-view-btn{padding:5px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:none;border-radius:4px;background:transparent;color:var(--muted-foreground);cursor:pointer;transition:all .15s ease-out}.execution-data-view-btn:hover{color:var(--foreground)}.execution-data-view-btn.active{background:var(--card);color:var(--primary);box-shadow:0 1px 3px #0000001a}.execution-modal-copy-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--muted-foreground);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease-out}.execution-modal-copy-btn:hover{border-color:var(--primary);color:var(--primary)}.execution-modal-copy-btn.copied{background:var(--primary);border-color:var(--primary);color:#fff}.execution-modal-error{background:var(--error-light);border:1px solid var(--error);border-radius:8px;padding:var(--spacing-4)}.execution-modal-code{font-family:var(--font-mono);font-size:12px;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:8px;padding:var(--spacing-4);overflow:auto;max-height:300px;white-space:pre-wrap;word-break:break-word;line-height:1.6}.dark .execution-modal-code{background:#fafafa;color:#1a1a1a;border-color:#e5e5e5}.execution-data-pretty{background:var(--background);border:1px solid var(--border);border-radius:8px;overflow:hidden;max-height:400px;overflow-y:auto}.execution-data-row{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:12px 16px;border-bottom:1px solid var(--border);transition:background .15s ease-out}.execution-data-row:last-child{border-bottom:none}.execution-data-row:hover{background:var(--muted)}.execution-data-key{font-size:13px;font-weight:600;color:var(--primary);text-transform:capitalize;display:flex;align-items:flex-start;padding-top:2px}.execution-data-value{font-size:13px;color:var(--foreground);line-height:1.5;word-break:break-word}.execution-data-value span{color:var(--foreground)}.execution-data-array{display:flex;flex-direction:column;gap:8px}.execution-data-array-item{padding:8px 12px;background:var(--muted);border-radius:6px;border-left:2px solid var(--primary)}.execution-data-object-key{font-size:11px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.execution-data-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:8px 0}.execution-data-image-item{display:flex;flex-direction:column;gap:8px}.execution-data-image-item .execution-data-object-key{font-size:11px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.execution-data-empty{color:var(--muted-foreground);font-style:italic;font-size:12px}.execution-data-object-preview{font-family:var(--font-mono);font-size:11px;color:var(--muted-foreground);background:var(--background);border:1px solid var(--border);border-radius:4px;padding:8px;margin:0;overflow-x:auto;white-space:pre}.execution-data-image-container{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.execution-data-image{max-width:200px;max-height:200px;border-radius:8px;border:2px solid var(--border);cursor:pointer;transition:all .2s ease-out;object-fit:cover}.execution-data-image:hover{border-color:var(--primary);transform:scale(1.02);box-shadow:0 4px 12px #00000026}.execution-data-image-hint{font-size:11px;color:var(--muted-foreground);font-style:italic}.dark .execution-data-pretty{background:#fafafa}.dark .execution-data-row{border-bottom-color:#e5e5e5}.dark .execution-data-row:hover,.dark .execution-data-array-item{background:#f0f0f0}.dark .execution-data-object-preview{background:#fff;border-color:#e5e5e5;color:#1a1a1a}.execution-modal-footer{padding:var(--spacing-5) var(--spacing-6);border-top:1px solid var(--border);display:flex;gap:var(--spacing-3);justify-content:flex-end;flex-shrink:0}.execution-modal-btn-primary{padding:10px 20px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--primary-foreground);background:var(--primary);border:none;border-radius:8px;cursor:pointer;transition:all .15s ease-out}.execution-modal-btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.execution-modal-btn-secondary{padding:10px 20px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--muted-foreground);background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s ease-out}.execution-modal-btn-secondary:hover{color:var(--foreground);border-color:var(--muted-foreground)}.text-muted{color:var(--muted-foreground)}.execution-detail-page{padding:var(--spacing-4) var(--spacing-6);max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-4)}.execution-detail-back{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--muted-foreground);font-size:var(--text-sm);font-weight:var(--weight-medium);background:none;border:none;cursor:pointer;padding:0;transition:color .15s ease-out;align-self:flex-start}.execution-detail-back:hover{color:var(--foreground)}.execution-detail-back svg{width:20px;height:20px}.execution-detail-header-compact{display:flex;flex-direction:column;gap:var(--spacing-2);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border)}.execution-detail-title-row{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.execution-detail-title-row h1{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--foreground);margin:0;line-height:1.2}.execution-detail-meta-compact{display:flex;align-items:center;gap:var(--spacing-2);color:var(--muted-foreground);font-size:12px;font-family:var(--font-mono)}.execution-detail-header{display:flex;flex-direction:column;gap:var(--spacing-2)}.execution-detail-title{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.execution-detail-title h1{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--foreground);margin:0}.execution-polling-indicator{display:inline-flex;align-items:center;justify-content:center;color:var(--primary);animation:spin 2s linear infinite}.execution-detail-meta{display:flex;align-items:center;gap:var(--spacing-3);color:var(--muted-foreground);font-size:var(--text-sm)}.execution-detail-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-4)}.execution-detail-stat{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:var(--spacing-5);text-align:center}.execution-detail-stat-label{font-size:11px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:var(--spacing-2)}.execution-detail-stat-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--primary)}.execution-detail-section-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--foreground);margin:0 0 var(--spacing-4) 0}.execution-detail-actions{display:flex;gap:var(--spacing-3);justify-content:flex-start;padding-top:var(--spacing-4);border-top:1px solid var(--border)}@media(max-width:768px){.execution-detail-page{padding:var(--spacing-4)}.execution-detail-stats{grid-template-columns:1fr 1fr}}@media(max-width:480px){.execution-detail-stats{grid-template-columns:1fr}}.stat-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px 24px;overflow:hidden;transition:all .2s ease-out;box-shadow:0 1px 3px #00000014;animation:fade-in-up .4s ease-out both}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary)}.stat-card:active{transform:translateY(0)}.dark .stat-card{background:var(--card);border-color:var(--border);box-shadow:0 1px 3px #0003}.dark .stat-card:hover{box-shadow:0 4px 12px #0000004d}.stat-card__icon-wrap{width:40px;height:40px;border-radius:10px;background:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:14px;transition:all .2s ease-out}.stat-card:hover .stat-card__icon-wrap{background:var(--primary);transform:scale(1.05)}.stat-card__icon{font-size:18px;line-height:1;transition:all .2s ease-out}.stat-card:hover .stat-card__icon{filter:brightness(10)}.stat-card__label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:6px}.stat-card__value{font-family:var(--font-sans);font-size:28px;font-weight:700;color:var(--foreground);line-height:1.1;margin-bottom:8px;letter-spacing:-.02em}.stat-card__trend{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:4px 8px;border-radius:6px;background:var(--muted)}.stat-card__trend--neutral{color:var(--muted-foreground)}.stat-card__trend--up{color:var(--success);background:var(--success-light)}.stat-card__trend--down{color:var(--error);background:var(--error-light)}.stat-card--highlight{border-color:var(--primary);border-width:1px}.stat-card--highlight:hover{box-shadow:0 4px 12px #8b735533}.stat-card--highlight .stat-card__value{color:var(--primary)}.stat-card--success .stat-card__value{color:var(--success)}.stat-card--success:hover{border-color:var(--success)}.stat-card--accent .stat-card__value{color:var(--accent-bright)}.stat-card__accent-line,.stat-card__header{display:none}.dashboard{padding:32px 40px;max-width:1200px;margin:0 auto;min-height:100vh;background:var(--background)}.dashboard__greeting-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--muted);border:none;border-radius:20px;font-size:13px;font-weight:500;color:var(--muted-foreground);margin-bottom:12px}.dashboard__title{font-size:32px;font-weight:700;color:var(--foreground);margin-bottom:8px;letter-spacing:-.02em;line-height:1.2}.dashboard__title-gradient{color:var(--primary);background:none;-webkit-text-fill-color:var(--primary)}.dashboard__subtitle{font-size:15px;color:var(--muted-foreground);line-height:1.5;max-width:480px;margin-bottom:32px}.dashboard__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.dashboard__stat-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:8px;transition:all .15s ease-out}.dashboard__stat-card:hover{border-color:var(--primary)}.dashboard__stat-label{font-size:12px;color:var(--muted-foreground);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.dashboard__stat-value{font-family:var(--font-mono);font-size:32px;font-weight:600;color:var(--foreground);line-height:1}.dashboard__stat-value--success{color:var(--success)}@media(max-width:1024px){.dashboard__stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.dashboard__stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dashboard__stat-card{padding:16px}.dashboard__stat-value{font-size:24px}}.dashboard__actions{display:flex;gap:12px;margin-bottom:40px}.dashboard__action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease-out;border:none}.dashboard__action-btn--primary{background:var(--primary);color:var(--primary-foreground);box-shadow:0 1px 3px #6366f14d}.dashboard__action-btn--primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.dashboard__action-btn--primary:active{transform:translateY(0)}.dashboard__action-btn--secondary{background:var(--card);color:var(--foreground);border:1px solid var(--border)}.dashboard__action-btn--secondary:hover{background:var(--muted);border-color:var(--primary)}.dashboard__action-btn--secondary:active{transform:translateY(0)}.dashboard__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dashboard__section-title{font-size:20px;font-weight:600;color:var(--foreground);letter-spacing:-.01em}.dashboard__section-count{font-size:13px;color:var(--muted-foreground);margin-top:2px}.dashboard__view-all{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;background:transparent;color:var(--primary);border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease-out}.dashboard__view-all:hover{background:var(--accent)}.dashboard__workflows-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.workflow-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;cursor:pointer;overflow:hidden;transition:all .2s ease-out;box-shadow:0 1px 3px #00000014;animation:fade-in-up .4s ease-out both}.workflow-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary)}.workflow-card:active{transform:translateY(0)}.workflow-card__accent{display:none}.workflow-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.workflow-card__icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease-out}.workflow-card:hover .workflow-card__icon{transform:scale(1.05)}.workflow-card__badge{padding:4px 10px;font-size:11px;font-weight:500;border-radius:12px;text-transform:uppercase;letter-spacing:.03em}.workflow-card__badge--active{background:var(--success-light);color:var(--success)}.workflow-card__badge--inactive{background:var(--muted);color:var(--muted-foreground)}.workflow-card__title{font-size:16px;font-weight:600;color:var(--foreground);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-card__description{font-size:13px;color:var(--muted-foreground);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px;min-height:40px}.workflow-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border)}.workflow-card__runs{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted-foreground)}.workflow-card__arrow{width:28px;height:28px;border-radius:6px;background:var(--muted);display:flex;align-items:center;justify-content:center;transition:all .2s ease-out}.workflow-card:hover .workflow-card__arrow{background:var(--primary);transform:translate(2px)}.workflow-card__arrow svg{color:var(--muted-foreground);transition:color .2s ease-out}.workflow-card:hover .workflow-card__arrow svg{color:#fff}.dashboard__empty{background:var(--card);border:1px dashed var(--border);border-radius:12px;padding:48px 32px;text-align:center}.dashboard__empty-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:16px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:28px}.dashboard__empty-title{font-size:18px;font-weight:600;color:var(--foreground);margin-bottom:8px}.dashboard__empty-text{font-size:14px;color:var(--muted-foreground);margin-bottom:20px;max-width:280px;margin-left:auto;margin-right:auto;line-height:1.5}.workflows-page{padding:48px;max-width:1200px;margin:0 auto}.workflows-header{margin-bottom:32px}.workflows-title{font-size:32px;font-weight:700;color:var(--foreground);letter-spacing:-.02em;margin-bottom:8px}.workflows-subtitle{font-size:15px;color:var(--muted-foreground)}.workflows-controls{display:flex;align-items:center;gap:12px;margin-bottom:32px}.workflows-search{position:relative;flex:1;max-width:400px}.workflows-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted-foreground);pointer-events:none}.workflows-search-input{width:100%;padding:10px 14px 10px 42px;background:var(--card);border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--foreground);transition:all .15s ease-out}.workflows-search-input::placeholder{color:var(--muted-foreground)}.workflows-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2e6b7b26}.workflows-sort{padding:10px 14px;background:var(--card);border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--foreground);cursor:pointer;transition:all .15s ease-out}.workflows-sort:hover{border-color:var(--muted-foreground)}.workflows-sort:focus{outline:none;border-color:var(--primary)}.workflows-loading{display:flex;justify-content:center;align-items:center;min-height:300px}.workflows-empty{background:var(--card);border:1px dashed var(--border);border-radius:12px;padding:64px 32px;text-align:center}.workflows-empty-icon{font-size:48px;margin-bottom:16px}.workflows-empty-title{font-size:18px;font-weight:600;color:var(--foreground);margin-bottom:8px}.workflows-empty-text{font-size:14px;color:var(--muted-foreground)}.workflows-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.workflows-grid .workflow-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;cursor:pointer;overflow:hidden;transition:all .2s ease-out;box-shadow:0 1px 3px #00000014}.workflows-grid .workflow-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary)}.workflow-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.workflow-card-icon{width:44px;height:44px;border-radius:10px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all .2s ease-out}.workflow-card:hover .workflow-card-icon{background:var(--primary);color:#fff}.workflow-card-badge{padding:4px 10px;font-size:11px;font-weight:500;border-radius:12px;text-transform:uppercase;letter-spacing:.03em;background:var(--muted);color:var(--muted-foreground)}.workflow-card-badge--active{background:var(--success-light);color:var(--success)}.workflow-card-title{font-size:17px;font-weight:600;color:var(--foreground);margin-bottom:8px}.workflow-card-description{font-size:14px;color:var(--muted-foreground);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:20px;min-height:42px}.workflow-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border)}.workflow-card-runs{font-size:13px;color:var(--muted-foreground)}.workflow-card-arrow{width:28px;height:28px;border-radius:6px;background:var(--muted);display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);transition:all .2s ease-out}.workflow-card:hover .workflow-card-arrow{background:var(--primary);color:#fff;transform:translate(2px)}.workflow-execute{padding:48px;max-width:900px;margin:0 auto}.workflow-execute-back{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;font-size:14px;color:var(--muted-foreground);background:transparent;border:none;border-radius:6px;cursor:pointer;margin-bottom:32px;transition:all .15s ease-out}.workflow-execute-back:hover{color:var(--foreground);background:var(--muted)}.workflow-execute-header{margin-bottom:32px}.workflow-execute-title{font-size:32px;font-weight:700;color:var(--foreground);letter-spacing:-.02em;margin-bottom:8px}.workflow-execute-description{font-size:15px;color:var(--muted-foreground)}.workflow-steps{margin-bottom:32px}.workflow-steps-bars{display:flex;gap:8px;margin-bottom:16px}.workflow-step-bar{flex:1;height:4px;border-radius:2px;background:var(--muted);transition:all .3s ease-out}.workflow-step-bar--active,.workflow-step-bar--completed{background:var(--primary)}.workflow-step-bar--active{box-shadow:0 0 12px #2e6b7b66}.workflow-steps-labels{display:flex;gap:8px}.workflow-step-label{flex:1;text-align:center}.workflow-step-label-name{font-size:14px;font-weight:600;color:var(--muted-foreground);margin-bottom:4px;transition:color .2s ease-out}.workflow-step-label--active .workflow-step-label-name,.workflow-step-label--completed .workflow-step-label-name{color:var(--primary)}.workflow-step-label-desc{font-size:12px;color:var(--muted-foreground)}.workflow-error{background:var(--destructive);background:#dc26261a;border:1px solid var(--destructive);border-radius:12px;padding:16px;margin-bottom:24px;display:flex;align-items:flex-start;gap:12px}.workflow-error-icon{width:20px;height:20px;color:var(--destructive);flex-shrink:0}.workflow-error-content{flex:1}.workflow-error-title{font-size:14px;font-weight:600;color:var(--destructive);margin-bottom:4px}.workflow-error-message{font-size:14px;color:var(--destructive)}.workflow-form-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:32px}.workflow-form-title{font-size:20px;font-weight:600;color:var(--foreground);margin-bottom:24px}.workflow-form-empty{font-size:15px;color:var(--muted-foreground);text-align:center;padding:32px 0}.workflow-processing{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:48px;text-align:center;position:relative;overflow:hidden}.workflow-processing-glow{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(46,107,123,.12) 0%,transparent 70%);pointer-events:none;animation:pulse-glow 3s ease-in-out infinite}.workflow-processing-spinner{width:80px;height:80px;margin:0 auto 32px;position:relative}.workflow-processing-title{font-size:24px;font-weight:700;color:var(--foreground);margin-bottom:8px}.workflow-processing-subtitle{font-size:15px;color:var(--muted-foreground);margin-bottom:32px}.workflow-progress-stats{display:flex;justify-content:center;gap:16px;max-width:500px;margin:0 auto 32px}.workflow-progress-stat{flex:1;background:var(--muted);border-radius:10px;padding:16px;border:1px solid var(--border)}.workflow-progress-stat--primary{background:var(--accent-bg-dark);border-color:var(--primary)}.workflow-progress-stat--success{background:#22c55e1a;border-color:var(--success)}.workflow-progress-stat--error{background:#dc26261a;border-color:var(--destructive)}.workflow-progress-stat-value{font-family:var(--font-mono);font-size:24px;font-weight:700;color:var(--foreground);margin-bottom:4px}.workflow-progress-stat--primary .workflow-progress-stat-value{color:var(--primary)}.workflow-progress-stat--success .workflow-progress-stat-value{color:var(--success)}.workflow-progress-stat--error .workflow-progress-stat-value{color:var(--destructive)}.workflow-progress-stat-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground)}.workflow-progress-bar{max-width:500px;margin:0 auto 24px}.workflow-progress-track{background:var(--muted);border-radius:999px;height:10px;overflow:hidden}.workflow-progress-fill{background:var(--primary);height:100%;border-radius:999px;transition:width .5s ease-out;position:relative;overflow:hidden}.workflow-progress-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.workflow-progress-info{display:flex;justify-content:space-between;margin-top:12px}.workflow-progress-percent{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--foreground)}.workflow-progress-text{font-size:13px;color:var(--muted-foreground)}.workflow-time-stats{display:flex;justify-content:center;gap:32px;padding-top:16px;border-top:1px solid var(--border);margin-bottom:24px}.workflow-time-stat{text-align:center}.workflow-time-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:4px}.workflow-time-value{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--foreground)}.workflow-time-value--accent{color:var(--primary)}.workflow-success-banner{background:#2e6b7b26;border:1px solid var(--primary);border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;margin-bottom:24px}.workflow-success-icon{width:48px;height:48px;border-radius:12px;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.workflow-success-content{flex:1}.workflow-success-title{font-size:18px;font-weight:700;color:var(--primary);margin-bottom:4px}.workflow-success-subtitle{font-size:14px;color:var(--muted-foreground)}.workflow-failed-banner{background:#dc26261a;border:1px solid var(--destructive);border-radius:12px;padding:24px;display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.workflow-failed-icon{width:48px;height:48px;border-radius:12px;background:var(--destructive);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.workflow-failed-content{flex:1}.workflow-failed-title{font-size:18px;font-weight:700;color:var(--destructive);margin-bottom:8px}.workflow-failed-message{font-size:14px;color:var(--foreground);line-height:1.6}.workflow-results-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px}.workflow-results-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.workflow-results-icon{width:32px;height:32px;border-radius:8px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--primary)}.workflow-results-title{font-size:18px;font-weight:600;color:var(--foreground)}.workflow-results-code{font-family:var(--font-mono);font-size:13px;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:8px;padding:20px;overflow:auto;max-height:400px;line-height:1.6}.workflow-results-empty{padding:40px;text-align:center;background:var(--muted);border-radius:8px;border:1px dashed var(--border)}.workflow-results-empty-text{font-size:14px;color:var(--muted-foreground)}.workflow-actions{display:flex;gap:12px;padding-top:8px}.workflow-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px;animation:fadeIn .2s ease-out}.workflow-modal{background:var(--card);border:1px solid var(--border);border-radius:16px;max-width:520px;width:100%;overflow:hidden;animation:scale-in .3s ease-out}.workflow-modal-accent{height:4px;background:#f59e0b}.workflow-modal-header{padding:24px 24px 20px;border-bottom:1px solid var(--border)}.workflow-modal-header-content{display:flex;align-items:center;gap:16px}.workflow-modal-icon{width:48px;height:48px;border-radius:12px;background:#f59e0b26;display:flex;align-items:center;justify-content:center;color:#f59e0b;flex-shrink:0}.workflow-modal-title{font-size:20px;font-weight:700;color:var(--foreground);margin-bottom:4px}.workflow-modal-subtitle{font-size:14px;color:var(--muted-foreground)}.workflow-modal-close{width:36px;height:36px;border-radius:8px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);cursor:pointer;margin-left:auto;transition:all .15s ease-out}.workflow-modal-close:hover{background:var(--muted);color:var(--foreground)}.workflow-modal-body{padding:24px}.workflow-modal-text{font-size:15px;color:var(--foreground);line-height:1.6;margin-bottom:20px}.workflow-modal-warning{background:#f59e0b1a;border:1px solid #F59E0B;border-radius:12px;padding:16px;display:flex;gap:12px}.workflow-modal-warning-icon{width:20px;height:20px;color:#f59e0b;flex-shrink:0;margin-top:2px}.workflow-modal-warning-title{font-size:13px;font-weight:600;color:#d97706;margin-bottom:4px}.workflow-modal-warning-text{font-size:13px;color:#d97706;line-height:1.5}.workflow-modal-progress{margin-top:16px;padding:12px 16px;background:var(--muted);border-radius:8px;border:1px solid var(--border)}.workflow-modal-progress-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:4px}.workflow-modal-progress-value{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--foreground)}.workflow-modal-progress-detail{font-size:13px;color:var(--muted-foreground);margin-left:8px}.workflow-modal-footer{padding:20px 24px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end}.settings-page{padding:48px;max-width:900px;margin:0 auto}.settings-header{margin-bottom:32px}.settings-title{font-size:32px;font-weight:700;color:var(--foreground);letter-spacing:-.02em;margin-bottom:8px}.settings-subtitle{font-size:15px;color:var(--muted-foreground)}.settings-loading{display:flex;justify-content:center;align-items:center;min-height:300px}.settings-content{display:flex;flex-direction:column;gap:24px}.settings-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px}.settings-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.settings-card-title{font-size:18px;font-weight:600;color:var(--foreground);margin-bottom:20px}.settings-card-header .settings-card-title{margin-bottom:0}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground)}.settings-value{font-size:15px;color:var(--foreground)}.settings-value--mono{font-family:var(--font-mono);font-size:14px}.settings-value--large{font-size:24px;font-weight:700}.settings-badge{display:inline-flex;padding:4px 10px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;border-radius:6px;background:var(--muted);color:var(--muted-foreground)}.settings-badge--primary{background:var(--accent);color:var(--primary)}.settings-badge--success{background:#22c55e26;color:var(--success)}.settings-badge--warning{background:#f59e0b26;color:#d97706}.settings-badge--danger{background:#dc262626;color:var(--destructive)}.settings-invite-form{background:var(--muted);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:20px}.settings-invite-title{font-size:14px;font-weight:600;color:var(--foreground);margin-bottom:16px}.settings-invite-row{display:flex;gap:12px;align-items:center}.settings-input{flex:1;padding:10px 14px;background:var(--background);border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--foreground);transition:all .15s ease-out}.settings-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2e6b7b26}.settings-collaborators{display:flex;flex-direction:column;gap:12px}.settings-collaborator{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--muted);border-radius:10px;border:1px solid var(--border)}.settings-collaborator-info{display:flex;flex-direction:column;gap:8px}.settings-collaborator-email{font-size:14px;font-weight:500;color:var(--foreground)}.settings-collaborator-badges{display:flex;gap:8px}.settings-badge-sm{padding:2px 8px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;border-radius:4px;background:var(--background);color:var(--muted-foreground)}.settings-badge-sm--primary{background:var(--accent);color:var(--primary)}.settings-badge-sm--success{background:#22c55e26;color:var(--success)}.settings-badge-sm--warning{background:#f59e0b26;color:#d97706}.settings-collaborator-actions{display:flex;align-items:center;gap:16px}.settings-collaborator-date{font-size:12px;color:var(--muted-foreground)}.settings-empty{padding:32px;text-align:center;color:var(--muted-foreground);font-size:14px}.settings-security-row{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--muted);border-radius:10px;border:1px solid var(--border)}.settings-security-info{display:flex;flex-direction:column;gap:4px}.settings-security-title{font-size:14px;font-weight:500;color:var(--foreground)}.settings-security-desc{font-size:13px;color:var(--muted-foreground)}.admin-page{padding:48px;max-width:1400px;margin:0 auto}.admin-loading{display:flex;justify-content:center;align-items:center;min-height:60vh}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px}.admin-title{font-size:32px;font-weight:700;color:var(--foreground);letter-spacing:-.02em;margin-bottom:8px}.admin-subtitle{font-size:15px;color:var(--muted-foreground)}.admin-count{font-family:var(--font-mono);font-size:13px;color:var(--muted-foreground);margin-bottom:16px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.admin-stat-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px;transition:all .2s ease-out}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary)}.admin-stat-card-header{display:flex;align-items:center;gap:10px}.admin-stat-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--muted);border-radius:8px;color:var(--primary)}.admin-stat-label{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--muted-foreground)}.admin-stat-value{font-family:var(--font-mono);font-size:32px;font-weight:700;color:var(--foreground);line-height:1}.admin-stat-value--success{color:var(--success)}.admin-stat-value--error{color:var(--destructive)}.admin-section{margin-bottom:32px}.admin-section-title{font-size:18px;font-weight:600;color:var(--foreground);margin-bottom:24px}.admin-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px}.admin-card-title{font-size:18px;font-weight:600;color:var(--foreground);margin-bottom:20px}.admin-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.admin-empty{padding:64px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.admin-empty-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--muted);border-radius:12px;color:var(--muted-foreground)}.admin-empty-title{font-size:18px;font-weight:600;color:var(--foreground)}.admin-empty-text{font-size:14px;color:var(--muted-foreground);max-width:400px}.admin-badge{display:inline-flex;padding:4px 10px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;border-radius:6px;background:var(--muted);color:var(--muted-foreground)}.admin-badge--primary{background:var(--accent);color:var(--primary)}.admin-badge--success{background:#22c55e26;color:var(--success)}.admin-badge--warning{background:#f59e0b26;color:#d97706}.admin-badge--danger{background:#dc262626;color:var(--destructive)}.admin-table-list{display:flex;flex-direction:column;gap:12px}.admin-table-row{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--card);border:1px solid var(--border);border-radius:10px;transition:all .15s ease-out}.admin-table-row:hover{border-color:var(--primary)}.admin-avatar{width:40px;height:40px;border-radius:10px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.admin-table-cell{display:flex;flex-direction:column;gap:2px;min-width:120px}.admin-table-cell--grow{flex:1}.admin-table-primary{font-size:14px;font-weight:500;color:var(--foreground)}.admin-table-secondary{font-size:12px;color:var(--muted-foreground)}.admin-table-date{font-family:var(--font-mono);font-size:12px;color:var(--muted-foreground);min-width:90px}.admin-table-actions{display:flex;gap:8px;margin-left:auto}.admin-client-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .15s ease-out}.admin-client-card:hover{border-color:var(--primary)}.admin-client-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.admin-client-name{font-size:18px;font-weight:600;color:var(--foreground);margin-bottom:4px}.admin-client-email{font-size:13px;color:var(--muted-foreground);margin-bottom:4px}.admin-client-owner{font-size:12px;color:var(--muted-foreground)}.admin-client-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;background:var(--muted);border-radius:8px;margin-bottom:16px}.admin-client-stat{text-align:center}.admin-client-stat-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:4px}.admin-client-stat-value{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--foreground)}.admin-client-actions{display:flex;gap:8px}.admin-client-badges{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.admin-client-plan{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--accent);border-radius:6px;margin-bottom:12px}.admin-client-plan-label{font-size:12px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.admin-client-plan-amount{font-size:13px;font-weight:500;color:var(--muted-foreground);margin-left:auto}.admin-client-owner{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted-foreground);padding:8px 0;border-top:1px solid var(--border);margin-top:12px}.admin-client-owner-label{font-weight:500}.admin-client-owner-email{color:var(--foreground)}.admin-workflow-list{display:flex;flex-direction:column;gap:12px}.admin-workflow-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .15s ease-out}.admin-workflow-card:hover{border-color:var(--primary)}.admin-workflow-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.admin-workflow-title-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.admin-workflow-name{font-size:18px;font-weight:600;color:var(--foreground)}.admin-workflow-description{font-size:14px;color:var(--muted-foreground);line-height:1.5}.admin-workflow-actions{display:flex;gap:8px}.admin-workflow-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;background:var(--muted);border-radius:8px}.admin-workflow-stat{text-align:center}.admin-workflow-stat-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:4px}.admin-workflow-stat-value{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--foreground)}.admin-workflow-stat-value--success{color:var(--success)}.admin-activity-list{display:flex;flex-direction:column;gap:8px}.admin-activity-item{display:flex;align-items:center;gap:20px;padding:20px 24px;background:transparent;border-radius:12px;border:1px solid var(--border);transition:all .15s ease-out;cursor:pointer}.admin-activity-item:hover{background:var(--muted)}.admin-activity-item--selected{background:var(--accent-bg-dark);border-left:3px solid var(--primary);padding-left:17px}.dark .admin-activity-item--selected{background:var(--accent-bg-light)}.admin-activity-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--muted);border-radius:10px;color:var(--muted-foreground);transition:all .15s ease-out}.admin-activity-icon--success{background:#22c55e1a;color:var(--success)}.admin-activity-icon--error{background:#dc26261a;color:var(--destructive)}.admin-activity-icon--warning{background:#f59e0b1a;color:var(--warning)}.admin-activity-icon--neutral{background:var(--muted);color:var(--primary)}.admin-activity-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.admin-activity-label{font-size:14px;font-weight:500;color:var(--foreground);line-height:1.4}.admin-activity-desc{font-size:13px;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-activity-time{font-family:var(--font-mono);font-size:12px;color:var(--muted-foreground);flex-shrink:0;text-transform:lowercase;padding:4px 10px;background:var(--muted);border-radius:6px}.admin-activity-item--selected{background:var(--muted)}.admin-activity-item{cursor:pointer}.admin-modal-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fade-in .2s ease-out}.admin-activity-detail{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:85vh;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #0000004d;z-index:1000;animation:modal-slide-in .2s ease-out}@keyframes modal-slide-in{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.admin-activity-detail-header{display:flex;align-items:center;gap:12px;padding:24px;border-bottom:1px solid var(--border);background:var(--background)}.admin-activity-detail-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:10px}.admin-activity-detail-title{flex:1;font-size:18px;font-weight:600;color:var(--foreground);margin:0}.admin-activity-detail-close{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--muted-foreground);cursor:pointer;transition:all .15s ease-out}.admin-activity-detail-close:hover{background:var(--muted);color:var(--foreground)}.admin-activity-detail-body{padding:24px}.admin-activity-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.admin-activity-detail-item{display:flex;flex-direction:column;gap:4px}.admin-activity-detail-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground)}.admin-activity-detail-value{font-size:14px;color:var(--foreground);display:flex;flex-direction:column;gap:2px}.admin-activity-detail-sub{font-size:12px;color:var(--muted-foreground)}.admin-activity-detail-mono{font-family:var(--font-mono);font-size:13px}.admin-activity-detail-changes{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.admin-activity-detail-changes-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.admin-activity-detail-change{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--muted);border-radius:8px}.admin-activity-detail-change-key{font-family:var(--font-mono);font-size:12px;color:var(--primary);min-width:100px}.admin-activity-detail-change-value{font-size:13px;color:var(--foreground);word-break:break-all}.admin-breakdown-list{display:flex;flex-direction:column;gap:12px}.admin-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--muted);border-radius:8px}.admin-breakdown-name{font-size:15px;font-weight:500;color:var(--foreground)}.admin-breakdown-value{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--foreground)}.admin-errors-summary{display:flex;align-items:center;gap:32px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px}.admin-errors-total-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:8px}.admin-errors-total-value{font-family:var(--font-mono);font-size:32px;font-weight:700;color:var(--foreground)}.admin-errors-breakdown{display:flex;gap:16px;flex:1}.admin-errors-breakdown-item{flex:1;padding:16px;border-radius:8px}.admin-errors-breakdown-item--critical{background:#dc26261a}.admin-errors-breakdown-item--warning{background:#f59e0b1a}.admin-errors-breakdown-label{font-size:11px;font-weight:600;margin-bottom:4px}.admin-errors-breakdown-item--critical .admin-errors-breakdown-label{color:var(--destructive)}.admin-errors-breakdown-item--warning .admin-errors-breakdown-label{color:#d97706}.admin-errors-breakdown-value{font-family:var(--font-mono);font-size:20px;font-weight:700}.admin-errors-breakdown-item--critical .admin-errors-breakdown-value{color:var(--destructive)}.admin-errors-breakdown-item--warning .admin-errors-breakdown-value{color:#d97706}.admin-errors-list{display:flex;flex-direction:column;gap:16px}.admin-error-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px}.admin-error-card--critical{box-shadow:0 0 20px #dc262626}.admin-error-header{margin-bottom:16px}.admin-error-title-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.admin-error-type{font-size:16px;font-weight:600;color:var(--foreground)}.admin-error-message{font-size:14px;color:var(--muted-foreground);line-height:1.5;margin-bottom:12px}.admin-error-meta{display:flex;align-items:center;gap:16px;font-family:var(--font-mono);font-size:12px;color:var(--muted-foreground)}.admin-error-stack{background:#0d1117;color:#7ee787;font-family:var(--font-mono);font-size:12px;padding:16px;border-radius:8px;overflow:auto;line-height:1.6;white-space:pre-wrap;word-break:break-all}.admin-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:0}.admin-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--muted-foreground);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease-out;margin-bottom:-1px}.admin-tab:hover{color:var(--foreground);background:var(--muted)}.admin-tab--active{color:var(--primary);border-bottom-color:var(--primary);background:var(--accent)}.admin-settings-content{display:flex;flex-direction:column;gap:24px}.admin-settings-fields{display:flex;flex-direction:column;gap:20px}.admin-settings-field{display:flex;flex-direction:column;gap:8px}.admin-settings-label{font-size:13px;font-weight:500;color:var(--foreground)}.admin-settings-input{padding:12px 14px;background:var(--background);border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--foreground);transition:all .15s ease-out}.admin-settings-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2e6b7b26}.admin-settings-toggle{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--muted);border-radius:8px}.admin-settings-toggle-info{display:flex;flex-direction:column;gap:4px}.admin-settings-toggle-title{font-size:14px;font-weight:500;color:var(--foreground)}.admin-settings-toggle-desc{font-size:12px;color:var(--muted-foreground)}.admin-settings-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.admin-settings-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:24px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background);position:relative;overflow:hidden}.login-bg-gradient{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(46,107,123,.08) 0%,transparent 70%);pointer-events:none}.login-container{width:100%;max-width:420px;padding:24px;position:relative;z-index:1}.login-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:40px;box-shadow:0 4px 24px #00000026}.login-header{text-align:center;margin-bottom:32px}.login-logo{display:inline-flex;margin-bottom:20px}.login-title{font-size:24px;font-weight:700;color:var(--foreground);margin-bottom:8px;letter-spacing:-.02em}.login-subtitle{font-size:14px;color:var(--muted-foreground)}.login-error{display:flex;gap:12px;padding:14px;background:#dc26261a;border:1px solid var(--destructive);border-radius:10px;margin-bottom:24px}.login-error-icon{color:var(--destructive);flex-shrink:0;margin-top:1px}.login-error-content{display:flex;flex-direction:column;gap:4px}.login-error-message{font-size:14px;font-weight:500;color:var(--destructive)}.login-error-debug{font-size:12px;color:var(--muted-foreground)}.login-form{display:flex;flex-direction:column;gap:20px}.login-field{display:flex;flex-direction:column;gap:8px}.login-label{font-size:13px;font-weight:500;color:var(--foreground)}.login-input-wrapper{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:14px;color:var(--muted-foreground);pointer-events:none;transition:color .15s ease-out}.login-input{width:100%;padding:12px 14px 12px 44px;background:var(--background);border:1px solid var(--border);border-radius:10px;font-size:14px;color:var(--foreground);transition:all .15s ease-out}.login-input::placeholder{color:var(--muted-foreground)}.login-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2e6b7b26}.login-input:focus+.login-input-icon,.login-input-wrapper:focus-within .login-input-icon{color:var(--primary)}.login-password-toggle{position:absolute;right:12px;background:transparent;border:none;padding:4px;color:var(--muted-foreground);cursor:pointer;border-radius:4px;transition:all .15s ease-out;display:flex;align-items:center;justify-content:center}.login-password-toggle:hover{color:var(--foreground);background:var(--muted)}.login-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease-out;margin-top:8px}.login-submit:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2e6b7b4d}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-spinner{animation:spin 1s linear infinite}.login-spinner-track{stroke:#ffffff4d}.login-spinner-head{stroke:#fff;stroke-linecap:round}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-dev{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.login-dev-divider{display:flex;align-items:center;gap:12px;margin-bottom:16px}.login-dev-divider:before,.login-dev-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-dev-divider span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);white-space:nowrap}.login-dev-buttons{display:flex;gap:12px}.login-dev-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--muted);border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:500;color:var(--foreground);cursor:pointer;transition:all .15s ease-out}.login-dev-btn:hover:not(:disabled){border-color:var(--primary);background:var(--accent)}.login-dev-btn:disabled{opacity:.5;cursor:not-allowed}.login-dev-btn-icon{font-size:14px}.login-footer{text-align:center;margin-top:24px;font-size:12px;color:var(--muted-foreground)}.dark .login-page{background:#f8fafb}.dark .login-bg-gradient{background:radial-gradient(circle,rgba(46,107,123,.06) 0%,transparent 70%)}.dark .login-card{background:#fff;border-color:#e5e7eb;box-shadow:0 4px 24px #0000000f}.dark .login-title{color:#1a1a1a}.dark .login-subtitle{color:#6b7280}.dark .login-label{color:#374151}.dark .login-input{background:#f9fafb;border-color:#e5e7eb;color:#1a1a1a}.dark .login-input::placeholder{color:#9ca3af}.dark .login-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2e6b7b1a}.dark .login-input-icon{color:#9ca3af}.dark .login-input:focus+.login-input-icon,.dark .login-input-wrapper:focus-within .login-input-icon{color:var(--primary)}.dark .login-password-toggle{color:#9ca3af}.dark .login-password-toggle:hover{color:#374151;background:#f3f4f6}.dark .login-dev{border-top-color:#e5e7eb}.dark .login-dev-divider:before,.dark .login-dev-divider:after{background:#e5e7eb}.dark .login-dev-divider span{color:#9ca3af}.dark .login-dev-btn{background:#f3f4f6;border-color:#e5e7eb;color:#374151}.dark .login-dev-btn:hover:not(:disabled){background:#e5e7eb;border-color:var(--primary)}.dark .login-footer{color:#9ca3af}@keyframes pulse-glow{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.05)}}@keyframes shimmer{0%{left:-100%}to{left:200%}}.admin-header-back{display:flex;align-items:center;gap:16px}.admin-header-actions{display:flex;align-items:center;gap:12px}.admin-badge--lg{padding:6px 14px;font-size:13px}.admin-badge--info{background:#2e6b7b26;color:var(--primary)}.admin-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:24px;overflow-x:auto}.admin-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;color:var(--muted-foreground);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s ease-out;white-space:nowrap}.admin-tab:hover{color:var(--foreground)}.admin-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.admin-tab-icon{font-size:16px}.admin-tab-content{animation:fade-in .2s ease-out}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.admin-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:12px}.admin-stat-icon{font-size:28px}.admin-stat-content{display:flex;flex-direction:column}.admin-stat-value{font-size:24px;font-weight:600;color:var(--foreground)}.admin-stat-label{font-size:12px;color:var(--muted-foreground)}.admin-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.admin-info-item{display:flex;flex-direction:column;gap:4px}.admin-info-label{font-size:12px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.admin-info-value{font-size:14px;color:var(--foreground)}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-section-title{font-size:18px;font-weight:600;color:var(--foreground);margin:0}.admin-section-subtitle{font-size:13px;color:var(--muted-foreground);margin:4px 0 0}.admin-members-list{display:flex;flex-direction:column;gap:12px}.admin-member-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--card);border:1px solid var(--border);border-radius:10px;transition:all .15s ease-out}.admin-member-row:hover{border-color:var(--primary)}.admin-member-info{display:flex;align-items:center;gap:12px}.admin-member-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.admin-member-details{display:flex;flex-direction:column}.admin-member-email{font-weight:500;color:var(--foreground)}.admin-member-meta{font-size:12px;color:var(--muted-foreground)}.admin-member-actions{display:flex;align-items:center;gap:12px}.admin-member-role-badge{padding:4px 10px;font-size:11px;font-weight:500;text-transform:uppercase;border-radius:6px;letter-spacing:.02em}.admin-member-role-badge--owner{background:#2e6b7b26;color:var(--primary)}.admin-member-role-badge--collaborator{background:var(--muted);color:var(--muted-foreground)}.admin-role-legend{display:flex;flex-direction:column;gap:12px}.admin-role-item{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted-foreground)}.admin-card--muted{background:var(--muted)}.admin-card-subtitle{font-size:14px;font-weight:600;color:var(--foreground);margin:0 0 12px}.admin-workflows-list{display:flex;flex-direction:column;gap:16px}.admin-workflow-card{padding:20px;background:var(--card);border:1px solid var(--border);border-radius:12px}.admin-workflow-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.admin-workflow-name{font-size:16px;font-weight:600;color:var(--foreground);margin:0}.admin-workflow-desc{font-size:13px;color:var(--muted-foreground);margin:4px 0 0}.admin-workflow-stats{display:flex;gap:24px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:12px}.admin-workflow-stat{display:flex;flex-direction:column;align-items:center}.admin-workflow-stat-value{font-size:18px;font-weight:600;color:var(--foreground)}.admin-workflow-stat-label{font-size:11px;color:var(--muted-foreground);text-transform:uppercase}.admin-workflow-meta{display:flex;gap:16px;font-size:12px;color:var(--muted-foreground);margin-bottom:12px}.admin-workflow-actions{display:flex;justify-content:flex-end;gap:8px}.admin-execution-stats{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.admin-execution-stat{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:var(--card);border:1px solid var(--border);border-radius:8px;min-width:100px}.admin-execution-stat-value{font-size:20px;font-weight:600;color:var(--foreground)}.admin-execution-stat-label{font-size:11px;color:var(--muted-foreground);text-transform:uppercase}.admin-execution-stat--success .admin-execution-stat-value{color:#22c55e}.admin-execution-stat--danger .admin-execution-stat-value{color:#ef4444}.admin-execution-stat--warning .admin-execution-stat-value{color:#f59e0b}.admin-execution-stat--info .admin-execution-stat-value{color:var(--primary)}.admin-filters{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.admin-filter{display:flex;flex-direction:column;gap:4px}.admin-filter-label{font-size:12px;color:var(--muted-foreground)}.admin-select{padding:8px 12px;font-size:13px;background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--foreground);cursor:pointer;min-width:150px}.admin-select:focus{outline:none;border-color:var(--primary)}.admin-select--sm{padding:4px 8px;font-size:12px;min-width:auto}.admin-table-container{overflow-x:auto;background:var(--card);border:1px solid var(--border);border-radius:10px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.admin-table th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);background:var(--muted)}.admin-table td{font-size:13px;color:var(--foreground)}.admin-table tr:last-child td{border-bottom:none}.admin-table-id{font-family:monospace;font-size:12px;color:var(--muted-foreground)}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.admin-pagination-info{font-size:13px;color:var(--muted-foreground)}.admin-activity-timeline{display:flex;flex-direction:column;gap:12px}.admin-activity-item{display:flex;gap:16px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:10px;border-left:3px solid var(--border)}.admin-activity--success{border-left-color:#22c55e}.admin-activity--danger{border-left-color:#ef4444}.admin-activity--warning{border-left-color:#f59e0b}.admin-activity-icon{font-size:24px;flex-shrink:0}.admin-activity-content{flex:1;min-width:0}.admin-activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.admin-activity-action{font-weight:600;color:var(--foreground)}.admin-activity-time{font-size:12px;color:var(--muted-foreground)}.admin-activity-details{display:flex;gap:16px;font-size:12px;color:var(--muted-foreground);margin-bottom:8px}.admin-activity-changes{background:var(--muted);padding:8px 12px;border-radius:6px;font-size:11px;overflow-x:auto}.admin-activity-changes pre{margin:0;white-space:pre-wrap;word-break:break-word}.admin-activity-meta{font-size:11px;color:var(--muted-foreground)}.admin-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-in .2s ease-out;padding:20px}.admin-modal{background:var(--card);border:1px solid var(--border);border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;animation:scale-in .2s ease-out;display:flex;flex-direction:column}.admin-modal--lg{max-width:640px}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.admin-modal-title{font-size:18px;font-weight:600;color:var(--foreground);margin:0}.admin-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:24px;color:var(--muted-foreground);cursor:pointer;border-radius:6px;transition:all .15s ease-out}.admin-modal-close:hover{background:var(--muted);color:var(--foreground)}.admin-modal-body{padding:24px;overflow-y:auto;flex:1}.admin-modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px}.admin-form-group{margin-bottom:20px}.admin-form-label{display:block;font-size:13px;font-weight:500;color:var(--foreground);margin-bottom:8px}.admin-input{width:100%;padding:10px 14px;font-size:14px;background:var(--background);border:1px solid var(--border);border-radius:8px;color:var(--foreground);transition:all .15s ease-out}.admin-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2e6b7b1a}.admin-input::placeholder{color:var(--muted-foreground)}.admin-form-hint{font-size:12px;color:var(--muted-foreground);margin-top:6px}.admin-search-container{position:relative}.admin-search-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.admin-search-results{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0003;z-index:10;max-height:240px;overflow-y:auto}.admin-search-result{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;transition:background .15s ease-out}.admin-search-result:last-child{border-bottom:none}.admin-search-result:hover{background:var(--muted)}.admin-search-result-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.admin-search-result-info{display:flex;flex-direction:column}.admin-search-result-email{font-weight:500;color:var(--foreground)}.admin-search-result-meta{font-size:12px;color:var(--muted-foreground)}.admin-search-empty,.admin-search-hint{font-size:12px;color:var(--muted-foreground);margin-top:8px}.admin-selected-user{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#2e6b7b1a;border:1px solid var(--primary);border-radius:8px;margin-top:12px}.admin-selected-user-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.admin-selected-user-info{display:flex;align-items:center;gap:12px;flex:1}.admin-selected-user-email{font-weight:500;color:var(--foreground)}.admin-selected-user-clear{background:transparent;border:none;font-size:12px;color:var(--primary);cursor:pointer;text-decoration:underline}.admin-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.admin-template-card{padding:20px;background:var(--background);border:2px solid var(--border);border-radius:12px;cursor:pointer;text-align:left;transition:all .15s ease-out;width:100%}.admin-template-card:hover{border-color:var(--primary)}.admin-template-card--selected{border-color:var(--primary);background:#2e6b7b0d}.admin-template-icon{font-size:32px;margin-bottom:12px}.admin-template-name{font-size:15px;font-weight:600;color:var(--foreground);margin:0 0 8px}.admin-template-desc{font-size:12px;color:var(--muted-foreground);margin:0 0 12px;line-height:1.5}.admin-template-pricing{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted-foreground);margin-bottom:12px}.admin-badge--sm{font-size:10px;padding:2px 8px}.admin-error-message{padding:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px}.client-overview{display:flex;flex-direction:column;gap:var(--spacing-6);animation:fade-in-up .3s var(--ease-out)}.client-stats-pills{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.client-stat-pill{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:8px 14px;background:var(--card);border:1px solid var(--border);border-radius:8px;transition:all .15s ease-out}.client-stat-pill:hover{border-color:var(--primary);background:var(--accent-bg-dark)}.dark .client-stat-pill:hover{background:var(--accent-bg-light)}.client-stat-pill-icon{display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);opacity:.7}.client-stat-pill-icon svg{width:16px;height:16px}.client-stat-pill-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--foreground)}.client-stat-pill-label{font-size:var(--text-xs);color:var(--muted-foreground);font-weight:var(--weight-regular)}.client-stat-pill[data-type=success] .client-stat-pill-value{color:var(--success)}.client-stat-pill[data-type=success] .client-stat-pill-icon{color:var(--success);opacity:1}.client-stat-pill[data-type=revenue] .client-stat-pill-value{color:var(--primary)}.client-stat-pill[data-type=revenue] .client-stat-pill-icon{color:var(--primary);opacity:1}.client-stat-pill[data-type=warning] .client-stat-pill-value{color:var(--warning)}.client-stat-pill[data-type=warning] .client-stat-pill-icon{color:var(--warning);opacity:1}.client-info-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:var(--spacing-6)}.client-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border)}.client-info-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--foreground);margin:0}.client-edit-btn{display:inline-flex;align-items:center;gap:var(--spacing-2)}.client-edit-btn svg{width:14px;height:14px}.client-info-grid{display:flex;flex-direction:column;gap:var(--spacing-5)}.client-info-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}@media(max-width:900px){.client-info-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.client-info-row{grid-template-columns:1fr}}.client-info-item{display:flex;align-items:flex-start;gap:var(--spacing-3)}.client-info-item--empty{display:none}@media(min-width:901px){.client-info-item--empty{display:block}}.client-info-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--muted);border-radius:8px;color:var(--muted-foreground);flex-shrink:0}.client-info-icon svg{width:16px;height:16px}.client-info-content{display:flex;flex-direction:column;gap:2px;min-width:0}.client-info-label{font-size:11px;font-weight:var(--weight-medium);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.client-info-value{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--foreground);word-break:break-word}.client-info-value--mono{font-family:var(--font-mono);font-size:13px}.client-info-value--highlight{color:var(--primary);font-weight:var(--weight-semibold)}.client-info-value--muted{color:var(--muted-foreground);font-family:var(--font-mono);font-size:12px}.client-plan-badge{display:inline-block;padding:3px 10px;font-size:11px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.03em;border-radius:6px;background:#2e6b7b26;color:var(--primary)}.client-status-badge{display:inline-block;padding:3px 10px;font-size:11px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.03em;border-radius:6px}.client-status-badge--active{background:var(--success-light);color:var(--success)}.client-status-badge--inactive{background:var(--warning-light);color:var(--warning)}.admin-back-btn{display:inline-flex;align-items:center;gap:var(--spacing-2)}.admin-back-btn svg{width:16px;height:16px}.admin-empty-icon--error{color:var(--error);opacity:.6}.admin-empty-icon--error svg{width:48px;height:48px}.admin-tab-icon{display:flex;align-items:center;justify-content:center}.admin-tab-icon svg{width:16px;height:16px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-users-page{padding:48px;max-width:1400px;margin:0 auto;animation:fade-in-up .4s var(--ease-out)}.admin-users-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;gap:24px}.admin-users-header-content{flex:1}.admin-users-title{font-family:var(--font-sans);font-size:32px;font-weight:700;color:var(--foreground);letter-spacing:-.02em;margin-bottom:8px;line-height:1.1}.admin-users-subtitle{font-size:15px;color:var(--muted-foreground);line-height:1.5}.admin-users-actions{display:flex;gap:12px;flex-shrink:0}.admin-users-actions .btn{display:inline-flex;align-items:center;gap:8px}.admin-users-actions .btn svg{width:18px;height:18px}.admin-users-actions .btn-secondary{padding:10px 12px}.admin-users-actions .btn-secondary svg{width:16px;height:16px}.admin-users-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.admin-users-stat{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;background:var(--card);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s ease-out}.admin-users-stat:hover{border-color:var(--primary);background:var(--accent-bg-dark)}.dark .admin-users-stat:hover{background:var(--accent-bg-light)}.admin-users-stat.active{background:var(--primary);border-color:var(--primary)}.admin-users-stat.active .admin-users-stat-value,.admin-users-stat.active .admin-users-stat-label{color:var(--primary-foreground)}.admin-users-stat-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--muted);border-radius:8px;color:var(--muted-foreground)}.admin-users-stat.active .admin-users-stat-icon{background:#fff3;color:var(--primary-foreground)}.admin-users-stat-icon svg{width:16px;height:16px}.admin-users-stat-content{display:flex;flex-direction:column;gap:2px}.admin-users-stat-value{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--foreground);line-height:1}.admin-users-stat-label{font-size:12px;color:var(--muted-foreground);font-weight:500}.admin-users-filters{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:24px}.admin-users-filters-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.admin-users-search{flex:1;min-width:280px;position:relative}.admin-users-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted-foreground);pointer-events:none;display:flex;align-items:center;justify-content:center}.admin-users-search-icon svg{width:18px;height:18px}.admin-users-search input{width:100%;padding:12px 14px 12px 44px;font-family:var(--font-sans);font-size:14px;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:10px;transition:all .15s ease-out}.admin-users-search input::placeholder{color:var(--muted-foreground)}.admin-users-search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2e6b7b26}.admin-users-filter-group{display:flex;flex-direction:column;gap:6px;min-width:160px}.admin-users-filter-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground)}.admin-users-filter-select{font-family:var(--font-sans);font-size:14px;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:10px;padding:12px 36px 12px 14px;cursor:pointer;transition:all .15s ease-out;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238B8D98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.admin-users-filter-select:hover{border-color:var(--muted-foreground)}.admin-users-filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2e6b7b26}.admin-users-filter-clear{padding:12px 20px;font-size:14px;font-weight:500;color:var(--muted-foreground);background:transparent;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s ease-out;white-space:nowrap}.admin-users-filter-clear:hover{color:var(--primary);border-color:var(--primary);background:var(--accent-bg-dark)}.dark .admin-users-filter-clear:hover{background:var(--accent-bg-light)}.admin-users-list{display:flex;flex-direction:column;gap:8px}.admin-user-row{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--card);border:1px solid var(--border);border-radius:12px;transition:all .2s ease-out;cursor:pointer}.admin-user-row:hover{border-color:var(--primary);background:var(--accent-bg-dark);transform:translate(4px)}.dark .admin-user-row:hover{background:var(--accent-bg-light)}.admin-user-avatar{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;flex-shrink:0;text-transform:uppercase;letter-spacing:.02em}.admin-user-avatar--admin{background:linear-gradient(135deg,var(--destructive) 0%,#DC2626 100%);color:#fff}.admin-user-avatar--user{background:linear-gradient(135deg,var(--primary) 0%,var(--accent-dark) 100%);color:#fff}.admin-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.admin-user-name{font-size:15px;font-weight:600;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-email{font-size:13px;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-cell{display:flex;flex-direction:column;gap:2px;min-width:100px}.admin-user-cell--client{min-width:140px}.admin-user-cell-primary{font-size:14px;font-weight:500;color:var(--foreground)}.admin-user-cell-secondary{font-size:12px;color:var(--muted-foreground)}.admin-user-badges{display:flex;gap:8px;flex-shrink:0}.admin-user-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:6px;background:var(--muted);color:var(--muted-foreground)}.admin-user-badge svg{width:12px;height:12px}.admin-user-badge--admin{background:#dc262626;color:var(--destructive)}.admin-user-badge--user{background:var(--accent);color:var(--primary)}.admin-user-badge--owner{background:#f59e0b26;color:#d97706}.admin-user-badge--member{background:var(--muted);color:var(--muted-foreground)}.admin-user-badge--active{background:#22c55e26;color:var(--success)}.admin-user-badge--suspended{background:#f59e0b26;color:#d97706}.admin-user-badge--pending{background:var(--accent);color:var(--primary)}.admin-user-date{font-family:var(--font-mono);font-size:12px;color:var(--muted-foreground);min-width:90px;text-align:right}.admin-user-actions{display:flex;gap:8px;margin-left:auto;flex-shrink:0}.admin-user-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--muted-foreground);cursor:pointer;transition:all .15s ease-out}.admin-user-action-btn svg{width:16px;height:16px}.admin-user-action-btn:hover{background:var(--muted);border-color:var(--primary);color:var(--primary)}.admin-user-action-btn--danger:hover{background:#dc26261a;border-color:var(--destructive);color:var(--destructive)}.admin-users-empty{background:var(--card);border:1px dashed var(--border);border-radius:16px;padding:64px 32px;text-align:center;animation:fade-in-up .4s var(--ease-out)}.admin-users-empty-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:var(--muted);border-radius:16px;color:var(--muted-foreground)}.admin-users-empty-icon svg{width:32px;height:32px}.admin-users-empty-title{font-size:20px;font-weight:600;color:var(--foreground);margin-bottom:8px}.admin-users-empty-text{font-size:14px;color:var(--muted-foreground);line-height:1.5;max-width:360px;margin:0 auto 24px}.admin-users-empty-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;color:var(--primary-foreground);background:var(--primary);border:none;border-radius:10px;cursor:pointer;transition:all .15s ease-out}.admin-users-empty-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.admin-users-empty-btn svg{width:18px;height:18px}.admin-user-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px;animation:fade-in .2s var(--ease-out)}.admin-user-modal{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;max-width:560px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:scale-in .3s var(--ease-out)}.admin-user-modal-header{padding:24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.admin-user-modal-title{font-size:20px;font-weight:600;color:var(--foreground);margin:0}.admin-user-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--muted-foreground);cursor:pointer;transition:all .15s ease-out}.admin-user-modal-close:hover{background:var(--muted);border-color:var(--primary);color:var(--foreground)}.admin-user-modal-close svg{width:18px;height:18px}.admin-user-modal-body{padding:24px;overflow-y:auto;flex:1}.admin-user-form{display:flex;flex-direction:column;gap:20px}.admin-user-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.admin-user-form-group{display:flex;flex-direction:column;gap:8px}.admin-user-form-group--full{grid-column:1 / -1}.admin-user-form-label{font-size:13px;font-weight:600;color:var(--foreground)}.admin-user-form-label span{font-weight:400;color:var(--muted-foreground)}.admin-user-form-input{font-family:var(--font-sans);font-size:14px;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:10px;padding:12px 14px;transition:all .15s ease-out}.admin-user-form-input::placeholder{color:var(--muted-foreground)}.admin-user-form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2e6b7b26}.admin-user-form-input--error{border-color:var(--destructive)}.admin-user-form-input--error:focus{box-shadow:0 0 0 3px #dc262626}.admin-user-form-error{font-size:12px;color:var(--destructive)}.admin-user-form-select{font-family:var(--font-sans);font-size:14px;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:10px;padding:12px 36px 12px 14px;cursor:pointer;transition:all .15s ease-out;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238B8D98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.admin-user-form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2e6b7b26}.admin-user-modal-footer{padding:20px 24px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end}.admin-user-modal-btn{padding:12px 24px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .15s ease-out}.admin-user-modal-btn--secondary{background:transparent;border:1px solid var(--border);color:var(--foreground)}.admin-user-modal-btn--secondary:hover{background:var(--muted);border-color:var(--muted-foreground)}.admin-user-modal-btn--primary{background:var(--primary);border:none;color:var(--primary-foreground)}.admin-user-modal-btn--primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.admin-user-modal-btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-user-modal-btn--danger{background:var(--destructive);border:none;color:#fff}.admin-user-modal-btn--danger:hover{filter:brightness(1.1)}.admin-confirm-dialog{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;max-width:420px;width:100%;padding:32px;text-align:center;animation:scale-in .3s var(--ease-out)}.admin-confirm-icon{width:56px;height:56px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:14px}.admin-confirm-icon--danger{background:#dc262626;color:var(--destructive)}.admin-confirm-icon--warning{background:#f59e0b26;color:#d97706}.admin-confirm-icon svg{width:28px;height:28px}.admin-confirm-title{font-size:18px;font-weight:600;color:var(--foreground);margin-bottom:8px}.admin-confirm-text{font-size:14px;color:var(--muted-foreground);line-height:1.5;margin-bottom:24px}.admin-confirm-actions{display:flex;gap:12px;justify-content:center}.admin-users-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding:16px 20px;background:var(--card);border:1px solid var(--border);border-radius:12px}.admin-users-pagination-info{font-size:14px;color:var(--muted-foreground)}.admin-users-pagination-info strong{color:var(--foreground);font-weight:600}.admin-users-pagination-controls{display:flex;gap:8px}.admin-users-pagination-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--muted-foreground);cursor:pointer;transition:all .15s ease-out}.admin-users-pagination-btn:hover:not(:disabled){background:var(--muted);border-color:var(--primary);color:var(--primary)}.admin-users-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.admin-users-pagination-btn svg{width:16px;height:16px}@media(max-width:1024px){.admin-users-page{padding:32px 24px}.admin-users-header{flex-direction:column;gap:16px}.admin-users-stats{gap:8px}.admin-user-row{flex-wrap:wrap;gap:12px}.admin-user-cell{min-width:80px}.admin-user-form-row{grid-template-columns:1fr}}@media(max-width:768px){.admin-users-page{padding:24px 16px}.admin-users-filters-row{flex-direction:column;align-items:stretch}.admin-users-search{min-width:100%}.admin-user-row{padding:14px 16px}.admin-user-cell--client,.admin-user-date{display:none}.admin-user-modal{margin:16px;max-height:calc(100vh - 32px)}}.admin-clients-page{padding:48px;max-width:1400px;margin:0 auto;animation:fade-in-up .4s var(--ease-out)}.admin-clients-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;gap:24px}.admin-clients-header-content{flex:1}.admin-clients-title{font-family:var(--font-sans);font-size:32px;font-weight:700;color:var(--foreground);letter-spacing:-.02em;margin-bottom:8px;line-height:1.1}.admin-clients-subtitle{font-size:15px;color:var(--muted-foreground);line-height:1.5}.admin-clients-actions{display:flex;gap:12px;flex-shrink:0}.admin-clients-actions .btn{display:inline-flex;align-items:center;gap:8px}.admin-clients-actions .btn svg{width:18px;height:18px}.admin-clients-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.admin-clients-stat{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;background:var(--card);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s ease-out}.admin-clients-stat:hover{border-color:var(--primary);background:var(--accent-bg-dark)}.dark .admin-clients-stat:hover{background:var(--accent-bg-light)}.admin-clients-stat.active{background:var(--primary);border-color:var(--primary)}.admin-clients-stat.active .admin-clients-stat-value,.admin-clients-stat.active .admin-clients-stat-label{color:var(--primary-foreground)}.admin-clients-stat-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--muted);border-radius:8px;color:var(--muted-foreground)}.admin-clients-stat.active .admin-clients-stat-icon{background:#fff3;color:var(--primary-foreground)}.admin-clients-stat-icon svg{width:16px;height:16px}.admin-clients-stat-content{display:flex;flex-direction:column;gap:2px}.admin-clients-stat-value{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--foreground);line-height:1}.admin-clients-stat-label{font-size:12px;color:var(--muted-foreground);font-weight:500}.admin-clients-filters{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:24px}.admin-clients-filters-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.admin-clients-search{flex:1;min-width:280px;position:relative}.admin-clients-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted-foreground);pointer-events:none;display:flex;align-items:center;justify-content:center}.admin-clients-search-icon svg{width:18px;height:18px}.admin-clients-search input{width:100%;padding:12px 14px 12px 44px;font-family:var(--font-sans);font-size:14px;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:10px;transition:all .15s ease-out}.admin-clients-search input::placeholder{color:var(--muted-foreground)}.admin-clients-search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2e6b7b26}.admin-clients-filter-group{display:flex;flex-direction:column;gap:6px;min-width:160px}.admin-clients-filter-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground)}.admin-clients-filter-select{font-family:var(--font-sans);font-size:14px;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:10px;padding:12px 36px 12px 14px;cursor:pointer;transition:all .15s ease-out;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238B8D98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.admin-clients-filter-select:hover{border-color:var(--muted-foreground)}.admin-clients-filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2e6b7b26}.admin-clients-filter-clear{padding:12px 20px;font-size:14px;font-weight:500;color:var(--muted-foreground);background:transparent;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s ease-out;white-space:nowrap}.admin-clients-filter-clear:hover{color:var(--primary);border-color:var(--primary);background:var(--accent-bg-dark)}.dark .admin-clients-filter-clear:hover{background:var(--accent-bg-light)}.admin-clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.admin-client-card-premium{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;transition:all .2s ease-out;display:flex;flex-direction:column;gap:20px}.admin-client-card-premium:hover{border-color:var(--primary);transform:translateY(-2px)}.admin-client-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.admin-client-card-info{flex:1;min-width:0}.admin-client-card-name{font-size:18px;font-weight:600;color:var(--foreground);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-client-card-email{font-size:13px;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-client-card-badges{display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex-shrink:0}.admin-client-card-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:6px;background:var(--muted);color:var(--muted-foreground)}.admin-client-card-badge svg{width:12px;height:12px}.admin-client-card-badge--active{background:#22c55e26;color:var(--success)}.admin-client-card-badge--suspended{background:#dc262626;color:var(--destructive)}.admin-client-card-badge--pending{background:#f59e0b26;color:#d97706}.admin-client-card-badge--starter{background:var(--muted);color:var(--muted-foreground)}.admin-client-card-badge--pro{background:var(--accent);color:var(--primary)}.admin-client-card-badge--premium{background:#f59e0b26;color:#d97706}.admin-client-card-plan{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--muted);border-radius:10px}.admin-client-card-plan-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary);border-radius:8px;color:var(--primary-foreground)}.admin-client-card-plan-icon svg{width:18px;height:18px}.admin-client-card-plan-info{flex:1}.admin-client-card-plan-name{font-size:14px;font-weight:600;color:var(--foreground);margin-bottom:2px}.admin-client-card-plan-price{font-family:var(--font-mono);font-size:12px;color:var(--muted-foreground)}.admin-client-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-client-card-stat{text-align:center;padding:12px 8px;background:var(--background);border-radius:8px}.admin-client-card-stat-value{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--foreground);margin-bottom:4px}.admin-client-card-stat-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground)}.admin-client-card-owner{display:flex;align-items:center;gap:10px;padding-top:16px;border-top:1px solid var(--border)}.admin-client-card-owner-avatar{width:32px;height:32px;border-radius:8px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.admin-client-card-owner-info{flex:1;min-width:0}.admin-client-card-owner-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground)}.admin-client-card-owner-email{font-size:13px;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-client-card-actions{display:flex;gap:10px;padding-top:16px;border-top:1px solid var(--border)}.admin-client-card-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .15s ease-out}.admin-client-card-btn svg{width:14px;height:14px}.admin-client-card-btn--primary{background:var(--primary);border:none;color:var(--primary-foreground)}.admin-client-card-btn--primary:hover{background:var(--primary-hover)}.admin-client-card-btn--secondary{background:transparent;border:1px solid var(--border);color:var(--foreground)}.admin-client-card-btn--secondary:hover{background:var(--muted);border-color:var(--primary)}.admin-clients-empty{background:var(--card);border:1px dashed var(--border);border-radius:16px;padding:64px 32px;text-align:center;animation:fade-in-up .4s var(--ease-out)}.admin-clients-empty-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:var(--muted);border-radius:16px;color:var(--muted-foreground)}.admin-clients-empty-icon svg{width:32px;height:32px}.admin-clients-empty-title{font-size:20px;font-weight:600;color:var(--foreground);margin-bottom:8px}.admin-clients-empty-text{font-size:14px;color:var(--muted-foreground);line-height:1.5;max-width:360px;margin:0 auto 24px}.admin-clients-empty-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;color:var(--primary-foreground);background:var(--primary);border:none;border-radius:10px;cursor:pointer;transition:all .15s ease-out}.admin-clients-empty-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.admin-clients-empty-btn svg{width:18px;height:18px}@media(max-width:1024px){.admin-clients-page{padding:32px 24px}.admin-clients-header{flex-direction:column;gap:16px}.admin-clients-grid{grid-template-columns:1fr}}@media(max-width:768px){.admin-clients-page{padding:24px 16px}.admin-clients-filters-row{flex-direction:column;align-items:stretch}.admin-clients-search{min-width:100%}}.optimized-image-container{position:relative;width:100%;overflow:hidden;background:var(--muted)}.optimized-image-skeleton{position:absolute;inset:0;background:var(--muted);overflow:hidden}.skeleton-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);animation:shimmer 2s infinite}.dark .skeleton-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.optimized-image-error svg{opacity:.5}.optimized-image-error span{font-size:var(--text-xs);font-weight:var(--weight-medium);opacity:.7}.assets-page{max-width:1600px;margin:0 auto;padding:var(--spacing-6) var(--spacing-6);animation:fade-in .4s var(--ease-out)}@media(min-width:768px){.assets-page{padding:var(--spacing-8) var(--spacing-8)}}.assets-hero{margin-bottom:var(--spacing-6);animation:fade-in-up .4s var(--ease-out)}.assets-hero-content{max-width:700px}.assets-hero-title{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--foreground);margin:0 0 var(--spacing-2) 0;letter-spacing:-.02em;line-height:1.1}.assets-hero-subtitle{font-size:var(--text-sm);color:var(--muted-foreground);line-height:1.5;margin:0}.assets-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-5);animation:fade-in-up .4s var(--ease-out) .1s backwards}.assets-stat-card{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--ease-out)}.assets-stat-card:hover{border-color:var(--primary);background:var(--accent-bg-dark)}.dark .assets-stat-card:hover{background:var(--accent-bg-light)}.assets-stat-card.active{background:var(--primary);border-color:var(--primary)}.assets-stat-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--foreground);line-height:1}.assets-stat-card.active .assets-stat-value{color:var(--primary-foreground)}.assets-stat-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--muted-foreground);text-transform:lowercase;letter-spacing:0}.assets-stat-card.active .assets-stat-label{color:var(--primary-foreground)}.assets-filters{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;margin-bottom:var(--spacing-6);animation:fade-in-up .4s var(--ease-out) .2s backwards}.assets-filters-left{display:flex;align-items:center;gap:var(--spacing-4)}.assets-filter-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--muted-foreground)}.assets-filters-right{display:flex;align-items:center;gap:var(--spacing-3)}.assets-sort-select{padding:var(--spacing-2) var(--spacing-4);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all .15s var(--ease-out)}.assets-sort-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2e6b7b26}.assets-columns-slider{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .15s var(--ease-out)}.assets-columns-slider:hover{border-color:var(--primary)}.assets-columns-slider label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--foreground);white-space:nowrap;margin:0}.assets-columns-slider input[type=range]{width:100px;height:4px;border-radius:var(--radius-full);background:var(--neutral-200);outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.assets-columns-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;transition:all .15s var(--ease-out)}.assets-columns-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;transition:all .15s var(--ease-out)}.assets-columns-slider input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2)}.assets-columns-slider input[type=range]:hover::-moz-range-thumb{transform:scale(1.2)}.dark .assets-columns-slider input[type=range]{background:var(--neutral-700)}.execution-group{margin-bottom:var(--spacing-6);border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--neutral-200);overflow:hidden;transition:all .2s var(--ease-out)}.dark .execution-group{background:var(--neutral-800);border-color:var(--neutral-700)}.execution-group-header{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);background:var(--neutral-50);border-bottom:1px solid var(--neutral-200);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s var(--ease-out)}.dark .execution-group-header{background:var(--neutral-750);border-bottom-color:var(--neutral-700)}.execution-group-header:hover{background:var(--neutral-100)}.dark .execution-group-header:hover{background:var(--neutral-700)}.execution-group-header .toggle-icon{font-size:var(--text-lg);color:var(--neutral-500);transition:transform .2s var(--ease-out);flex-shrink:0}.execution-group-header .workflow-name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--neutral-900);flex:1}.dark .execution-group-header .workflow-name{color:var(--neutral-50)}.execution-group-header .execution-date{font-size:var(--text-sm);color:var(--neutral-500);flex-shrink:0}.execution-group-header .asset-count{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--neutral-600);padding:var(--spacing-1-5) var(--spacing-3);background:var(--neutral-100);border-radius:var(--radius-full);flex-shrink:0}.dark .execution-group-header .asset-count{color:var(--neutral-300);background:var(--neutral-600)}.execution-group-previews{display:flex;align-items:center;gap:var(--spacing-2);margin-left:auto;flex-shrink:0}.execution-group-previews img{width:36px;height:36px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border);transition:all .15s var(--ease-out);cursor:pointer}.execution-group-previews img:hover{transform:scale(1.1);border-color:var(--primary);box-shadow:0 2px 8px #0000001a}.dark .execution-group-previews img{border-color:var(--neutral-700)}.dark .execution-group-previews img:hover{box-shadow:0 2px 8px #0000004d}.more-count{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--spacing-2);background:var(--neutral-100);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--neutral-600);font-size:var(--text-xs);font-weight:var(--weight-semibold);flex-shrink:0}.dark .more-count{background:var(--neutral-700);border-color:var(--neutral-600);color:var(--neutral-300)}.execution-group .assets-grid{padding:var(--spacing-5)}.assets-error{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--destructive);font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--spacing-6);animation:fade-in .3s var(--ease-out)}.assets-error svg{flex-shrink:0}.assets-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.assets-loading p{font-size:var(--text-base);color:var(--muted-foreground);font-weight:var(--weight-medium)}.assets-spinner-sm{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.assets-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-6);gap:var(--spacing-4);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);animation:fade-in .4s var(--ease-out)}.assets-empty svg{color:var(--muted-foreground);opacity:.5}.assets-empty h3{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--foreground);margin:0}.assets-empty p{font-size:var(--text-base);color:var(--muted-foreground);margin:0}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}@media(max-width:768px){.assets-grid{grid-template-columns:1fr}}.assets-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .25s var(--ease-out);animation:fade-in-up .4s var(--ease-out) backwards}.assets-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 32px #0003,0 0 0 1px var(--primary)}.assets-card-image{position:relative;width:100%;aspect-ratio:4 / 3;background:var(--muted);overflow:hidden}.assets-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out)}.assets-card:hover .assets-card-image img{transform:scale(1.05)}.assets-card-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .25s var(--ease-out);color:#fff}.assets-card:hover .assets-card-overlay{opacity:1}.assets-card-overlay svg{width:32px;height:32px}.assets-card-overlay span{font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em}.assets-card-info{padding:var(--spacing-5)}.assets-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.assets-card-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:11px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:6px}.assets-badge-image{background:#6366f126;color:#a5b4fc}.assets-badge-video{background:#ec489926;color:#f9a8d4}.assets-badge-lipsync{background:#a855f726;color:#c4b5fd}.assets-badge-upscaled{background:#22c55e26;color:#86efac}.assets-badge-default{background:var(--muted);color:var(--muted-foreground)}.assets-card-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted-foreground);font-weight:var(--weight-medium)}.assets-card-prompt{font-size:var(--text-sm);line-height:1.5;color:var(--foreground);margin:0 0 var(--spacing-3) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.assets-card-footer{padding-top:var(--spacing-3);border-top:1px solid var(--border)}.assets-card-workflow{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.assets-load-more{display:flex;justify-content:center;padding:var(--spacing-8) 0;animation:fade-in .4s var(--ease-out)}.assets-load-more-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-8);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--foreground);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s var(--ease-out)}.assets-load-more-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);transform:translateY(-2px);box-shadow:0 8px 20px #2e6b7b4d}.assets-load-more-btn:disabled{opacity:.5;cursor:not-allowed}.assets-load-more-btn svg{transition:transform .2s var(--ease-out)}.assets-load-more-btn:hover:not(:disabled) svg{transform:translateY(2px)}.assets-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-6);animation:fade-in .25s var(--ease-out)}.assets-modal-backdrop{position:absolute;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.assets-modal-content{position:relative;display:flex;gap:var(--spacing-6);max-width:1400px;width:100%;max-height:90vh;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;animation:scale-in .3s var(--ease-out);box-shadow:0 20px 60px #00000080}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.assets-modal-content{flex-direction:column;max-height:95vh;overflow-y:auto}}.assets-modal-close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);z-index:10;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:all .2s var(--ease-out)}.assets-modal-close:hover{background:#000c;transform:rotate(90deg)}.assets-modal-image{flex:1;display:flex;align-items:center;justify-content:center;background:var(--background);overflow:hidden}.assets-modal-image img{max-width:100%;max-height:100%;object-fit:contain}.assets-modal-info{flex-shrink:0;width:400px;padding:var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-6);overflow-y:auto}@media(max-width:1024px){.assets-modal-info{width:100%}}.assets-modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border)}.assets-modal-prompt{font-size:var(--text-base);line-height:1.6;color:var(--foreground);margin:0}.assets-modal-meta{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.assets-modal-meta-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.assets-modal-meta-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.assets-modal-meta-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--foreground);word-break:break-all}.assets-modal-download{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-lg);color:var(--primary-foreground);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none;cursor:pointer;transition:all .2s var(--ease-out)}.assets-modal-download:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px #2e6b7b4d}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.assets-page{padding:var(--spacing-6) var(--spacing-4)}.assets-hero-title{font-size:var(--text-4xl)}.assets-hero-subtitle{font-size:var(--text-base)}.assets-stats{gap:var(--spacing-2)}.assets-stat-card{min-width:auto;flex:1 1 calc(50% - var(--spacing-2))}.assets-filters{flex-direction:column;align-items:stretch;gap:var(--spacing-4)}.assets-filters-left,.assets-filters-right,.assets-sort-select{width:100%}.assets-grid{gap:var(--spacing-4)}.assets-modal{padding:var(--spacing-3)}.assets-modal-close{top:var(--spacing-3);right:var(--spacing-3)}}.assets-page{max-width:1800px;margin:0 auto;padding:var(--spacing-8) var(--spacing-6);animation:fadeIn .6s var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.assets-header{margin-bottom:var(--spacing-8);animation:slideUp .6s var(--ease-out)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.assets-header-content{margin-bottom:var(--spacing-6)}.assets-header-top{display:flex;align-items:baseline;gap:var(--spacing-4);margin-bottom:var(--spacing-2)}.assets-title{font-family:var(--font-sans);font-size:clamp(32px,4vw,48px);font-weight:700;letter-spacing:-.03em;color:var(--foreground);margin:0;line-height:1}.assets-count{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;color:var(--primary);padding:4px 12px;background:var(--accent-bg-dark);border-radius:var(--radius-full);line-height:1}.dark .assets-count{background:var(--accent-bg-light)}.assets-subtitle{font-size:var(--text-base);color:var(--muted-foreground);margin:0;letter-spacing:-.01em}.assets-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg)}@media(max-width:1024px){.assets-toolbar{flex-direction:column;align-items:stretch}}.assets-filter-pills{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.assets-filter-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1.5px solid var(--border);border-radius:var(--radius-full);color:var(--foreground);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap}.assets-filter-pill:hover{border-color:var(--primary);background:var(--accent-bg-dark)}.dark .assets-filter-pill:hover{background:var(--accent-bg-light)}.assets-filter-pill.active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.assets-filter-pill.active:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);filter:brightness(1.1)}.assets-filter-pill svg{width:16px;height:16px;flex-shrink:0}.pill-count{font-family:var(--font-mono);font-size:11px;font-weight:600;opacity:.8}.assets-view-controls{display:flex;align-items:center;gap:var(--spacing-3)}.view-mode-toggle{display:flex;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px}.view-mode-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:6px;color:var(--muted-foreground);cursor:pointer;transition:all .15s var(--ease-out)}.view-mode-btn:hover{color:var(--foreground);background:var(--muted)}.view-mode-btn.active{color:var(--primary-foreground);background:var(--primary)}.view-mode-btn svg{width:18px;height:18px}.grid-size-control{display:flex;align-items:center;gap:var(--spacing-3);padding:10px 16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s var(--ease-out);position:relative}.grid-size-control:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(46,107,123,.05) 0%,transparent 50%);border-radius:var(--radius-lg);opacity:0;transition:opacity .2s var(--ease-out)}.grid-size-control:hover{border-color:var(--primary);box-shadow:0 0 0 3px #2e6b7b14}.grid-size-control:hover:before{opacity:1}.grid-size-control svg{color:var(--muted-foreground);flex-shrink:0;transition:all .2s var(--ease-out);z-index:1}.grid-size-control:hover svg{color:var(--primary)}.grid-slider{width:100px;height:4px;background:var(--muted);border-radius:var(--radius-full);outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;position:relative;z-index:1;transition:all .2s var(--ease-out)}.grid-slider:hover{background:var(--accent-bg-dark)}.grid-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent-light) 100%);border:2px solid var(--card);border-radius:50%;cursor:grab;transition:all .2s var(--ease-out);box-shadow:0 2px 8px #2e6b7b4d,0 0 #2e6b7b66}.grid-slider::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent-light) 100%);border:2px solid var(--card);border-radius:50%;cursor:grab;transition:all .2s var(--ease-out);box-shadow:0 2px 8px #2e6b7b4d,0 0 #2e6b7b66}.grid-slider:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 4px 12px #2e6b7b66,0 0 0 4px #2e6b7b26}.grid-slider:hover::-moz-range-thumb{transform:scale(1.15);box-shadow:0 4px 12px #2e6b7b66,0 0 0 4px #2e6b7b26}.grid-slider:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.05)}.grid-slider:active::-moz-range-thumb{cursor:grabbing;transform:scale(1.05)}.assets-sort-select{padding:8px 12px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s var(--ease-out)}.assets-sort-select:hover{border-color:var(--primary)}.assets-sort-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2e6b7b1f}.assets-error{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-lg);color:var(--destructive);font-size:14px;font-weight:500;margin-bottom:var(--spacing-6);animation:fadeIn .3s var(--ease-out)}.assets-error svg{flex-shrink:0;color:var(--destructive)}.assets-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-6);gap:var(--spacing-4)}.loading-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:15px;color:var(--muted-foreground);font-weight:500}.assets-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-6);gap:var(--spacing-4);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);animation:fadeIn .4s var(--ease-out)}.empty-icon svg{color:var(--muted-foreground);opacity:.4}.empty-title{font-size:var(--text-xl);font-weight:600;color:var(--foreground);margin:0}.empty-text{font-size:15px;color:var(--muted-foreground);margin:0}.optimized-image-container{position:relative;width:100%;overflow:hidden;background:var(--muted);border-radius:var(--radius-sm)}.optimized-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s var(--ease-out)}.optimized-image-loading{opacity:0}.optimized-image-loaded{opacity:1}.optimized-image-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,var(--muted) 0%,var(--muted-foreground) 20%,var(--muted) 40%,var(--muted) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-shimmer{width:100%;height:100%}.optimized-image-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);background:var(--muted);color:var(--muted-foreground)}.optimized-image-error svg{opacity:.3}.optimized-image-error span{font-size:12px;font-weight:500}.assets-gallery{animation:fadeIn .6s var(--ease-out) .2s backwards}.assets-group{margin-bottom:var(--spacing-10)}.group-label{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-2);margin-bottom:var(--spacing-4);border-bottom:1px solid var(--border);transition:all .2s var(--ease-out);border-radius:var(--radius-sm)}.group-label:hover{background:var(--muted);padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.group-label-left{display:flex;align-items:center;gap:var(--spacing-3)}.group-toggle-icon{flex-shrink:0;color:var(--muted-foreground);transition:all .2s var(--ease-out)}.group-label:hover .group-toggle-icon{color:var(--primary)}.group-workflow{font-size:14px;font-weight:600;color:var(--foreground);letter-spacing:-.01em}.group-divider{color:var(--border);font-size:12px}.group-date{font-family:var(--font-mono);font-size:12px;color:var(--muted-foreground);font-weight:500}.group-count{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--muted-foreground);padding:4px 10px;background:var(--muted);border-radius:var(--radius-full)}.assets-container{display:grid;gap:var(--spacing-5)}.assets-container.masonry{grid-auto-flow:dense}@media(max-width:768px){.assets-container.masonry{grid-template-columns:1fr}}.asset-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .3s var(--ease-out);animation:assetFadeIn .5s var(--ease-out) backwards}@keyframes assetFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.asset-item:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 16px #2e6b7b1f,0 0 0 1px #2e6b7b4d}.asset-image-wrapper{position:relative;overflow:hidden;background:var(--muted)}.asset-image-wrapper img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .3s var(--ease-out)}.asset-item:hover .asset-image-wrapper img{transform:scale(1.02)}.asset-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-4);background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.6) 100%);opacity:0;transition:opacity .35s var(--ease-out);pointer-events:none}.asset-item:hover .asset-overlay{opacity:1}.overlay-top{display:flex;justify-content:flex-start}.asset-type{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.asset-type svg{width:14px;height:14px}.overlay-bottom{display:flex;justify-content:flex-end}.expand-icon{color:#fff;opacity:.9}.asset-info{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}.asset-prompt{font-size:13px;line-height:1.5;color:var(--foreground);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.asset-date{font-family:var(--font-mono);font-size:11px;color:var(--muted-foreground);font-weight:500}.load-more-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);margin:var(--spacing-8) auto 0;background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius-full);color:var(--foreground);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s var(--ease-out)}.load-more-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);transform:translateY(-2px);box-shadow:0 8px 24px #2e6b7b40}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.load-more-btn svg{transition:transform .2s var(--ease-out)}.load-more-btn:hover:not(:disabled) svg{transform:translateY(2px)}.btn-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-6);animation:fadeIn .25s var(--ease-out)}.lightbox-backdrop{position:absolute;inset:0;background:#000000eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lightbox-content{position:relative;display:flex;width:auto;min-width:600px;max-width:min(95vw,1600px);max-height:90vh;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;animation:scaleIn .35s var(--ease-out);box-shadow:0 24px 80px #0009}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.lightbox-content{flex-direction:column;max-height:95vh;overflow-y:auto;width:95vw;min-width:auto}.lightbox-image img{max-width:calc(95vw - 48px);max-height:60vh}}.lightbox-close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);z-index:10;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:all .2s var(--ease-out)}.lightbox-close:hover{background:#000000e6;transform:rotate(90deg)}.lightbox-image{flex:0 1 auto;display:flex;align-items:center;justify-content:center;background:var(--background);overflow:hidden;padding:var(--spacing-6);min-width:0}.lightbox-image img{max-width:calc(95vw - 516px);max-height:calc(90vh - 96px);width:auto;height:auto;object-fit:contain;border-radius:var(--radius-md)}.lightbox-sidebar{flex-shrink:0;width:420px;display:flex;flex-direction:column;background:var(--card);border-left:1px solid var(--border)}@media(max-width:1024px){.lightbox-sidebar{width:100%;border-left:none;border-top:1px solid var(--border)}}.lightbox-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);padding-right:68px;border-bottom:1px solid var(--border)}.lightbox-type{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--muted);border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--foreground);text-transform:uppercase;letter-spacing:.05em}.lightbox-type svg{width:14px;height:14px}.lightbox-date{font-family:var(--font-mono);font-size:12px;color:var(--muted-foreground);font-weight:500}.lightbox-body{flex:1;padding:var(--spacing-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-5)}.lightbox-section{display:flex;flex-direction:column;gap:var(--spacing-2)}.lightbox-label{font-size:11px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin:0}.lightbox-prompt{font-size:14px;line-height:1.6;color:var(--foreground);margin:0}.lightbox-value{font-size:14px;color:var(--foreground);margin:0}.lightbox-mono{font-family:var(--font-mono);font-size:12px;word-break:break-all}.lightbox-footer{padding:var(--spacing-6);border-top:1px solid var(--border)}.lightbox-download-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--primary);border:none;border-radius:var(--radius-lg);color:var(--primary-foreground);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s var(--ease-out)}.lightbox-download-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #2e6b7b4d}@media(max-width:768px){.assets-page{padding:var(--spacing-6) var(--spacing-4)}.assets-title{font-size:32px}.assets-header-top{flex-direction:column;gap:var(--spacing-2)}.assets-toolbar{padding:var(--spacing-3)}.assets-filter-pills{width:100%;justify-content:flex-start}.assets-filter-pill{flex:0 0 auto;font-size:12px;padding:6px 12px}.assets-view-controls{width:100%;justify-content:space-between}.group-label{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.group-label-left{flex-wrap:wrap}.lightbox{padding:0}.lightbox-content{max-height:100vh;border-radius:0}.lightbox-image{padding:var(--spacing-4)}.lightbox-sidebar{max-height:50vh}}