*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #1a3a6c;--navy-d: #0e2347;--navy-l: #24508a;--red: #d42020;--red-d: #b01818;--bg: #0f172a;--surface: #1e293b;--surface2:#263548;--border: #2d3f55;--text: #f0f4f8;--muted: #8fa3b8;--success: #22c55e;--warning: #f59e0b;--error: #ef4444}html,body,#root{height:100%;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:15px;-webkit-font-smoothing:antialiased}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 20% 50%,rgba(26,58,108,.4) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(212,32,32,.15) 0%,transparent 50%),var(--bg);padding:1.5rem}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:3rem 2.75rem;width:100%;max-width:500px;box-shadow:0 32px 80px #00000080,0 0 0 1px #ffffff0a}.login-logo{text-align:center;margin-bottom:2rem}.login-logo-brand{font-size:1.6rem;font-weight:900;font-style:italic;color:var(--navy-l);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.4rem}.login-divider-line{width:40px;height:2px;margin:.85rem auto;background:linear-gradient(90deg,var(--navy-l),var(--red));border-radius:2px}.login-product{font-size:1rem;font-weight:700;color:var(--text)}.login-tagline{font-size:.75rem;color:var(--muted);margin-top:.2rem}.login-field{margin-bottom:1rem}.login-label{display:block;font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.45rem}.login-input{width:100%;padding:.75rem 1rem;background:var(--surface2);border:1.5px solid var(--border);border-radius:10px;color:var(--text);font-size:.95rem;outline:none;transition:border-color .2s}.login-input:focus{border-color:var(--navy-l)}.login-input::placeholder{color:var(--muted);opacity:.55}.login-pw-wrap{position:relative}.login-pw-wrap .login-input{padding-right:3rem}.login-pw-toggle{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--muted);font-size:1rem;padding:.2rem}.login-pw-toggle:hover{color:var(--text)}.login-error{background:#d420201a;border:1px solid rgba(212,32,32,.35);color:#fca5a5;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.6rem;line-height:1.5}.login-error-close{background:none;border:none;cursor:pointer;color:#fca5a5;font-size:1rem;margin-left:auto;padding:0;flex-shrink:0}.login-btn{width:100%;padding:.875rem;background:linear-gradient(135deg,var(--navy),var(--navy-l));color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s;letter-spacing:.03em}.login-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.login-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.login-footer{text-align:center;color:var(--muted);font-size:.72rem;margin-top:1.5rem;line-height:1.6}.login-footer strong{color:var(--red)}.toast-stack{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.6rem;z-index:9999;width:320px}.toast{padding:.85rem 1rem;border-radius:10px;font-size:.875rem;line-height:1.5;display:flex;align-items:flex-start;gap:.6rem;box-shadow:0 8px 24px #0006;animation:toastIn .25s ease}.toast--warning{background:#1c1400;border:1px solid var(--warning);color:#fde68a}.toast--error{background:#1c0505;border:1px solid var(--error);color:#fca5a5}.toast--success{background:#051c0f;border:1px solid var(--success);color:#86efac}.toast--info{background:#0a1628;border:1px solid var(--navy-l);color:#93c5fd}.toast-close{background:none;border:none;cursor:pointer;margin-left:auto;color:inherit;font-size:1rem;padding:0;flex-shrink:0}@keyframes toastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.blocked-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:1.5rem}.blocked-card{background:var(--surface);border:1px solid rgba(212,32,32,.3);border-radius:20px;padding:2.5rem 2rem;width:100%;max-width:440px;text-align:center;box-shadow:0 32px 80px #00000080,0 0 0 1px #d4202014}.blocked-icon{font-size:3.5rem;margin-bottom:1rem}.blocked-title{font-size:1.4rem;font-weight:700;color:var(--error);margin-bottom:.4rem}.blocked-sub{color:var(--muted);font-size:.875rem;margin-bottom:1.5rem}.blocked-motif{background:#d4202012;border:1px solid rgba(212,32,32,.22);border-radius:10px;padding:1rem 1.25rem;color:#fca5a5;font-size:.875rem;margin-bottom:1.75rem;line-height:1.6;text-align:left}.blocked-motif strong{color:var(--text);display:block;margin-bottom:.3rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em}.blocked-back{padding:.75rem 2rem;background:var(--surface2);border:1px solid var(--border);border-radius:10px;color:var(--muted);cursor:pointer;font-size:.875rem;font-weight:600;transition:color .15s,border-color .15s}.blocked-back:hover{color:var(--text);border-color:var(--navy-l)}