.auth-page{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;min-height:calc(100vh - 60px);padding-bottom:70px;background:var(--bg-void)}.auth-card{width:100%;max-width:440px;padding:2.5rem 2.5rem 2rem;background:linear-gradient(160deg,#8aaff4,#6f9bef 30%,#6090e8 70%,#5580d8);border:3px solid #4a72c4;border-top-color:#97baff;border-left-color:#7ea8f8;border-radius:20px;box-shadow:0 8px 24px #0a1a3a59,0 2px 6px #0a1a3a33,inset 0 2px 4px #ffffff40,inset 0 -2px 6px #1e327833;color:#fff}.auth-card h1{font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin-bottom:.25rem;letter-spacing:-.02em}.auth-card .auth-subtitle{font-size:.95rem;color:#ffffffbf;margin-bottom:1.75rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-field{display:flex;flex-direction:column;gap:.4rem}.auth-field label{font-size:.85rem;font-weight:600;letter-spacing:.02em;color:#fff}.auth-field input{padding:.75rem 1rem;border:2px solid rgba(255,255,255,.3);border-radius:12px;background:#ffffffeb;color:var(--text-primary);font-size:.95rem;font-family:var(--font-body);outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.auth-field input::placeholder{color:var(--text-muted)}.auth-field input:focus{border-color:#fff9;background:#fff;box-shadow:0 0 0 3px #ffffff26}.auth-error{padding:.75rem 1rem;background:#e8406033;border:1px solid rgba(232,64,96,.4);border-radius:10px;color:#ffd0d8;font-size:.85rem;line-height:1.4}.auth-submit{padding:.85rem 1.5rem;border:3px solid #000050;border-top-color:#1a1aaa;border-left-color:#101090;border-radius:14px;background:linear-gradient(160deg,#1a1a9a,#0c0c7a,#000060);color:#fff;font-size:1rem;font-weight:600;font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;transition:all .2s ease;box-shadow:0 6px 20px #00005066,0 2px 6px #00003c40,inset 0 2px 3px #ffffff1f,inset 0 -2px 4px #00001e4d;margin-top:.5rem}.auth-submit:hover:not(:disabled){background:linear-gradient(160deg,#2222b0,#141490,#080870);transform:translateY(-1px);box-shadow:0 8px 24px #00005080,0 4px 8px #00003c40,inset 0 2px 4px #ffffff26,inset 0 -2px 4px #00001e4d}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.9rem;color:#ffffffb3}.auth-footer a{color:#fff;font-weight:600;text-decoration:underline;text-decoration-color:#fff6;text-underline-offset:2px;transition:text-decoration-color .2s ease}.auth-footer a:hover{text-decoration-color:#ffffffe6}.pw-requirements{list-style:none;padding:0;margin:.25rem 0 0;display:flex;flex-wrap:wrap;gap:.25rem .75rem}.pw-requirements li{font-size:.7rem;font-family:var(--font-mono);letter-spacing:.02em}.pw-met{color:#00d48a}.pw-unmet{color:#fff6}@media(max-width:520px){.auth-card{padding:2rem 1.5rem 1.5rem;border-radius:16px}.auth-card h1{font-size:1.5rem}}.dashboard-page{flex:1;padding:2rem 1.5rem;max-width:900px;margin:0 auto;width:100%}.dashboard-page h1{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.02em}.dashboard-page .dashboard-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}.dashboard-card{padding:2rem;background:linear-gradient(160deg,#96d8f0,#7ec8e3);border:2px solid;border-color:#a8e2f8 #6abcd8 #6abcd8 #8cd4ee;border-radius:20px;box-shadow:inset 1px 1px #ffffff59,inset -1px -1px #0000000d,0 8px 32px #64b4dc33,0 2px 8px #64b4dc1a;color:var(--text-on-card);margin-bottom:1.5rem}.dashboard-card h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-bottom:1rem;letter-spacing:-.01em}.dashboard-card p{color:var(--text-on-card-dim);line-height:1.6;font-size:.95rem}.dashboard-info-row{display:flex;align-items:center;padding:.85rem 0;border-bottom:1px solid rgba(0,0,0,.08)}.dashboard-info-row:last-child{border-bottom:none}.dashboard-info-label{font-size:.85rem;font-weight:500;color:var(--text-on-card-dim);min-width:140px;flex-shrink:0}.dashboard-info-value{font-size:.95rem;color:var(--text-on-card);flex:1}.dashboard-input{padding:.6rem .85rem;border:2px solid rgba(0,0,0,.1);border-radius:10px;background:#fff6;color:#0c2340;font-size:.95rem;font-family:var(--font-body);outline:none;width:100%;max-width:320px;transition:border-color .2s ease,background .2s ease}.dashboard-input:focus{border-color:var(--accent);background:#fff9}.dashboard-input:read-only{opacity:.6;cursor:not-allowed}.dashboard-actions{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.dashboard-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;text-decoration:none}.dashboard-btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px #00aadd4d,inset 0 1px #ffffff26}.dashboard-btn-primary:hover:not(:disabled){background:var(--accent-light);transform:translateY(-1px);box-shadow:0 4px 16px #0ad6,inset 0 1px #fff3}.dashboard-btn-secondary{background:#ffffff4d;color:var(--text-on-card);border:1px solid rgba(0,0,0,.1)}.dashboard-btn-secondary:hover{background:#ffffff73;transform:translateY(-1px)}.dashboard-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.dashboard-success{padding:.75rem 1rem;background:#00d48a26;border:1px solid rgba(0,212,138,.3);border-radius:10px;color:var(--green);font-size:.85rem;margin-bottom:1rem}.dashboard-error{padding:.75rem 1rem;background:#e8406026;border:1px solid rgba(232,64,96,.3);border-radius:10px;color:var(--red);font-size:.85rem;margin-bottom:1rem}.dashboard-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.dashboard-link-card{display:flex;flex-direction:column;gap:.4rem;padding:1.25rem;background:#ffffff40;border:1px solid rgba(255,255,255,.4);border-radius:14px;color:var(--text-on-card);text-decoration:none;transition:background .2s ease,transform .15s ease,border-color .2s ease}.dashboard-link-card:hover{background:#fff6;border-color:var(--accent-deep);transform:translateY(-2px)}.dashboard-link-card .link-title{font-weight:600;font-size:.95rem}.dashboard-link-card .link-desc{font-size:.8rem;color:var(--text-on-card-dim)}@media(max-width:640px){.dashboard-page{padding:1.5rem 1rem}.dashboard-page h1{font-size:1.5rem}.dashboard-card{padding:1.5rem;border-radius:16px}.dashboard-info-row{flex-direction:column;align-items:flex-start;gap:.3rem}.dashboard-info-label{min-width:auto}.dashboard-input{max-width:100%}}:root{--bg-void: #b8d4ee;--bg-deep: #a8c8e4;--bg-primary: #7ec8e3;--bg-surface: #8ad0ea;--bg-elevated: #96d8f0;--bg-raised: #a2e0f5;--accent: #00aadd;--accent-light: #005a99;--accent-deep: #0066aa;--accent-subtle: rgba(0, 170, 221, .1);--accent2: #1a3a8a;--accent2-light: #2654b8;--green: #00d48a;--green-dim: rgba(0, 212, 138, .1);--red: #e84060;--red-dim: rgba(232, 64, 96, .1);--text-primary: #0c1e42;--text-secondary: #2a4070;--text-muted: #5a7098;--text-disabled: #8aa0be;--text-on-card: #0c2340;--text-on-card-dim: #1a3a5c;--border: rgba(10, 26, 58, .08);--border-default: rgba(10, 26, 58, .12);--border-strong: rgba(10, 26, 58, .2);--font-display: "Outfit", system-ui, sans-serif;--font-body: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--surface: #8ad0ea;--card-blue: #6495ED;--card-blue-hover: #70a0f0;--glow-cyan: 0 0 20px rgba(0, 170, 221, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(100,149,237,.3) transparent}body{font-family:var(--font-body);background:var(--bg-void);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}::selection{background:#00aadd40;color:#0c1e42}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6495ed4d;border-radius:3px}img{max-width:100%;height:auto}button{font-family:inherit;cursor:pointer}input{font-family:inherit}#root{min-height:100vh;display:flex;flex-direction:column}