*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue:#06f;--blue-dark:#0052cc;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827;--green:#10b981;--red:#ef4444;--yellow:#f59e0b;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}body{background:#fff;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:600;transition:opacity .15s}button:hover{opacity:.88}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff;width:100%}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-danger{background:var(--red);color:#fff}input,select,textarea{border:1.5px solid var(--gray-200);border-radius:8px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:1rem;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--blue)}.screen{max-width:480px;min-height:100vh;margin:0 auto;padding:24px 16px 80px}.screen-wide{max-width:1100px;margin:0 auto;padding:24px 16px 80px}h1{font-size:1.75rem;font-weight:700;line-height:1.2}h2{font-size:1.25rem;font-weight:700}h3{font-size:1rem;font-weight:600}.card{border:1.5px solid var(--gray-200);border-radius:12px;padding:20px}.badge{border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-green{color:#065f46;background:#d1fae5}.badge-yellow{color:#92400e;background:#fef3c7}.badge-red{color:#991b1b;background:#fee2e2}.badge-gray{background:var(--gray-100);color:var(--gray-500)}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--gray-700);font-size:.875rem;font-weight:500}.error-msg{color:var(--red);margin-top:4px;font-size:.875rem}.stack{flex-direction:column;display:flex}.stack-sm{gap:8px}.stack-md{gap:16px}.stack-lg{gap:24px}.divider{background:var(--gray-200);height:1px;margin:16px 0}nav.topbar{border-bottom:1px solid var(--gray-200);z-index:100;background:#fff;justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}nav.topbar .logo{color:var(--blue);font-size:1.25rem;font-weight:800}.spinner{border:3px solid var(--gray-200);border-top-color:var(--blue);border-radius:50%;width:24px;height:24px;margin:40px auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-muted{color:var(--gray-500)}.mt-4{margin-top:16px}.mt-6{margin-top:24px}