:root{--hue-primary: 222;--hue-accent: 217;--hue-success: 150;--hue-warning: 35;--hue-error: 0;--bg-primary: hsl(var(--hue-primary), 47%, 11%);--bg-secondary: hsl(var(--hue-primary), 47%, 15%);--bg-card: hsl(var(--hue-primary), 47%, 13%);--text-primary: hsl(var(--hue-primary), 20%, 98%);--text-secondary: hsl(var(--hue-primary), 20%, 65%);--text-muted: hsl(var(--hue-primary), 20%, 45%);--accent-primary: hsl(var(--hue-accent), 91%, 60%);--accent-glow: hsla(var(--hue-accent), 91%, 60%, .3);--success: hsl(var(--hue-success), 60%, 50%);--success-glow: hsla(var(--hue-success), 60%, 50%, .2);--error: hsl(var(--hue-error), 70%, 50%);--error-glow: hsla(var(--hue-error), 70%, 50%, .2);--warning: hsl(var(--hue-warning), 80%, 50%);--warning-glow: hsla(var(--hue-warning), 80%, 50%, .2);--glass-bg: hsla(var(--hue-primary), 47%, 15%, .6);--glass-border: hsla(var(--hue-primary), 20%, 98%, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--glass-highlight: hsla(var(--hue-primary), 20%, 98%, .03);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-medium: .3s cubic-bezier(.4, 0, .2, 1)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(16,185,129,.08),transparent 25%);color:var(--text-primary);line-height:1.6;min-height:100vh}.app-container{max-width:1280px;margin:0 auto;padding:.5rem 2rem 2rem}.vault-header{text-align:center;margin-bottom:3rem;position:relative}.vault-title{font-size:3rem;font-weight:800;margin-top:0;margin-bottom:.75rem;background:linear-gradient(to right,#60a5fa,#34d399,#60a5fa);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-x 8s linear infinite;letter-spacing:-.02em}.vault-subtitle{font-size:1.125rem;color:var(--text-secondary);font-weight:400;letter-spacing:.01em}.vault-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.vault-grid{grid-template-columns:7fr 5fr}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),inset 0 1px #ffffff08;border-radius:16px;padding:2rem;position:relative;overflow:hidden;transition:all var(--transition-medium)}.glass-panel:hover{border-color:#ffffff1f;box-shadow:var(--glass-shadow),inset 0 1px #ffffff0d}.section-title{font-size:1.25rem;font-weight:700;margin-bottom:1.75rem;display:flex;align-items:center;gap:.75rem;letter-spacing:-.01em;color:var(--text-primary)}.section-icon{padding:.5rem;border-radius:8px;background:linear-gradient(135deg,#3b82f61a,#10b9811a);border:1px solid rgba(255,255,255,.08);font-size:1.25rem}.drop-zone{border:2px dashed var(--glass-border);border-radius:16px;padding:3rem;text-align:center;transition:all var(--transition-medium);min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.drop-zone:hover{border-color:var(--text-secondary);background:var(--bg-card)}.drop-zone.dragging{border-color:var(--accent-primary);background:#3b82f60d;transform:scale(1.02)}.drop-icon{font-size:4rem;margin-bottom:1.5rem;transition:transform var(--transition-medium)}.drop-zone.dragging .drop-icon{transform:scale(1.1) translateY(-10px)}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),hsl(var(--hue-accent),80%,50%));color:#0f172a;border:none;padding:.75rem 1.75rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 15px var(--accent-glow);margin-top:1rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--accent-glow)}.upload-queue{width:100%;margin-top:2rem;text-align:left}.queue-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1rem;border-bottom:1px solid var(--glass-border);padding-bottom:.5rem}.queue-list{list-style:none;padding:0;margin:0}.queue-item{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:8px;padding:.75rem;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center}.status-list{display:flex;flex-direction:column;gap:1rem}.status-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:10px;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-medium);box-shadow:0 2px 8px #0000001a}.status-card:hover{border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 6px 24px #0003,0 0 0 1px #3b82f61a}.card-info{display:flex;align-items:center;gap:1rem}.status-dot{width:12px;height:12px;border-radius:50%;position:relative}.status-dot.pulse:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:inherit;opacity:.4;animation:pulse 2s infinite}.card-title{font-weight:600;color:var(--text-primary);margin:0}.card-meta{font-size:.75rem;color:var(--text-secondary);margin:0}.status-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.4rem .85rem;border-radius:12px;border:1px solid transparent;letter-spacing:.05em}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--glass-border)}.stat-item{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;padding:1rem;text-align:center}.stat-value{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}@keyframes gradient-x{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes pulse{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:0}}.hidden{display:none}