@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;1,400&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f2ed;--bg-raised:#eae7e0;--surface:#fff;--surface-hover:#faf8f5;--surface-active:#f3f0ea;--border:#ddd7ce;--border-strong:#c4bcb0;--border-focus:#7a5c3e;--text:#2a2520;--text-secondary:#6b6054;--text-muted:#9a8e80;--text-dim:#c4bcb0;--amber:#b8702a;--amber-dim:rgba(184,112,42,.08);--amber-hover:#a0601e;--teal:#2e8e7a;--teal-dim:rgba(46,142,122,.08);--blue:#3d6fb0;--blue-dim:rgba(61,111,176,.08);--danger:#c04040;--danger-dim:rgba(192,64,64,.06);--danger-hover:#a83535;--danger-strong:rgba(192,64,64,.12);--success:#2e8e7a;--success-dim:rgba(46,142,122,.08);--warning:#b8702a;--warning-dim:rgba(184,112,42,.08);--radius:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px rgba(42,37,32,.05);--shadow-md:0 2px 8px rgba(42,37,32,.07);--shadow-lg:0 8px 30px rgba(42,37,32,.1);--shadow-glow-amber:0 0 0 3px rgba(184,112,42,.12);--shadow-glow-danger:0 0 16px rgba(192,64,64,.06);--font-body:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--transition:0.15s ease;--transition-slow:0.25s ease;--gap:0.75rem}html{color-scheme:light}html[data-theme=terminal],html[data-theme=vault]{color-scheme:dark}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.5;font-weight:400;font-size:13.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}body:before{content:"";position:fixed;inset:0;opacity:0;pointer-events:none;z-index:9999;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px}[data-theme=vault] body:before{opacity:.03}[data-theme=vault] .header{background:#151921;border-bottom-color:#1e2430}.container{max-width:980px;margin:0 auto;padding:1.25rem 1.25rem 3rem}h1,h2,h3{font-family:var(--font-body);font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:1.125rem}h2{font-size:.875rem;color:var(--text)}h3{font-size:.8125rem}.header{justify-content:space-between;padding:.5rem 1.25rem;background:#2a2520;border-bottom:1px solid #3a3530}.header,.header h1{display:flex;align-items:center;color:#e0dbd4}.header h1{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:-.01em;gap:.5rem}.header h1:before{content:"";display:inline-block;width:7px;height:7px;background:#3cb8a0;border-radius:50%;box-shadow:0 0 6px rgba(60,184,160,.5)}.header-user{display:flex;align-items:center;gap:.75rem}.header-user span{font-family:var(--font-mono);font-size:.625rem;color:#9a928a;letter-spacing:.02em}.header a{color:#9a928a;text-decoration:none;font-size:.6875rem;font-weight:500;padding:.1875rem .5rem;border:1px solid #4a4540;border-radius:var(--radius);transition:all var(--transition)}.header a:hover{color:#fff;border-color:#5a5550;background:#3a3530}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.25rem;margin-bottom:var(--gap);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.875rem;padding-bottom:.625rem;border-bottom:1px solid var(--border)}.card-header h2{margin:0;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.aggregate-bar{display:flex;align-items:center;gap:0;padding:0;margin-bottom:var(--gap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.agg-stat{display:flex;flex-direction:column;padding:.5rem 1rem;border-right:1px solid var(--border);min-width:0}.agg-stat:last-of-type{border-right:none}.agg-value{font-family:var(--font-mono);font-size:.875rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:-.02em;line-height:1.2;white-space:nowrap}.agg-label{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-top:.125rem}.agg-actions{display:flex;align-items:center;gap:.375rem;margin-left:auto;padding:.375rem .625rem}.db-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:.5rem;gap:.5rem}.db-card{position:relative;display:flex;flex-direction:column;gap:.375rem;padding:.75rem .875rem;background:var(--bg-raised);border:1.5px solid transparent;border-color:var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);font-family:var(--font-body);color:var(--text);text-align:left}.db-card:hover{border-color:var(--border-strong);background:var(--surface-hover)}.db-card.active{border-color:var(--amber);background:var(--surface);box-shadow:var(--shadow-glow-amber)}.db-card-top{gap:.5rem}.db-card-top,.db-icon{display:flex;align-items:center}.db-icon{width:26px;height:26px;justify-content:center;background:var(--border);color:var(--text-secondary);border-radius:5px;font-family:var(--font-mono);font-size:.5625rem;font-weight:600;flex-shrink:0;letter-spacing:.02em}.db-card.active .db-icon{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(184,112,42,.15)}.db-card-name{font-weight:600;font-size:.8125rem;letter-spacing:-.01em}.db-card-size{margin-left:auto}.db-card-meta,.db-card-size{font-family:var(--font-mono);font-size:.625rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-muted)}.db-card-meta{display:flex;align-items:center;gap:.625rem;padding-left:2rem}.db-card-meta span{display:flex;align-items:center;gap:.2rem}.db-meta-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.db-meta-dot.healthy{background:var(--teal);box-shadow:0 0 4px rgba(46,142,122,.5)}.db-meta-dot.warning{background:var(--warning);box-shadow:0 0 4px rgba(184,112,42,.5)}.db-meta-dot.danger{background:var(--danger);box-shadow:0 0 4px rgba(192,64,64,.5)}.db-card-create{border:1.5px dashed var(--border);background:transparent;align-items:center;justify-content:center;flex-direction:row;gap:.375rem;min-height:62px;opacity:.5;transition:all var(--transition)}.db-card-create:hover{opacity:1;border-color:var(--amber);background:var(--amber-dim)}.db-card-create-icon{font-size:1.125rem;font-weight:300;color:var(--text-muted);line-height:1}.db-card-create:hover .db-card-create-icon,.db-card-create:hover .db-card-create-label{color:var(--amber)}.db-card-create-label{font-size:.75rem;font-weight:600;color:var(--text-muted)}.db-open-btn{display:inline-flex;align-items:center;gap:.25rem;margin-left:auto;padding:.3125rem .75rem;font-family:var(--font-mono);font-size:.625rem;font-weight:600;color:var(--amber);text-decoration:none;border:1px solid var(--amber);border-radius:var(--radius);transition:all var(--transition);white-space:nowrap}.db-open-btn:hover{background:var(--amber);color:var(--bg)}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.4375rem .875rem;border:none;border-radius:var(--radius);font-family:var(--font-body);font-size:.6875rem;font-weight:600;cursor:pointer;transition:all var(--transition);letter-spacing:.01em;line-height:1}.btn-primary{background:var(--amber);color:#fff}.btn-primary:hover{background:var(--amber-hover)}.btn-accent{background:var(--teal);color:#fff}.btn-accent:hover{background:#28806e}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-strong)}.btn-sm{padding:.3125rem .625rem;font-size:.625rem}.btn:disabled{opacity:.3;cursor:not-allowed}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.4375rem .625rem}th{font-weight:700;font-size:.5625rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}td,th{border-bottom:1px solid var(--border)}td{font-size:.75rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-hover)}td .filename{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-secondary)}.stats-bar{margin-bottom:var(--gap);padding:.875rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.stats-overview{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:.0625rem}.stat-value{font-family:var(--font-mono);font-size:.9375rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:-.02em}.stat-label{font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.stat-active .stat-value{color:var(--amber)}.stat-divider{width:1px;height:24px;background:var(--border)}.stats-breakdown{margin-top:.625rem;padding-top:.5rem;border-top:1px solid var(--border)}.breakdown-bar{display:flex;height:3px;border-radius:2px;overflow:hidden;gap:2px;margin-bottom:.375rem;background:var(--bg)}.breakdown-fill{border-radius:2px;min-width:3px;transition:flex var(--transition)}.breakdown-db{background:var(--amber)}.breakdown-fs{background:var(--teal);opacity:.7}.breakdown-legend{display:flex;gap:.875rem}.legend-item{display:flex;align-items:center;gap:.25rem;font-size:.625rem;color:var(--text-muted);font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.legend-dot{width:5px;height:5px;border-radius:2px;flex-shrink:0}.legend-db{background:var(--amber)}.legend-fs{background:var(--teal);opacity:.7}input[type=file],input[type=text],select{padding:.4375rem .625rem;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:.75rem;width:100%;background:var(--bg-raised);color:var(--text);transition:border-color var(--transition),box-shadow var(--transition)}input[type=text]:focus,select:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 2px var(--amber-dim)}input[type=text]::placeholder{color:var(--text-dim)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%235c6370' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center;padding-right:1.75rem}.form-group{margin-bottom:.875rem}.form-group label{display:block;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3125rem;color:var(--text-muted)}.file-drop{position:relative;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:1.25rem 1rem;text-align:center;cursor:pointer;transition:all var(--transition);background:var(--bg-raised)}.file-drop:hover{border-color:var(--amber);background:var(--surface-hover)}.file-drop.has-file{border-color:var(--teal);border-style:solid;background:var(--teal-dim)}.file-drop input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;border:none;padding:0}.file-drop-label{font-size:.75rem;color:var(--text-muted)}.file-drop-label strong{color:var(--amber)}.file-drop-name{font-family:var(--font-mono);font-size:.6875rem;color:var(--teal);font-weight:500}.status-badge{display:inline-flex;align-items:center;gap:.3125rem;padding:.1875rem .4375rem;border-radius:999px;font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono)}.status-running{background:var(--warning-dim);color:var(--warning)}.status-running:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--warning);animation:pulse 1.5s ease-in-out infinite}.status-completed{background:var(--success-dim);color:var(--success)}.status-failed{background:var(--danger-dim);color:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.2}}.log-output{background:#1e1c18;color:#a8c07a;font-family:var(--font-mono);font-size:.625rem;line-height:1.75;padding:.75rem 1rem;border-radius:var(--radius-lg);max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;border:1px solid #2d2a24;box-shadow:inset 0 2px 8px rgba(0,0,0,.4)}.log-output::-webkit-scrollbar{width:3px}.log-output::-webkit-scrollbar-track{background:transparent}.log-output::-webkit-scrollbar-thumb{background:#3d3a34;border-radius:2px}.danger-zone{border-color:var(--danger);border-style:dashed;background:var(--surface)}.danger-zone .card-header{border-bottom-color:var(--danger-dim)}.danger-zone .card-header h2{color:var(--danger)}.confirm-match{border-color:var(--teal)!important;box-shadow:0 0 0 2px var(--teal-dim)!important}.error-msg{display:flex;align-items:center;gap:.375rem;color:var(--danger);font-size:.6875rem;font-family:var(--font-mono);margin-top:.625rem;padding:.375rem .625rem;background:var(--danger-dim);border-radius:var(--radius);border:1px solid rgba(192,64,64,.12)}.empty-state{text-align:center;padding:1.75rem 1rem;color:var(--text-dim);font-size:.75rem}.empty-state-icon{font-size:1.25rem;margin-bottom:.375rem;opacity:.3}.loading-dots{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono)}.loading-dots:after{content:"";animation:dots 1.5s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#2a2520;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(184,112,42,.08) 0,transparent 55%),radial-gradient(ellipse at 70% 30%,rgba(46,142,122,.05) 0,transparent 50%)}.login-page:after{content:"";position:absolute;inset:0;opacity:.012;pointer-events:none;background-image:linear-gradient(#3a3530 1px,transparent 0),linear-gradient(90deg,#3a3530 1px,transparent 0);background-size:60px 60px}.login-card{position:relative;z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.25rem 1.75rem;max-width:360px;width:90%;text-align:center;box-shadow:var(--shadow-lg)}.login-brand{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--amber);margin-bottom:.25rem;letter-spacing:-.02em}.login-subtitle{color:var(--text-muted);font-size:.75rem;margin-bottom:1.75rem;font-weight:400}.login-btn{width:100%;padding:.625rem 1.25rem;font-size:.75rem}.login-footer{margin-top:1.25rem;font-size:.625rem;color:var(--text-dim);font-family:var(--font-mono)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .1s ease-out}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem;max-width:400px;width:92%;box-shadow:var(--shadow-lg);animation:slideUp .15s ease-out}.modal-card h2{font-size:.9375rem;text-transform:none;letter-spacing:-.01em;color:var(--text);margin-bottom:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.section-sep{border:none;border-top:1px dashed var(--border-strong);margin:1.25rem 0}@media (max-width:640px){.container{padding:.75rem .75rem 2rem}.card{padding:1rem;border-radius:var(--radius-lg)}.header{padding:.5rem .75rem}.db-grid{grid-template-columns:1fr 1fr}.aggregate-bar{flex-wrap:wrap}.agg-actions{width:100%;border-top:1px solid var(--border);justify-content:center;padding:.375rem}.stats-overview{gap:.625rem}table{font-size:.6875rem}td,th{padding:.3125rem .375rem}}@media (max-width:400px){.db-grid{grid-template-columns:1fr}}[data-theme=vault]{--bg:#0b0d11;--bg-raised:#10131a;--surface:#151921;--surface-hover:#1a1f2a;--surface-active:#1e2433;--border:#1e2430;--border-strong:#2a3040;--border-focus:#3d7bcc;--text:#e0e4eb;--text-secondary:#8b93a1;--text-muted:#5c6370;--text-dim:#3b4250;--amber:#e5a547;--amber-dim:rgba(229,165,71,.12);--amber-hover:#d4952e;--teal:#3cb8a0;--teal-dim:rgba(60,184,160,.1);--blue:#3d7bcc;--blue-dim:rgba(61,123,204,.1);--danger:#d95050;--danger-dim:rgba(217,80,80,.1);--danger-hover:#c23e3e;--danger-strong:rgba(217,80,80,.2);--success:#3cb8a0;--success-dim:rgba(60,184,160,.1);--warning:#e5a547;--warning-dim:rgba(229,165,71,.1);--shadow-sm:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 12px rgba(0,0,0,.35);--shadow-lg:0 8px 30px rgba(0,0,0,.4);--shadow-glow-amber:0 0 0 3px rgba(229,165,71,.15);--shadow-glow-danger:0 0 20px rgba(217,80,80,.08)}[data-theme=vault] .log-output{background:#080a0e;color:#7ec877;border-color:#141922}[data-theme=vault] .log-output::-webkit-scrollbar-thumb{background:#222a35}[data-theme=vault] .login-page{background:#0b0d11}[data-theme=vault] .login-page:before{background:radial-gradient(ellipse at 30% 50%,rgba(229,165,71,.06) 0,transparent 55%),radial-gradient(ellipse at 70% 30%,rgba(60,184,160,.04) 0,transparent 50%)}[data-theme=terminal]{--bg:#020804;--bg-raised:#071008;--surface:#0a160c;--surface-hover:#0f1e12;--surface-active:#132416;--border:#1a2e1c;--border-strong:#264028;--border-focus:#3dcc5e;--text:#c8e6c0;--text-secondary:#7aad70;--text-muted:#4a7742;--text-dim:#2a4e24;--amber:#5ecc3d;--amber-dim:rgba(94,204,61,.08);--amber-hover:#4db832;--teal:#3dcc98;--teal-dim:rgba(61,204,152,.06);--blue:#3daa66;--blue-dim:rgba(61,170,102,.08);--danger:#cc5e3d;--danger-dim:rgba(204,94,61,.08);--danger-hover:#b84d32;--danger-strong:rgba(204,94,61,.14);--success:#3dcc5e;--success-dim:rgba(61,204,94,.08);--warning:#ccaa3d;--warning-dim:rgba(204,170,61,.08);--shadow-sm:0 1px 3px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.45);--shadow-lg:0 8px 30px rgba(0,0,0,.5);--shadow-glow-amber:0 0 0 3px rgba(94,204,61,.1);--shadow-glow-danger:0 0 20px rgba(204,94,61,.06)}[data-theme=terminal] body:before{background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(61,204,94,.015) 0,rgba(61,204,94,.015) 4px);background-size:100% 4px;opacity:1}[data-theme=terminal] .log-output{background:#020804;color:#5ecc3d;border-color:#1a2e1c}[data-theme=terminal] .log-output::-webkit-scrollbar-thumb{background:#264028}[data-theme=terminal] .header{background:#020804;border-bottom-color:#1a2e1c}[data-theme=terminal] .header h1:before{background:#5ecc3d;box-shadow:0 0 6px rgba(94,204,61,.5)}[data-theme=terminal] .login-page{background:#020804}[data-theme=terminal] .login-page:before{background:radial-gradient(ellipse at 30% 50%,rgba(94,204,61,.04) 0,transparent 55%),radial-gradient(ellipse at 70% 30%,rgba(61,204,152,.03) 0,transparent 50%)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:transparent;border:1px solid #4a4540;border-radius:var(--radius);color:#9a928a;cursor:pointer;transition:all var(--transition)}.theme-toggle:hover{color:#e0dbd4;border-color:#5a5550;background:#3a3530}.theme-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.25rem;box-shadow:var(--shadow-lg);z-index:200;min-width:120px;animation:fadeIn .1s ease-out}.theme-option{display:flex;align-items:center;gap:.4375rem;width:100%;padding:.375rem .5rem;background:transparent;border:none;border-radius:var(--radius);color:var(--text-secondary);font-family:var(--font-body);font-size:.6875rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.theme-option:hover{background:var(--surface-hover);color:var(--text)}.theme-option.active{color:var(--amber)}.theme-preview{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;font-size:.4375rem;flex-shrink:0}.theme-preview-vault{background:#151921;color:#e5a547;border:1px solid #2a3040}.theme-preview-light{background:#fff;color:#b8702a;border:1px solid #ddd7ce}.theme-preview-terminal{background:#0a160c;color:#5ecc3d;border:1px solid #1a2e1c}