.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative;padding:2rem}.grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(232,255,71,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(232,255,71,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.login-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);padding:3rem 2.5rem;position:relative;animation:fadeUp .5s ease both}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.shake{animation:shake .45s ease}.login-header{margin-bottom:2.5rem}.logo-mark{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.25em;color:var(--accent);background:var(--accent-dim);border:1px solid rgba(232,255,71,.25);display:inline-block;padding:.3rem .7rem;margin-bottom:1.2rem}.login-title{font-size:2.8rem;font-weight:800;line-height:1;letter-spacing:-.02em;margin-bottom:.6rem;color:var(--text)}.login-sub{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);letter-spacing:.05em}.login-form{display:flex;flex-direction:column;gap:1.4rem}.field-group{display:flex;flex-direction:column;gap:.5rem}.field-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;color:var(--muted)}.field-input{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:.9rem;padding:.85rem 1rem;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}.field-input::placeholder{color:var(--muted)}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.error-msg{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--error);background:#ff4d4d14;border:1px solid rgba(255,77,77,.2);padding:.65rem .9rem}.login-btn{background:var(--accent);color:#0a0a0a;border:none;font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.02em;padding:1rem;cursor:pointer;transition:opacity .2s,transform .1s;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.4rem}.login-btn:hover:not(:disabled){opacity:.88}.login-btn:active:not(:disabled){transform:scale(.99)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.btn-arrow{font-size:1.1rem;transition:transform .2s}.login-btn:hover .btn-arrow{transform:translate(4px)}.spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.3);border-top-color:#0a0a0a;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--border)}.footer-tag{font-family:var(--font-mono);font-size:.65rem;color:var(--muted);letter-spacing:.1em}.dash-bg{min-height:100vh;background:var(--bg);position:relative}.grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(232,255,71,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(232,255,71,.025) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.dash-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 2.5rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:#0a0a0ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.dash-logo{font-family:var(--font-display);font-weight:800;font-size:1.1rem;letter-spacing:.05em;color:var(--text)}.logo-accent{color:var(--accent)}.dash-user-info{display:flex;align-items:center;gap:1.5rem}.dash-username{font-family:var(--font-mono);font-size:.8rem;color:var(--muted);letter-spacing:.08em}.logout-btn{background:transparent;border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;padding:.45rem .9rem;cursor:pointer;transition:border-color .2s,color .2s}.logout-btn:hover{border-color:var(--accent);color:var(--accent)}.dash-main{padding:3rem 2.5rem;max-width:1100px;animation:fadeUp .4s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.dash-welcome{margin-bottom:3rem}.status-pill{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;color:var(--accent);background:var(--accent-dim);border:1px solid rgba(232,255,71,.2);padding:.3rem .8rem;margin-bottom:1.2rem}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 1.8s ease infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.dash-title{font-size:3.5rem;font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:.6rem}.dash-name{color:var(--accent)}.dash-time{font-family:var(--font-mono);font-size:.75rem;color:var(--muted)}.upload-section{background:var(--surface);border:1px solid var(--border);padding:2rem;max-width:480px}.upload-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;color:var(--muted);margin-bottom:1.2rem}.upload-btn{background:transparent;border:1px dashed var(--accent);color:var(--accent);font-family:var(--font-mono);font-size:.85rem;padding:.9rem 1.5rem;cursor:pointer;transition:background .2s;width:100%;letter-spacing:.05em}.upload-btn:hover{background:var(--accent-dim)}.upload-error{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--error);background:#ff4d4d14;border:1px solid rgba(255,77,77,.2);padding:.65rem .9rem;margin-top:1rem}.error-dot{width:6px;height:6px;border-radius:50%;background:var(--error);flex-shrink:0}.upload-success{display:flex;align-items:center;gap:.8rem;margin-top:1rem;padding:.9rem;background:var(--accent-dim);border:1px solid rgba(232,255,71,.2)}.success-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.file-name{font-family:var(--font-mono);font-size:.8rem;color:var(--accent)}.file-size{font-family:var(--font-mono);font-size:.65rem;color:var(--muted);margin-top:.2rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--surface: #111111;--border: #222222;--accent: #e8ff47;--accent-dim: rgba(232, 255, 71, .12);--text: #f0f0f0;--muted: #555555;--error: #ff4d4d;--font-display: "Syne", sans-serif;--font-mono: "DM Mono", monospace}body{background:var(--bg);color:var(--text);font-family:var(--font-display);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}