*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-foreground: hsl(218, 45%, 11%);--color-background: hsl(0, 0%, 98%);--color-primary: hsl(203, 89%, 53%);--color-primary-hover: hsl(203, 89%, 43%);--color-primary-dim: hsla(203, 89%, 53%, .1);--color-gold: hsl(38, 80%, 55%);--color-gold-hover: hsl(38, 80%, 45%);--color-gold-dim: hsl(38, 60%, 94%);--color-cta: hsl(24, 100%, 50%);--color-cta-hover: hsl(24, 100%, 42%);--color-cta-dim: hsla(24, 100%, 50%, .1);--color-hero-deep: hsl(203, 38%, 14%);--color-hero-dark: hsl(203, 38%, 18%);--color-hero-mid: hsl(201, 47%, 25%);--color-surface: hsl(0, 0%, 100%);--color-surface-alt: hsl(220, 14%, 96%);--color-muted: hsl(215, 16%, 47%);--color-muted-light: hsl(215, 16%, 65%);--color-border: hsl(220, 13%, 91%);--color-border-subtle: hsl(220, 14%, 94%);--color-text-light: hsl(210, 20%, 92%);--color-text: hsl(218, 45%, 11%);--color-text-secondary: hsl(215, 16%, 47%);--color-text-tertiary: hsl(215, 16%, 65%);--color-text-primary: hsl(218, 45%, 11%);--color-bg: hsl(0, 0%, 98%);--color-bg-secondary: hsl(220, 14%, 96%);--color-bg-tertiary: hsl(0, 0%, 100%);--color-accent: hsl(203, 89%, 53%);--color-accent-hover: hsl(203, 89%, 43%);--color-accent-dim: hsla(203, 89%, 53%, .1);--color-success: hsl(146, 56%, 41%);--color-success-dim: hsl(146, 60%, 94%);--color-warning: hsl(38, 92%, 50%);--color-warning-dim: hsl(38, 100%, 95%);--color-danger: hsl(0, 76%, 52%);--color-danger-dim: hsl(0, 90%, 96%);--color-neutral-dim: hsl(220, 14%, 96%);--color-cyan: hsl(38, 80%, 55%);--color-cyan-dim: hsl(38, 60%, 94%);--font-family: "Exo 2", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading: "Blinker", "Inter", -apple-system, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 17px;--font-size-xl: 22px;--font-size-hero: 34px;--font-size-display: 48px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height-tight: 1.2;--line-height-base: 1.55;--line-height-relaxed: 1.7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--sidebar-width: 232px;--content-max: 1240px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-subtle: 0 1px 3px rgba(38, 64, 90, .08);--shadow-card: 0 4px 24px -4px rgba(38, 64, 90, .15);--shadow-elevated: 0 8px 40px -6px rgba(38, 64, 90, .25);--shadow-float: 0 12px 48px -8px rgba(38, 64, 90, .35);--transition-fast: .15s ease;--transition-base: .22s ease}html,body{height:100%;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-foreground);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}::selection{background:#1ca0f22e}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:-.02em;color:var(--color-foreground)}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}h3{font-size:var(--font-size-md)}p{color:var(--color-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-regular)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}code,.font-mono{font-family:SF Mono,Menlo,Monaco,Consolas,monospace}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,var(--color-hero-deep),var(--color-hero-mid));border-right:none;display:flex;flex-direction:column;flex-shrink:0;padding:var(--space-6) 0}.sidebar-brand{padding:0 var(--space-6) var(--space-6);border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:var(--space-4)}.sidebar-brand-name{font-family:var(--font-family-heading);font-size:22px;font-weight:var(--font-weight-semibold);color:#fff;letter-spacing:-.02em;line-height:1}.sidebar-brand-sub{font-size:9px;font-weight:var(--font-weight-semibold);color:var(--color-gold);margin-top:6px;letter-spacing:.28em;text-transform:uppercase}.sidebar-nav{flex:1;padding:0 var(--space-3)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#ffffff8c;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);text-decoration:none;margin-bottom:2px}.sidebar-nav-item:hover{background-color:#ffffff0f;color:#fffffff2}.sidebar-nav-item.active{background-color:#e8a53024;color:var(--color-gold);box-shadow:inset 2px 0 0 var(--color-gold)}.sidebar-nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-footer{padding:var(--space-4) var(--space-6) 0;border-top:1px solid rgba(255,255,255,.08);margin-top:var(--space-4)}.sidebar-footer .btn-ghost{color:#ffffff73}.sidebar-footer .btn-ghost:hover:not(:disabled){background:#ffffff0f;color:#ffffffd9}.sidebar-user{font-size:var(--font-size-sm);color:#ffffff73;margin-bottom:var(--space-3)}.main-content{flex:1;overflow-y:auto;background-color:var(--color-background)}.page{max-width:var(--content-max);margin:0 auto;padding:var(--space-10) var(--space-10)}.page-header{margin-bottom:var(--space-8)}.page-title{font-family:var(--font-family-heading);font-size:28px;font-weight:var(--font-weight-semibold);letter-spacing:-.02em;margin-bottom:var(--space-2);color:var(--color-foreground)}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-muted);font-weight:var(--font-weight-light)}.card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{border-color:#1ca0f233;box-shadow:var(--shadow-card)}.card-sm{padding:var(--space-4) var(--space-6)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:hover{border-color:#e8a5304d;box-shadow:var(--shadow-card)}.stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.stat-value{font-family:var(--font-family-heading);font-size:var(--font-size-display);font-weight:var(--font-weight-light);letter-spacing:-2px;line-height:1;color:var(--color-foreground)}.stat-value.accent{color:var(--color-primary)}.stat-value.warning{color:var(--color-warning)}.stat-value.danger{color:var(--color-danger)}.stat-value.gold{color:var(--color-gold)}.stat-meta{font-size:var(--font-size-xs);color:var(--color-muted-light);margin-top:var(--space-2)}.hero-stat{margin-bottom:var(--space-8);padding:var(--space-8) var(--space-10);background:linear-gradient(135deg,var(--color-hero-deep),var(--color-hero-mid) 50%,var(--color-hero-dark));border-radius:var(--radius-xl);color:#fff;position:relative;overflow:hidden}.hero-stat:before{content:"";position:absolute;top:-50%;right:-10%;width:320px;height:320px;background:radial-gradient(circle,hsla(38,80%,55%,.08),transparent 70%);pointer-events:none}.hero-stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.18em;color:var(--color-gold);margin-bottom:var(--space-3);position:relative}.hero-stat-value{font-family:var(--font-family-heading);font-size:64px;font-weight:var(--font-weight-light);letter-spacing:-3px;line-height:1;color:#fff;position:relative}.hero-stat-meta{font-size:var(--font-size-sm);opacity:.55;margin-top:var(--space-4);font-weight:var(--font-weight-light);position:relative}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 10px;border-radius:999px;background:var(--color-gold-dim);color:var(--color-gold-hover);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.14em}.table-wrapper{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.table-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.table-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}thead th{text-align:left;padding:var(--space-3) var(--space-6);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-alt)}tbody td{padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-border-subtle);color:var(--color-foreground);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background-color var(--transition-fast)}tbody tr:hover{background-color:var(--color-surface-alt)}tbody tr.clickable{cursor:pointer}.cell-secondary{color:var(--color-muted);font-size:var(--font-size-xs)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.02em;white-space:nowrap}.badge-success{background:var(--color-success-dim);color:#1d7242}.badge-warning{background:var(--color-warning-dim);color:#a16c12}.badge-danger{background:var(--color-danger-dim);color:#b62020}.badge-neutral{background:var(--color-neutral-dim);color:var(--color-muted)}.badge-accent{background:var(--color-primary-dim);color:var(--color-primary-hover)}.badge-gold{background:var(--color-gold-dim);color:var(--color-gold-hover)}.badge-critical{background:var(--color-danger-dim);color:#b62020}.badge-high{background:var(--color-warning-dim);color:#a16c12}.badge-medium{background:#fff8eb;color:#8a5d0f}.badge-low{background:var(--color-neutral-dim);color:var(--color-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:9px 16px;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:none;transition:background-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 1px #0000000d}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-card)}.btn-cta{background:var(--color-cta);color:#fff;box-shadow:0 1px #0000000f}.btn-cta:hover:not(:disabled){background:var(--color-cta-hover);box-shadow:var(--shadow-card)}.btn-secondary{background:var(--color-surface);color:var(--color-foreground);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-alt);border-color:var(--color-muted-light)}.btn-ghost{background:transparent;color:var(--color-primary)}.btn-ghost:hover:not(:disabled){background:var(--color-primary-dim)}.btn-danger{background:var(--color-danger-dim);color:#b62020;border:1px solid hsla(0,76%,52%,.2)}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn-outline{background:transparent;color:var(--color-foreground);border:1px solid var(--color-border)}.btn-outline:hover:not(:disabled){background:var(--color-surface-alt);border-color:var(--color-muted-light)}.btn-sm{padding:5px 11px;font-size:var(--font-size-xs)}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.form-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em}.form-input,.input{width:100%;padding:10px var(--space-3);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-light);color:var(--color-foreground);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1ca0f226}.form-input::placeholder,.input::placeholder{color:var(--color-muted-light)}textarea.form-input,textarea.input{resize:vertical;min-height:80px;line-height:var(--line-height-base)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-hero-deep),var(--color-hero-mid) 40%,var(--color-hero-dark) 70%,hsl(203,38%,22%));position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.login-page:before{width:480px;height:480px;top:-160px;right:-160px;background:#ffffff06}.login-page:after{width:360px;height:360px;bottom:-120px;left:-120px;background:#e8a5300d}.login-card{position:relative;width:100%;max-width:400px;background:#fffffffa;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-float)}.login-brand{text-align:center;margin-bottom:var(--space-8)}.login-brand-name{font-family:var(--font-family-heading);font-size:36px;font-weight:var(--font-weight-semibold);letter-spacing:-1.5px;color:var(--color-foreground);line-height:1}.login-brand-sub{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-gold-hover);margin-top:var(--space-2);letter-spacing:.28em;text-transform:uppercase}.login-error{background:var(--color-danger-dim);color:#b62020;border:1px solid hsla(0,76%,52%,.2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.upload-area{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-8);text-align:center;transition:border-color var(--transition-fast),background-color var(--transition-fast);cursor:pointer;background:var(--color-surface)}.upload-area:hover,.upload-area.drag-over{border-color:var(--color-primary);background:var(--color-primary-dim)}.upload-area-icon{font-size:36px;margin-bottom:var(--space-3);opacity:.35}.upload-area-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-foreground);margin-bottom:var(--space-1)}.upload-area-sub{font-size:var(--font-size-sm);color:var(--color-muted)}.upload-file-list{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.upload-file-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:var(--color-surface-alt);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.upload-file-name{color:var(--color-foreground);font-weight:var(--font-weight-medium)}.upload-file-size{color:var(--color-muted-light);font-size:var(--font-size-xs)}.sql-preview{background:var(--color-foreground);border-radius:var(--radius-lg);overflow:hidden;border:1px solid hsla(0,0%,100%,.08)}.sql-preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08)}.sql-preview-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#ffffff73;text-transform:uppercase;letter-spacing:.12em}.sql-preview-body{padding:var(--space-5);overflow-x:auto;max-height:380px;overflow-y:auto}.sql-preview-body pre{font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.65;color:#e2e8f0;white-space:pre}.diff-field{display:flex;flex-direction:column;gap:2px}.diff-old{text-decoration:line-through;color:#b62020;font-size:var(--font-size-xs);background:var(--color-danger-dim);padding:2px 8px;border-radius:4px;display:inline-block}.diff-new{color:#1d7242;font-size:var(--font-size-xs);background:var(--color-success-dim);padding:2px 8px;border-radius:4px;display:inline-block}.patch-actions{position:sticky;bottom:0;z-index:100;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);margin:var(--space-6) calc(-1 * var(--space-10)) 0;background:#fafafae0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--color-border-subtle)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f19298c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .18s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:460px;box-shadow:var(--shadow-float);animation:modalSlideIn .22s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin-bottom:var(--space-2)}.modal-sub{font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:var(--space-6);font-weight:var(--font-weight-light)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle)}.timeline-item:last-child{border-bottom:none}.timeline-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);margin-top:5px;flex-shrink:0}.timeline-dot.success{background:var(--color-success)}.timeline-dot.warning{background:var(--color-warning)}.timeline-dot.danger{background:var(--color-danger)}.timeline-dot.accent{background:var(--color-primary)}.timeline-dot.gold{background:var(--color-gold)}.timeline-content{flex:1}.timeline-action{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground)}.timeline-meta{font-size:var(--font-size-xs);color:var(--color-muted-light);margin-top:2px}.toggle{position:relative;display:inline-block;width:44px;height:24px;border-radius:999px;border:none;background:var(--color-border);cursor:pointer;transition:background var(--transition-base);padding:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-border);border-radius:999px;transition:background-color var(--transition-base)}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform var(--transition-base);box-shadow:0 1px 3px #0000002e}.toggle input:checked+.toggle-slider{background:var(--color-success)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.toggle.active{background:var(--color-success)}.toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform var(--transition-base);box-shadow:0 1px 3px #0000002e}.toggle.active .toggle-knob{transform:translate(20px)}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-muted)}.empty-state-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin-bottom:var(--space-2)}.empty-state-sub{font-size:var(--font-size-sm);color:var(--color-muted-light);font-weight:var(--font-weight-light)}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{display:flex;align-items:center;justify-content:center;padding:var(--space-16)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-4);line-height:var(--line-height-base)}.alert-danger{background:var(--color-danger-dim);color:#b62020;border:1px solid hsla(0,76%,52%,.18)}.alert-warning{background:var(--color-warning-dim);color:#8a5d0f;border:1px solid hsla(38,92%,50%,.2)}.alert-success{background:var(--color-success-dim);color:#1b6a3d;border:1px solid hsla(146,56%,41%,.18)}.alert-info{background:var(--color-gold-dim);color:var(--color-gold-hover);border:1px solid hsla(38,80%,55%,.22)}.section-divider{height:1px;background:var(--color-border-subtle);margin:var(--space-8) 0}.changelog-entry{padding:var(--space-4) var(--space-5);background:var(--color-surface-alt);border-radius:var(--radius-md);margin-bottom:var(--space-3);border:1px solid var(--color-border-subtle)}.changelog-meta{font-size:var(--font-size-xs);color:var(--color-muted-light);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.08em}.changelog-text{font-size:var(--font-size-sm);color:var(--color-foreground)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-secondary{color:var(--color-muted)}.text-tertiary{color:var(--color-muted-light)}.text-primary{color:var(--color-primary)}.text-gold{color:var(--color-gold)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.settings-section{margin-top:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border-subtle)}.settings-section:last-child{border-bottom:none}.section-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;color:var(--color-foreground);margin-bottom:var(--space-5)}.settings-row{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-3) 0}.settings-label{min-width:180px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted);padding-top:var(--space-2)}.settings-control{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.settings-hint{font-size:var(--font-size-xs);color:var(--color-muted-light);font-weight:var(--font-weight-light)}.settings-actions{margin-top:var(--space-5);padding-top:var(--space-4)}.preset-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{padding:5px 12px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast)}.chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.status-item{padding:var(--space-4) var(--space-5);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.status-item-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.status-item-value{font-size:var(--font-size-base);color:var(--color-foreground);font-weight:var(--font-weight-medium)}.action-cards{display:flex;flex-direction:column;gap:var(--space-4)}.action-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.action-card:hover{border-color:#e8a5304d;box-shadow:var(--shadow-card)}.action-card-info{flex:1;min-width:200px}.action-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground)}.action-card-desc{font-size:var(--font-size-sm);color:var(--color-muted);margin-top:var(--space-1);font-weight:var(--font-weight-light)}.action-result{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-top:var(--space-2)}.action-result.success{background:var(--color-success-dim);color:#1b6a3d}.action-result.error{background:var(--color-danger-dim);color:#b62020}.source-info p{font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:var(--space-4)}.source-urls{display:flex;flex-direction:column;gap:var(--space-2)}.source-url-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.source-url-label{min-width:80px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted)}.source-url-value{font-size:var(--font-size-xs);color:var(--color-muted-light);background:var(--color-surface-alt);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);word-break:break-all;font-family:SF Mono,Menlo,Monaco,Consolas,monospace}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}