.year-calendar-container{position:relative;width:100%;height:100%}.year-dropdown{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:14px 0 14px 16px;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.year-dropdown:hover{box-shadow:0 4px 8px rgba(0,0,0,.1)}.year-dropdown:hover .calendar-icon{color:#3b82f6}.year-dropdown .dropdown-text{font-size:16px;color:#374151;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.year-dropdown .calendar-icon{color:#6b7280;display:flex;align-items:center;transition:color .2s ease;flex-shrink:0;padding:0 16px 0 0;cursor:pointer}.year-dropdown .calendar-icon svg{width:20px;height:20px}.year-dropdown .year-input{width:100%;height:100%;border:none;font-family:Montserrat}.dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.dropdown-panel.open{opacity:1;visibility:visible;transform:translateY(0);overflow-y:hidden;max-height:300px;width:100%}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-header .panel-title{font-size:14px;font-weight:500;color:#000}.calendar-toggle{display:flex;align-items:center;gap:8px;margin-left:20px}.calendar-toggle .toggle-label{font-size:14px;font-weight:400;color:#929ba2;transition:color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.calendar-toggle .toggle-label.active{color:#10b981}.toggle-switch{width:36px;height:20px;background:#e5e7eb;border-radius:12px;position:relative;cursor:pointer;transition:background-color .3s ease}.toggle-switch.active{background:#10b981}.toggle-switch .toggle-slider{width:20px;height:20px;background:#fff;border-radius:10px;position:absolute;top:2px;left:2px;transition:transform .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-switch.active .toggle-slider{transform:translateX(24px)}.year-lists-container{display:flex;gap:16px}.single-column-container{width:100%}.year-column{flex:1 1;display:flex;flex-direction:column;gap:8px}.year-column.single-year-column{width:100%;max-height:300px;overflow-y:scroll;padding:15px}.year-item{padding:12px 16px;border-radius:8px;text-align:center;font-size:16px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;border:1px solid transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Montserrat}.year-item:hover{background:#f3f4f6;color:#374151}.year-item.selected{background:#dbeafe;color:#1d4ed8;border-color:#3b82f6;font-weight:600}.input-error,.input-error:focus{border-color:#ef4444}.input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.year-input::placeholder{font-size:13px}@media(max-width:480px){.year-calendar-container{max-width:100%}.dropdown-panel{left:-10px;right:-10px}.year-lists-container{flex-direction:column;gap:12px}.panel-header .panel-title{font-size:16px}.calendar-toggle{gap:6px}.calendar-toggle .toggle-label{font-size:12px}.toggle-switch{width:40px;height:20px}.toggle-switch .toggle-slider{width:16px;height:16px}.toggle-switch.active .toggle-slider{transform:translateX(20px)}.year-item{padding:10px 12px;font-size:14px}}