*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f4f8;color:#1a202c;min-height:100vh}.container{display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem;min-height:100vh}.card{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;padding:2rem;width:100%;max-width:640px}h1{font-size:1.75rem;font-weight:700;color:#2d3748}h2{font-size:1rem;font-weight:600;color:#4a5568;margin-bottom:.5rem}.subtitle{color:#718096;margin-top:.25rem;margin-bottom:1.5rem;font-size:.9rem}.header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.badge{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.badge.success{background:#c6f6d5;color:#276749}.section{margin-bottom:1.5rem}table{width:100%;border-collapse:collapse;font-size:.875rem}td{padding:.5rem .75rem;border-bottom:1px solid #edf2f7;vertical-align:top}td:first-child{color:#718096;white-space:nowrap;width:40%}code{font-family:SF Mono,Menlo,monospace;font-size:.8rem;color:#553c9a;word-break:break-all}.token{font-family:SF Mono,Menlo,monospace;font-size:.75rem;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.75rem;word-break:break-all;white-space:pre-wrap;color:#4a5568}.loading{color:#718096;text-align:center;padding:2rem 0}.error{color:#c53030;background:#fff5f5;border:1px solid #fed7d7;border-radius:6px;padding:.75rem;margin-bottom:1rem;font-size:.875rem}.btn-primary{display:inline-block;width:100%;padding:.75rem 1.5rem;background:#4299e1;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s;margin-top:.5rem}.btn-primary:hover{background:#3182ce}.btn-secondary{display:inline-block;padding:.5rem 1.25rem;background:#fff;color:#4a5568;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s;margin-top:.5rem}.btn-secondary:hover{background:#edf2f7}.login-form{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem}.field{display:flex;flex-direction:column;gap:.25rem}.field label{font-size:.875rem;font-weight:500;color:#4a5568}.field input{padding:.6rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9375rem;color:#1a202c;outline:none;transition:border-color .15s}.field input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e126}.divider{text-align:center;color:#a0aec0;font-size:.8rem;margin:.75rem 0;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:42%;height:1px;background:#e2e8f0}.divider:before{left:0}.divider:after{right:0}