:root{--bg:#f6f7f9;--card:#fff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--brand:#0c8f88}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--brand);text-decoration:none}.container{max-width:960px;margin:0 auto;padding:24px}.brand{font-weight:700;font-size:20px;color:var(--brand)}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}.chip{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.chip.pos{background:#dcfce7;color:#166534}.chip.neu{background:#f1f5f9;color:#475569}.chip.neg{background:#fee2e2;color:#991b1b}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.banner{background:#fef9c3;border:1px solid #fde68a;color:#854d0e;padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:16px}.field{margin-bottom:12px}label{font-size:13px;color:var(--muted);display:block;margin-bottom:4px}input{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;font-size:14px}button{background:var(--brand);color:#fff;border:0;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:default}.err{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:8px 12px;border-radius:8px;margin-bottom:12px}.err,.muted{font-size:13px}.muted{color:var(--muted)}.auth-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;position:relative;overflow:hidden}.auth-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(12,143,136,.06) 1px,transparent 0),linear-gradient(90deg,rgba(12,143,136,.05) 1px,transparent 0);background-size:70px 70px;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 40%,black 15%,transparent 75%);mask-image:radial-gradient(ellipse 75% 70% at 50% 40%,black 15%,transparent 75%)}.auth-wordmark{font-weight:800;font-size:30px;letter-spacing:-.02em;color:var(--brand);margin-bottom:22px}.auth-card,.auth-wordmark{position:relative;z-index:1}.auth-card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(15,23,42,.06);padding:24px}.auth-card h1{font-size:19px;margin:0 0 4px}.auth-card .sub{color:var(--muted);font-size:14px;margin:0 0 18px}.auth-footer{z-index:1;margin-top:26px;font-size:12px;color:var(--muted);text-align:center}.auth-footer,.input-wrap{position:relative}.input-wrap .eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;color:var(--muted);border:0;padding:6px;cursor:pointer;line-height:0}.link-c{color:var(--brand);font-size:14px;background:none;border:0;cursor:pointer;padding:0}.link-c:hover{text-decoration:underline}.center{text-align:center}.btn-full{width:100%}.totp-input{text-align:center;letter-spacing:.4em;font-size:18px}.ok-box{background:#dcfce7;border:1px solid #86efac;color:#166534;padding:10px 12px;border-radius:8px;font-size:13px}.spin{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(1turn)}}