:root{--color-primary-light:#0a7b74;--color-primary-main:#00544f;--color-primary-dark:#003532;--color-primary-contrast:#fff;--color-secondary-light:#9fe05b;--color-secondary-main:#85c441;--color-secondary-dark:#679b30;--color-secondary-contrast:#003532;--color-status-success:#85c441;--color-status-warning:#f5a623;--color-status-error:#e04a4a;--color-status-info:#007a72;--color-bg-default:#f7faf9;--color-bg-paper:#fff;--color-bg-elevated:#fff;--color-bg-subtle:#eef4f3;--color-text-primary:#102220;--color-text-secondary:#556a67;--color-text-disabled:#9eaeac;--color-text-inverse:#fff;--color-border-light:#e2ebe9;--color-border-main:#ccd8d6;--color-border-focus:#85c441;--font-heading:"Outfit", "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Fira Code", monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #00544f14;--shadow-md:0 4px 12px #00544f1a;--shadow-lg:0 8px 24px #00544f1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{height:100%;font-family:var(--font-body);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--color-text-primary);background-color:var(--color-bg-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5;overflow:hidden}#root{flex-direction:column;height:100%;display:flex;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-primary-main);margin-top:0}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1.2}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:1.3}h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}p{color:var(--color-text-primary);margin:0 0 1rem}a{color:var(--color-primary-main);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-light)}code,pre{font-family:var(--font-mono)}input,button,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer;border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);border:none;transition:background-color .2s,box-shadow .2s,transform .1s}input{border:1px solid var(--color-border-main);border-radius:var(--radius-sm);background-color:var(--color-bg-paper);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 2px #85c44140}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.login{background:radial-gradient(#ffffff12 1px, transparent 1px) 0 0 / 22px 22px, radial-gradient(circle at 50% 0%, #85c44129, transparent 45%), linear-gradient(170deg, var(--color-primary-main) 0%, var(--color-primary-dark) 70%);flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.login__card{z-index:1;border-radius:var(--radius-lg);background:var(--color-bg-paper);width:100%;max-width:440px;padding:44px 40px 36px;animation:.4s both fadeIn;position:relative;overflow:hidden;box-shadow:0 24px 64px #00141259}.login__card:before{content:"";background:linear-gradient(90deg, var(--color-primary-light), var(--color-secondary-main));height:4px;position:absolute;inset:0 0 auto}.login__logo{width:auto;height:42px;margin:0 auto 32px;display:block}.login__header{text-align:center;margin-bottom:26px}.login__header .login__title{font-size:var(--font-size-2xl)}.login__header .login__subtitle{margin:0}.login__footer{z-index:1;font-size:var(--font-size-xs);color:#fff9;position:relative}.login__waves{opacity:.7;pointer-events:none;width:100%;height:180px;position:absolute;bottom:0;left:0;right:0}.login__title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin:0 0 6px}.login__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 28px}.login__error{border-radius:var(--radius-sm);color:var(--color-status-error);font-size:var(--font-size-sm);background:#e04a4a14;border:1px solid #e04a4a4d;align-items:flex-start;gap:10px;margin-bottom:20px;padding:11px 14px;display:flex}.login__field{margin-bottom:18px}.login__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:7px;display:block}.login__input-wrap{align-items:center;display:flex;position:relative}.login__input-icon{color:var(--color-text-disabled);pointer-events:none;font-size:14px;transition:color .2s;position:absolute;left:14px}.login__input{border:1px solid var(--color-border-main);border-radius:var(--radius-md);background:var(--color-bg-paper);width:100%;height:46px;color:var(--color-text-primary);font-size:var(--font-size-md);outline:none;padding:0 44px 0 40px;transition:border-color .2s,box-shadow .2s}.login__input::placeholder{color:var(--color-text-disabled)}.login__input:hover{border-color:var(--color-primary-light)}.login__input:focus{border-color:var(--color-primary-main);box-shadow:0 0 0 3px #00544f1f}.login__input-wrap:focus-within .login__input-icon{color:var(--color-primary-main)}.login__toggle{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:flex;position:absolute;right:6px}.login__toggle:hover{color:var(--color-primary-main);background:var(--color-bg-subtle)}.login__toggle:focus-visible,.login__submit:focus-visible,.login__remember input:focus-visible{outline:2px solid var(--color-secondary-main);outline-offset:2px}.login__remember{font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;margin:4px 0 26px;display:inline-flex}.login__remember input{width:17px;height:17px;accent-color:var(--color-primary-main);cursor:pointer;margin:0}.login__submit{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary-main));width:100%;height:48px;color:var(--color-primary-contrast);font-family:var(--font-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;transition:transform .15s,box-shadow .2s,opacity .2s;display:flex}.login__submit:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.login__submit:hover:not(:disabled) .login__submit-arrow{transform:translate(3px)}.login__submit-arrow{transition:transform .2s}.login__submit:disabled{opacity:.75;cursor:not-allowed}.login__footnote{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-disabled);margin:28px 0 0}@media (width<=480px){.login__card{padding:36px 24px 28px}}@media (prefers-reduced-motion:reduce){.login__card{animation:none}.login__submit,.login__submit-arrow{transition:none}}