.login-container{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1fr minmax(400px,500px) 1fr;align-items:center;background-color:var(--color-bg-app);padding:40px 20px}.login-header-icon-container{display:flex;justify-content:center}.login-header-icon{width:56px;height:56px;border-radius:50%;background:var(--color-bg-icon);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.date-input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);pointer-events:none;display:none;align-items:center;color:#999;z-index:2,}.login-card{background:var(--color-bg-surface);border-radius:12px;box-shadow:var(--shadow-lg);padding:50px 40px;text-align:center;grid-column:2;justify-self:center}.login-card h1{color:var(--color-text-primary);margin-bottom:8px;font-size:2rem;font-weight:600}.login-subtitle{color:var(--color-text-secondary);margin-bottom:30px;font-size:1rem}.login-form{text-align:left}.form-group{margin-bottom:20px;width:100%}.date-input-wrapper{position:relative;width:100%}.date-input,.date-input-wrapper .react-datepicker-wrapper,.date-input-wrapper .react-datepicker__input-container{width:100%;display:block}.date-input{width:100%;padding:14px 14px 14px 42px;border:2px solid var(--color-border-input);border-radius:8px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box;background:var(--color-bg-surface);color:var(--color-text-primary);min-height:48px;margin:0;appearance:none}input[type=date]::-webkit-calendar-picker-indicator{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:#999;z-index:2}.date-input::placeholder{color:var(--color-text-placeholder);opacity:1}.date-input::-webkit-datetime-edit-text{color:var(--color-text-placeholder)}.date-input::-webkit-datetime-edit-month-field,.date-input::-webkit-datetime-edit-day-field,.date-input::-webkit-datetime-edit-year-field{color:var(--color-text-placeholder)}.date-format-hint{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:var(--color-text-placeholder);font-size:1rem;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.date-input:focus{outline:none;border-color:var(--color-bg-gradient-start);box-shadow:var(--focus-ring)}.error-message{background:var(--color-bg-danger-muted);color:var(--color-text-danger-strong);padding:12px;border-radius:6px;margin-bottom:20px;font-size:.9rem;border:1px solid var(--color-border-danger-soft)}.brand-icon{margin-top:-30px}.login-button{width:100%;background-color:var(--color-bg-accent);color:var(--color-text-inverse);border:2px solid transparent;padding:14px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box;margin:0}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.login-button:disabled{background:var(--color-bg-disabled);cursor:not-allowed;transform:none;box-shadow:none}.login-button:active:not(:disabled){transform:translateY(0)}@media(max-width:768px){.date-input{padding-left:0}.login-container{grid-template-columns:1fr;padding:20px 15px}.login-card{padding:40px 30px;grid-column:1;max-width:100%}.login-card h1{font-size:1.8rem}}@media(max-width:480px){.login-container{grid-template-columns:1fr;padding:15px 10px}.login-card{padding:30px 25px;grid-column:1}.login-card h1{font-size:1.6rem}}