@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:wght@400;500;600&display=swap";:root{--font-heading:"Space Grotesk", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-elevated:#334155;--color-border:#475569;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-soft:#3b82f61f;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000040;--shadow-lg:0 8px 24px #0000004d;--transition-fast:.15s ease;--transition-base:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);min-height:100dvh;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2}a{color:var(--color-primary);text-decoration:none}button{cursor:pointer;font-family:var(--font-body)}input,textarea,select{font-family:var(--font-body)}.login-page{min-height:100dvh;padding:var(--space-lg);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:380px;padding:var(--space-2xl);box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:var(--space-xl)}.login-header h1{color:var(--color-primary);letter-spacing:-.03em;font-size:1.75rem}.login-header p{color:var(--color-text-muted);margin-top:var(--space-xs);font-size:.875rem}.login-error{color:var(--color-danger);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);background:#ef44441a;font-size:.8125rem}.login-google{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);min-height:44px;transition:all var(--transition-fast);font-size:.9375rem;font-weight:500;display:flex}.login-google:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-soft)}.login-google:disabled{opacity:.6}.dashboard-header{margin-bottom:var(--space-xl)}.dashboard-header h2{letter-spacing:-.02em;font-size:1.5rem}.dashboard-header p{color:var(--color-text-muted);margin-top:var(--space-xs);font-size:.875rem}.dashboard-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-sm);transition:border-color var(--transition-fast);flex-direction:column;display:flex}.card:hover{border-color:var(--color-primary)}.card-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.card-value{font-family:var(--font-heading);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}@media (width<=480px){.dashboard-grid{grid-template-columns:1fr}}.upload h2{letter-spacing:-.02em;font-size:1.5rem}.upload-subtitle{color:var(--color-text-muted);margin-top:var(--space-xs);margin-bottom:var(--space-xl);font-size:.875rem}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;min-height:200px;transition:border-color var(--transition-fast);justify-content:center;align-items:center;display:flex;overflow:hidden}.upload-zone:hover{border-color:var(--color-primary)}.upload-zone input{display:none}.upload-preview{object-fit:contain;max-width:100%;max-height:300px}.upload-filename{color:var(--color-text);font-weight:500}.upload-placeholder{color:var(--color-text-muted);text-align:center;padding:var(--space-lg);font-size:.875rem}.upload-error{color:var(--color-danger);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-top:var(--space-md);background:#ef44441a;font-size:.8125rem}.upload-btn{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);margin-top:var(--space-lg);transition:background var(--transition-fast);border:none;min-height:44px;font-size:.9375rem;font-weight:600}.upload-btn:hover:not(:disabled){background:var(--color-primary-hover)}.upload-btn:disabled{opacity:.6}.upload-result{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-lg)}.upload-result h3{margin-bottom:var(--space-md);color:var(--color-success);font-size:1rem}.upload-result dl{gap:var(--space-sm) var(--space-md);grid-template-columns:auto 1fr;font-size:.875rem;display:grid}.upload-result dt{color:var(--color-text-muted);font-weight:500}.upload-result dd{color:var(--color-text)}.layout{flex-direction:column;min-height:100dvh;display:flex}.nav{padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.nav-brand h1{color:var(--color-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.nav-links{gap:var(--space-sm);display:flex}.nav-links a{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:.875rem;font-weight:500}.nav-links a:hover{color:var(--color-text);background:var(--color-primary-soft)}.nav-links a.active{color:var(--color-primary);background:var(--color-primary-soft)}.nav-logout{color:var(--color-text-muted);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;font-size:.875rem}.nav-logout:hover{color:var(--color-danger);background:#ef44441a}.main{padding:var(--space-lg);flex:1;width:100%;max-width:960px;margin:0 auto}@media (width<=640px){.nav{padding:var(--space-sm) var(--space-md)}.main{padding:var(--space-md)}}