:root{--bg: #0f172a;--card-bg: #1e293b;--accent: #38bdf8;--text: #f8fafc;--subtext: #94a3b8;--border: #334155;--danger: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.auth-card{background:var(--card-bg);border:1px solid var(--border);padding:2.5rem;border-radius:12px;width:100%;max-width:380px;box-shadow:0 10px 25px -5px #00000080}.auth-card h2{margin-bottom:.5rem}.auth-card p{color:var(--subtext);font-size:.9rem;margin-bottom:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.input-group input{background:#0f172a;border:1px solid var(--border);color:var(--text);padding:.75rem 1rem;border-radius:6px;font-size:1rem;outline:none}.input-group input:focus{border-color:var(--accent)}.btn-primary{width:100%;background:var(--accent);color:#0284c7;font-weight:600;border:none;padding:.75rem;border-radius:6px;cursor:pointer}.btn-primary:hover{opacity:.9}.dashboard{max-width:850px;margin:0 auto;padding:2rem 1rem}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.status-badge{font-size:.85rem;background:#166534;color:#4ade80;padding:.25rem .75rem;border-radius:9999px;display:flex;align-items:center;gap:.5rem}.btn-logout{background:transparent;border:1px solid var(--border);color:var(--subtext);padding:.4rem .8rem;border-radius:6px;cursor:pointer;margin-left:1rem}.timeline{position:relative;border-left:2px solid var(--border);padding-left:1.5rem;margin-left:.5rem}.timeline-node{position:relative;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.25rem}.timeline-node:before{content:"";position:absolute;left:-2.05rem;top:1.25rem;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.node-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.user-badge{font-weight:600;color:var(--accent)}.event-type{font-size:.75rem;text-transform:uppercase;background:#0284c7;color:#fff;padding:.15rem .5rem;border-radius:4px;margin-left:.5rem}.time-stamp{font-size:.85rem;color:var(--subtext)}.node-body{display:flex;gap:1.5rem;font-size:.9rem;color:var(--subtext)}.ip-address{font-family:monospace;color:#e2e8f0}.error-msg{color:var(--danger);font-size:.85rem;margin-bottom:1rem}