*{box-sizing:border-box;margin:0;padding:0}:root{--blue:#1d4ed8;--blue-lt:#dbeafe;--blue-dk:#1e3a8a;--green:#15803d;--green-lt:#dcfce7;--red:#b91c1c;--red-lt:#fee2e2;--g50:#f9fafb;--g100:#f3f4f6;--g200:#e5e7eb;--g400:#9ca3af;--g500:#6b7280;--g600:#4b5563;--g800:#1f2937}body{background:var(--g50);color:var(--g800);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}.card{border:1px solid var(--g200);background:#fff;border-radius:12px;padding:24px}.btn{cursor:pointer;border:1px solid var(--g200);color:var(--g600);background:#fff;border-radius:8px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600}.btn-primary{background:var(--blue);color:#fff;border-color:#0000}.btn-primary:hover{background:var(--blue-dk)}.btn:disabled{opacity:.5;cursor:not-allowed}.fi{border:1.5px solid var(--g200);border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.fi:focus{border-color:var(--blue);outline:none}.flbl{color:var(--g600);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.msg-err{background:var(--red-lt);color:var(--red);border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}