:root{--ink:#1f2530;--ink-2:#2f3b48;--sand:#f5efe6;--clay:#c06c56;--teal:#2a8f8a;--paper:#fbf7f1;--muted:#6b5f52;--shadow:0 20px 50px #151a2133;--radius-lg:20px;--radius-md:12px;--radius-sm:8px}.sign-in-page{min-height:100vh;color:var(--ink);letter-spacing:.2px;background:radial-gradient(800px 500px at 80% -20%,#f0d9c9 0%,#0000 60%),radial-gradient(900px 650px at 10% 10%,#dce7e1 0%,#0000 55%),linear-gradient(135deg,#f7efe4 0%,#f2e7d8 100%);place-items:center;margin:0;font-family:Trebuchet MS,Lucida Grande,sans-serif;display:grid}.shell{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch;gap:24px;width:min(920px,92vw);display:grid}.brand-panel{border-radius:var(--radius-lg);color:#eef4f4;box-shadow:var(--shadow);background:linear-gradient(155deg,#1f2a34 0%,#182129 100%);align-content:center;gap:18px;padding:36px;display:grid;position:relative;overflow:hidden}.brand-panel:after{content:"";background:radial-gradient(circle at 30% 30%,#2a8f8a59,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;bottom:-140px;right:-120px}.logo-mark{filter:drop-shadow(0 6px 14px #00000040);width:160px;height:auto}.brand-panel h1{letter-spacing:.8px;margin:0;font-family:Palatino Linotype,Book Antiqua,serif;font-size:28px}.brand-panel p{color:#c6d2d2;margin:0;font-size:14px;line-height:1.5}.brand-panel .pill{letter-spacing:1px;text-transform:uppercase;background:#ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:inline-flex}.auth-panel{background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow);gap:18px;padding:32px;display:grid}.auth-panel h2{text-transform:uppercase;letter-spacing:1.2px;color:var(--ink-2);margin:0;font-size:20px}.auth-panel p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.account-list{gap:10px;display:grid}.account-card{border-radius:var(--radius-md);background:#fffdf9;border:1px solid #eadfce;align-items:center;gap:12px;padding:12px 14px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#2a8f8a,#5cb4ad);border-radius:50%;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.account-card strong{font-size:14px}.account-card span{color:var(--muted);font-size:12px}.button-row{gap:10px;display:grid}.btn{background:var(--clay);color:#fff;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.6px;border:none;padding:12px 14px;font-size:13px;font-weight:400;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1c1c1c2e}.footer-note{color:var(--muted);font-size:11px}@media (max-width:900px){.shell{grid-template-columns:1fr}.brand-panel{order:2}}.debug-section{margin-top:8px}.debug-divider{align-items:center;margin-bottom:12px;display:flex}.debug-divider:before,.debug-divider:after{content:"";background:#e5dcd0;flex:1;height:1px}.debug-divider span{color:#92400e;text-transform:uppercase;letter-spacing:.5px;padding:0 12px;font-size:11px;font-weight:600}.btn-debug{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;width:100%}.btn-debug:hover{background:#fde68a;box-shadow:0 4px 12px #fbbf244d}.session-expired-notice{border-radius:var(--radius-sm);color:#991b1b;background:#fef2f2;border:1px solid #fecaca;padding:12px 14px;font-size:13px;line-height:1.4}