:root{color:#293241;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--primary: #1266b0;--primary-hover: #0e5597;--primary-muted: #e8f2fb;--neutral-title: #17202e;--neutral-body: #465466;--neutral-subtle: #718096;--neutral-light: #e5e9f0;--field-bg: #fff;--accent: #15a6a1;--coral: #ee6c4d;--shadow: 0 1px 3px rgba(16, 24, 40, .1), 0 1px 2px rgba(16, 24, 40, .06)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;background:linear-gradient(rgba(18,102,176,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(18,102,176,.05) 1px,transparent 1px),radial-gradient(circle at 50% 0%,rgba(21,166,161,.16),transparent 34rem),#f6f8fb;background-size:34px 34px,34px 34px,auto,auto}button,input{font:inherit}button{border:0}a{color:var(--primary);font-weight:600;text-underline-offset:4px}a:hover{color:var(--primary-hover)}.app-shell{display:flex;min-height:100vh;flex-direction:column}.login-main{position:relative;display:flex;width:100%;max-width:1280px;flex:1;align-items:center;justify-content:center;margin:auto;padding:32px 16px 48px}.login-panel{width:100%;max-width:424px;margin:auto}.brand-mark{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 24px;color:var(--neutral-title);font-size:26px;font-weight:700;letter-spacing:0;text-transform:lowercase}.fish-logo{width:88px;height:88px;filter:drop-shadow(0 10px 22px rgba(18,102,176,.15))}.fish-body{fill:#1266b0}.fish-fin{fill:#15a6a1}.fish-eye{fill:#fff}.fish-wave{fill:none;stroke:var(--coral);stroke-linecap:round;stroke-width:5}.card{position:relative;padding:32px 16px;background:#fff;border:1px solid var(--neutral-light);border-radius:16px;box-shadow:var(--shadow)}.card-heading{margin-bottom:32px;text-align:center}.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:28px;margin-bottom:16px;padding:4px 10px;color:#0f766e;background:#e7f7f4;border:1px solid #bee7df;border-radius:999px;font-size:13px;font-weight:600}h1{margin:0 0 8px;color:var(--neutral-title);font-size:32px;font-weight:700;line-height:40px;letter-spacing:0}.card-heading p{margin:0;color:var(--neutral-body);font-size:18px;font-weight:500;line-height:28px}.login-form{display:grid;gap:16px}.field{display:grid;gap:8px;color:var(--neutral-title);font-size:14px;font-weight:600}.field input{width:100%;height:46px;padding:0 14px;color:var(--neutral-title);background:var(--field-bg);border:1px solid #cdd5df;border-radius:8px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input::placeholder{color:#9aa6b2}.field input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #1266b024}.password-wrap{position:relative}.password-wrap input{padding-right:48px}.icon-button{position:absolute;top:14%;right:6px;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;color:var(--neutral-subtle);background:transparent;border-radius:6px;cursor:pointer}.icon-button:hover{color:var(--primary);background:var(--primary-muted)}.form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px;color:var(--neutral-body);font-size:14px}.checkbox{display:inline-flex;align-items:center;gap:8px;min-width:0;cursor:pointer}.checkbox input{width:16px;height:16px;accent-color:var(--primary)}.submit-button,.saml-button{display:inline-flex;width:100%;min-height:46px;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:8px;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.submit-button{margin-top:16px;color:#fff;background:var(--primary)}.submit-button:hover:not(:disabled){background:var(--primary-hover)}.submit-button:active:not(:disabled),.saml-button:active{transform:translateY(1px)}.submit-button:disabled{cursor:not-allowed;background:#b8c4d2}.divider{display:flex;align-items:center;gap:12px;margin:8px 0 0;color:var(--neutral-subtle);font-size:13px;font-weight:600}.divider:before,.divider:after{display:block;height:1px;flex:1;background:var(--neutral-light);content:""}.saml-button{color:var(--primary);background:#fff;border:1px solid #b9d7f0}.saml-button:hover{color:var(--primary-hover);background:var(--primary-muted);border-color:#8fc1e8}.toast{margin:18px 0 0;padding:12px 14px;color:#0f5132;background:#e7f6ef;border:1px solid #badbcc;border-radius:8px;font-size:14px;font-weight:600;text-align:center}.footer{margin-top:auto;background:#fff;border-top:1px solid var(--neutral-light)}.footer-inner{display:flex;max-width:1280px;align-items:center;justify-content:space-between;gap:18px;margin:0 auto;padding:18px 16px;color:var(--neutral-body);font-size:14px;line-height:20px;text-align:center}.powered,.powered strong{display:inline-flex;align-items:center;gap:8px}.powered strong{color:var(--neutral-title);font-weight:700}@media(min-width:768px){.login-main{padding:56px 48px}.card{padding:32px}}@media(min-width:1024px){.login-panel{max-width:456px}.card{padding:32px 48px}}@media(max-width:640px){.login-main{align-items:flex-start}.brand-mark{flex-direction:column;gap:8px;font-size:24px}.fish-logo{width:72px;height:72px}h1{font-size:24px;line-height:32px}.card-heading p{font-size:16px;line-height:24px}.form-row{align-items:flex-start;flex-direction:column}.footer-inner{flex-direction:column;justify-content:center}}