:root{--cal-primary: #3f8adb;--cal-primary-hover: #2577cf;--cal-secondary-red: #e04747;--cal-gray-900: #101e41;--cal-gray-800: #3c4b70;--cal-gray-700: #6d7b9d;--cal-gray-600: #8f98ad;--cal-gray-500: #abb6cf;--cal-gray-300: #cbd1e0;--cal-gray-200: #d5dbe9;--cal-bg: #f3f5fb}input.input_calendar{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238f98ad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E") no-repeat calc(100% - 12px) 50%;background-size:20px auto;cursor:pointer}.calendar_wrap{position:relative}.calendar_popup{position:absolute;left:0;top:calc(100% + 4px);z-index:50;background:#fff;border:1px solid var(--cal-gray-200);border-radius:12px;box-shadow:0 4px 16px #101e411f;padding:16px;min-width:300px;box-sizing:border-box}.calendar_popup.up{top:auto;bottom:calc(100% + 4px)}.calendar_overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:#0000004d;z-index:40}.calendar_popup.mobile{position:fixed;left:0;right:0;bottom:0;top:auto;border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #101e4126;min-width:100%;max-height:85vh;overflow:hidden;z-index:50}.calendar_top{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--cal-gray-200)}.calendar_top button{background:none;border:none;cursor:pointer;font-size:13px;padding:0;height:auto}.calendar_top .btn_today{color:var(--cal-primary)}.calendar_top .btn_today:hover{color:var(--cal-primary-hover)}.calendar_top .btn_close{color:var(--cal-gray-600)}.calendar_top .btn_close:hover{color:var(--cal-gray-800)}.calendar_nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:0 4px}.calendar_nav button{background:none;border:none;cursor:pointer;padding:4px;color:var(--cal-gray-600);height:auto;display:flex;align-items:center;justify-content:center}.calendar_nav button:hover{color:var(--cal-primary)}.calendar_nav .nav_title{font-size:16px;font-weight:600;color:var(--cal-gray-900);cursor:pointer;background:none;border:none;display:flex;align-items:center;gap:4px;height:auto}.calendar_nav .nav_title:hover{color:var(--cal-primary)}.calendar_weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:4px}.calendar_weekdays span{font-size:12px;font-weight:600;color:var(--cal-gray-600);padding:4px 0}.calendar_weekdays span:first-child{color:var(--cal-secondary-red)}.calendar_days{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);gap:2px}.calendar_days button{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;background:none;border:none;cursor:pointer;font-size:14px;color:var(--cal-gray-900);padding:0;transition:background .15s,color .15s}.calendar_days button:hover{background:var(--cal-bg)}.calendar_days button.other_month{color:var(--cal-gray-500)}.calendar_days button.other_month:hover{color:var(--cal-gray-700)}.calendar_days button.today{background:var(--cal-bg);color:var(--cal-primary);font-weight:700}.calendar_days button.selected{background:var(--cal-primary);color:#fff;font-weight:600}.calendar_days button.selected:hover{background:var(--cal-primary-hover)}.calendar_ym_panel{border:1px solid var(--cal-gray-200);border-radius:8px;background:var(--cal-bg);padding:12px;display:grid;grid-template-columns:1fr 3fr;gap:12px}.calendar_year_scroll{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.calendar_year_scroll button{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;font-size:14px;color:var(--cal-gray-800);text-align:center;height:auto}.calendar_year_scroll button:hover{background:#fff}.calendar_year_scroll button.active{background:var(--cal-primary);color:#fff;font-weight:600}.calendar_month_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.calendar_month_grid button{background:#fff;border:none;cursor:pointer;padding:8px 6px;border-radius:6px;font-size:13px;color:var(--cal-gray-800);text-align:center;height:auto;transition:background .15s;white-space:nowrap}.calendar_month_grid button:hover{background:var(--cal-gray-200)}.calendar_month_grid button.active{background:var(--cal-primary);color:#fff;font-weight:600}.calendar_footer{display:flex;gap:8px;margin-top:12px}.calendar_footer button{flex:1;height:36px;border-radius:6px;font-size:14px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.calendar_footer .btn_confirm{background:var(--cal-primary);color:#fff}.calendar_footer .btn_confirm:hover{background:var(--cal-primary-hover)}.calendar_footer .btn_clear{background:#ebedf3;color:var(--cal-gray-800)}.calendar_footer .btn_clear:hover{background:var(--cal-gray-200)}