:root{--color-neutral-0: #FFFFFF;--color-neutral-25: #FCFCFB;--color-neutral-50: #F7F6F4;--color-neutral-100: #F1F0ED;--color-neutral-200: #E6E3DE;--color-neutral-300: #D3CFC8;--color-neutral-400: #B7B2A9;--color-neutral-500: #8F8A82;--color-neutral-600: #6F6A63;--color-neutral-700: #4A4742;--color-neutral-800: #2B2926;--color-neutral-900: #171615;--color-accent-500: #D6F400;--color-accent-600: #C4E200;--color-accent-700: #B1CF00;--color-success: #16A34A;--color-warning: #F97316;--color-danger: #DC2626;--font-primary: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;--shadow-sm: 0 1px 2px rgba(23, 22, 21, 0.08);--shadow-md: 0 8px 24px rgba(23, 22, 21, 0.12);--shadow-lg: 0 16px 48px rgba(23, 22, 21, 0.16);--shadow-focus: 0 0 0 3px rgba(214, 244, 0, 0.35);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);font-size:16px;line-height:1.5;color:var(--color-neutral-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.auth-body{min-height:100vh;background:var(--color-neutral-50);display:flex;align-items:center;justify-content:center;padding:24px}.auth-container{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:24px}.auth-card{width:100%;background:var(--color-neutral-0);border-radius:var(--radius-lg);padding:40px 32px;box-shadow:var(--shadow-md)}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo a{display:inline-block;transition:opacity 0.2s ease}.auth-logo a:hover{opacity:0.8}.auth-logo img{height:48px;width:auto}.auth-flash{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:24px;line-height:1.4}.auth-flash i{flex-shrink:0;margin-top:1px}.auth-flash-error{background:#FEF2F2;color:#991B1B;border:1px solid #FECACA}.auth-flash-warning{background:#FFFBEB;color:#92400E;border:1px solid #FDE68A}.auth-flash-notice{background:#F0FDF4;color:#166534;border:1px solid #BBF7D0}.auth-title{font-family:var(--font-primary);font-size:24px;font-weight:700;color:var(--color-neutral-900);text-align:center;margin-bottom:8px;letter-spacing:-0.01em}.auth-subtitle{font-size:15px;color:var(--color-neutral-500);text-align:center;margin-bottom:32px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:500;color:var(--color-neutral-700)}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input-wrapper>i:first-child{position:absolute;left:14px;color:var(--color-neutral-400);font-size:16px;pointer-events:none;transition:color 0.2s ease}.form-input-wrapper:focus-within>i:first-child{color:var(--color-neutral-600)}.form-input{width:100%;height:44px;padding:0 44px;font-size:15px;font-family:var(--font-primary);color:var(--color-neutral-900);background:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:var(--radius-sm);transition:all 0.2s ease}.form-input::placeholder{color:var(--color-neutral-400)}.form-input:hover{border-color:var(--color-neutral-300)}.form-input:focus{outline:none;border-color:var(--color-accent-500);box-shadow:var(--shadow-focus)}.password-toggle{position:absolute;right:14px;background:none;border:none;color:var(--color-neutral-400);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color 0.2s ease}.password-toggle:hover{color:var(--color-neutral-600)}.auth-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;margin-top:8px;font-family:var(--font-primary);font-size:15px;font-weight:600;color:var(--color-neutral-900);background:var(--color-accent-500);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all 0.2s ease}.auth-submit:hover{background:var(--color-accent-600)}.auth-submit:active{background:var(--color-accent-700)}.auth-submit:focus{outline:none;box-shadow:var(--shadow-focus)}.auth-submit i{font-size:14px;transition:transform 0.2s ease}.auth-submit:hover i{transform:translateX(2px)}.auth-links{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:14px}.auth-link{color:var(--color-neutral-600);text-decoration:none;transition:color 0.2s ease}.auth-link:hover{color:var(--color-neutral-900)}.auth-footer{text-align:center;font-size:13px;color:var(--color-neutral-500)}.auth-footer p{margin-bottom:4px}.auth-footer a{color:var(--color-neutral-600);text-decoration:none;transition:color 0.2s ease}.auth-footer a:hover{color:var(--color-neutral-900)}.auth-footer .separator{margin:0 8px;color:var(--color-neutral-300)}@media (max-width: 480px){.auth-body{padding:16px;align-items:flex-start;padding-top:48px}.auth-card{padding:32px 24px;border-radius:var(--radius-md)}.auth-title{font-size:22px}.auth-logo img{height:40px}}