@charset "UTF-8";@font-face{font-family:Pretendard-Regular;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-style:normal}body{font-family:Pretendard-Regular,sans-serif}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#f3f4f6}.login-box{background:#fff;padding:3rem 2.5rem;border-radius:1rem;box-shadow:0 0 20px #0000000d;width:100%;max-width:380px;text-align:center}.logo{width:120px;margin:0 auto 2rem}.login-form{display:flex;flex-direction:column;text-align:left}.login-form label{margin-bottom:.25rem;font-weight:500}.login-form input[type=email],.login-form input[type=password],.login-form input[type=text]{padding:.5rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:.375rem;font-size:.95rem}.login-form .options{display:flex;align-items:center;margin-bottom:1rem;font-size:.9rem}.login-form .options input{margin-right:.5rem}.login-form button{background-color:#3b82f6;color:#fff;padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:1rem;cursor:pointer;transition:background-color .2s}.login-form button:hover{background-color:#2563eb}.login-form .forgot{margin-top:1rem;text-align:center}.login-form .forgot a{color:#2563eb;font-size:.9rem;text-decoration:none}.login-form .forgot a:hover{text-decoration:underline}@media (max-width: 430px){.login-box{padding:2rem 1.2rem;max-width:95vw}.logo{width:90px}.login-form input[type=email],.login-form input[type=password],.login-form input[type=text]{font-size:.9rem;padding:.45rem}.login-form button{font-size:.95rem;padding:.45rem .8rem}}._modal-overlay_19xh9_1{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000}._modal-content_19xh9_14{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0003;width:320px;max-width:90vw;min-width:unset}._modal-content_19xh9_14 input{width:90%;max-width:250px;margin:.5rem 0 1rem;padding:.5rem}._modal-btn-group_19xh9_31{display:flex;gap:10px;margin-top:1rem}._send-btn_19xh9_37{padding:.5rem 1.2rem;border:none;border-radius:4px;font-weight:600;cursor:pointer;background:#1976d2;color:#fff;transition:background .2s}._send-btn_19xh9_37:hover{background:#1565c0}._close-btn_19xh9_52{padding:.5rem 1.2rem;border:none;border-radius:4px;font-weight:600;cursor:pointer;background:#e0e0e0;color:#333;transition:background .2s}._close-btn_19xh9_52:hover{background:#bdbdbd}.layout{display:flex;min-height:100vh;background:#f6f8fb;animation:fadeIn .8s ease-out;overflow:visible}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{width:170px;min-width:60px;max-width:170px;background:#fff;box-shadow:0 2px 16px #2c3e5012;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 1.5rem;border-right:1px solid #eceff3;z-index:100;position:sticky;top:0;left:0;transition:none!important;transform:none!important;margin:0!important;animation:slideInLeft .6s ease-out;overflow-y:auto}.sidebar .logo{margin-bottom:0}.sidebar .logo img{height:7.5rem;filter:drop-shadow(0 2px 6px rgba(44,62,80,.1));-webkit-user-select:none;user-select:none;transition:transform .3s ease}.sidebar .logo img:hover{transform:scale(1.05);cursor:pointer}.sidebar .nav{width:100%;display:flex;flex-direction:column;gap:.5rem}.sidebar .nav a{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:1rem;color:#384048;font-weight:500;text-decoration:none;transition:background .16s,color .16s,transform .2s ease,box-shadow .2s ease;letter-spacing:.01em}.sidebar .nav a .menu-icon{font-size:1.2rem;transition:transform .2s ease}.sidebar .nav a:hover{background:#b5d0fc;color:#fff;transform:translate(4px)}.sidebar .nav a.active{background:#3b82f6;color:#fff;font-weight:700;box-shadow:0 2px 8px #35c45b12}.sidebar .nav a.active .menu-icon{transform:scale(1.1)}.sidebar .nav,.sidebar .logo,.sidebar button,.sidebar .menu-icon{transition:none!important;transform:none!important;margin:0!important}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.main{flex:1;display:flex;flex-direction:column;min-width:0;animation:slideInRight .6s ease-out}.main .header{background:#fff;box-shadow:0 2px 8px #2c3e500f;border-bottom:1px solid #eceff3;padding:1.2rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;animation:slideInDown .8s ease-out}.main .header .header-wrapper{display:flex;justify-content:space-between;align-content:center}.main .header .menu{display:flex;gap:1.7rem}.main .header .menu a{display:flex;align-items:center;gap:.5rem;color:#384048;font-weight:600;font-size:1.05rem;text-decoration:none;border-radius:.8rem;padding:.4rem 1rem;transition:all .2s ease}.main .header .menu a:hover{background:#b5d0fc;color:#fff;transform:translateY(-2px)}.main .header .menu a.active{background:#3b82f6;color:#fff}.main .header .user-info{display:flex;align-items:center;background:#f1f5fa;color:#384048;border-radius:2rem;padding:.35rem 1.1rem .35rem .9rem;margin-right:1.1rem;font-weight:600;font-size:1.04rem;box-shadow:0 1px 4px #2c3e500f;gap:.5rem;transition:background .18s;border:1px solid #e3e8f0}.main .header .user-info .user-icon{font-size:1.18em;margin-right:.4em;color:#3b82f6;vertical-align:middle}.main .header .user-info .user-name{font-weight:700;margin-right:.3em}.main .header .user-info .user-dept{color:#6b7280;font-weight:500;font-size:.98em}.main .header .user-info .user-position{color:#7b8794;font-size:.98em;margin:0 .4em 0 .2em;font-weight:500}.main .header .user-info .user-role{background:#e0e7ff;color:#3730a3;border-radius:1em;padding:.18em .85em;margin-left:.7em;font-size:.97em;font-weight:600;letter-spacing:.01em;box-shadow:0 1px 2px #2c3e500a;border:1px solid #c7d2fe;display:inline-block}.main .header .logout-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:1.04rem;padding:.55rem 1.35rem;font-weight:600;letter-spacing:.03em;box-shadow:0 1px 4px #35c45b14;cursor:pointer;transition:background .16s}.main .header .logout-btn:hover{background:#1469f4}.main .content{flex:1;padding:2.2rem 2.6rem 2rem;background:#f6f8fb;min-height:0;border-radius:1.2rem;margin:1.3rem;box-shadow:0 2px 12px #2c3e5014;overflow-x:visible;overflow-y:auto;height:calc(100vh - 2.6rem)}.main .content::-webkit-scrollbar{width:7px;height:7px;background:transparent}.main .content::-webkit-scrollbar-thumb{background:#dbeafe;border-radius:4px}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.sidebar{width:60px}.sidebar .logo{display:none}.sidebar .nav a{justify-content:center;padding:.85rem 1rem}.sidebar .nav a .menu-label{display:none}.main .content{padding:1rem;margin:1rem .5rem}}@media (max-width: 600px){.sidebar{display:none}.main .header{padding:.8rem 1rem;border-radius:0}.main .content{padding:.7rem;border-radius:.7rem;margin:.7rem .2rem}}@media (max-width: 431px){.header-wrapper{display:flex;justify-content:space-between;justify-content:center;align-content:center;align-items:center}.logout-btn{background-color:#e0e0e0;border-radius:4px;color:#333;font-size:.8rem;padding:.5rem 1.2rem;border-color:#e0e0e0;border-style:none}.nav a .menu-label{display:unset!important}.nav a:nth-child(3){display:none}.header-user-desktop{display:none!important}.sidebar.sidebar--mobile-open .sidebar-logout-mobile{display:block}.main .header{min-height:fit-content;justify-content:space-between!important}.hamburger-btn{align-self:start}.hamburger-btn svg{height:.5em;width:.5em}.notice-icon .badge{font-size:.65rem!important}.main .header{padding:.7rem .5rem}.main .header .menu{gap:.5rem;flex-wrap:nowrap}.main .header .menu a{font-size:.85rem;padding:.25rem .5rem;white-space:nowrap;min-width:0;max-width:90px;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center}}@media (max-width: 320px){.layout,.main,.main .content,.main .header{width:100vw!important;max-width:100vw!important;min-width:0!important;box-sizing:border-box!important;overflow:visible!important;margin:0!important;padding-left:0!important;padding-right:0!important}.header{padding:.5rem!important}.header .hamburger-btn{left:.5rem;top:.5rem}.sidebar{width:100vw!important}body{overflow:visible!important}}.fab-container.fab-raised{bottom:calc(70px + 2.5rem)}.nav a{display:flex;align-items:center;gap:12px}.menu-label{flex-grow:1}.sidebar-badge{background-color:#dc3545;color:#fff;font-size:11px;font-weight:600;padding:3px 7px;border-radius:10px;line-height:1;margin-left:auto}@media (max-width: 600px){.chatbot-fab,.chatbot-popup{display:none!important}}.notice-icon{position:relative;cursor:pointer;padding:0 10px;font-size:20px;margin-right:30px;margin-left:auto}.notice-icon .badge{padding:2px 6px;font-size:12px;position:absolute;top:-8px;right:-12px;background-color:red;color:#fff;font-weight:700;border-radius:50%;width:14px;height:18px;display:flex;align-items:center;justify-content:center;min-width:14px}.chatbot-fab{position:fixed;right:2.5rem;bottom:2.5rem;z-index:1000;width:60px;height:60px;border-radius:50%;background:#2b80ff;color:#fff;border:none;box-shadow:0 4px 16px #1e41702e;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;transition:background .18s}.chatbot-fab:hover{background:#1d5bbf}.chatbot-popup{position:fixed;right:2.5rem;bottom:6.5rem;z-index:1001;box-shadow:0 8px 32px #1e41702e}@media (max-width: 600px){.chatbot-fab{right:1rem;bottom:1rem;width:48px;height:48px;font-size:1.5rem}.chatbot-popup{right:1rem;bottom:5.5rem;max-width:95vw}}.hamburger-btn{display:none;background:none;border:none;font-size:2rem;margin-right:1rem;color:#384048;cursor:pointer;z-index:1201}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000040;z-index:1200}.sidebar.sidebar--mobile-open{display:flex!important;position:fixed;top:0;left:0;height:100vh;width:220px;min-width:0;max-width:80vw;box-shadow:2px 0 16px #2c3e502e;z-index:1202;background:#fff;animation:slideInLeft .3s}@media (max-width: 600px){.hamburger-btn{display:block;position:absolute;left:1rem;top:1.1rem}.sidebar{display:none}.sidebar.sidebar--mobile-open{display:flex!important}.sidebar-overlay{display:block}.main .header{padding-left:3.2rem}}@media print{*{transition:none!important;animation:none!important;text-shadow:none!important;box-shadow:none!important;-webkit-print-color-adjust:exact!important;color-adjust:exact!important}html,body{width:100%;height:auto;background:#fff!important;color:#000!important;overflow-x:hidden}.sidebar,.main>.header,.chatbot-fab,.hamburger-btn,.sidebar-overlay,aside[class*=_sidebar],button[class*=_printButton],button[class*=_viewMoreBtn]{display:none!important}#root,.layout,.main,.content,div[class*=_approvalPageContainer],main[class*=_content]{display:block!important;width:100%!important;height:auto!important;position:static!important;overflow:visible!important;margin:0!important;padding:0!important;border:none!important;background:transparent!important;min-height:unset!important}div[class*=_approvalContainer]{width:100%!important;height:auto!important;margin:0!important;padding:20mm!important;border:1px solid #dee2e6!important;box-sizing:border-box!important;background:#fff!important}table,img,div[class*=_approvalLineBox],div[class*=_historySection]{page-break-inside:avoid}img{max-width:100%!important}}.header-user-desktop{display:flex;align-items:center;gap:1.2rem}.sidebar-logout-mobile{display:none;width:100%;text-align:center;margin-top:2rem}@media (max-width: 431px){.header-user-desktop{display:none!important}.sidebar.sidebar--mobile-open .sidebar-logout-mobile{display:block}.main .header .menu{display:flex;justify-content:space-between;width:-webkit-fill-available}}html,body{overflow-x:hidden}@media (max-width: 431px){.layout,.main,.main .content,.main .header{width:auto!important;max-width:100vw!important;min-width:0!important;box-sizing:border-box!important;overflow-x:hidden!important;margin:0!important;padding-left:0!important;padding-right:0!important;justify-content:center}.layout .menu,.main .menu,.main .content .menu,.main .header .menu{margin-left:3rem}.main .content{height:calc(100vh - 120px)!important;overflow-y:auto!important}.header .hamburger-btn{left:.1rem;top:.1rem}body{overflow-x:hidden!important}}._chatbotCard_a1t6e_1{background:#fff;border-radius:1.2rem;box-shadow:0 4px 24px #1e41701a;padding:1.5rem 1.3rem 1.1rem;max-width:370px;min-width:270px;display:flex;flex-direction:column;align-items:stretch;margin:0 auto}._wide_a1t6e_14{max-width:700px;min-width:400px;transition:max-width .25s cubic-bezier(.4,0,.2,1)}._wide_a1t6e_14 ._chatWindow_a1t6e_20{min-height:320px;max-height:500px;font-size:17px;padding:22px 18px 16px}._wideToggleBtn_a1t6e_27{background:#eaf2ff;color:#2b80ff;border:none;border-radius:.7rem;font-size:.98rem;font-weight:600;padding:.38rem 1.1rem;cursor:pointer;box-shadow:0 1px 4px #1e41700f;transition:background .16s,color .16s;margin-left:.5rem}._wideToggleBtn_a1t6e_27:hover{background:#2b80ff;color:#fff}._chatbotCard_a1t6e_1 h3{font-size:1.25rem;font-weight:700;color:#2b80ff;margin-bottom:1.1rem;letter-spacing:-.5px;text-align:center}._chatWindow_a1t6e_20{background:#f3f6fa;border-radius:1rem;min-height:220px;max-height:320px;overflow-y:auto;padding:16px 10px 12px;margin-bottom:14px;display:flex;flex-direction:column;gap:10px;font-size:15px;box-shadow:0 2px 8px #1e41700a;scrollbar-width:thin;scrollbar-color:#b5c9e3 #f3f6fa}._chatWindow_a1t6e_20::-webkit-scrollbar{width:7px}._chatWindow_a1t6e_20::-webkit-scrollbar-thumb{background:#b5c9e3;border-radius:6px}._chatWindow_a1t6e_20::-webkit-scrollbar-track{background:#f3f6fa}._bubbleRow_a1t6e_85{display:flex;width:100%;margin-bottom:2px}._botRow_a1t6e_91{justify-content:flex-start}._userRow_a1t6e_95{justify-content:flex-end}._bubble_a1t6e_85{max-width:80%;padding:11px 16px;border-radius:18px;word-break:break-word;font-size:15px;line-height:1.55;white-space:pre-wrap;box-shadow:0 1px 6px #1e41700f;transition:background .2s,color .2s}._botBubble_a1t6e_111{background:linear-gradient(120deg,#f7fafd 60%,#eaf2ff);color:#1d2630;border:1px solid #e2e8f0;border-bottom-left-radius:4px}._userBubble_a1t6e_118{background:linear-gradient(120deg,#2b80ff 80%,#5eaaff);color:#fff;border-bottom-right-radius:4px}._form_a1t6e_124{display:flex;gap:.7rem;margin-top:.2rem}._input_a1t6e_130{flex:1;border:1.5px solid #e2e8f0;border-radius:.7rem;font-size:1.07rem;padding:.6rem 1.1rem;background:#f7fafd;outline:none;transition:border .16s;color:#1d2630}._input_a1t6e_130:focus{border-color:#2b80ff;background:#fff}._input_a1t6e_130:disabled{background:#f3f6fa;color:#b5c9e3}._button_a1t6e_152{background:linear-gradient(90deg,#2b80ff 80%,#5eaaff);color:#fff;font-size:1.07rem;border:none;border-radius:.7rem;padding:.6rem 1.3rem;font-weight:700;cursor:pointer;box-shadow:0 1px 4px #1e417014;transition:background .16s,opacity .16s;opacity:1}._button_a1t6e_152:disabled{background:#b5c9e3;cursor:not-allowed;opacity:.7}._error_a1t6e_172{color:#e74c3c;background:#fff0f0;border-radius:.6rem;padding:.5rem 1rem;margin-top:.7rem;font-size:.98rem;text-align:center;border:1px solid #ffd6d6}.hr-nav a{flex:1;padding:1rem 0;font-size:1.13rem;background:none;border:none;cursor:pointer;font-weight:600;color:#4a5866;text-align:center;text-decoration:none;transition:background .14s,color .14s}.hr-nav a:hover,.hr-nav a.active{background:#eaf2ff;color:#2b80ff}.hr-nav a.active{font-weight:700;border-bottom:3px solid #2b80ff}.hrpage-root{background:#f7fafd;min-height:100vh;padding-bottom:3rem;color:#1d2630}.hr-nav{display:flex;background:#fff;box-shadow:0 2px 14px #1e417012;border-radius:.9rem;margin:1.5rem 0 2.2rem;overflow:hidden}.hr-nav button{flex:1;padding:1rem 0;font-size:1.13rem;background:none;border:none;cursor:pointer;font-weight:600;color:#4a5866;transition:background .14s}.hr-nav button:hover,.hr-nav button.active{background:#eaf2ff;color:#2b80ff}.hr-nav button.active{font-weight:700;border-bottom:3px solid #2b80ff}.hr-top{display:flex;gap:2.5rem;margin-bottom:2rem}@media (max-width: 1100px){.hr-top{flex-direction:column;gap:1.1rem}}.hr-top .hr-usercard{display:flex;background:#fff;border-radius:1.1rem;box-shadow:0 2px 14px #1e417012;padding:2.1rem 2.3rem;min-width:420px;align-self:stretch}.hr-top .hr-usercard .user-avatar{width:90px;height:90px;border:2px solid #e4e7ec;border-radius:50%;background:url(https://cdn.pixabay.com/photo/2017/01/31/13/14/avatar-2026510_960_720.png) center/70% no-repeat,#f2f5f8;margin-right:1.8rem;align-self:center}.hr-top .hr-usercard .user-meta{display:flex;flex-direction:column;justify-content:center;gap:.35rem}.hr-top .hr-usercard .user-meta .user-name{font-size:1.25rem;font-weight:700}.hr-top .hr-usercard .user-meta .user-name .user-role{font-size:1rem;color:#2b80ff;margin-left:.45em}.hr-top .hr-usercard .user-meta .user-desc{font-size:1rem;color:#4a5866;margin-bottom:.3rem}.hr-top .hr-usercard .user-meta .user-edit{font-size:.92rem;color:#2b80ff;text-decoration:underline;cursor:pointer;margin-top:.2rem}.hr-top .hr-weather-eom-container{display:flex;gap:1.4rem;flex:1}.hr-top .hr-weather-eom-container .employee-of-month{flex:.6;background:#fff;border-radius:1.1rem;box-shadow:0 2px 14px #1e417012;padding:1.1rem 1.3rem 1.4rem}.hr-top .hr-weather-eom-container .weather-widget{flex:1;background:#fff;border-radius:1.1rem;box-shadow:0 2px 14px #1e417012;padding:1.1rem 1.3rem 1.4rem}@media (max-width: 900px){.hr-top .hr-weather-eom-container{flex-direction:column;gap:1rem;width:100%}}.hr-main-cards{margin-top:1.2rem}.hr-main-cards .hr-row{display:flex;gap:2.3rem;margin-bottom:1.8rem}@media (max-width: 900px){.hr-main-cards .hr-row{flex-direction:column;gap:1rem}}.hr-main-cards .hr-card{background:#fff;border-radius:1rem;box-shadow:0 2px 14px #1e417012;padding:1.1rem 1.3rem 1.4rem;flex:2 1 0;min-width:220px;display:flex;flex-direction:column}.hr-main-cards .hr-card .tabs{display:flex;align-items:center;gap:.8rem;margin-bottom:.95rem}.hr-main-cards .hr-card .tabs button{background:#f3f7fa;color:#2b80ff;font-weight:600;font-size:1.07rem;border:none;border-radius:.7rem .7rem 0 0;padding:.34rem 1.1rem .41rem;cursor:pointer;margin-right:.23rem}.hr-main-cards .hr-card .tabs button.active{background:#2b80ff;color:#fff;font-weight:700}.hr-main-cards .hr-card .tabs .menu-icon{margin-left:auto;color:#2b80ff;font-size:1.2rem;cursor:pointer}.hr-main-cards .hr-card .mini-table{width:100%;border-collapse:collapse}.hr-main-cards .hr-card .mini-table th,.hr-main-cards .hr-card .mini-table td{border-bottom:1px solid #e4e7ec;padding:.48rem .5rem;font-size:.98rem;text-align:center}.hr-main-cards .hr-card .mini-table th{color:#2b80ff;font-weight:700;background:#f7fafd}.hr-main-cards .hr-card .mini-table th:nth-child(1),.hr-main-cards .hr-card .mini-table th:nth-child(4){width:18%}.hr-main-cards .hr-card .mini-table th:nth-child(2),.hr-main-cards .hr-card .mini-table th:nth-child(5){width:15%}.hr-main-cards .hr-card .mini-table th:nth-child(3),.hr-main-cards .hr-card .mini-table th:nth-child(6){width:17%}.hr-main-cards .hr-card .mini-table th:nth-child(3){border-right:2px solid #e4e7ec}.hr-main-cards .hr-card .mini-table td{color:#1d2630}.hr-main-cards .hr-card .mini-table td:nth-child(1),.hr-main-cards .hr-card .mini-table td:nth-child(4){width:18%}.hr-main-cards .hr-card .mini-table td:nth-child(2),.hr-main-cards .hr-card .mini-table td:nth-child(5){width:15%}.hr-main-cards .hr-card .mini-table td:nth-child(3),.hr-main-cards .hr-card .mini-table td:nth-child(6){width:17%}.hr-main-cards .hr-card .mini-table td:nth-child(3){border-right:2px solid #e4e7ec}.hr-main-cards .hr-card .mini-table .status-approve{color:#26a03b;font-weight:700}.hr-main-cards .hr-card .mini-table .status-pending{color:#ff3c54;font-weight:700}.hr-main-cards .hr-card .mini-table .text-accent{color:#2b80ff;font-weight:700}.hr-main-cards .hr-card .mini-table .text-error{color:#ff3c54;font-weight:700}.hr-main-cards .hr-card .notice-list{padding-left:1.1rem;color:#1d2630;font-size:1rem}.hr-main-cards .hr-card .notice-list li{margin-bottom:.3em;list-style:disc}.hr-main-cards .hr-card .visit-link{display:flex;align-items:center;font-size:1.12rem;font-weight:600;color:#2b80ff}.hr-main-cards .hr-card .visit-link .dollar{font-size:1.2em;margin-right:.4em}.hr-main-cards .hr-card .visit-link .icon-book{display:inline-block;width:1.25em;height:1.25em;background:url(https://img.icons8.com/ios-filled/50/2b80ff/book.png) no-repeat center/contain;margin-right:.4em}.hr-main-cards .hr-card .team-fade{opacity:0;transition:opacity .8s}.hr-main-cards .hr-card .team-fade.team-fade-active{opacity:1}.employee-of-month-carousel .eom-card{min-height:90px;display:flex;flex-direction:row;align-items:center;padding:.8rem 1.2rem;width:260px}.employee-of-month-carousel .eom-card .eom-avatar{width:56px;height:56px;border-radius:50%;margin-right:18px}.employee-of-month-carousel .eom-card .eom-info{flex:1;text-align:left}.employee-of-month .tabs{display:flex;align-items:center;gap:.8rem;margin-bottom:.95rem}.employee-of-month .tabs button{background:#f3f7fa;color:#2b80ff;font-weight:600;font-size:1.07rem;border:none;border-radius:.7rem .7rem 0 0;padding:.34rem 1.1rem .41rem;cursor:pointer;margin-right:.23rem}.employee-of-month .tabs button.active{background:#2b80ff;color:#fff;font-weight:700}.employee-of-month .tabs .menu-icon{margin-left:auto;color:#2b80ff;font-size:1.2rem;cursor:pointer}.employee-of-month .eom-slider{position:relative;width:100%;min-height:140px}.employee-of-month .eom-slide{display:none;opacity:0;transition:opacity .5s}.employee-of-month .eom-slide.active{display:block;opacity:1}.employee-of-month .eom-avatar{width:60px;height:60px;margin:0 auto;position:relative}.employee-of-month .eom-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.employee-of-month .eom-info{text-align:center;margin-top:.5rem}.employee-of-month .eom-info .eom-name{font-weight:700;font-size:1.1em}.employee-of-month .eom-info .eom-dept{color:#888;font-size:.95em}.employee-of-month .eom-info .eom-comment{margin-top:.5rem;font-size:.95em}.employee-of-month .eom-pagination{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}.employee-of-month .eom-pagination span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ccc;cursor:pointer}.employee-of-month .eom-pagination span.active{background:#2b80ff}.calendar-horizontal{background:#f6f8fa;border:1.5px solid #e4e7ec;border-radius:.7rem;padding:.6rem 1rem 1rem;flex:1;min-width:unset!important;width:unset!important;max-width:unset!important}.calendar-horizontal .calendar-title{font-weight:700;text-align:center;color:#2b80ff;margin-bottom:.4rem;font-size:1rem}.calendar-horizontal table{width:100%;border-collapse:collapse}.calendar-horizontal table th,.calendar-horizontal table td{width:14.2%;text-align:center;padding:.17rem 0;font-size:.96rem;color:#1d2630}.calendar-horizontal table th{color:#2b80ff;font-weight:600;font-size:.99rem}.calendar-title-horizontal{display:flex;align-items:center;justify-content:center;gap:1.2rem;font-size:1.25rem;font-weight:700;color:#2b80ff;margin-bottom:.7rem}.calendar-month-label{min-width:120px;text-align:center;font-size:1.18rem;font-weight:700;letter-spacing:.5px}.calendar-nav-btn{background:#eaf2ff;color:#2b80ff;border:none;border-radius:.7rem;font-size:1.1rem;font-weight:600;padding:.28rem 1.1rem;cursor:pointer;box-shadow:0 1px 4px #1e41700f;transition:background .16s,color .16s}.calendar-nav-btn:hover{background:#2b80ff;color:#fff}.calendar-table-horizontal{width:100%;border-collapse:separate;border-spacing:.35rem .45rem}.calendar-table-horizontal th,.calendar-table-horizontal td{width:13.5%;text-align:center;font-size:1.13rem;padding:.7rem 0;background:#fff;border:1.5px solid #e3e8ee;box-shadow:0 1px 4px #1e41700a;transition:background .18s,color .18s,box-shadow .18s;border-radius:0}.calendar-table-horizontal th{color:#2b80ff;font-weight:700;background:#f3f7fa;font-size:1.13rem;border:none}.calendar-table-horizontal td{cursor:pointer}.calendar-table-horizontal td:hover{background:#eaf2ff;box-shadow:0 2px 8px #1e41701a}.calendar-table-horizontal td.calendar-today{background:#2b80ff;color:#fff;font-weight:700;border-radius:1.2rem;box-shadow:0 2px 8px #1e41702e;border:2.5px solid #1976d2}.calendar-table-horizontal td.calendar-sa{color:#64b5f6;font-weight:600}.calendar-table-horizontal td.calendar-su{color:#e57373;font-weight:600}.mobile-team-table th:nth-child(1),.mobile-team-table td:nth-child(1){width:30%!important}.mobile-team-table th:nth-child(2),.mobile-team-table td:nth-child(2){width:25%!important}.mobile-team-table th:nth-child(3),.mobile-team-table td:nth-child(3){width:45%!important}.mobile-team-table th:nth-child(3),.mobile-team-table td:nth-child(3){border-right:none!important}@media (max-width: 1100px){.hr-top{flex-direction:column;gap:1.1rem}.hr-usercard{min-width:0!important}}@media (max-width: 431px){.hr-card{padding:1rem!important}.mini-table{font-size:.9rem!important}.mini-table th,.mini-table td{padding:.4rem .3rem!important;font-size:.85rem!important}.mobile-team-table th:nth-child(1),.mobile-team-table td:nth-child(1){width:28%!important}.mobile-team-table th:nth-child(2),.mobile-team-table td:nth-child(2){width:22%!important}.mobile-team-table th:nth-child(3),.mobile-team-table td:nth-child(3){width:50%!important}}@media (max-width: 700px){.hr-main-cards .hr-row{flex-direction:column;gap:1rem}}@media (max-width: 431px){.hrpage-root{width:100%;padding:0 10px;box-sizing:border-box}.hr-top{flex-direction:column;gap:1rem!important;align-items:center;padding:0;margin:0;width:100%;box-sizing:border-box}.hr-top .hr-usercard{width:100%;margin-bottom:.7rem;box-sizing:border-box}.hr-top .hr-weather-eom-container{width:100%;box-sizing:border-box}.tabs .menu-icon{display:none}}.hr-usercard{display:flex;align-items:center;gap:16px;background:linear-gradient(to right,#f5f9ff,#fff);border-radius:12px;padding:16px 20px;box-shadow:0 2px 8px #0000000d;transition:box-shadow .3s ease}.hr-usercard:hover{box-shadow:0 4px 12px #00000014}.hr-usercard .user-avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;box-shadow:0 2px 6px #0000001a;flex-shrink:0}.hr-usercard .user-avatar img{transition:transform .3s ease}.hr-usercard .user-avatar:hover img{transform:scale(1.05)}.hr-usercard .user-meta{flex:1}.hr-usercard .user-meta .user-name{font-size:1.2em;font-weight:700;color:#333}.hr-usercard .user-meta .user-name .user-role{font-size:.9em;color:#666;margin-left:6px}.hr-usercard .user-meta .user-desc{font-size:.95em;color:#666;margin-top:4px}.hr-usercard .user-meta .user-edit{margin-top:8px;font-size:.9em;color:#3b82f6;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.hr-usercard .user-meta .user-edit:hover{text-decoration:underline}.hr-usercard .user-meta .user-edit:before{content:"✏️"}.notice-list{list-style:none;padding:0;margin:0;font-size:.95rem;color:#333;width:100%;border-collapse:collapse;box-sizing:border-box;overflow:hidden}.notice-list tr:hover{background-color:#f0f0f0;cursor:pointer}.notice-list .notice-item{padding:10px 12px;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;transition:background .2s ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice-list .notice-item:hover{background-color:#f3f4f6}.notice-list .notice-item:before{content:"📌";margin-right:6px;font-size:1rem}.notice-list .notice-item td{font-size:.98rem;text-align:center;color:#1d2630;padding:10px 12px}.notice-list .notice-item .notice-title{text-align:left;font-weight:500;color:#111827}.notice-list .notice-item .notice-author{text-align:right;color:#374151;font-size:13px;white-space:nowrap}.notice-list .notice-item .notice-date{text-align:right;color:#6b7280;font-size:12px;white-space:nowrap}.notice-list .notice-item:last-child{border-bottom:none}@media (max-width: 431px){.notice-list{width:100%;box-sizing:border-box;max-width:100%}.notice-list tbody{width:100%;box-sizing:border-box}.notice-list tbody tr{width:100%;max-width:100%;display:flex;justify-content:space-between;padding:6px 4px;box-sizing:border-box;overflow:hidden;margin:0}.notice-list tbody tr td:first-child{flex:0 0 35px;font-size:10px;padding:6px 1px;text-align:center;min-width:35px;max-width:35px}.notice-list tbody tr .notice-title{flex:1!important;font-size:13px!important;min-width:45%!important;max-width:calc(100% - 140px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1px;padding:6px 3px;text-align:left}.notice-list tbody tr .notice-author{flex:0 0 40px;font-size:9px;padding:6px 1px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:40px;max-width:40px}.notice-list tbody tr .notice-date{flex:0 0 50px;font-size:8px;padding:6px 1px;text-align:center;white-space:nowrap;min-width:50px;max-width:50px}}.register-root{max-width:960px;margin:0 auto;padding:3rem 2.5rem 4rem;background:#fff}.register-title{font-size:2rem;font-weight:700;margin-bottom:2.1rem;color:#222;letter-spacing:-.01em}.register-form{display:flex;flex-direction:column;gap:2.2rem}.reg-label{font-size:1.09rem;font-weight:500;margin-bottom:.6rem;color:#222;display:block}.reg-email-group{display:flex;align-items:center;margin-bottom:1.5rem}.reg-email-group .reg-input{border-radius:.4em;flex:1}.reg-email-group .reg-email-addon{background:#f0f3f6;border:1px solid #ced4da;border-left:none;border-radius:0 .4em .4em 0;padding:.43em 1.1em;color:#888;font-size:1.03em;height:45px;display:flex;align-items:center}.reg-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.1rem 3rem;margin-bottom:2rem}.reg-grid>div{display:flex;flex-direction:column}@media (max-width: 700px){.reg-grid{grid-template-columns:1fr;gap:1.1rem}}.reg-input{background:#e9ecef;border:1px solid #ced4da;border-radius:.4em;padding:1.1em;font-size:1.08rem;margin-bottom:0;color:#606c76;width:90%;resize:none}.reg-input--readonly{border:1.5px solid #e53935!important;color:#e53935!important;background:#fff0f0!important;cursor:default!important}.reg-input--readonly:focus,.reg-input--readonly:hover,.reg-input--readonly:active{border:1.5px solid #e53935!important;color:#e53935!important;background:#fff0f0!important;outline:none!important;box-shadow:none!important;cursor:default!important}.reg-textarea{min-height:90px;margin-top:.4rem;width:95%}.reg-btns{display:flex;justify-content:flex-end;gap:1.5rem;margin-top:2.6rem;border-top:1px solid #e0e4ea;padding-top:2.4rem}.reg-btns .btn{font-size:1.12rem;font-weight:600;padding:.9em 2.5em;border-radius:7px;border:none;cursor:pointer;transition:background .13s}.reg-btns .btn.gray{background:#f3f3f3;color:#222;border:1.5px solid #bbb}.reg-btns .btn.gray:hover{background:#e9ecef}.reg-btns .btn.blue{background:#2196f3;color:#fff}.reg-btns .btn.blue:hover{background:#146cb8}.reg-grid select.reg-input{width:100%;min-width:0}.reg-input+.btn.blue{background:#2196f3;color:#fff;font-weight:700;border-radius:.7em;box-shadow:0 2px 8px #2196f31a;border:none;margin-left:.5em;transition:background .15s,box-shadow .15s,color .15s;padding:.55em 1em;font-size:.97rem;letter-spacing:.01em;cursor:pointer}.reg-input+.btn.blue:hover{background:#1766ad;color:#fff;box-shadow:0 4px 18px #2196f32e}@media (max-width: 1100px){.register-root{max-width:100%;padding:2rem 1.2rem}}@media (max-width: 700px){.register-title{font-size:1.4rem}.reg-btns{flex-direction:column;gap:1rem;align-items:stretch}}.dept-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000047;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000}.dept-modal{background:#fff;padding:2.2rem 2.2rem 1.5rem;border-radius:12px;min-width:320px;box-shadow:0 10px 30px #00000024;display:flex;flex-direction:column;gap:1.1rem;max-width:720px;width:92vw;animation:modal-pop .14s ease-out}.dept-modal h3{font-size:1.18rem;font-weight:700;margin:0 0 .7rem;color:#222}.modal-subtitle{margin:-.4rem 0 .4rem;color:#6b7280;font-size:.95rem}.dept-modal .reg-input{width:100%;min-width:0;box-sizing:border-box;margin-bottom:.2rem}.dept-modal-btns{display:flex;justify-content:flex-end;gap:.7rem;margin-top:.2rem}.dept-modal-btns .btn{font-size:1.05rem;font-weight:600;padding:.7em 2em;border-radius:7px;border:none;cursor:pointer;transition:background .13s}.dept-modal-btns .btn.gray{background:#f3f3f3;color:#222;border:1.5px solid #bbb}.dept-modal-btns .btn.gray:hover{background:#e9ecef}.dept-modal-btns .btn.blue{background:#2196f3;color:#fff}.dept-modal-btns .btn.blue:hover{background:#146cb8}@media (max-width: 500px){.dept-modal{min-width:0;padding:1.1rem .9rem 1rem}}.reg-input[type=text][readonly][placeholder=주소]{max-width:340px}.input-lock-indicator{display:inline-flex;align-items:center;margin-left:8px;font-size:.98rem;color:#e53935;font-weight:600;letter-spacing:-.01em;-webkit-user-select:none;user-select:none}.confirm-preview{max-height:340px;overflow:auto;margin-bottom:.4rem;border:1px solid #eef0f3;border-radius:10px}.confirm-table{width:100%;border-collapse:collapse;font-size:.98rem}.confirm-table tr+tr{border-top:1px solid #f1f3f5}.confirm-table th,.confirm-table td{padding:.8rem 1rem;vertical-align:top}.confirm-table th{width:28%;color:#374151;background:#f9fafb;font-weight:600;border-right:1px solid #f1f3f5}.confirm-table td{color:#111827}@keyframes modal-pop{0%{transform:translateY(6px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.excel-upload-row{display:flex;align-items:stretch;margin-bottom:20px}.excel-upload-btn,.employee-select-btn,.excel-upload-success{height:44px;line-height:44px;font-size:1rem;font-family:inherit;box-sizing:border-box;display:flex;align-items:center;padding:0 18px;border-radius:4px}.excel-upload-btn{background:#4a90e2;color:#fff;border:none;cursor:pointer;font-weight:700;transition:background .2s}.employee-select-btn{background:#0740b2;color:#fff;border:none;cursor:pointer;font-weight:700;transition:background .2s}.employee-select-btn.disabled,.employee-select-btn:disabled{background:#ccc;cursor:not-allowed;color:#fff}.excel-upload-btn:hover:not(:disabled),.employee-select-btn:hover:not(.disabled):not(:disabled){background:#357abd}.employee-select-btn{margin-left:12px}.excel-upload-success{margin-left:12px;background:none;color:#4a90e2;font-weight:500;border:none;cursor:default;padding:0}._weatherWidget_1mdhw_1{flex:.4;background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000014;font-family:pretendard,sans-serif;color:#333;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center}._weatherWidget_1mdhw_1._error_1mdhw_16{color:#d32f2f;justify-content:center;align-items:center;text-align:center}._header_1mdhw_23{width:100%;display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}._header_1mdhw_23 h3{font-size:18px;font-weight:700;margin:0}._header_1mdhw_23 p{font-size:16px;font-weight:500;color:#666;margin:0}._content_1mdhw_44{display:flex;flex-direction:column;align-items:center;gap:8px}._weatherIcon_1mdhw_51{width:80px;height:80px}._temperature_1mdhw_56{font-size:48px;font-weight:700;color:#007bff}._description_1mdhw_62{font-size:16px;font-weight:500;text-transform:capitalize;color:#555;margin-top:-8px}._skeleton_1ea2r_1{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6,#f2f2f2 75%);background-size:200% 100%;animation:_loading_1ea2r_1 1.4s ease-in-out infinite;border-radius:4px}._fullPage_1ea2r_8{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:24px}._center_1ea2r_16{width:min(640px,90%);display:flex;flex-direction:column;gap:16px}@keyframes _loading_1ea2r_1{0%{background-position:200% 0}to{background-position:-200% 0}}.emp-detail-root{max-width:1100px;margin:0 auto;padding:2.2rem 1rem 3rem;font-family:Noto Sans KR,Arial,sans-serif;background:#fff;color:#222}.emp-detail-topbar{display:flex;justify-content:flex-end}.emp-detail-topbar .crumb{font-size:1rem;color:#222;margin-bottom:1.1rem}.emp-detail-main{display:flex;align-items:flex-start;gap:2.3rem;margin-bottom:2.4rem;overflow-x:auto}.emp-detail-main .emp-profile{flex-shrink:0}.emp-detail-main .emp-profile img{width:130px;height:130px;border-radius:50%;border:3px solid #b6c2cf;background:#f2f4f8;object-fit:cover;margin-right:1.2rem;cursor:pointer;box-shadow:0 4px 15px #0000001a}.emp-detail-main .emp-profile img.disabled{cursor:default}.emp-detail-main .emp-profile input{display:none}.emp-detail-main .emp-profile img:hover:not(.disabled){opacity:.9;transform:scale(1.02);transition:all .2s ease-in-out}.emp-detail-main .emp-info-table{border-collapse:separate;border-spacing:0;width:100%;max-width:100%;min-width:700px;table-layout:fixed;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014}.emp-detail-main .emp-info-table th,.emp-detail-main .emp-info-table td{border:none;padding:1em 1.2em;font-size:1rem;text-align:left}.emp-detail-main .emp-info-table th{font-weight:600;background:#e9f2f9;color:#2c3e50;min-width:100px;border-bottom:1px solid #c8daea}.emp-detail-main .emp-info-table td{background:#fff;color:#34495e;min-width:120px;border-bottom:1px solid #f0f4f7}.emp-detail-main .emp-info-table tr:nth-child(2n) td{background:#f8fbfc}.emp-detail-main .emp-info-table tr:last-child td{border-bottom:none}.emp-section{margin-top:2.5rem}.emp-section .emp-section-title{font-size:1.2rem;font-weight:700;margin-bottom:1rem;color:#2c3e50;border-left:5px solid #3498db;padding-left:10px;letter-spacing:.02em}.emp-section .emp-summary-table,.emp-section .emp-edu-table{border-collapse:separate;border-spacing:0;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #00000012}.emp-section .emp-summary-table th,.emp-section .emp-summary-table td,.emp-section .emp-edu-table th,.emp-section .emp-edu-table td{border:none;padding:.9em 1.1em;font-size:.98rem}.emp-section .emp-summary-table th,.emp-section .emp-edu-table th{background:#e9f2f9;color:#2c3e50;font-weight:600;text-align:left;border-bottom:1px solid #c8daea}.emp-section .emp-summary-table td,.emp-section .emp-edu-table td{background:#fff;color:#34495e;border-bottom:1px solid #f0f4f7}.emp-section .emp-summary-table tr:nth-child(2n) td,.emp-section .emp-edu-table tr:nth-child(2n) td{background:#f8fbfc}.emp-section .emp-summary-table tr:last-child td,.emp-section .emp-edu-table tr:last-child td{border-bottom:none}.emp-section .emp-edu-table{margin-top:1.5rem}.emp-section .emp-edu-table th,.emp-section .emp-edu-table td{text-align:center}.emp-btns{display:flex;justify-content:center;gap:1rem;margin-top:3rem;padding-bottom:2rem}.emp-btns a{text-decoration:none}.emp-btns .btn{min-width:140px;font-size:1.1rem;font-weight:600;padding:.8em 1.8em;border:none;border-radius:10px;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;box-shadow:0 5px 15px #0000001a}.emp-btns .btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.emp-btns .btn.blue{background:linear-gradient(45deg,#42a5f5,#2196f3);color:#fff}.emp-btns .btn.blue:hover{background:linear-gradient(45deg,#1e88e5,#1565c0)}.emp-btns .btn.green{background:linear-gradient(45deg,#66bb6a,#43a047);color:#fff}.emp-btns .btn.green:hover{background:linear-gradient(45deg,#4caf50,#2e7d32)}.emp-btns .btn.red{background:linear-gradient(45deg,#ef5350,#e53935);color:#fff}.emp-btns .btn.red:hover{background:linear-gradient(45deg,#d32f2f,#c62828)}.emp-btns .btn.gray{background:linear-gradient(45deg,#90a4ae,#78909c);color:#fff}.emp-btns .btn.gray:hover{background:linear-gradient(45deg,#607d8b,#455a64)}.emp-detail-card{background:#fff;border-radius:1.8rem;box-shadow:0 8px 40px #2196f31f;padding:1.5rem 1rem;max-width:900px;margin:0 auto;overflow-x:visible;box-sizing:border-box;width:100%;min-width:0}@media (max-width: 950px){.emp-detail-card{padding:1rem .5rem;max-width:98vw}}.modal-compact .emp-detail-card{max-width:650px;width:100%;min-width:0;padding:1.2rem .7rem;box-sizing:border-box;overflow-x:auto}.modal-compact .emp-info-table{min-width:0;width:100%;display:block;overflow-x:auto}.modal-compact .emp-info-table th,.modal-compact .emp-info-table td{white-space:nowrap;font-size:.97rem;padding:.7em}.emp-profile-main{display:flex;gap:2.5rem;align-items:center;margin-bottom:1.5rem}.emp-profile-img{width:120px;height:120px;border-radius:50%;overflow:hidden;box-shadow:0 4px 18px #2196f326;border:4px solid #eaf3fa;background:#eaf3fa}.emp-profile-img img{width:100%;height:100%;object-fit:cover}.emp-main-info{flex:1}.emp-main-info .emp-name{font-size:1.6rem;font-weight:800;color:#1a73e8;margin-bottom:.5rem}.emp-main-info .emp-meta{display:flex;gap:1rem;font-size:1.15rem;color:#42a5f5;margin-bottom:.4rem}.emp-main-info .emp-status{font-size:1.05rem;color:#fff;background:#42a5f5;border-radius:1.2em;padding:.25em 1.1em;display:inline-block;margin-bottom:.4rem}.emp-main-info .emp-status.inactive{background:#90a4ae;color:#fff}.emp-main-info .emp-contact{font-size:1.02rem;color:#555;display:flex;gap:1.5rem}.emp-detail-extra{background:#e3f2fd;border-radius:1.2rem;padding:1.3rem 1.5rem;font-size:1.02rem;color:#555;margin-bottom:1.5rem}.emp-detail-extra .emp-memo,.emp-detail-extra .emp-address{margin-top:.8rem;background:#c7e0f0;border-radius:.8em;padding:.6em 1.2em;color:#777;font-size:.99rem}.emp-btns.modern{margin-top:1.5rem;display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.emp-btns.modern .btn{font-size:1rem;font-weight:600;border-radius:.8em;padding:.6em 1.2em;min-width:100px;box-shadow:0 3px 8px #2196f314}.emp-btns.modern .btn:hover{box-shadow:0 6px 20px #2196f32e;transform:translateY(-2px)}@media (max-width: 650px){.emp-btns.modern{gap:.5rem}.emp-btns.modern .btn{width:calc(50% - .5rem);min-width:0;font-size:.98rem;padding:.65em 0}}.emp-info-table{display:table;width:100%}.emp-info-table th,.emp-info-table td{white-space:normal;min-width:100px;font-size:1rem;padding:.8em 1em}.emp-modal-redesign{max-width:700px;margin:0 auto;padding:0;background:#fff;border-radius:20px;box-shadow:0 8px 40px #2196f326;display:flex;flex-direction:column;align-items:stretch}.emp-modal-profile-box{display:flex;flex-direction:row;align-items:center;gap:1.8rem;padding:1rem 1.2rem .7rem;border-bottom:1px solid #e0eaf3}.emp-modal-profile-main{flex:1;display:flex;flex-direction:column;gap:.3rem}.emp-modal-name{font-size:1.45rem;font-weight:800;color:#1a73e8;margin-bottom:.2rem}.emp-modal-meta{display:flex;gap:.8rem;font-size:1.05rem;color:#42a5f5;margin-bottom:.2rem}.emp-modal-status{font-size:1rem;color:#fff;background:#42a5f5;border-radius:1.2em;padding:.15em 1em;display:inline-block;margin-bottom:.2rem}.emp-modal-status.inactive{background:#90a4ae;color:#fff}.emp-modal-contact{font-size:1rem;color:#555;display:flex;gap:1.2rem}.emp-modal-detail-box{padding:1rem 1.2rem .7rem}.emp-modal-detail-list{display:flex;flex-direction:column;gap:.3rem;margin:0}.emp-modal-detail-list dt{font-weight:700;color:#1a73e8;min-width:90px;display:inline-block;font-size:1rem}.emp-modal-detail-list dd{margin:0 0 0 .7em;color:#444;font-size:1rem;display:inline-block;word-break:break-all}.emp-modal-detail-list div{display:flex;flex-direction:row;align-items:flex-start;padding:.15em 0}.emp-modal-btns .btn{font-size:1rem;font-weight:600;border-radius:.8em;padding:.6em 1.2em;min-width:100px;box-shadow:0 3px 8px #2196f314;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.emp-modal-btns .btn.blue{background:linear-gradient(45deg,#42a5f5,#2196f3);color:#fff}.emp-modal-btns .btn.blue:hover{background:linear-gradient(45deg,#1e88e5,#1565c0)}.emp-modal-btns .btn.green{background:linear-gradient(45deg,#66bb6a,#43a047);color:#fff}.emp-modal-btns .btn.green:hover{background:linear-gradient(45deg,#4caf50,#2e7d32)}.emp-modal-btns .btn.red{background:linear-gradient(45deg,#ef5350,#e53935);color:#fff}.emp-modal-btns .btn.red:hover{background:linear-gradient(45deg,#d32f2f,#c62828)}.emp-modal-btns .btn.gray{background:linear-gradient(45deg,#90a4ae,#78909c);color:#fff}.emp-modal-btns .btn.gray:hover{background:linear-gradient(45deg,#607d8b,#455a64)}@media (max-width: 700px){.emp-modal-redesign{max-width:98vw;padding:0}.emp-modal-profile-box,.emp-modal-detail-box,.emp-modal-btns{padding-left:.7rem;padding-right:.7rem}.emp-modal-profile-box{flex-direction:column;align-items:center;gap:1rem}.emp-modal-profile-main{align-items:center}.emp-modal-contact{justify-content:center}}.emp-modal-redesign-horizontal{max-width:850px;margin:0 auto;padding:0;background:#fff;border-radius:20px;box-shadow:0 8px 40px #2196f326;display:flex;flex-direction:column;align-items:stretch}.emp-modal-content-row{display:flex;flex-direction:row;gap:2.5rem;align-items:flex-start;padding:1rem 1.2rem .7rem}.emp-modal-profile-col{min-width:200px;max-width:250px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:1rem}.emp-modal-profile-img{width:100px;height:100px;border-radius:50%;overflow:hidden;box-shadow:0 4px 18px #2196f32e;border:3px solid #eaf3fa;background:#eaf3fa}.emp-modal-profile-img img{width:100%;height:100%;object-fit:cover}.emp-modal-profile-main{width:100%;display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-top:.7rem}.emp-modal-contact-block{display:flex;flex-direction:column;gap:.4rem;margin-top:.4rem}.emp-modal-detail-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.5rem 1.2rem;margin:0}.emp-modal-detail-list-grid div{display:flex;flex-direction:row;align-items:stretch;background:#fff;border-radius:.7rem;box-shadow:0 1px 6px #2196f30f;border:1.5px solid #e3e8ef;margin-bottom:.2rem;min-height:0}.emp-modal-detail-list-grid dt{min-width:70px;max-width:110px;font-size:1.01rem;font-weight:700;color:#2c3e50;background:#f3f7fa;border-radius:.7rem 0 0 .7rem;padding:.55em .9em;border-right:1.5px solid #e3e8ef;text-align:right;display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto}.emp-modal-detail-list-grid dd{font-size:1.13rem;color:#181818;font-weight:500;background:#fff;border-radius:0 .7rem .7rem 0;padding:.55em .9em;margin:0;text-align:left;display:flex;align-items:center;word-break:break-all;flex:1 1 0}.emp-modal-btns{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;padding:1rem 1.2rem}.emp-modal-btns .btn{font-size:1rem;font-weight:600;border-radius:.8em;padding:.6em 1.2em;min-width:100px;box-shadow:0 3px 8px #2196f314}.emp-modal-btns .btn:hover{box-shadow:0 6px 20px #2196f32e;transform:translateY(-2px)}@media (max-width: 900px){.emp-modal-redesign-horizontal{max-width:98vw;padding:0}.emp-modal-content-row{flex-direction:column;gap:1.5rem;padding-left:.7rem;padding-right:.7rem}.emp-modal-profile-col,.emp-modal-detail-col{max-width:100%;min-width:0;width:100%;align-items:center}.emp-modal-profile-main,.emp-modal-contact{align-items:center}.emp-modal-detail-list-grid{display:block}.emp-modal-detail-list-grid div{display:flex;flex-direction:column;align-items:stretch;padding:.8rem .7rem .5rem;margin-bottom:.7rem;background:#fff;border-radius:.7rem;box-shadow:0 2px 8px #2196f314;border:1.5px solid #e3e8ef}.emp-modal-detail-list-grid dt{font-size:1.01rem;font-weight:700;color:#333;background:#f3f7fa;border-radius:.4em .4em 0 0;padding:.45em .7em .35em;margin-bottom:0;border-bottom:1.5px solid #e3e8ef;text-align:left}.emp-modal-detail-list-grid dd{font-size:1.13rem;color:#181818;font-weight:500;background:#f9fafb;border-radius:0 0 .4em .4em;padding:.5em .7em .6em;margin:0;text-align:left;word-break:break-all}}.highlight-main{color:#1a73e8;font-weight:800;font-size:1.4rem}.highlight-sub{color:#42a5f5;font-weight:600;font-size:1.05rem}.highlight-status{background:#42a5f5;color:#fff!important;border-radius:1.2em;padding:.15em 1em;font-size:1rem;display:inline-block;margin-bottom:.2rem}.emp-modal-status.inactive.highlight-status{background:#90a4ae;color:#fff!important}.highlight-phone{color:#1a73e8;font-weight:600}.highlight-email{color:#888;font-weight:400}.emp-modal-detail-list-grid dt{font-weight:700;color:#1a73e8;font-size:1rem}.emp-modal-detail-list-grid dd{color:#222;font-weight:400;font-size:1rem}.emp-modal-btns .btn,.emp-btns .btn{border:none!important;outline:none;box-shadow:0 3px 8px #2196f314;transition:background .18s,color .18s,box-shadow .18s,transform .18s}.emp-modal-btns .btn:hover,.emp-btns .btn:hover{box-shadow:0 6px 20px #2196f32e;transform:translateY(-2px) scale(1.03);filter:brightness(1.04)}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.eval-root{max-width:1300px;margin:0 auto;padding:2.3rem 2rem 2rem;font-family:Noto Sans KR,Arial,sans-serif;background:#fff;min-height:95vh}.eval-header{display:flex;align-items:center;gap:2.1rem;margin-bottom:2.3rem}.eval-header .back-btn{font-size:2.1rem;background:none;border:none;color:#222;cursor:pointer;margin-right:.7rem;margin-top:-.3rem}.eval-header .eval-title{font-size:2.1rem;font-weight:700;letter-spacing:-.01em;color:#222}.eval-header .eval-searchbar{display:flex;align-items:center;margin-left:auto;gap:.4rem}.eval-header .eval-searchbar select,.eval-header .eval-searchbar input{font-size:1rem;padding:.45em 1em;border:1px solid #c4c8cd;border-radius:4px;margin-right:.3rem;background:#fff}.eval-header .eval-searchbar input{width:140px}.eval-header .eval-searchbar .icon-search{background:none;border:none;font-size:1.23rem;cursor:pointer;margin-left:.2rem}.eval-main{display:flex;justify-content:center;align-items:flex-start;gap:2.6rem}.eval-form-box{flex:1.7;border:2px solid #888;border-radius:7px;padding:2.2rem 2.6rem 2.3rem;background:#fafbfc;min-width:550px;max-width:700px;margin:0 auto}.eval-form-box .eval-form-title{font-size:1.13rem;font-weight:700;margin-bottom:.9rem}.eval-form-box hr{margin:.5rem 0 2rem;border:none;border-bottom:2px solid #ccc}.eval-form-box form{display:flex;flex-direction:column;gap:1.2rem}.eval-form-box .eval-field{display:flex;align-items:center;gap:1.1rem;margin-bottom:.2rem}.eval-form-box .eval-field label{min-width:90px;font-size:1.04rem;font-weight:500;color:#202428}.eval-form-box .eval-field input[type=text]{flex:1;font-size:1.05rem;padding:.6em 1em;border:1.5px solid #888;border-radius:6px;background:#fff;color:#444}.eval-form-box .eval-field textarea{flex:1;border:1.5px solid #888;border-radius:6px;min-height:45px;font-size:1.07rem;padding:.8em 1em;background:#fff;color:#444}.eval-form-box .eval-field.avg{justify-content:flex-end}.eval-form-box .eval-field.avg span{margin-left:.9em;font-size:1.12rem;font-weight:500}.eval-form-box .eval-field.avg .avg-score{color:#f5911e;font-weight:700;font-size:1.17rem}.eval-form-box .eval-field.stars label{min-width:110px}.eval-form-box .eval-field.stars .star-row{font-size:1.4em;color:#222;letter-spacing:.18em}.eval-form-box .eval-date-group{display:flex;align-items:center;gap:.45em}.eval-form-box .eval-date-group input[type=text]{width:140px}.eval-form-box .eval-date-group .eval-date-clear,.eval-form-box .eval-date-group .eval-date-picker{background:none;border:none;font-size:1.4em;cursor:pointer;margin-left:.2em;padding:0 .2em}.eval-form-box .eval-date-group .eval-date-clear{color:#e23e2b}.eval-form-box .eval-date-group .eval-date-picker{color:#1c3695}.eval-side-panel{flex:1;display:flex;flex-direction:column;gap:1.2rem;min-width:300px}.eval-side-panel .side-box{background:#f5f7f9;border:1.5px solid #b0c7d4;border-radius:7px;padding:1.2rem;margin-bottom:.3rem;min-height:50px;display:flex;flex-direction:column;gap:.7rem}.eval-side-panel .side-box .side-title{font-size:1.02rem;font-weight:500;color:#35485a;display:flex;align-items:center;gap:.7rem;margin-bottom:.5em}.eval-side-panel .side-box .side-title .side-view-btn,.eval-side-panel .side-box .side-title .side-setting-btn{margin-left:auto;margin-right:.5rem;font-size:.97rem;background:#2196f3;color:#fff;border:none;border-radius:4px;padding:.23em 1.1em;font-weight:500;cursor:pointer}.eval-side-panel .side-box .side-title .side-setting-btn{background:#b0c7d4;color:#222}.eval-side-panel .side-box .side-input{border:1.5px solid #c4c8cd;border-radius:4px;font-size:1rem;padding:.42em .9em;background:#fff;color:#444}.eval-side-panel .side-box .btn.dark{background:#222;color:#fff;border:none;border-radius:4px;padding:.42em 1.6em;font-size:1rem;margin-right:.7em;font-weight:600}.eval-side-panel .side-box .btn.dark.active{background:#555}.eval-side-panel .side-box .side-row{display:flex;align-items:center;gap:.5em}.eval-side-panel .side-box .side-row label{min-width:40px;font-weight:500}.eval-side-panel .side-box .side-row .icon-search{background:none;border:none;font-size:1.13em;cursor:pointer}.eval-footer-btns{display:flex;justify-content:flex-end;gap:1.1rem;margin-top:2.3rem;border-top:2px solid #e1e5e9;padding-top:2.3rem}.eval-footer-btns .btn{font-size:1.1rem;font-weight:600;border-radius:7px;border:none;padding:.82em 2.3em;cursor:pointer;transition:background .12s}.eval-footer-btns .btn.dark{background:#232628;color:#fff}.eval-footer-btns .btn.dark:hover{background:#484d51}.eval-footer-btns .btn.blue{background:#2196f3;color:#fff}.eval-footer-btns .btn.blue:hover{background:#1766ad}@media (max-width: 1100px){.eval-root{max-width:100vw;padding:1.5rem .3rem}.eval-main{flex-direction:column;gap:1.7rem}.eval-side-panel{min-width:0}}.approval-table-wrapper{margin-bottom:1.5rem;display:flex;justify-content:flex-start}.approval-table{border-collapse:collapse;min-width:350px;font-size:1rem;background:#fff}.approval-table td{border:1.5px solid #222;padding:.7em 1.2em;text-align:center;min-width:80px}.approval-title{font-weight:700;font-size:1.15em;background:#f7f7f7;min-width:60px}.approval-label{font-weight:500;background:#fafbfc}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000;animation:modal-fadein .2s}@keyframes modal-fadein{0%{opacity:0}to{opacity:1}}.modal-box{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000002e;padding:2.2rem 2.5rem 1.7rem;min-width:340px;max-width:92vw;text-align:left;position:relative;animation:modal-pop .22s cubic-bezier(.4,1.6,.6,1)}@keyframes modal-pop{0%{transform:scale(.92);opacity:.5}to{transform:scale(1);opacity:1}}.modal-box h4{font-size:1.18rem;font-weight:700;margin-bottom:1.1rem;color:#1c3695;letter-spacing:-.01em}.modal-box input[type=text]{width:90%;min-width:180px;max-width:320px;margin:0 auto .7rem;font-size:1.08rem;padding:.7em 1em;border:1.5px solid #b0c7d4;border-radius:7px;background:#f7fafd;color:#222;transition:border .2s}.modal-box input[type=text]:focus{border:1.5px solid #1c3695;outline:none;background:#fff}.modal-box .modal-btns{display:flex;justify-content:flex-end;gap:.7em;margin-top:.5em}.modal-box .btn{min-width:70px;font-size:1.01rem;padding:.5em 1.1em;border-radius:6px;border:none;cursor:pointer;transition:background .18s,color .18s}.modal-box .btn.gray{background:#e6e9ef;color:#333}.modal-box .btn.blue{background:#1c3695;color:#fff}.modal-box .btn.blue:hover{background:#274bb3}.modal-box .btn.gray:hover{background:#d1d6e0}.eval-plain{background:none;border:none;padding:.2em 0;color:#444;font-size:1.07rem;min-height:1.5em;line-height:1.7;word-break:break-all}.emp-search-bar{display:flex;gap:.9rem;margin-bottom:1.2rem;align-items:center}.emp-search-bar .emp-search-select,.emp-search-bar .emp-search-input,.emp-search-bar .emp-search-dept{font-size:1rem;padding:.45em 1em;border:1px solid #c6d3e1;border-radius:6px;background:#fff}.emp-search-bar .emp-search-input{min-width:160px}.emp-search-bar .emp-search-btn,.emp-search-bar .emp-search-clear{font-size:1rem;padding:.45em 1.2em;border-radius:6px;background:#2196f3;border:none;color:#fff;cursor:pointer;margin-left:.2em}.emp-search-bar .emp-search-btn:hover,.emp-search-bar .emp-search-clear:hover{background:#1766ad}.emp-search-bar .emp-search-clear{background:#eee;color:#444;border:1px solid #c6d3e1}.emp-search-bar .emp-search-clear:hover{background:#cde8ff}.emp-list-root{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.emp-list-title{font-size:1.6rem;font-weight:700;margin-bottom:1.5rem}.emp-list-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0 .5rem;margin-bottom:2.5rem;background:transparent}.emp-list-table th,.emp-list-table td{background:#fff;border:none;padding:1.05em 1.2em;font-size:1.07rem;box-shadow:none;transition:background .18s,color .18s}.emp-list-table th{background:#eaf3fa;color:#1766ad;font-weight:800;font-size:1.09rem;border-top-left-radius:.7rem;border-top-right-radius:.7rem;letter-spacing:.01em;border-bottom:2.5px solid #b6d3f6;box-shadow:0 2px 8px #283c7812}.emp-list-table tbody tr{background:#fff;border-radius:.7rem;box-shadow:0 2px 10px #283c7814;transition:box-shadow .18s,background .18s;cursor:pointer}.emp-list-table tbody tr:hover{background:#d2e7ff;box-shadow:0 8px 32px #2196f32e;color:#1766ad;font-weight:700;z-index:2;position:relative}.emp-list-table tbody tr.selected{background:#e3f0ff!important;box-shadow:0 6px 24px #2196f321;font-weight:700;color:#1766ad}.emp-list-table tbody tr td{border-radius:.5rem;border-bottom:1.5px solid #eaf3fa}@media (max-width: 700px){.emp-list-table th,.emp-list-table td{font-size:.97rem;padding:.7em .5em}.emp-list-table{border-spacing:0 .3rem}}.emp-detail-below{margin-top:2.5rem;position:relative;background:#fff;border-radius:1.1rem;box-shadow:0 4px 18px #283c781a;padding-bottom:2.5rem;margin:0 auto;width:fit-content}.emp-detail-below .detail-close-btn{position:absolute;top:1.6rem;right:2.5rem;background:#2196f3;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;padding:.5em 1.3em;cursor:pointer;box-shadow:0 2px 6px #4678a012;transition:background .16s}.emp-detail-below .detail-close-btn:hover{background:#1766ad}@media (max-width: 1100px){.emp-list-root{max-width:100%}}.pagination{display:flex;justify-content:center;align-items:center;gap:.4rem;margin:1.2rem 0 .5rem}.pagination button{background:#f5f7fa;border:1.5px solid #b0c7d4;color:#222;font-size:1.05rem;padding:.45em 1.1em;border-radius:5px;cursor:pointer;transition:background .15s,color .15s,border .15s;font-weight:500;outline:none}.pagination button:hover:not(:disabled){background:#e3eaf2;color:#1766ad;border-color:#1766ad}.pagination button:disabled{background:#f0f0f0;color:#aaa;border-color:#ddd;cursor:not-allowed}.pagination button.active,.pagination button[style*="font-weight: bold"]{background:#1766ad;color:#fff;border-color:#1766ad;font-weight:700}._modalOverlay_19qrh_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}._modalContainer_19qrh_15{background:#fff;padding:24px;border-radius:12px;width:450px;max-width:90%;box-shadow:0 10px 25px #0000001a;animation:_slide-up_19qrh_1 .3s ease-out}._modalContainer_19qrh_15 h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#333}._formGroup_19qrh_31{margin-bottom:18px}._formGroup_19qrh_31 label{display:block;font-weight:500;margin-bottom:8px;font-size:14px;color:#555}._formGroup_19qrh_31 input[type=text],._formGroup_19qrh_31 textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}._formGroup_19qrh_31 input[type=text]:focus,._formGroup_19qrh_31 textarea:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}._formGroup_19qrh_31 textarea{resize:vertical;min-height:80px}._buttonGroup_19qrh_62{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0}._baseButton_19qrh_71,._deleteButton_19qrh_71,._saveButton_19qrh_71,._cancelButton_19qrh_71{padding:9px 18px;border-radius:6px;border:none;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s}._cancelButton_19qrh_71{background-color:#fff;border:1px solid #d9d9d9;color:#555}._cancelButton_19qrh_71:hover{border-color:#1890ff;color:#1890ff}._saveButton_19qrh_71{background-color:#1890ff;color:#fff;border:1px solid #1890ff}._saveButton_19qrh_71:hover{background-color:#40a9ff}._deleteButton_19qrh_71{background-color:transparent;color:#ff4d4f;margin-right:auto}._deleteButton_19qrh_71:hover{background-color:#ff4d4f1a}@keyframes _slide-up_19qrh_1{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){._modalContainer_19qrh_15{width:90vw;padding:20px;max-height:85vh;overflow-y:auto}}._modalOverlay_18g7s_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000}._modalBox_18g7s_14{background:#fff;padding:24px;border-radius:8px;min-width:300px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;align-items:stretch}._title_18g7s_25{margin:0 0 16px;font-size:1.25rem;font-weight:700;text-align:center}._employeeList_18g7s_32{max-height:300px;overflow-y:auto;padding:0;margin:0 0 16px;list-style:none}._employeeItem_18g7s_40{margin-bottom:8px;cursor:pointer;border-bottom:1px solid #eee;padding:8px;transition:background .2s;text-align:left;background:none;font-size:1rem}._employeeItem_18g7s_40:hover{background:#f0f4ff}._closeBtn_18g7s_54{margin-top:0;padding:8px 0;background:#e6e6e6;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:1rem;width:100%}._closeBtn_18g7s_54:hover{background:#d0d0d0}._sidebar_1vm3l_3{width:240px;background-color:#f8f9fa;border-right:1px solid #dee2e6;height:100%;padding:20px}._menuHeader_1vm3l_11{font-size:24px;font-weight:700;color:#222;padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;position:relative}._menuHeaderHint_1vm3l_23{font-size:12px;color:#6c757d;margin-left:8px;opacity:0;transform:translateY(-2px);transition:opacity .15s ease,transform .15s ease;white-space:nowrap}._menuHeader_1vm3l_11:hover ._menuHeaderHint_1vm3l_23,._menuHeader_1vm3l_11:focus ._menuHeaderHint_1vm3l_23,._menuHeader_1vm3l_11:focus-within ._menuHeaderHint_1vm3l_23{opacity:1;transform:translateY(0)}._actionBtn_1vm3l_40{width:100%;height:40px;padding:0 14px;border-radius:10px;border:1px solid #dfe3e6;background:linear-gradient(180deg,#fff,#f7f9fb);color:#1f2d3d;font-size:14px;font-weight:700;letter-spacing:.2px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .2s ease,border-color .2s ease;box-shadow:0 1px 2px #1018280f}._actionBtn_1vm3l_40:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1018281a;background:linear-gradient(180deg,#fff,#f3f6f9)}._actionBtn_1vm3l_40:active{transform:translateY(0);box-shadow:0 2px 6px #10182814}._actionBtn_1vm3l_40:focus-visible{outline:2px solid #2b80ff;outline-offset:2px}._actionBtn_1vm3l_40:disabled{opacity:.6;cursor:not-allowed}._newApprovalBtn_1vm3l_77{width:100%;padding:12px 14px;margin:10px 0 16px;border-radius:8px;border:none;background-color:#007bff;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s ease;box-shadow:none}._newApprovalBtn_1vm3l_77:hover{background-color:#0056b3}._newApprovalBtn_1vm3l_77:active{background-color:#004a99}._newApprovalBtn_1vm3l_77:focus-visible{outline:2px solid #90caf9;outline-offset:2px}._adminSettingsBtn_1vm3l_102{width:100%;padding:12px 14px;margin:0 0 20px;border-radius:8px;border:none;background-color:#6c757d;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease;box-shadow:none}._adminSettingsBtn_1vm3l_102:hover{background-color:#5a6268}._adminSettingsBtn_1vm3l_102:active{background-color:#4e555b}._adminSettingsBtn_1vm3l_102:focus-visible{outline:2px solid #cfd8dc;outline-offset:2px}._adminSettingsBtn_1vm3l_102 svg{opacity:.9}._menuGroup_1vm3l_135{margin-bottom:20px}._menuGroupHeader_1vm3l_139{font-size:14px;font-weight:600;color:#868e96;margin-bottom:12px;text-transform:uppercase}._menuList_1vm3l_147{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}._menuItem_1vm3l_156{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-radius:6px;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s}._menuItem_1vm3l_156 span span:not(._countBadge_1vm3l_168):not(._newBadge_1vm3l_168){color:#495057;font-weight:500}._menuItem_1vm3l_156:hover{background-color:#e9ecef}._menuItem_1vm3l_156._active_1vm3l_166{background-color:#007bff}._menuItem_1vm3l_156._active_1vm3l_166 span{color:#fff!important;font-weight:600}._menuItem_1vm3l_156._active_1vm3l_166 ._countBadge_1vm3l_168{color:#fff!important;font-weight:900}._menuItem_1vm3l_156._active_1vm3l_166 ._newBadge_1vm3l_168{color:#fff}._countBadge_1vm3l_168{font-size:18px;font-weight:900;transition:opacity .3s ease,transform .3s ease}._countBadge_1vm3l_168[data-count="0"]{opacity:0;transform:scale(.5);pointer-events:none}._badgeContainer_1vm3l_203{display:flex;align-items:center;gap:4px}._newBadge_1vm3l_168{background-color:#dc3545;color:#fff;font-size:12px;font-weight:700!important;padding:2px 4px;border-radius:4px}._menuItem_1vm3l_156[href$="/approval/pending"]:not(._active_1vm3l_166) ._countBadge_1vm3l_168{color:#dc3545}._menuItem_1vm3l_156[href$="/approval/in-progress"]:not(._active_1vm3l_166) ._countBadge_1vm3l_168{color:#007bff}._menuItem_1vm3l_156[href$="/approval/completed"]:not(._active_1vm3l_166) ._countBadge_1vm3l_168{color:#007bff}._menuItem_1vm3l_156[href$="/approval/rejected"]:not(._active_1vm3l_166) ._countBadge_1vm3l_168{color:#007bff}._menuItem_1vm3l_156[href$="/approval/drafts"]:not(._active_1vm3l_166) ._countBadge_1vm3l_168{color:#007bff}._menuItem_1vm3l_156[href$="/approval/scheduled"]:not(._active_1vm3l_166) ._countBadge_1vm3l_168{color:#007bff}._menuItem_1vm3l_156[href$="/approval/cc"]:not(._active_1vm3l_166) ._countBadge_1vm3l_168{color:#007bff}._modalOverlay_1hfjb_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}._modalContent_1hfjb_14{background:#fff;border-radius:8px;padding:24px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}._header_1hfjb_25{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}._header_1hfjb_25 h2{margin:0;font-size:1.5rem;font-weight:600;color:#333}._closeButton_1hfjb_40{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}._closeButton_1hfjb_40:hover{background-color:#f5f5f5;color:#333}._searchBar_1hfjb_60{display:flex;flex-direction:row;align-items:center;margin-bottom:16px}._searchBar_1hfjb_60 input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}._searchBar_1hfjb_60 input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}._searchBar_1hfjb_60 input::placeholder{color:#999}._categorySelect_1hfjb_83{padding:6px 16px 6px 10px;border-radius:6px;border:1px solid #e0e0e0;font-size:15px;background:#f8fafd;color:#333;box-shadow:0 1px 2px #00000008;outline:none;transition:border-color .2s;height:38px;margin-right:8px;display:flex;align-items:center}._body_1hfjb_99{margin-bottom:24px;min-height:200px}._templateGrid_1hfjb_104{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}._templateCard_1hfjb_110{padding:16px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;background:#fafafa;text-align:center;min-height:80px;display:flex;align-items:center;justify-content:center}._templateCard_1hfjb_110:hover{border-color:#007bff;background:#f0f8ff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff26}._templateCard_1hfjb_110._selected_1hfjb_129{border-color:#007bff;background:#e3f2fd;color:#007bff;font-weight:600}._templateCard_1hfjb_110 span{font-size:14px;line-height:1.4}._templateDesc_1hfjb_140{margin-top:8px;font-size:13px;color:#6c757d;line-height:1.5;word-break:break-word;text-align:left;min-height:18px;max-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:pre-line}._footer_1hfjb_154{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e0e0e0}._defaultButton_1hfjb_162,._primaryButton_1hfjb_162{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}._defaultButton_1hfjb_162{background:#f8f9fa;color:#495057;border:1px solid #dee2e6}._defaultButton_1hfjb_162:hover{background:#e9ecef;border-color:#adb5bd}._primaryButton_1hfjb_162{background:#007bff;color:#fff}._primaryButton_1hfjb_162:hover:not(:disabled){background:#0056b3}._primaryButton_1hfjb_162:disabled{background:#ccc;cursor:not-allowed}@media (max-width: 768px){._modalContent_1hfjb_14{width:90vw;padding:16px;max-height:80vh}._header_1hfjb_25 h2{font-size:20px}._searchBar_1hfjb_60{flex-direction:column;align-items:stretch;gap:8px}._templateGrid_1hfjb_104{grid-template-columns:repeat(2,1fr);gap:10px}._footer_1hfjb_154{flex-direction:column;align-items:stretch;gap:8px}._footer_1hfjb_154 ._defaultButton_1hfjb_162,._footer_1hfjb_154 ._primaryButton_1hfjb_162{width:100%}}._bottomNav_1vr7r_3{position:fixed;bottom:0;left:0;width:100%;height:60px;background-color:#fff;border-top:1px solid #e9ecef;box-shadow:0 -2px 8px #0000000f;z-index:100;display:flex;align-items:center;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}._bottomNav_1vr7r_3::-webkit-scrollbar{display:none}._navItem_1vr7r_25{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#868e96;height:100%;transition:color .2s;flex-shrink:0;padding:0 12px;min-width:75px}._navItem_1vr7r_25 ._icon_1vr7r_39{font-size:22px;margin-bottom:3px}._navItem_1vr7r_25 ._label_1vr7r_43{font-size:11px;font-weight:500;white-space:nowrap}._navItem_1vr7r_25._active_1vr7r_48{color:#007bff;font-weight:600}._approvalPageContainer_1q49g_3{display:flex;height:100vh;background-color:#f4f7fa;overflow:hidden}._content_1q49g_11{flex:1;min-width:0;overflow-y:auto;padding:24px 32px}._mobileLayout_1q49g_20{flex-direction:column;height:auto;overflow:visible}._mobileLayout_1q49g_20 ._content_1q49g_11{padding:16px 16px 80px;overflow-y:visible}._approvalHomeContainer_af1v4_2{padding:30px;background-color:#f4f6f8;min-height:100vh;display:flex;flex-direction:column;gap:30px;overflow:visible}._frequentTemplatesSection_af1v4_12,._reportListContainer_af1v4_13{background-color:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000000d;overflow:visible}._reportListContainer_af1v4_13{flex:1;min-height:0;height:auto;max-height:none;overflow:visible;overflow-x:visible}._sectionHeader_af1v4_30{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}._sectionTitle_af1v4_37{font-size:18px;font-weight:600;color:#333}._manageButton_af1v4_43,._addButton_af1v4_43{font-size:14px;font-weight:500;padding:6px 16px;border-radius:6px;cursor:pointer;transition:background-color .2s}._manageButton_af1v4_43{background-color:#fff;border:1px solid #ccc;color:#555}._manageButton_af1v4_43:hover{background-color:#f8f9fa}._summarySection_af1v4_62{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}._loading_af1v4_68{text-align:center;padding:50px;font-size:18px;color:#666}._templatesGrid_af1v4_75{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}._templateCard_af1v4_81{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:box-shadow .2s,transform .2s;position:relative}._templateCard_af1v4_81:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}._templateCard_af1v4_81 img{width:40px;height:40px}._templateCard_af1v4_81 span{font-size:14px;text-align:center}._removeButton_af1v4_108{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background-color:#0006;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;padding:0;opacity:.6;transition:opacity .2s,background-color .2s}._removeButton_af1v4_108:hover{background-color:#ff4d4f;opacity:1}._noTemplates_af1v4_133{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px dashed #ddd;border-radius:8px;color:#888}._addButton_af1v4_43{background-color:#007bff;border:none;color:#fff}._addButton_af1v4_43:hover{background-color:#0056b3}@media (max-width: 768px){._approvalHomeContainer_af1v4_2{padding:16px;gap:20px;height:auto;overflow:visible}._frequentTemplatesSection_af1v4_12,._reportListContainer_af1v4_13{padding:20px 16px;max-height:none;height:auto;overflow:visible}._reportListContainer_af1v4_13{height:auto;min-height:300px;overflow-x:visible}._sectionTitle_af1v4_37{font-size:16px}._summarySection_af1v4_62,._templatesGrid_af1v4_75{grid-template-columns:1fr 1fr;gap:12px}._templateCard_af1v4_81{padding:16px;gap:8px}._templateCard_af1v4_81 span{font-size:13px}._noTemplates_af1v4_133{flex-direction:column;gap:16px;text-align:center;padding:24px 16px}}._summaryCard_3e0yw_2{background-color:#f8f9fa;border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease-in-out;cursor:pointer;border:1px solid #e9ecef}._summaryCard_3e0yw_2:hover{transform:translateY(-3px);box-shadow:0 4px 15px #00000012;border-color:#007bff}._cardContent_3e0yw_20{display:flex;align-items:center;width:100%}._info_3e0yw_26{display:flex;flex-direction:column;gap:5px}._title_3e0yw_32{font-size:15px;color:#6c757d;font-weight:500}._count_3e0yw_38{font-size:28px;font-weight:700;color:#343a40}._iconWrapper_3e0yw_44{margin-left:auto;background-color:#e9ecef;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;position:relative}._icon_3e0yw_44{width:24px;height:24px;opacity:.8}._mobileBadge_3e0yw_62{display:none}@media (max-width: 768px){._summaryCard_3e0yw_2{padding:14px}._title_3e0yw_32{font-size:13px}._count_3e0yw_38{font-size:22px}._iconWrapper_3e0yw_44{width:40px;height:40px}._icon_3e0yw_44{width:20px;height:20px}._mobileBadge_3e0yw_62{display:inline-flex;position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:#ff3b30;color:#fff;border-radius:999px;font-size:10px;line-height:18px;align-items:center;justify-content:center;font-weight:700}}._container_1665h_7{display:flex;flex-direction:column;gap:24px;height:100%}._sectionTitle_1665h_14{font-size:22px;font-weight:700;color:#2c3e50;padding-bottom:12px;border-bottom:1px solid #e9ecef;margin:0}._resultInfo_1665h_25{background:#cce5ff;color:#0062cc;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;border-left:4px solid #007bff}._list_1665h_36{display:flex;flex-direction:column;gap:16px}._paginationContainer_1665h_43{display:flex;justify-content:center;align-items:center;padding:24px 0 8px}._loading_1665h_51,._error_1665h_52{text-align:center;padding:50px;font-size:16px;color:#7f8c8d}._error_1665h_52{color:#e74c3c;animation:_shake_1665h_1 .5s ease-in-out}@keyframes _fadeInUp_1665h_1{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes _shake_1665h_1{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}._list_1665h_36>*{animation:_fadeInUp_1665h_1 .5s ease-out forwards;opacity:0}._list_1665h_36>*:nth-child(1){animation-delay:.05s}._list_1665h_36>*:nth-child(2){animation-delay:.1s}._list_1665h_36>*:nth-child(3){animation-delay:.15s}._list_1665h_36>*:nth-child(4){animation-delay:.2s}._list_1665h_36>*:nth-child(5){animation-delay:.25s}._list_1665h_36>*:nth-child(6){animation-delay:.3s}._list_1665h_36>*:nth-child(7){animation-delay:.35s}._list_1665h_36>*:nth-child(8){animation-delay:.4s}._list_1665h_36>*:nth-child(9){animation-delay:.45s}._list_1665h_36>*:nth-child(10){animation-delay:.5s}@media (max-width: 768px){._container_1665h_7{gap:20px}._sectionTitle_1665h_14{font-size:20px}._list_1665h_36{gap:12px}}@media (max-width: 480px){._container_1665h_7{gap:16px}._sectionTitle_1665h_14{font-size:18px}._resultInfo_1665h_25{font-size:13px;padding:10px 12px}}._listWrapper_1665h_148{position:relative;min-height:300px}._loadingOverlay_1665h_154{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffffb3;z-index:10;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:12px;border-radius:8px;transition:opacity .3s ease}._loadingOverlay_1665h_154 ._spinner_1665h_171{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:_spin_1665h_171 1s linear infinite}._loadingOverlay_1665h_154 span{font-size:14px;font-weight:500;color:#555}@keyframes _spin_1665h_171{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){._mobileList_1665h_195{display:flex;flex-direction:column;gap:12px}._mobileCard_1665h_200{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:14px 16px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:8px}._mobileTitle_1665h_210{font-size:15px;font-weight:700;color:#2c3e50;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._mobileMetaRow_1665h_219{display:flex;justify-content:space-between;color:#7f8c8d;font-size:12px}._mobileMeta_1665h_219{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._mobileFooter_1665h_230{display:flex;justify-content:space-between;align-items:center}._statusChip_1665h_235{font-size:12px;font-weight:700;padding:3px 8px;border-radius:12px;border:1px solid}._statusChip_1665h_235._in_progress_1665h_242{color:#007bff;border-color:#007bff;background:#e7f1ff}._statusChip_1665h_235._rejected_1665h_247{color:#dc3545;border-color:#dc3545;background:#fdecef}._statusChip_1665h_235._approved_1665h_252{color:#2e7d32;border-color:#2e7d32;background:#e6f4ea}._mobileAttach_1665h_257{font-size:12px;color:#7f8c8d}}._approvalpending-card_rz7ax_1{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px 32px;display:flex;flex-direction:column;gap:12px;border:1.5px solid #2196f3;transition:box-shadow .2s,border .2s,transform .12s ease-out;overflow:visible;cursor:pointer}._approvalpending-card_rz7ax_1:hover{box-shadow:0 4px 14px #0000001a;transform:translateY(-1px)}._approvalpending-card_rz7ax_1:active{transform:translateY(0);box-shadow:0 2px 8px #00000014}._approvalpending-card_rz7ax_1:focus-within{outline:2px solid #1976d2;outline-offset:2px}._approvalpending-card_rz7ax_1 ._approvalpending-title_rz7ax_26{font-size:18px;font-weight:600;color:#222;margin-bottom:6px}._approvalpending-card_rz7ax_1 ._approvalpending-info_rz7ax_32{display:flex;align-items:center;gap:24px;overflow:visible}._approvalpending-card_rz7ax_1 ._approvalpending-info_rz7ax_32 ._approvalpending-status_rz7ax_38{font-size:15px;font-weight:600;color:#2196f3}._approvalpending-card_rz7ax_1 ._approvalpending-info_rz7ax_32 ._approvalpending-date_rz7ax_43{font-size:14px;color:#888}._approvalpending-card_rz7ax_1 ._approvalpending-info_rz7ax_32 ._approvalpending-writer_rz7ax_47{font-size:15px;color:#2196f3;font-weight:600}@media (max-width: 768px){._approvalpending-card_rz7ax_1{padding:16px;overflow:visible}._approvalpending-info_rz7ax_32{flex-direction:column;gap:8px;align-items:flex-start}}._filterContainer_1owkj_2{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid #e9ecef}._filterHeader_1owkj_10{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}._filterHeader_1owkj_10 h3{margin:0;font-size:16px;font-weight:600;color:#333}._clearButton_1owkj_23{background:#6c757d;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}._clearButton_1owkj_23:hover{background:#5a6268}._filterContent_1owkj_37{display:flex;flex-direction:column;gap:15px}._filterRow_1owkj_43{display:flex;align-items:center}._filterItem_1owkj_48{display:flex;align-items:center;gap:12px;flex:1}._filterItem_1owkj_48 label{font-weight:500;color:#495057;min-width:60px;font-size:14px}._filterItem_1owkj_48 input,._filterItem_1owkj_48 select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s}._filterItem_1owkj_48 input:focus,._filterItem_1owkj_48 select:focus{outline:none;border-color:#4a7ae5;box-shadow:0 0 0 2px #4a7ae540}._dateInputs_1owkj_74{display:flex;align-items:center;gap:8px}._dateSeparator_1owkj_80{color:#6c757d;font-weight:500}._dateInput_1owkj_74{width:140px;color:#868e96}._dateInput_1owkj_74::placeholder{color:#868e96;opacity:1}._dateInput_1owkj_74:not(:placeholder-shown){color:#212529}._titleInput_1owkj_100{flex:1;max-width:400px}@media (max-width: 768px){._filterContent_1owkj_37{gap:16px}._filterRow_1owkj_43,._filterItem_1owkj_48{flex-direction:column;align-items:flex-start;gap:8px}._filterItem_1owkj_48{width:100%}._filterItem_1owkj_48 label{min-width:auto}._dateInputs_1owkj_74,._titleInput_1owkj_100{width:100%}._dateInputs_1owkj_74{gap:8px}._dateInput_1owkj_74{width:100%}}._paginationNav_xao86_3{display:flex;justify-content:center}._paginationList_xao86_9{display:flex;align-items:center;gap:8px;list-style:none;padding:0;margin:0}._pageItem_xao86_18 button,._pageItem_xao86_18 span{display:flex;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 12px;font-size:14px;font-weight:500;border-radius:6px;transition:all .2s ease-in-out}._pageItem_xao86_18 button{background-color:#fff;border:1px solid #dee2e6;color:#495057;cursor:pointer}._pageItem_xao86_18 button:hover{background-color:#f8f9fa;border-color:#adb5bd}._pageItem_xao86_18._active_xao86_46 button{background-color:#007bff;border-color:#007bff;color:#fff;font-weight:700;box-shadow:0 2px 4px #007bff40}._pageItem_xao86_18._disabled_xao86_53 button{background-color:#f8f9fa;color:#ced4da;cursor:not-allowed;border-color:#e9ecef}._pageItem_xao86_18._ellipsis_xao86_59 span{color:#adb5bd}@media (max-width: 480px){._pageItem_xao86_18 button,._pageItem_xao86_18 span{min-width:32px;height:32px;padding:0 8px;font-size:13px}}._skeletonCard_sduib_3{background-color:#fff;border-radius:8px;padding:20px 24px;border:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;gap:24px}._line_sduib_14{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:_loading_sduib_1 1.5s infinite;border-radius:4px;height:16px}._left_sduib_22{flex:1;display:flex;flex-direction:column;gap:10px}._right_sduib_29{width:150px}._short_sduib_33{width:40%}._medium_sduib_37{width:80%}._long_sduib_41{width:90%}@keyframes _loading_sduib_1{0%{background-position:200% 0}to{background-position:-200% 0}}._modalOverlay_1bs4d_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}._modalContent_1bs4d_14{background:#fff;border-radius:8px;width:900px;max-width:95vw;height:80vh;max-height:700px;display:flex;flex-direction:column;box-shadow:0 5px 15px #0000004d}._modalHeader_1bs4d_26{padding:16px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}._modalHeader_1bs4d_26 h3{margin:0;font-size:18px;font-weight:600}._modalHeader_1bs4d_26 ._closeButton_1bs4d_38{background:none;border:none;font-size:28px;font-weight:300;cursor:pointer;color:#718096;line-height:1}._modalBody_1bs4d_48{padding:24px;overflow-y:auto;flex-grow:1}._modalBody_1bs4d_48 ._sectionHeader_1bs4d_53{margin-bottom:16px}._modalBody_1bs4d_48 ._sectionHeader_1bs4d_53 h4{font-size:16px;font-weight:600;margin-bottom:4px}._modalBody_1bs4d_48 ._sectionHeader_1bs4d_53 p{font-size:13px;color:#718096;margin:0}._selectedSection_1bs4d_67{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}._selectedSection_1bs4d_67 ._selectedList_1bs4d_72{display:flex;flex-wrap:wrap;gap:10px;min-height:42px;padding:12px;border:1px dashed #cbd5e0;border-radius:6px}._selectedSection_1bs4d_67 ._selectedItem_1bs4d_81{display:inline-flex;align-items:center;background-color:#e9ecef;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500;color:#495057}._selectedSection_1bs4d_67 ._selectedItem_1bs4d_81 button{background:none;border:none;margin-left:8px;cursor:pointer;font-size:16px;color:#868e96;padding:0;line-height:1}._selectedSection_1bs4d_67 ._selectedItem_1bs4d_81 button:hover{color:#343a40}._selectionSection_1bs4d_105 ._sectionHeader_1bs4d_53{display:flex;justify-content:space-between;align-items:center}._selectionSection_1bs4d_105 ._searchBar_1bs4d_110 input{width:280px;padding:8px 12px;border:1px solid #cbd5e0;border-radius:4px;font-size:14px}._selectionSection_1bs4d_105 ._templateGrid_1bs4d_117{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}._selectionSection_1bs4d_105 ._templateItem_1bs4d_123{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;background-color:#f8f9fa;position:relative;transition:all .2s ease-in-out;min-height:100px}._selectionSection_1bs4d_105 ._templateItem_1bs4d_123:hover{border-color:#4299e1;transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}._selectionSection_1bs4d_105 ._templateItem_1bs4d_123._selected_1bs4d_67{border-color:#3182ce;background-color:#ebf8ff}._selectionSection_1bs4d_105 ._templateItem_1bs4d_123._selected_1bs4d_67 ._itemTitle_1bs4d_146{font-weight:600;color:#2c5282}._selectionSection_1bs4d_105 ._templateItem_1bs4d_123._selected_1bs4d_67 ._itemActionIcon_1bs4d_150 ._icon_1bs4d_150{color:#3182ce}._selectionSection_1bs4d_105 ._templateItem_1bs4d_123._selected_1bs4d_67 ._itemIcon_1bs4d_153 svg path{stroke:#3182ce}._selectionSection_1bs4d_105 ._templateItem_1bs4d_123 ._itemIcon_1bs4d_153{margin-bottom:12px}._selectionSection_1bs4d_105 ._templateItem_1bs4d_123 ._itemTitle_1bs4d_146{font-size:14px;text-align:center;color:#4a5568}._selectionSection_1bs4d_105 ._templateItem_1bs4d_123 ._itemActionIcon_1bs4d_150{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#a0aec0;background-color:#ffffff80}._modalFooter_1bs4d_179{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px;background-color:#f7fafc}._modalFooter_1bs4d_179 button{padding:10px 20px;border-radius:6px;border:1px solid transparent;cursor:pointer;font-size:14px;font-weight:600}._modalFooter_1bs4d_179 ._cancelButton_1bs4d_195{background-color:#fff;color:#4a5568;border-color:#e2e8f0}._modalFooter_1bs4d_179 ._saveButton_1bs4d_200{background-color:#3182ce;color:#fff}._categoryBar_1bs4d_205{margin-bottom:12px;display:flex;align-items:flex-start;justify-content:space-between;width:100%}._categoryBarLeft_1bs4d_213{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:220px}._sectionDesc_1bs4d_221{color:#6c757d;font-size:14px;margin-top:2px;margin-bottom:0}._sectionHeader_1bs4d_53 h4{margin:0;font-size:18px;font-weight:700;line-height:38px}._categorySelect_1bs4d_235{padding:6px 16px 6px 10px;border-radius:6px;border:1px solid #e0e0e0;font-size:15px;background:#f8fafd;color:#333;box-shadow:0 1px 2px #00000008;outline:none;transition:border-color .2s;height:38px;margin-left:auto;display:flex;align-items:center}._categorySelect_1bs4d_235:focus{border-color:#1976d2}._limitWarning_1bs4d_255{background:#fff3cd;color:#856404;border:1px solid #ffeeba;border-radius:6px;padding:8px 12px;margin:8px 0 0;font-size:14px;text-align:center}@media (max-width: 768px){._modalContent_1bs4d_14{width:95vw;height:85vh}._modalBody_1bs4d_48{padding:16px}._selectedSection_1bs4d_67 ._selectedList_1bs4d_72{padding:8px}._selectionSection_1bs4d_105 ._sectionHeader_1bs4d_53{flex-direction:column;align-items:stretch;gap:8px}._selectionSection_1bs4d_105 ._searchBar_1bs4d_110 input{width:100%}._selectionSection_1bs4d_105 ._templateGrid_1bs4d_117{grid-template-columns:repeat(2,1fr)}._modalFooter_1bs4d_179{flex-direction:column;align-items:stretch;gap:8px}}@media (max-width: 480px){._selectionSection_1bs4d_105 ._templateGrid_1bs4d_117{grid-template-columns:repeat(2,1fr);gap:10px}}._reportItem_akr4z_3{display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s,transform .12s ease-out,box-shadow .12s ease-out;overflow:visible}._reportItem_akr4z_3:hover{background-color:#f8f9fa;transform:translateY(-1px);box-shadow:0 3px 10px #0000000d}._reportItem_akr4z_3:active{transform:translateY(0);box-shadow:0 1px 4px #0000000a}._reportItem_akr4z_3:focus-within{outline:2px solid #1976d2;outline-offset:-2px;background-color:#f3f8ff}._left-section_akr4z_30{display:flex;align-items:center;gap:8px;min-width:0}._doc-icon_akr4z_37{font-size:24px;color:#adb5bd}._template-name_akr4z_42{font-size:14px;color:#495057;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._attachment-indicator_akr4z_50{font-size:13px;color:#868e96}._center-section_akr4z_59{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0;margin:0 16px}._card-title_akr4z_68{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._card-info_akr4z_79{font-size:13px;color:#868e96}._right-section_akr4z_84{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;overflow:visible}._cancel-schedule-btn_akr4z_93{background-color:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}._cancel-schedule-btn_akr4z_93:hover{background-color:#c82333}@media (max-width: 768px){._reportItem_akr4z_3{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}._left-section_akr4z_30,._center-section_akr4z_59,._right-section_akr4z_84{width:100%}._center-section_akr4z_59{order:1}._left-section_akr4z_30{order:2}._right-section_akr4z_84{order:3;justify-content:space-between;flex-wrap:wrap;gap:8px}._center-section_akr4z_59{padding:0}._card-info_akr4z_79 span{max-width:none}._cancel-schedule-btn_akr4z_93{width:100%;padding:8px 16px;font-size:14px}}@media (max-width: 480px){._reportItem_akr4z_3{padding:12px;gap:8px}._card-title_akr4z_68{font-size:14px}._card-info_akr4z_79{font-size:12px}._template-name_akr4z_42{font-size:13px}._approval-line-box_akr4z_157{display:none}}._statusSection_akr4z_162{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px}._approvalLineContainer_1dgoq_2{display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap;overflow:hidden;flex-wrap:wrap;max-width:100%;box-sizing:border-box}._approverNode_1dgoq_14{display:inline-flex;flex-direction:row;align-items:center;gap:4px;flex-shrink:0;max-width:200px;overflow:hidden;text-overflow:ellipsis}._statusIcon_1dgoq_25{font-size:18px;line-height:1}._approverName_1dgoq_30{font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}._arrow_1dgoq_39{font-size:16px;color:#ccc;flex-shrink:0}._approved_1dgoq_46{color:#28a745}._rejected_1dgoq_50{color:#dc3545}._pending_1dgoq_54{color:#007bff}._approverPositionRole_1dgoq_58{margin-left:6px;font-size:13px;color:#6c757d;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80px}._ellipsis_1dgoq_69{font-weight:600;color:#868e96;cursor:default}._finalNode_1dgoq_84,._finalApproved_1dgoq_84,._finalRejected_1dgoq_84,._finalIcon_1dgoq_84{display:none}._ellipsis_1dgoq_69{color:#999;font-weight:700;align-self:center}._noApprovers_1dgoq_75{font-size:14px;color:#888;padding:20px;text-align:center;width:100%}._approverPositionRole_1dgoq_58{margin-left:6px;font-size:13px;color:#6c757d;font-weight:400}._modalOverlay_1iq7o_3{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}._modalContent_1iq7o_16{background-color:#fff;padding:24px;border-radius:12px;box-shadow:0 5px 20px #0003;width:90vw;max-width:600px}._modalHeader_1iq7o_25{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #eee}._modalHeader_1iq7o_25 h3{margin:0;font-size:20px;font-weight:600}._closeButton_1iq7o_39{background:none;border:none;font-size:28px;cursor:pointer;color:#888}._visualLineWrapper_1iq7o_47{margin-bottom:24px;padding:16px;background-color:#f8f9fa;border-radius:8px;overflow-x:auto}._loading_1iq7o_55{text-align:center;padding:40px;color:#888}._approverList_1iq7o_61{list-style:none;padding:0;margin:0;max-height:400px;overflow-y:auto}._approverItem_1iq7o_69{display:flex;position:relative;padding:16px 0}._approverItem_1iq7o_69:not(:last-child){border-bottom:1px solid #f1f3f5}._statusIconWrapper_1iq7o_78{margin-right:16px;flex-shrink:0}._statusBadge_1iq7o_83{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:16px;font-size:13px;font-weight:600;width:70px;justify-content:center}._statusBadge_1iq7o_83._approved_1iq7o_94{background-color:#e6f4ea;color:#34a853}._statusBadge_1iq7o_83._rejected_1iq7o_98{background-color:#fce8e6;color:#ea4335}._statusBadge_1iq7o_83._pending_1iq7o_102{background-color:#e8f0fe;color:#4285f4}._approverDetails_1iq7o_107{display:flex;flex-direction:column;gap:8px;flex-grow:1}._profile_1iq7o_114{display:flex;align-items:center;gap:12px}._profileImage_1iq7o_120{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #eee}._info_1iq7o_128{display:flex;flex-direction:column;justify-content:center}._nameAndTimestamp_1iq7o_134{display:flex;align-items:baseline;gap:8px}._name_1iq7o_134{font-size:16px;font-weight:600;color:#333;margin-right:8px}._position_1iq7o_147{font-size:14px;color:#666}._dept_1iq7o_152{font-size:13px;color:#888}._comment_1iq7o_157{font-size:14px;background-color:#f8f9fa;border-radius:6px;padding:10px;border:1px solid #f1f3f5;white-space:pre-wrap;word-break:break-all}@media (max-width: 768px){._modalContent_1iq7o_16{width:90vw;padding:16px;max-height:85vh}._modalHeader_1iq7o_25 h3{font-size:18px}._visualLineWrapper_1iq7o_47{padding:12px}}.tiptap-editor{border:1px solid #ccc;border-radius:10px;padding:8px;max-width:800px;margin:0 auto;font-family:Noto Sans KR,sans-serif}.tiptap-editor .toolbar{margin-bottom:8px;display:flex;flex-wrap:wrap;gap:10px}.tiptap-editor .toolbar button{margin-right:6px;padding:6px 12px;background:#f9f9f9;border:1px solid #bbb;cursor:pointer;border-radius:4px;font-size:11px;font-weight:700;transition:background-color .2s ease,border-color .2s ease}.tiptap-editor .toolbar button:hover{background-color:#e6f7ff;border-color:#91d5ff}.tiptap-editor .toolbar button.active{background-color:#1890ff;color:#fff;border-color:#1890ff}.tiptap-editor .toolbar .color-group{display:flex;align-items:center;gap:10px}.tiptap-editor .toolbar .color-group label{font-size:13px;font-weight:600;color:#333;text-align:center;display:inline-block}.tiptap-editor .toolbar .color-group input[type=color]{width:28px;height:28px;padding:0;border:none;border-radius:50%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tiptap-editor .toolbar .color-group input[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}.tiptap-editor .toolbar .color-group input[type=color]::-webkit-color-swatch{border-radius:50%}.tiptap-editor .toolbar .font-group{display:flex;align-items:center;gap:5px}.tiptap-editor .toolbar .font-group label{font-size:13px;font-weight:600;color:#333;min-width:60px;text-align:center;display:inline-block}.tiptap-editor .toolbar .font-group select{padding:5px 8px;border:1px solid #bbb;border-radius:5px;font-size:14px;cursor:pointer;min-width:100px;transition:border-color .2s ease}.tiptap-editor .toolbar .font-group select:hover{border-color:#91d5ff}.tiptap-editor .toolbar .font-group select:focus{outline:none;border-color:#1890ff;box-shadow:0 0 3px #1890ff}.tiptap-editor .ProseMirror{min-height:200px;padding:10px;outline:none;border:1px solid #ddd;border-radius:10px;font-size:16px;line-height:1.6;background-color:#fff}.spellcheck-error{text-decoration:red wavy underline;text-decoration-skip-ink:none}button[title="맞춤법 검사"]{font-size:14px;padding:4px 8px;background-color:#eef;border-radius:4px;margin-left:8px;cursor:pointer}._modalOverlay_1bsdb_1{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000059;z-index:1000;display:flex;align-items:center;justify-content:center}._modalContainer_1bsdb_14{background:#fff;min-width:360px;max-width:480px;width:90%;border-radius:16px;box-shadow:0 8px 32px #0000002e;padding:32px 28px 24px;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}@media (max-width: 480px){._modalContainer_1bsdb_14{min-width:unset;padding:16px 16px 12px}}._modalTitle_1bsdb_34{margin:0 0 18px;font-size:22px;font-weight:700;color:#222;text-align:center}._tabGroup_1bsdb_43{display:flex;gap:8px;margin-bottom:12px}._tab_1bsdb_43,._activeTab_1bsdb_49{flex:1;background:#e3e8ef;color:#222;border:none;border-radius:16px;height:32px;font-weight:600;cursor:pointer;font-size:15px;transition:background .2s}._activeTab_1bsdb_49{background:#1976d2;color:#fff}._employeeList_1bsdb_67{max-height:260px;overflow-y:auto;padding:0;margin:0 0 18px}._employeeItem_1bsdb_75{list-style:none;margin-bottom:10px;display:flex;align-items:center;gap:8px}._employeeItem_1bsdb_75._selected_1bsdb_82{background:#e3f2fd;border-radius:8px;transition:background .2s}._employeeLabel_1bsdb_88{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:16px;color:#333;width:100%}._employeeLabel_1bsdb_88:hover{background:#f1f8fe;border-radius:8px}._employeeInput_1bsdb_102{accent-color:#1976d2;width:18px;height:18px;margin:0}._employeeInput_1bsdb_102:focus{outline:2px solid #1976d2;box-shadow:0 0 0 2px #bbdefb}._employeeInfo_1bsdb_114{flex:1}._employeeMeta_1bsdb_118{color:#888;font-size:14px}._departmentList_1bsdb_123{max-height:260px;overflow-y:auto;margin-bottom:18px}._departmentItem_1bsdb_129{margin-bottom:10px;border:1px solid #e3e8ef;border-radius:10px;background:#f8fafc}._departmentHeader_1bsdb_136{padding:10px 16px;font-weight:600;font-size:16px;color:#1976d2;cursor:pointer;border-radius:10px;-webkit-user-select:none;user-select:none}._departmentHeader_1bsdb_136:hover{background:#e3f2fd}._departmentCount_1bsdb_149{color:#888;font-weight:400;font-size:14px}._departmentArrow_1bsdb_155{float:right;font-size:18px}._departmentEmployeeList_1bsdb_160{max-height:140px;overflow-y:auto;margin:0;padding:0 0 0 8px;transition:max-height .3s cubic-bezier(.4,0,.2,1)}._buttonGroup_1bsdb_168{display:flex;justify-content:flex-end;gap:10px}._confirmButton_1bsdb_174{background:#1976d2;color:#fff;border:none;border-radius:16px;height:32px;padding:0 20px;cursor:pointer;font-weight:500;font-size:15px;transition:background .2s}._confirmButton_1bsdb_174:hover{background:#1565c0}._confirmButton_1bsdb_174:focus,._cancelButton_1bsdb_191:focus{outline:2px solid #1976d2;box-shadow:0 0 0 2px #bbdefb}._cancelButton_1bsdb_191{background:#e3e8ef;color:#222;border:none;border-radius:16px;height:32px;padding:0 20px;cursor:pointer;font-weight:500;font-size:15px;transition:background .2s}._cancelButton_1bsdb_191:hover{background:#cfd8dc}._searchRow_1bsdb_212{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-bottom:12px}._searchInput_1bsdb_220{width:100%;padding:8px 12px;margin-bottom:0;border:1px solid #ddd;border-radius:8px;font-size:15px;box-sizing:border-box}._searchInput_1bsdb_220:focus{border-color:#1976d2;box-shadow:0 0 0 2px #bbdefb}._loading_1bsdb_235{color:#1976d2;text-align:center;margin:16px 0;font-size:16px}._error_1bsdb_242{color:#d32f2f;background:#f8d7da;border:1px solid #f5c6cb;padding:10px;border-radius:6px;margin-bottom:10px;text-align:center}._error_1bsdb_242,._loading_1bsdb_235,._noResult_1bsdb_254{text-align:center;width:100%}._noResult_1bsdb_254{color:#888;text-align:center;padding:16px 0;font-size:15px}@media (max-width: 480px){._confirmButton_1bsdb_174,._cancelButton_1bsdb_191{font-size:13px;height:28px;padding:0 10px}}._employeeList_1bsdb_67,._departmentList_1bsdb_123,._departmentEmployeeList_1bsdb_160{scrollbar-width:thin;scrollbar-color:#1976d2 #f8fafc}._employeeList_1bsdb_67::-webkit-scrollbar,._departmentList_1bsdb_123::-webkit-scrollbar,._departmentEmployeeList_1bsdb_160::-webkit-scrollbar{width:6px;background:#f8fafc}._employeeList_1bsdb_67::-webkit-scrollbar-thumb,._departmentList_1bsdb_123::-webkit-scrollbar-thumb,._departmentEmployeeList_1bsdb_160::-webkit-scrollbar-thumb{background:#1976d2;border-radius:6px}@media (max-width: 768px){._modalContainer_1bsdb_14{width:95vw;height:80vh;padding:16px}._modalTitle_1bsdb_34{font-size:20px;margin-bottom:12px}._employeeList_1bsdb_67,._departmentList_1bsdb_123{max-height:calc(100% - 180px)}}@media (max-width: 480px){._searchRow_1bsdb_212{grid-template-columns:1fr;gap:6px}}._pageContainer_1vp6b_2{max-width:1000px;margin:32px auto 0;background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000012;padding:32px 48px 48px}._section_1vp6b_11{margin-bottom:32px;background:#f8f9fb;border-radius:8px;padding:24px 24px 8px;box-shadow:0 1px 4px #0000000a}._formRow_1vp6b_19{display:flex;align-items:center;min-height:48px;gap:0;margin-bottom:18px}._formLabel_1vp6b_27{width:110px;min-width:90px;font-weight:600;color:#222;text-align:left;flex-shrink:0;padding-top:0;display:flex;align-items:center}._formField_1vp6b_39{flex:1;display:flex;align-items:center;gap:16px}._formField_1vp6b_39._vertical_1vp6b_46{flex-direction:column;align-items:stretch;gap:10px}._editorContainer_1vp6b_52{width:100%;min-width:0;min-height:300px}._formInput_1vp6b_58,._formField_1vp6b_39 input,._formField_1vp6b_39 textarea,._formField_1vp6b_39 select{width:100%;min-width:0;max-width:100%;padding:10px 14px;border:1px solid #d0d7de;border-radius:6px;font-size:16px;background:#f9fafb;transition:border-color .2s}._formInput_1vp6b_58:focus,._formField_1vp6b_39 input:focus,._formField_1vp6b_39 textarea:focus,._formField_1vp6b_39 select:focus{border-color:#1976d2;background:#fff;outline:none}._periodContainer_1vp6b_81{display:flex;align-items:center;gap:10px}._actionButton_1vp6b_87,._referenceButton_1vp6b_88{background:#1976d2;color:#fff;border:none;border-radius:5px;padding:8px 20px;font-size:15px;font-weight:500;cursor:pointer;margin-left:0;transition:background .2s}._actionButton_1vp6b_87:hover,._referenceButton_1vp6b_88:hover{background:#1251a3}._fileUploadArea_1vp6b_105{display:flex;align-items:center;gap:12px;margin-bottom:8px}._fileInput_1vp6b_112{display:none}._fileUploadButton_1vp6b_116{background:#1976d2;color:#fff;border:none;border-radius:4px;padding:8px 18px;font-size:15px;cursor:pointer;font-weight:500;transition:background .2s}._fileUploadButton_1vp6b_116:hover{background:#1251a3}._selectedFilesSection_1vp6b_131{margin-top:8px;display:flex;flex-wrap:wrap;gap:10px}._fileTag_1vp6b_138{background:#e3f2fd;color:#1976d2;border-radius:16px;padding:6px 14px;font-size:14px;display:flex;align-items:center;gap:8px}._removeFileButton_1vp6b_149{background:none;border:none;color:#e53935;font-size:16px;cursor:pointer;margin-left:4px}._removeFileButton_1vp6b_149:hover{color:#b71c1c}._fileUploadHint_1vp6b_161{color:#888;font-size:13px}._referenceContainer_1vp6b_166{flex:1}._existingFilesSection_1vp6b_170{margin-top:10px;background:#f1f3f6;border-radius:6px;padding:12px 16px}._buttonGroup_1vp6b_177{display:flex;justify-content:flex-end;gap:20px;margin-top:36px}._submitButton_1vp6b_184{background:#1976d2;color:#fff;border:none;border-radius:6px;padding:12px 32px;font-size:17px;font-weight:600;cursor:pointer;transition:background .2s}._submitButton_1vp6b_184:hover{background:#1251a3}._scheduleButton_1vp6b_199{background:#ff9800;color:#fff;border:none;border-radius:6px;padding:12px 32px;font-size:17px;font-weight:600;cursor:pointer;transition:background .2s}._scheduleButton_1vp6b_199:hover{background:#f57c00}._draftButton_1vp6b_214{background:#e0e0e0;color:#333;border:none;border-radius:6px;padding:12px 32px;font-size:17px;font-weight:600;cursor:pointer;transition:background .2s}._draftButton_1vp6b_214:hover{background:#bdbdbd}._cancelButton_1vp6b_229{background:#fff;color:#e53935;border:1.5px solid #e57373;border-radius:6px;padding:12px 32px;font-size:17px;font-weight:600;cursor:pointer;transition:background .2s}._cancelButton_1vp6b_229:hover{background:#ffeaea}@media (max-width: 900px){._pageContainer_1vp6b_2{padding:16px 4px 32px}._section_1vp6b_11{padding:14px 6px 6px}._buttonGroup_1vp6b_177{flex-direction:column;align-items:stretch;gap:12px}._formLabel_1vp6b_27{width:80px;min-width:70px;font-size:15px}}._modalOverlay_1vp6b_262{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}._modalContent_1vp6b_275{background:#fff;border-radius:12px;padding:32px;max-width:500px;width:90%;box-shadow:0 4px 20px #00000026}._modalContent_1vp6b_275 h3{margin:0 0 16px;color:#333;font-size:20px;font-weight:600}._modalContent_1vp6b_275 p{margin:0 0 24px;color:#666;font-size:15px}._modalButtons_1vp6b_295{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}._timeSelector_1vp6b_302{display:flex;align-items:center;gap:8px}._timeSelect_1vp6b_302{padding:8px 12px;border:1px solid #d0d7de;border-radius:6px;font-size:16px;background:#f9fafb;transition:border-color .2s;min-width:80px}._timeSelect_1vp6b_302:focus{border-color:#1976d2;background:#fff;outline:none}._timeSelect_1vp6b_302:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}._timeSeparator_1vp6b_328{font-size:18px;font-weight:600;color:#333}@media (max-width: 768px){._pageContainer_1vp6b_2,._section_1vp6b_11{padding:16px}._formRow_1vp6b_19{flex-direction:column;align-items:flex-start;gap:8px}._formLabel_1vp6b_27{min-width:auto;font-weight:600}._formField_1vp6b_39{width:100%}._formInput_1vp6b_58,._editorContainer_1vp6b_52,._actionButton_1vp6b_87,._fileUploadButton_1vp6b_116{width:100%;box-sizing:border-box}._periodContainer_1vp6b_81{display:flex;width:100%;align-items:center;gap:8px}._periodContainer_1vp6b_81 input[type=date]{flex-grow:1}._buttonGroup_1vp6b_177{flex-direction:column;gap:10px}._buttonGroup_1vp6b_177>button{width:100%;margin:0}}@media (max-width: 480px){._pageContainer_1vp6b_2,._section_1vp6b_11{padding:12px}._formLabel_1vp6b_27{width:auto;min-width:auto;font-size:14px}._submitButton_1vp6b_184,._scheduleButton_1vp6b_199,._draftButton_1vp6b_214,._cancelButton_1vp6b_229{padding:10px 16px;font-size:15px}._timeSelector_1vp6b_302{flex-wrap:wrap}._timeSelect_1vp6b_302{min-width:70px}}._approvalContainer_22wdz_3{padding:24px;background-color:#f8f9fa;min-height:100vh;position:relative}._detailMainBox_22wdz_10{max-width:900px;margin:0 auto;background-color:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 12px #0000000d;border:1px solid #e9ecef}._printButton_22wdz_20{position:absolute;top:24px;right:24px;background:#fff;border:1px solid #dee2e6;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}._printButton_22wdz_20:hover{transform:scale(1.1);border-color:#007bff;color:#007bff}._topSection_22wdz_44{border-bottom:1px solid #e9ecef;padding-bottom:24px;margin-bottom:24px}._titleBox_22wdz_50{display:flex;align-items:center;gap:16px;margin-bottom:16px}._title_22wdz_50{font-size:28px;font-weight:700;color:#212529;margin:0}._statusBadge_22wdz_64{font-size:14px;font-weight:600;padding:6px 12px;border-radius:16px;color:#fff}._statusBadge_22wdz_64._approved_22wdz_71{background-color:#28a745}._statusBadge_22wdz_64._in_progress_22wdz_74{background-color:#007bff}._statusBadge_22wdz_64._rejected_22wdz_77{background-color:#dc3545}._statusBadge_22wdz_64._recalled_22wdz_80{background-color:#6c757d}._statusBadge_22wdz_64._draft_22wdz_83{background-color:#ffc107;color:#212529}._infoRow_22wdz_88{display:flex;justify-content:space-between;align-items:center}._buttonGroup_22wdz_94{display:flex;gap:8px}._resubmitBtn_22wdz_99{background-color:#007bff;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}._resubmitBtn_22wdz_99:hover:not(:disabled){background-color:#0056b3}._resubmitBtn_22wdz_99:disabled{background-color:#ced4da;cursor:not-allowed}._infoBox_22wdz_118{display:flex;gap:24px;font-size:14px;color:#495057}._infoBox_22wdz_118 b{color:#212529}._contentSection_22wdz_129{padding-bottom:24px}._dynamicFields_22wdz_133{margin-bottom:32px}._reportTable_22wdz_137{width:100%;border-collapse:collapse;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}._tableRow_22wdz_145:not(:last-child){border-bottom:1px solid #dee2e6}._fieldLabel_22wdz_149{background-color:#f8f9fa;padding:12px 16px;font-weight:600;color:#495057;width:150px;text-align:left;border-right:1px solid #dee2e6}._fieldValue_22wdz_159{padding:12px 16px;color:#212529}._contentBody_22wdz_164{font-size:16px;line-height:1.8;color:#343a40;min-height:150px}._contentBody_22wdz_164 p,._contentBody_22wdz_164 h1,._contentBody_22wdz_164 h2,._contentBody_22wdz_164 h3,._contentBody_22wdz_164 h4,._contentBody_22wdz_164 ul,._contentBody_22wdz_164 ol{margin-bottom:1em}._imageGallery_22wdz_174{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}._imageWrapper_22wdz_181{border:1px solid #e9ecef;border-radius:8px;overflow:hidden}._attachedImage_22wdz_187{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}._attachmentSection_22wdz_194{margin-top:24px}._bottomSection_22wdz_199{border-top:1px solid #e9ecef;padding-top:24px}._historySection_22wdz_204{width:100%}._historyHeader_22wdz_208{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}._sectionTitle_22wdz_215{font-size:20px;font-weight:600;color:#212529;margin:0}._viewMoreBtn_22wdz_222{background:none;border:none;color:#007bff;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px}._viewMoreBtn_22wdz_222:hover{background-color:#e7f1ff}._historyList_22wdz_235{list-style:none;padding:0;margin:0}._historyItem_22wdz_242{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0}._historyItem_22wdz_242:not(:last-child){border-bottom:1px solid #f1f3f5}._profile_22wdz_252{display:flex;align-items:flex-start;gap:12px;flex-grow:1}._profileImage_22wdz_259{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #eee;flex-shrink:0}._info_22wdz_88{display:flex;flex-direction:column;gap:6px}._historyInfo_22wdz_274{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}._historyApprover_22wdz_281{font-size:16px;font-weight:600;color:#333}._position_22wdz_287{font-size:14px;color:#666}._historyStatus_22wdz_292{font-size:13px;font-weight:600;padding:2px 8px;border-radius:12px}._historyStatus_22wdz_292._approved_22wdz_71{background-color:#e6f4ea;color:#34a853}._historyStatus_22wdz_292._rejected_22wdz_77{background-color:#fce8e6;color:#ea4335}._historyStatus_22wdz_292._pending_22wdz_306{background-color:#e7f1ff;color:#007bff}._historyComment_22wdz_311{font-size:14px;color:#555;white-space:pre-wrap;word-break:break-word}._historyTimestamp_22wdz_318{font-size:13px;color:#888;text-align:right;flex-shrink:0;margin-left:16px;padding-top:4px}._noHistory_22wdz_327{color:#868e96;padding:24px;text-align:center}._confirmModalOverlay_22wdz_334{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1010}._confirmModal_22wdz_334{background:#fff;padding:24px;border-radius:8px;width:400px;max-width:90%}._confirmModal_22wdz_334 h3{margin:0 0 16px}._commonComments_22wdz_358{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}._commentBtn_22wdz_365{background:#f1f3f5;border:1px solid #dee2e6;border-radius:16px;padding:6px 12px;font-size:13px;cursor:pointer}._commentBtn_22wdz_365:hover{background:#e9ecef}._commentInput_22wdz_377{width:100%;min-height:80px;padding:8px;border:1px solid #ced4da;border-radius:4px;resize:vertical}._commentError_22wdz_386{color:#dc3545;font-size:13px;margin-top:4px}._confirmModalBtns_22wdz_392{margin-top:16px;display:flex;justify-content:flex-end;gap:8px}._confirmBtn_22wdz_399,._cancelBtn_22wdz_399{padding:8px 16px;border-radius:4px;border:none;cursor:pointer}._confirmBtn_22wdz_399{background-color:#007bff;color:#fff}._cancelBtn_22wdz_399{background-color:#6c757d;color:#fff}@media print{body *{visibility:hidden}._approvalContainer_22wdz_3,._approvalContainer_22wdz_3 *{visibility:visible}._approvalContainer_22wdz_3{position:absolute;left:0;top:0;width:100%;background:#fff}._resubmitBtn_22wdz_99,._buttonGroup_22wdz_94,._printButton_22wdz_20{display:none!important}}@media print{._printButton_22wdz_20{display:none}}@media (max-width: 768px){._approvalContainer_22wdz_3{padding:16px}._detailMainBox_22wdz_10{padding:20px}._title_22wdz_50{font-size:22px}._infoRow_22wdz_88{flex-direction:column;align-items:flex-start;gap:8px}._buttonGroup_22wdz_94{width:100%;justify-content:stretch;gap:10px}._buttonGroup_22wdz_94>button{flex:1}._fieldLabel_22wdz_149{width:110px}._imageGallery_22wdz_174{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}._attachmentList_ns1o5_2{margin:20px 0;padding:16px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fafafa}._attachmentList_ns1o5_2 ._title_ns1o5_9{margin:0 0 12px;font-size:14px;font-weight:600;color:#333}._attachmentList_ns1o5_2 ._fileList_ns1o5_15{display:flex;flex-direction:column;gap:8px}._attachmentList_ns1o5_2 ._fileItem_ns1o5_20{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;transition:all .2s ease}._attachmentList_ns1o5_2 ._fileItem_ns1o5_20:hover{border-color:#4a7ae5;box-shadow:0 2px 4px #4a7ae51a}._attachmentList_ns1o5_2 ._fileInfo_ns1o5_34{display:flex;align-items:center;gap:12px;flex:1;min-width:0}._attachmentList_ns1o5_2 ._fileIcon_ns1o5_41{font-size:20px;flex-shrink:0}._attachmentList_ns1o5_2 ._imageThumbnail_ns1o5_45{position:relative;flex-shrink:0}._attachmentList_ns1o5_2 ._thumbnailImage_ns1o5_49{width:40px;height:40px;object-fit:cover;border-radius:4px;border:1px solid #e0e0e0;background-color:#f8f9fa}._attachmentList_ns1o5_2 ._fallbackIcon_ns1o5_57{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;background-color:#f8f9fa;border-radius:4px;padding:8px}._attachmentList_ns1o5_2 ._fileDetails_ns1o5_67{display:flex;flex-direction:column;gap:2px;min-width:0}._attachmentList_ns1o5_2 ._fileName_ns1o5_73{font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}._attachmentList_ns1o5_2 ._fileSize_ns1o5_82{font-size:12px;color:#666}._attachmentList_ns1o5_2 ._fileActions_ns1o5_86{display:flex;align-items:center;gap:8px;flex-shrink:0}._attachmentList_ns1o5_2 ._downloadButton_ns1o5_92,._attachmentList_ns1o5_2 ._removeButton_ns1o5_93{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;background-color:transparent;cursor:pointer;font-size:16px;transition:all .2s ease}._attachmentList_ns1o5_2 ._downloadButton_ns1o5_92:hover,._attachmentList_ns1o5_2 ._removeButton_ns1o5_93:hover{background-color:#f0f0f0}._attachmentList_ns1o5_2 ._downloadButton_ns1o5_92{color:#4a7ae5}._attachmentList_ns1o5_2 ._downloadButton_ns1o5_92:hover{background-color:#e8f2ff}._attachmentList_ns1o5_2 ._removeButton_ns1o5_93{color:#dc3545}._attachmentList_ns1o5_2 ._removeButton_ns1o5_93:hover{background-color:#ffe8e8}._attachmentList_ns1o5_2 ._emptyState_ns1o5_122{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#666}._attachmentList_ns1o5_2 ._emptyIcon_ns1o5_131{font-size:48px;margin-bottom:12px;opacity:.5}._attachmentList_ns1o5_2 p{margin:0;font-size:14px}@media (max-width: 768px){._fileItem_ns1o5_20{padding:10px}._fileName_ns1o5_73{font-size:13px;max-width:150px}._fileSize_ns1o5_82{font-size:11px}}.pagination{display:flex;gap:.5rem}.pagination .page-button{padding:.4rem .8rem;border:1px solid #ccc;background-color:#fff;border-radius:4px;cursor:pointer;font-size:.95rem;transition:all .2s}.pagination .page-button:hover{background-color:#f2f2f2}.pagination .page-button.active{background-color:#007bff;color:#fff;border-color:#007bff}._pageContainer_toubw_2{display:flex;height:calc(100vh - 120px);background-color:#f4f6f8}._sidebar_toubw_8{width:240px;background-color:#fff;border-right:1px solid #e9e9e9;display:flex;flex-direction:column;padding:1rem}._sidebarHeader_toubw_17{padding-bottom:1rem;border-bottom:1px solid #e9e9e9}._sidebarHeader_toubw_17 h4{margin:0;font-size:1.1rem;color:#333}._categoryList_toubw_27{flex-grow:1;overflow-y:auto;list-style-type:none;margin:0;padding:1rem 0}._categoryItem_toubw_35{padding:12px 15px;cursor:pointer;border-radius:6px;margin-bottom:5px;transition:background-color .2s;display:flex;justify-content:space-between;align-items:center}._categoryItem_toubw_35:hover{background-color:#f0f2f5}._categoryItem_toubw_35._active_toubw_48{background-color:#e6f7ff;color:#1890ff;font-weight:600}._categoryItem_toubw_35 ._categoryInfo_toubw_53{display:flex;flex-direction:column}._categoryItem_toubw_35 ._categoryName_toubw_57{font-size:14px}._categoryItem_toubw_35 ._categoryDesc_toubw_60{font-size:12px;color:#888;margin-top:4px}._categoryItem_toubw_35 ._editButton_toubw_65{background:none;border:1px solid #d9d9d9;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}._categoryItem_toubw_35 ._editButton_toubw_65:hover{background-color:#f5f5f5;border-color:#1890ff;color:#1890ff}._categoryContent_toubw_80{display:flex;align-items:center;gap:8px}._editButton_toubw_65{background:none;border:none;color:#888;cursor:pointer;padding:4px;border-radius:4px;font-size:12px;visibility:hidden;opacity:0;transition:opacity .2s,background-color .2s}._categoryItem_toubw_35:hover ._editButton_toubw_65{visibility:visible;opacity:1}._editButton_toubw_65:hover{background-color:#e0e0e0;color:#333}._error_toubw_107{color:#d9534f;padding:.75rem 1rem}._addCategoryButton_toubw_112{width:100%;padding:10px;background-color:#f8f9fa;border:1px dashed #ced4da;border-radius:6px;cursor:pointer;text-align:center;margin-top:auto;color:#495057;transition:background-color .2s,border-color .2s}._addCategoryButton_toubw_112:hover{background-color:#f1f3f5;border-color:#adb5bd}._mainContent_toubw_129{flex-grow:1;padding:2rem 2.5rem;display:flex;flex-direction:column;overflow-y:auto}._mainHeader_toubw_137{margin-bottom:1.5rem}._mainHeader_toubw_137 h2{margin:0;font-size:1.8rem;font-weight:700}._controls_toubw_146{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:12px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}._searchBar_toubw_157{flex:1 1 260px}._searchBar_toubw_157 input{width:100%;max-width:420px;padding:.7rem 1rem;border:1px solid #dee2e6;border-radius:6px;font-size:.95rem;box-sizing:border-box}._filterTabs_toubw_170{display:flex;gap:8px;flex:0 0 auto}._filterTabs_toubw_170 button{padding:.6rem 1rem;background-color:#fff;color:#495057;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}._filterTabs_toubw_170 button:hover{background-color:#f1f3f5;border-color:#cfd8dc}._filterTabs_toubw_170 button._active_toubw_48{background-color:#007bff;border-color:#007bff;color:#fff;font-weight:700}._actions_toubw_198{flex:0 0 auto}._actions_toubw_198 ._addButton_toubw_201{height:40px;padding:0 16px;background-color:#0052cc;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.95rem;white-space:nowrap;transition:background-color .2s ease}._actions_toubw_198 ._addButton_toubw_201:hover{background-color:#0041a3}@media (max-width: 768px){._controls_toubw_146{gap:8px}._searchBar_toubw_157{flex:1 1 200px}}._templateListContainer_toubw_226{background-color:#fff;padding:1rem;border-radius:8px;border:1px solid #e9e9e9;flex-grow:1}._templateItem_toubw_234{display:flex;align-items:center;gap:1rem;padding:1.25rem 1rem;border-bottom:1px solid #f1f3f5;transition:background-color .2s}._templateItem_toubw_234:last-child{border-bottom:none}._templateItem_toubw_234:hover{background-color:#fafafa}._checkboxContainer_toubw_249{flex-shrink:0;padding-right:.5rem}._checkboxContainer_toubw_249 input[type=checkbox]{width:18px;height:18px}._templateDetails_toubw_258{flex-grow:1;min-width:0}._templateTitle_toubw_263{font-size:1.05rem;font-weight:600;color:#343a40;margin-bottom:.25rem}._statusTag_toubw_270{font-size:.75rem;padding:.2rem .6rem;border-radius:12px;font-weight:600}._statusTag_toubw_270._active_toubw_48{background-color:#dbeafe;color:#1e40af}._statusTag_toubw_270._inactive_toubw_280{background-color:#f3f4f6;color:#4b5563}._templateDescription_toubw_285{font-size:.9rem;color:#6c757d;word-break:break-word;white-space:normal}._templateActions_toubw_293{flex-shrink:0;display:flex;gap:.5rem}._templateActions_toubw_293 button{background:#fff;border:1px solid #ced4da;color:#495057;padding:.4rem 1rem;font-size:.9rem;border-radius:6px;cursor:pointer;transition:background-color .2s,border-color .2s}._templateActions_toubw_293 button:hover{background-color:#f8f9fa;border-color:#adb5bd}._noResults_toubw_313{display:flex;justify-content:center;align-items:center;height:100%;text-align:center;color:#868e96;font-size:1rem}@media (max-width: 768px){._pageContainer_toubw_2{flex-direction:column}._sidebar_toubw_8{display:none}._mainContent_toubw_129{padding:16px;border-top:1px solid #e9e9e9}._mainHeader_toubw_137 h2{font-size:22px}._controls_toubw_146{flex-direction:column;align-items:stretch;gap:12px}._searchBar_toubw_157 input{max-width:none}._actions_toubw_198 ._addButton_toubw_201{width:100%}._templateItem_toubw_234{display:flex;align-items:center;padding:1.25rem 1rem;border-bottom:1px solid #f1f3f5;transition:background-color .2s;gap:1rem}._templateItem_toubw_234:last-child{border-bottom:none}._templateItem_toubw_234:hover{background-color:#fafafa}._checkboxContainer_toubw_249{flex-shrink:0;padding-right:.5rem}._checkboxContainer_toubw_249 input[type=checkbox]{width:18px;height:18px}._templateDetails_toubw_258{flex-grow:1;min-width:0}._templateTitle_toubw_263{font-size:1.05rem;font-weight:600;color:#343a40;margin-bottom:.25rem}._templateDescription_toubw_285{font-size:.9rem;color:#6c757d;word-break:break-word}._templateActions_toubw_293{flex-shrink:0;display:flex;gap:.5rem}._templateActions_toubw_293 button{background:#fff;border:1px solid #ced4da;color:#495057;padding:.4rem 1rem;font-size:.9rem;border-radius:6px;cursor:pointer;transition:background-color .2s,border-color .2s;white-space:nowrap}._templateActions_toubw_293 button:hover{background-color:#f8f9fa;border-color:#adb5bd}._templateActions_toubw_293 button._deleteButton_toubw_414:hover{border-color:#dc3545;color:#dc3545}._noResults_toubw_313{display:flex;justify-content:center;align-items:center;height:100%;text-align:center;color:#868e96;font-size:1rem}}@media (max-width: 768px) and (max-width: 768px){._templateItem_toubw_234{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}._templateActions_toubw_293{width:100%;display:flex;justify-content:flex-end;gap:8px}}@media (min-width: 769px){._controls_toubw_146{display:grid;grid-template-columns:1fr auto auto;align-items:center;column-gap:16px;overflow:visible}._filterTabs_toubw_170,._actions_toubw_198{white-space:nowrap}._actions_toubw_198 ._addButton_toubw_201{width:auto}}@media (max-width: 576px){._controls_toubw_146{flex-wrap:wrap;gap:10px}._searchBar_toubw_157{order:1;flex:1 1 100%}._searchBar_toubw_157 input{max-width:none}._filterTabs_toubw_170{order:2;flex:1 1 auto}._actions_toubw_198{order:3;flex:1 1 100%;display:flex;justify-content:flex-end}._actions_toubw_198 ._addButton_toubw_201{width:100%}}:root{--primary-color: #007bff;--primary-hover-color: #0056b3;--text-color-primary: #212529;--text-color-secondary: #6c757d;--border-color: #dee2e6;--background-color-light: #f8f9fa;--background-color-page: #f4f6f8;--danger-color: #dc3545;--danger-hover-color: #c82333;--white-color: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--border-radius: 8px}._formBuilderPage_xcp8p_20{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background-color-page);box-sizing:border-box}._mainContent_xcp8p_28{display:flex;flex-direction:column;flex-grow:1;align-items:center;padding:24px 0;overflow-y:auto}._leftPane_xcp8p_38,._rightPane_xcp8p_39{background-color:var(--white-color);border-radius:var(--border-radius);padding:24px;overflow-y:auto;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}._leftPane_xcp8p_38{flex:3}._rightPane_xcp8p_39{flex:2}._unifiedPane_xcp8p_56{background-color:var(--white-color);border-radius:var(--border-radius);padding:32px 32px 24px;margin:0 auto;max-width:700px;min-width:320px;width:100%;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px;min-height:600px;overflow-y:visible}._fieldSection_xcp8p_74,._settingSection_xcp8p_75{margin-bottom:32px}._section_xcp8p_79{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}._sectionTitle_xcp8p_85{font-size:1.25rem;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:8px}._infoNotice_xcp8p_94{background:#f0f4fa;color:#3a4a5a;border-radius:6px;padding:10px 14px;margin-bottom:7px;font-size:.98rem;display:flex;align-items:center;gap:6px}._infoIcon_xcp8p_106{font-size:1.1em}._required_xcp8p_110{color:var(--danger-color);margin-left:2px}._emptyState_xcp8p_115{color:#aaa;font-size:.97rem;margin:12px 0;text-align:center}._addButton_xcp8p_122{margin-top:10px;width:100%;font-weight:600;font-size:1.05rem;background-color:var(--primary-color);color:var(--white-color);border:none;border-radius:6px;padding:12px 0;transition:background .2s}._addButton_xcp8p_122:hover{background-color:var(--primary-hover-color)}._draggableField_xcp8p_140{margin-bottom:12px}._fieldItem_xcp8p_144{background-color:var(--white-color);border:1px solid var(--border-color);border-radius:6px;padding:16px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease-in-out;cursor:grab}._fieldItem_xcp8p_144:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}._fieldHeader_xcp8p_160{display:flex;flex-direction:column}._fieldName_xcp8p_165{font-weight:500;color:var(--text-color-primary)}._fieldDesc_xcp8p_170{font-size:.8rem;color:var(--text-color-secondary);margin-top:4px}._fieldControls_xcp8p_176{display:flex;gap:8px}._controlButton_xcp8p_181{background:none;border:1px solid var(--border-color);padding:5px 12px;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;color:var(--text-color-secondary);transition:all .2s}._controlButton_xcp8p_181:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:#007bff0d}._controlButton_xcp8p_181._danger_xcp8p_197:hover{border-color:var(--danger-color);color:var(--danger-color);background-color:#dc35450d}._addButton_xcp8p_122{width:100%;padding:12px;background-color:var(--white-color);border:1px dashed var(--border-color);border-radius:6px;cursor:pointer;font-size:.9rem;color:var(--text-color-secondary);transition:all .2s}._addButton_xcp8p_122:hover{background-color:#007bff0d;border-color:var(--primary-color);color:var(--primary-color)}._formGroup_xcp8p_221{margin-bottom:16px}._formGroup_xcp8p_221 label{display:block;font-weight:500;margin-bottom:8px;font-size:.9rem;color:var(--text-color-primary)}._formGroup_xcp8p_221 input[type=text],._formGroup_xcp8p_221 textarea,._formGroup_xcp8p_221 select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;font-size:.9rem;transition:border-color .2s;font-family:inherit;color:var(--text-color-primary)}._formGroup_xcp8p_221 input[type=text]:focus,._formGroup_xcp8p_221 textarea:focus,._formGroup_xcp8p_221 select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff33}._formGroup_xcp8p_221 textarea{resize:vertical;min-height:100px;font-family:inherit;font-size:.9rem;color:var(--text-color-primary)}._formGroup_xcp8p_221 div{display:flex;gap:20px;align-items:center}._formGroup_xcp8p_221 div label{margin-bottom:0;font-weight:400;cursor:pointer}._formGroup_xcp8p_221 div input[type=radio]{margin-right:5px}._footer_xcp8p_273{flex-shrink:0;display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background-color:var(--white-color);border-top:1px solid var(--border-color);box-shadow:0 -2px 5px #0000000d}._cancelButton_xcp8p_284,._saveButton_xcp8p_285{padding:10px 24px;border-radius:6px;border:1px solid transparent;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}._cancelButton_xcp8p_284{background-color:var(--white-color);color:var(--text-color-secondary);border-color:var(--border-color)}._cancelButton_xcp8p_284:hover{background-color:var(--background-color-light)}._saveButton_xcp8p_285{background-color:var(--primary-color);color:var(--white-color)}._saveButton_xcp8p_285:hover{background-color:var(--primary-hover-color)}._infoCard_xcp8p_313{background:var(--background-color-light);border:1px solid var(--border-color);border-radius:8px;padding:18px 20px;margin-bottom:12px}._infoRow_xcp8p_321{display:flex;align-items:flex-start;gap:16px;margin-bottom:10px}._infoLabel_xcp8p_328{min-width:90px;font-weight:600;color:var(--text-color-primary);font-size:1rem}._infoValue_xcp8p_335{color:var(--text-color-secondary);font-size:.98rem;word-break:break-all}@media (max-width: 768px){._mainContent_xcp8p_28{flex-direction:column;padding:16px}._leftPane_xcp8p_38,._rightPane_xcp8p_39{flex:none;width:100%}._footer_xcp8p_273{flex-direction:column-reverse;align-items:stretch;gap:10px}._footer_xcp8p_273 ._saveButton_xcp8p_285,._footer_xcp8p_273 ._cancelButton_xcp8p_284{width:100%}}._modalOverlay_skhhq_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}._modalContent_skhhq_14{background:#fff;padding:25px 30px;border-radius:8px;width:100%;max-width:500px;box-shadow:0 5px 15px #0000004d}._modalContent_skhhq_14 h2{margin-top:0;margin-bottom:24px;font-size:1.5rem;color:#333}._formGroup_skhhq_29{margin-bottom:16px}._formGroup_skhhq_29 label{display:block;margin-bottom:8px;font-weight:600;color:#555}._formGroup_skhhq_29 input[type=text],._formGroup_skhhq_29 textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem}._formGroup_skhhq_29 input[type=text]:focus,._formGroup_skhhq_29 textarea:focus{border-color:#007bff;outline:none}._formGroup_skhhq_29 textarea{min-height:100px;resize:vertical}._formGroup_skhhq_29 input[type=checkbox]{margin-right:8px}._errorInput_skhhq_58{border-color:#dc3545!important}._errorInput_skhhq_58:focus{border-color:#dc3545!important;box-shadow:0 0 0 .2rem #dc354540}._errorMessage_skhhq_66{color:#dc3545;font-size:.875rem;margin-top:4px;font-weight:500}._modalActions_skhhq_73{margin-top:30px;display:flex;justify-content:flex-end;gap:12px}._modalActions_skhhq_73 button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:600;transition:background-color .2s}._modalActions_skhhq_73 ._cancelButton_skhhq_87{background-color:#e9ecef;color:#333}._modalActions_skhhq_73 ._cancelButton_skhhq_87:hover{background-color:#dee2e6}._modalActions_skhhq_73 ._saveButton_skhhq_94{background-color:#007bff;color:#fff}._modalActions_skhhq_73 ._saveButton_skhhq_94:hover{background-color:#0056b3}@media (max-width: 768px){._modalContainer_skhhq_103{width:90vw;padding:20px;max-height:85vh;overflow-y:auto}}._modalOverlay_12au9_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}._modalContent_12au9_14{background:#fff;padding:25px 30px;border-radius:8px;width:100%;max-width:500px;box-shadow:0 5px 15px #0000004d}._modalContent_12au9_14 h2{margin-top:0;margin-bottom:24px;font-size:1.5rem;color:#333}._formGroup_12au9_29{margin-bottom:16px}._formGroup_12au9_29 label{display:block;margin-bottom:8px;font-weight:600;color:#555}._formGroup_12au9_29 input[type=text],._formGroup_12au9_29 textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem}._formGroup_12au9_29 input[type=text]:focus,._formGroup_12au9_29 textarea:focus{border-color:#007bff;outline:none}._formGroup_12au9_29 textarea{min-height:100px;resize:vertical}._modalActions_12au9_55{margin-top:30px;display:flex;justify-content:flex-end;gap:12px}._modalActions_12au9_55 button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:600;transition:background-color .2s}._modalActions_12au9_55 ._cancelButton_12au9_69{background-color:#e9ecef;color:#333}._modalActions_12au9_55 ._cancelButton_12au9_69:hover{background-color:#dee2e6}._modalActions_12au9_55 ._saveButton_12au9_76{background-color:#007bff;color:#fff}._modalActions_12au9_55 ._saveButton_12au9_76:hover{background-color:#0056b3}:root{--primary-color: #007bff;--text-color-primary: #212529;--text-color-secondary: #6c757d;--border-color: #dee2e6;--background-color-light: #f8f9fa;--white-color: #ffffff;--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--border-radius: 8px}._modalOverlay_1t3cs_16{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}._modalContent_1t3cs_29{background-color:var(--white-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);padding:24px 20px;width:100%;max-width:600px;position:relative;animation:_fadeIn_1t3cs_1 .3s ease-out;max-height:90vh;overflow-y:auto}@keyframes _fadeIn_1t3cs_1{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}._closeButton_1t3cs_52{position:absolute;top:16px;right:16px;background:none;border:none;font-size:1.8rem;color:var(--text-color-secondary);cursor:pointer;line-height:1;padding:0}._closeButton_1t3cs_52:hover{color:var(--text-color-primary)}._title_1t3cs_68{text-align:center;font-size:1.5rem;font-weight:600;margin-bottom:24px;color:var(--text-color-primary)}._section_1t3cs_77{margin-bottom:24px}._sectionTitle_1t3cs_81{font-size:1.1rem;font-weight:600;color:var(--text-color-primary);margin-bottom:4px}._sectionDesc_1t3cs_88{font-size:.9rem;color:var(--text-color-secondary);margin-bottom:16px}._optionGrid_1t3cs_95{display:flex;flex-direction:column;gap:12px}._optionCard_1t3cs_101{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease-in-out}._optionCard_1t3cs_101:hover{border-color:var(--primary-color);background-color:var(--background-color-light);transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}._icon_1t3cs_118{font-size:1.5rem;color:var(--primary-color);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#007bff1a;border-radius:50%}._details_1t3cs_130{display:flex;flex-direction:column}._name_1t3cs_135{font-weight:500;font-size:1rem;color:var(--text-color-primary)}._desc_1t3cs_141{font-size:.85rem;color:var(--text-color-secondary)}._note_1t3cs_146{font-size:.8rem;color:#dc3545;font-weight:500;margin-top:4px}._divider_1t3cs_154{text-align:center;margin:24px 0;color:var(--text-color-secondary);font-size:.9rem;font-weight:500;position:relative}._divider_1t3cs_154:before,._divider_1t3cs_154:after{content:"";position:absolute;top:50%;width:40%;height:1px;background-color:var(--border-color)}._divider_1t3cs_154:before{left:0}._divider_1t3cs_154:after{right:0}.notice-board .header{z-index:0;display:flex;padding-bottom:0;padding-left:15px;padding-right:15px}.notice-board .header .filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.notice-board .header .filters .reset-button{background-color:#e0e0e0;border:none;border-radius:4px;cursor:pointer}.notice-board .header .filters .reset-button:hover{background-color:#d5d5d5}.notice-board .header .write-button-wrapper{display:flex;justify-content:right;margin-left:55%}.notice-board .header .write-button-wrapper .write-button{padding:.5rem 1.2rem;background-color:#4e73df;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer}.notice-board .header .write-button-wrapper .write-button:hover{background-color:#395bb6}.notice-board .header .buttons button{margin-right:10px;padding:6px 12px;background-color:#00f;color:#000;border:none;cursor:pointer}.pagination button{padding:5px 10px;border:1px solid #ccc;background-color:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.view-mode-buttons{margin-right:10px;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-family:arial}.view-mode-buttons button{border-radius:50%;margin-right:5px;padding:6px 12px;border:0px solid #ccc;background-color:#f3f3f3;font-size:.95rem;cursor:pointer}.view-mode-buttons button.active{background-color:#007bff;color:#fff;font-weight:700;border-color:#007bff}.view-mode-buttons button:hover{background-color:#e0e0e0}.view-mode-buttons .favorite-toggle{display:flex;align-items:center;font-size:.95rem;margin-left:auto;gap:4px;font-family:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 12px;border:0px solid #ccc}.view-mode-buttons .favorite-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}.view-mode-buttons .favorite-toggle span{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit}.favorite-btn{background:transparent;border:none;cursor:pointer;padding:2px 6px;font-size:1.3em;transition:transform .2s ease,color .3s ease;color:#bbb}.favorite-btn:hover{transform:scale(1.2);color:gold}.favorite-btn.active{color:gold}.favorite-btn.active .star-icon{animation:pop .3s ease-in-out}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.write-button-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.write-button-wrapper .write-button{padding:6px 12px;font-size:.95rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.write-button-wrapper .write-button:hover{background-color:#0056b3}.write-button-wrapper .favorite-toggle-icon{font-size:1rem;font-family:inherit;background:none;border:none;cursor:pointer;color:#f5b400;padding:0;margin-left:2px}.write-button-wrapper .favorite-toggle-icon:hover{color:#d49f00}.active-star{color:gold;font-size:1rem;animation:pop .3s ease-in-out}.star{animation:pop .3s ease-in-out;color:#bbb}.date-wrapper{display:inline-block;max-width:140px!important;margin-right:0!important}.custom-date-input{max-width:140px!important;width:100%!important;padding:10px 12px;font-size:14px;border:1px solid #ccc;border-radius:4px;background-color:#fff;color:#000;box-sizing:border-box}.notice-write .options{display:flex;gap:24px;margin-bottom:24px}.notice-write .options label{font-size:16px;display:flex;align-items:center;gap:8px;font-weight:500}.notice-write .options label input[type=radio]{accent-color:#007bff;transform:scale(1.2);cursor:pointer}.notice-write .options label:first-child{font-weight:600}.notice-write .department-select{margin-bottom:24px}.notice-write .department-select label{font-size:15px;font-weight:500;margin-right:10px}.notice-write .department-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;padding:10px 14px;font-size:15px;color:#333;cursor:pointer;transition:border-color .2s ease-in-out}.notice-write .department-select select:hover{border-color:#007bff}.notice-write .department-select select:focus{outline:none;border-color:#007bff;background-color:#fff}.department-select{margin-top:10px}.department-select select{padding:5px;margin-left:10px}.publish-options{margin-top:20px;border:1px solid #ddd;padding:16px;border-radius:8px;background-color:#f9f9f9}.publish-options label{display:inline-flex;align-items:center;margin-right:20px;font-weight:500}.publish-options label input{margin-right:6px}.publish-options .datetime-picker{margin-top:10px}.publish-options .datetime-picker input[type=datetime-local]{padding:6px 10px;font-size:14px;border:1px solid #ccc;border-radius:6px}.publish-options .publish-buttons{margin-top:16px;display:flex;gap:10px}.publish-options .publish-buttons button{padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer}.publish-options .publish-buttons button:first-child{background-color:#3b82f6;color:#fff;border:none}.publish-options .publish-buttons button:first-child:hover{background-color:#2563eb}.publish-options .publish-buttons button:last-child{background-color:#e0e0e0;border:none}.publish-options .publish-buttons button:last-child:hover{background-color:#c6c6c6}.error-input,.editor-wrapper.error-input .tiptap-editor{border:1px solid #e57373!important;background-color:#ffecec!important}.swal2-popup.hrhub-swal-popup{border-radius:12px;padding:1.8rem;font-family:Pretendard,Noto Sans KR,sans-serif;box-shadow:0 10px 30px #0000001a}.swal2-title{font-size:1.4rem;font-weight:600}.swal2-html-container{font-size:1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:#fff;border-radius:12px;padding:30px 28px;width:380px;box-shadow:0 10px 25px #00000026;font-family:Pretendard,sans-serif}.modal-content h3{margin-bottom:20px;font-size:20px;font-weight:600;color:#22336b}.modal-content .radio-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.modal-content .radio-options label{font-size:16px;color:#333}.modal-content .radio-options label input{margin-right:8px}.modal-content .datepicker-wrapper{margin-bottom:20px}.modal-content .datepicker-wrapper .custom-datepicker{width:100%;padding:10px;border-radius:8px;border:1px solid #ccc;font-size:15px}.modal-content .modal-buttons{display:flex;justify-content:flex-end;gap:12px}.modal-content .modal-buttons button{padding:8px 16px;font-weight:600;border:none;border-radius:8px;cursor:pointer}.modal-content .modal-buttons .confirm{background-color:#3b82f6;color:#fff}.modal-content .modal-buttons .confirm:hover{background-color:#2563eb}.modal-content .modal-buttons .cancel{background-color:#e5e7eb;color:#333}.modal-content .modal-buttons .cancel:hover{background-color:#cbd5e1}.notice-write{max-width:800px;margin:0 auto;padding:40px 30px;background-color:#fff;border-radius:20px;box-shadow:0 8px 20px #00000014;font-family:Pretendard,Noto Sans KR,sans-serif;color:#000}.notice-write h2{font-size:30px;font-weight:700;margin-bottom:30px;text-align:center}.notice-write .title-input{width:100%;font-size:18px;padding:14px 18px;border:1px solid #ddd;border-radius:10px;margin-bottom:20px;box-sizing:border-box;transition:border-color .2s ease-in-out}.notice-write .title-input:focus{border-color:#007bff;outline:none}.notice-write .content-textarea{width:100%;height:300px;font-size:16px;padding:16px 18px;border:1px solid #ddd;border-radius:10px;resize:vertical;box-sizing:border-box;margin-bottom:28px;transition:border-color .2s ease-in-out}.notice-write .content-textarea:focus{border-color:#007bff;outline:none}.notice-write .attachments{margin-bottom:24px}.notice-write .attachments input[type=file]{font-size:15px}.notice-write .existing-files{margin-bottom:24px}.notice-write .existing-files h4{font-size:16px;font-weight:600;margin-bottom:8px}.notice-write .existing-files a{font-size:14px;color:#007bff;text-decoration:none}.notice-write .existing-files a:hover{text-decoration:underline}.notice-write .existing-files button{font-size:13px;background:none;border:none;color:#d9534f;cursor:pointer;margin-left:10px}.notice-write .existing-files button:hover{text-decoration:underline}.notice-write .buttons{display:flex;justify-content:flex-end;gap:12px}.notice-write .buttons button{padding:12px 24px;font-size:15px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:background-color .2s ease-in-out}.notice-write .buttons button:first-child{background-color:#007bff;color:#fff}.notice-write .buttons button:first-child:hover{background-color:#0056b3}.notice-write .buttons button:last-child{background-color:#e0e0e0;color:#333}.notice-write .buttons button:last-child:hover{background-color:#c6c6c6}.existing-files{margin-top:10px}.existing-files h4{margin-bottom:6px;font-size:14px}.existing-files a{font-size:14px;text-decoration:underline;color:#007bff}.existing-files button{font-size:13px;background:none;border:none;color:#d9534f;cursor:pointer}.selected-files{list-style:none;padding-left:0;margin-top:8px}.selected-files li{padding:2px 0;color:#333}.file-upload-label{display:inline-block;padding:6px 12px;background-color:#4e89ff;color:#fff;border-radius:6px;cursor:pointer;font-weight:500;font-size:.85rem;transition:background-color .2s ease;margin-top:8px}.file-upload-label:hover{background-color:#3a6fd1}.selected-files{margin-top:8px;list-style:none;padding-left:0}.selected-files li{font-size:.9rem;margin-bottom:4px;color:#333}.file-remove-button{background:none;border:none;font-size:.9rem;cursor:pointer;color:#d00;padding:0}.notice-detail .content{line-height:1.5;white-space:pre-wrap;word-break:break-word;width:100%;min-height:300px;height:100%;margin:0;background-color:#f0f0f0;box-sizing:border-box;background:#f8fafc;border-radius:8px;padding:18px 16px}.notice-detail .content p{margin:0 0 .5rem}.notice-detail .content br{display:none}.notice-detail .content table{margin-bottom:.5rem}.notice-detail .content img,.notice-detail .content iframe{max-width:100%;height:auto;display:block;margin:.5rem auto}.notice-detail .comment-section .comment-input textarea{resize:vertical;min-height:80px;max-width:800px;padding:12px 14px;font-size:15px;border:1px solid #ccc;border-radius:8px;font-family:Pretendard,Noto Sans KR,sans-serif;transition:border-color .2s ease-in-out;margin-right:auto;margin-left:auto}.notice-detail .comment-section .comment-input button{align-self:flex-end;padding:10px 18px;background-color:#3b82f6;color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease-in-out;box-shadow:0 1px 2px #0000001a}.notice-detail .comment-section .comment-list .comment-item p{margin:4px 0;word-break:break-word;color:#444}.notice-detail .comment-section .comment-list .comment-item textarea{min-height:60px;max-width:800px;resize:vertical;padding:8px 10px;font-size:14px;border-radius:6px;border:1px solid #ccc;font-family:Pretendard,Noto Sans KR,sans-serif}.notice-detail .comment-section .comment-list .comment-item .comment-buttons{margin-top:8px;display:flex;gap:8px}.notice-detail .comment-section .comment-list .comment-item .comment-buttons button{padding:6px 12px;font-size:13px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .2s ease-in-out}.notice-detail .comment-section .comment-list .comment-item .comment-buttons button:first-child{background-color:#f59e0b;color:#fff}.notice-detail .comment-section .comment-list .comment-item .comment-buttons button:first-child:hover{background-color:#b45309}.notice-detail .comment-section .comment-list .comment-item .comment-buttons button:last-child{background-color:#ef4444;color:#fff}.notice-detail .comment-section .comment-list .comment-item .comment-buttons button:last-child:hover{background-color:#b91c1c}@media (max-width: 431px){textarea{width:92%!important}hr{visibility:hidden!important}.notice-detail{margin:0!important;padding:500px 10px}.meta{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr;grid-row-gap:8px!important;grid-column-gap:0px!important;text-align:left!important;justify-items:start!important}.meta p{margin:0}.meta-with-attachment{flex-direction:row!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.attachment-link{display:none!important}.buttons button:not(:last-child){display:none!important}}@media print{body *{visibility:hidden}.notice-detail,.notice-detail *{visibility:visible}.notice-detail{position:absolute;left:0;top:0;width:100%;background:#fff}.buttons,.comment-section{display:none!important}}.print-button{position:absolute;top:20px;right:20px;width:42px;height:42px;color:#fff;font-size:18px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000001a;transition:background-color .2s ease-in-out}.print-button:hover{background-color:#6bc2ed}@media print{.print-button{display:none}}.reply-item .edit-input textarea{max-width:800px}.reply-input{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:flex-end;margin-top:8px}.edit-button{display:flex;justify-content:flex-end;gap:12px}.edit-button button{margin-top:10px;padding:5px 12px;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease-in-out;box-shadow:0 1px 2px #00000008;background-color:#3b82f6;color:#fff}.edit-button button:nth-child(1){background-color:#007bff;color:#fff}.edit-button button:nth-child(1):hover{background-color:#0056b3}.edit-button button:nth-child(2){background-color:#dc3545;color:#fff}.edit-button button:nth-child(2):hover{background-color:#a71d2a}.edit-button button:last-child{background-color:#e0e0e0;color:#333}.edit-button button:last-child:hover{background-color:#c6c6c6}.notice-detail{max-width:900px;margin:40px auto 0;padding:40px 30px;background-color:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;font-family:Pretendard,Noto Sans KR,sans-serif;color:#333;position:relative}.notice-detail h2{font-size:26px;font-weight:700;margin-bottom:20px;word-break:break-word;color:#22336b;line-height:1.3;letter-spacing:-.5px;text-align:left}.notice-detail .meta{display:flex;flex-wrap:wrap;font-size:14px;color:#666;gap:20px;padding-bottom:8px;flex-direction:column;border-bottom:1px solid #e5e7eb}.notice-detail .meta p{margin:0;font-weight:500;letter-spacing:-.2px}.notice-detail hr{border:none;border-top:1px solid #e0e0e0;margin:24px 0}.notice-detail .content{font-size:16px;line-height:1.5;white-space:pre-wrap;color:#444;word-break:break-word;width:100%;min-height:300px;height:100%;margin:0;background-color:#f0f0f0;box-sizing:border-box;background:#f8fafc;border-radius:8px;padding:18px 16px}.notice-detail .attachment{margin-top:20px;margin-bottom:24px}.notice-detail .attachment h4{margin-bottom:10px;font-size:16px}.notice-detail .attachment img{max-width:100%;border:1px solid #ccc;border-radius:8px;margin-bottom:10px}.notice-detail .attachment a{font-size:15px;color:#007bff;text-decoration:underline;display:inline-block;align-items:center;gap:6px;font-weight:600;background:#f1f5ff;padding:7px 16px 7px 10px;border-radius:6px;transition:background .15s}.notice-detail .attachment a:hover{background:#e0eaff;text-decoration:underline}.notice-detail .meta-with-attachment{display:flex;justify-content:space-between;align-items:center}.notice-detail .attachment-link a{font-weight:700;font-size:13px;text-decoration:none;color:#07c;transition:.2s}.notice-detail .attachment-link a:hover{text-decoration:underline}.notice-detail .buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.notice-detail .buttons button{padding:10px 18px;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease-in-out;box-shadow:0 1px 2px #00000008;margin-right:10px;background-color:#3b82f6;color:#fff}.notice-detail .buttons button:nth-child(1){background-color:#007bff;color:#fff}.notice-detail .buttons button:nth-child(1):hover{background-color:#0056b3}.notice-detail .buttons button:nth-child(2){background-color:#dc3545;color:#fff}.notice-detail .buttons button:nth-child(2):hover{background-color:#a71d2a}.notice-detail .buttons button:last-child{background-color:#e0e0e0;color:#333}.notice-detail .buttons button:last-child:hover{background-color:#c6c6c6}.notice-detail .comment-section{margin-top:40px}.notice-detail .comment-section h3{font-size:20px;font-weight:700;color:#22336b;margin-bottom:0;margin-left:20px}.notice-detail .comment-section .comment-input{display:flex;flex-direction:column;gap:8px}.notice-detail .comment-section .comment-input textarea{resize:vertical;min-height:80px;padding:12px 14px;font-size:15px;max-width:830px;border:1px solid #ccc;border-radius:8px;font-family:Pretendard,Noto Sans KR,sans-serif;transition:border-color .2s ease-in-out;margin-right:auto;margin-left:auto}.notice-detail .comment-section .comment-input textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 6px #3b82f666}.notice-detail .comment-section .comment-input button{align-self:flex-end;padding:10px 18px;background-color:#3b82f6;color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease-in-out;box-shadow:0 1px 2px #0000001a;margin-right:3%}.notice-detail .comment-section .comment-input button:hover{background-color:#2563eb}.notice-detail .comment-section .comment-list{display:flex;flex-direction:column;gap:18px}.notice-detail .comment-section .comment-list .noComment{margin-left:30px}.notice-detail .comment-section .comment-list .comment-item{padding:12px 16px;background-color:#f8fafc;border-radius:8px;box-shadow:0 1px 4px #0000000d}.notice-detail .comment-section .comment-list .comment-item .writerAndOption{display:flex}.notice-detail .comment-section .comment-list .comment-item .writerAndOption strong{font-size:14px;margin-top:10px}.notice-detail .comment-section .comment-list .comment-item .writerAndOption .comment-options{margin-left:auto;margin-right:20px}.notice-detail .comment-section .comment-list .comment-item p.commentContent{font-size:14px;margin-top:15px}.notice-detail .comment-section .comment-list .comment-item p.commentDate{font-size:13px;color:#777879}.notice-detail .comment-section .comment-list .comment-item p{word-break:break-word;color:#444}.notice-detail .comment-section .comment-list .comment-item>p:first-child{font-weight:600;font-size:14px;color:#22336b}.notice-detail .comment-section .comment-list .comment-item textarea{width:100%;min-height:60px;resize:vertical;padding:8px 10px;font-size:14px;border-radius:6px;border:1px solid #ccc;font-family:Pretendard,Noto Sans KR,sans-serif}.notice-detail .comment-section .comment-list .comment-item textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 6px #3b82f666}.notice-detail .comment-section .comment-list .comment-item .comment-buttons{margin-top:8px;display:flex;gap:5px}.notice-detail .comment-section .comment-list .comment-item .comment-buttons button{padding:6px 12px;font-size:11px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .2s ease-in-out}.notice-detail .comment-section .comment-list .comment-item .comment-buttons button:first-child{background-color:#5caee8;color:#fff}.notice-detail .comment-section .comment-list .comment-item .comment-buttons button:first-child:hover{background-color:#0929b3}@media (max-width: 600px){.notice-detail{padding:24px 16px}.notice-detail h2{font-size:22px}.notice-detail .buttons{flex-direction:column;align-items:stretch}.notice-detail .buttons button{width:100%}}.comment-input{position:relative}.comment-item{border-bottom:1px solid #eee;padding:12px 0}.comment-actions{display:flex;align-items:center;gap:8px}.comment-header{display:flex;justify-content:space-between;align-items:center}.replies{margin-left:20px;margin-top:8px}.reply-item{background-color:#f3f3f5;padding:10px;margin-top:5px;border-radius:6px}.reply-item .writerAndOption{display:flex}.reply-item .writerAndOption strong{font-size:110%;margin-top:10px}.reply-item .writerAndOption .comment-options{margin-left:auto;margin-right:20px}.comment-buttons button.reply-btn{padding:2px 6px;font-size:11px;border:1px solid #ccc;background-color:#fff;cursor:pointer;border-radius:4px}.comment-options{position:relative}.menu-popup{position:absolute;top:20px;right:0;background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 5px #00000026;border-radius:6px;z-index:999;min-width:80px}.menu-popup button{display:block;width:100%;padding:6px 10px;font-size:14px;border:none;background:none;text-align:left;cursor:pointer}.menu-popup button:hover{background-color:#f1f1f1}.comment-children{margin-left:20px;border-left:2px solid #eee;padding-left:10px}.reply-input{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:space-between;margin-top:8px}.reply-input button{background-color:#5caee8;color:#fff;padding:6px 12px;font-size:11px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .2s ease-in-out}.alert-page{max-width:800px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;font-family:Noto Sans KR,sans-serif}.alert-page h2{font-size:1.6rem;margin-bottom:2.1rem;text-align:justify;color:#333}.alert-page section{margin-bottom:2rem}.alert-page section h3{font-size:1.2rem;margin-bottom:1rem;border-left:5px solid #4e73df;padding-left:.75rem;color:#333}.alert-page section p{font-size:16px;color:#777;font-style:italic}.alert-page section ul{list-style:none;padding:0;margin:0}.alert-page section ul li{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s ease}.alert-page section ul li:hover{background-color:#f9f9fc}.alert-page section ul li .title{font-size:1rem;color:#333;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-page section ul li .date{font-size:.85rem;color:#999;margin-left:1rem;flex-shrink:0}.alert-page section p{font-size:.95rem;color:#777;padding-left:1rem}.alert-page .buttons{display:flex;justify-content:center;margin-top:2rem}.alert-page .buttons button{padding:.5rem 1.25rem;background-color:#4e73df;border:none;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;transition:background-color .2s ease}.alert-page .buttons button:hover{background-color:#395bb6}.community-posts-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.community-posts-page .page-title{font-size:2rem;margin-bottom:1.5rem;border-bottom:2px solid #ddd;padding-bottom:.5rem}.community-posts-page .posts-container{display:flex;flex-direction:column;gap:1rem}.community-posts-page .pagination-container{display:flex;justify-content:center;margin-top:2rem}@keyframes pulse{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.9}}.notice-board{max-width:1000px;margin:40px auto;background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000001a}.notice-board .header{position:relative;display:flex;padding-bottom:0;padding-left:15px;padding-right:15px}.notice-board .header .admin-controls{position:absolute;text-align:right;margin-top:.3rem;top:-40px;right:0}.notice-board .header .admin-controls .manage-button{position:relative;padding:4px 10px;font-size:.8rem;border:none;background-color:#f9fafb;color:#333;border-radius:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.notice-board .header .admin-controls .manage-button:hover{background-color:#e2e8f0;color:#000}.notice-board .header .admin-controls .manage-button .report-badge{position:absolute;top:-6px;right:-6px;background-color:red;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;font-weight:700;animation:pulse 1.5s infinite}.notice-board .header h2{width:150px;font-size:25px;margin-bottom:30px;margin-right:10px;font-weight:700;flex-wrap:wrap}.notice-board .header .filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1rem}.notice-board .header .filters input[type=date],.notice-board .header .filters input[type=text],.notice-board .header .filters select,.notice-board .header .filters button{padding:.4rem .6rem;font-size:.95rem}.notice-board .header .filters input,.notice-board .header .filters select{padding:8px;border:1px solid #ccc;border-radius:6px;font-size:14px}.notice-board .header .filters .write-button{margin-left:auto;background-color:#4a7ae5;color:#fff;border:none;padding:8px;border-radius:6px;cursor:pointer}.notice-board .header .filters .write-button:hover{background-color:#3a63c9}.notice-board .header .view-mode-buttons{margin-right:10px;display:flex;gap:.5rem}.notice-board .header .view-mode-buttons button{border-radius:50%;margin-right:5px;padding:6px 12px;border:0px solid #ccc;background-color:#fff;cursor:pointer}.notice-board .header .view-mode-buttons button.active{color:#00f;font-weight:700}.notice-board .header .write-button-wrapper{display:flex;justify-content:right;margin-left:auto;margin-right:auto}.notice-board .header .write-button{padding:.5rem 1.2rem;background-color:#4e73df;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer}.notice-board .header .write-button:hover{background-color:#395bb6}.notice-board .header .reset-button{background-color:#e0e0e0;border:none;border-radius:4px;cursor:pointer}.notice-board .header .reset-button:hover{background-color:#d5d5d5}.notice-board .header .post-list{list-style:none;padding:0;margin:0}.notice-board .header .post-list li{display:grid;grid-template-columns:80px 1fr 120px 120px 80px;padding:12px;border-bottom:1px solid #eee;font-size:14px;align-items:center;cursor:pointer}.notice-board .header .post-list li.notice{background:#f9f9f9;font-weight:700}.notice-board .header .post-list li.notice-header{background:#ececec;font-weight:700}.notice-board .header .post-list li:hover{background-color:#f1f4ff}.notice-board .header .post-list li.no-post{grid-column:span 5;text-align:center;color:#999}.notice-board .header .post-list li span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.notice-board .header .pagination{display:flex;justify-content:center;margin-top:20px;gap:6px}.notice-board .header .pagination button{padding:6px 12px;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer}.notice-board .header .pagination button.active{background-color:#4a7ae5;color:#fff}.notice-board .header .pagination button:disabled{background:#eee;cursor:not-allowed}.notice-board .header .title-input{width:100%;padding:8px;margin-bottom:10px}.notice-board .header .content-textarea{width:100%;height:200px;padding:8px;margin-bottom:10px}.notice-board .header .options,.notice-board .header .attachments,.notice-board .header .buttons{margin-top:10px}.notice-table{width:100%;border-collapse:collapse;margin-top:1rem}.notice-table thead{border-bottom:1px solid #ccc}.notice-table th,.notice-table td{padding:6px;border:none;text-align:center}.notice-table td:nth-child(3){text-align:left}.notice-table tbody tr:nth-child(odd){background-color:#fff}.notice-table tbody tr:nth-child(2n){background-color:#f9f9f9}.notice-table .notice-row{background-color:#eef3ff}.notice-table .divider-row td{padding:0;border:none}.notice-table .divider-row td hr{border:none;border-top:2px solid #999;margin:8px 0}.notice-table tr:hover{background-color:#f0f0f0;cursor:pointer}.notice-table .no-post{text-align:center;padding:20px;color:#888}.pagination{display:flex;align-items:center;gap:6px;margin-top:20px;justify-content:center;font-family:Pretendard,sans-serif}.pagination button{padding:5px 10px;border:1px solid #ccc;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.pagination button:hover:not(:disabled){background-color:#f5f5f5}.pagination button.active{background-color:#007bff;color:#fff;border-color:#007bff;font-weight:700}.pagination button:disabled{opacity:.5;cursor:not-allowed;color:#ccc}.pagination .ellipsis{padding:6px 8px;font-size:14px;color:#999;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.pagination{gap:4px}.pagination button{padding:5px 8px;font-size:13px}}@media (max-width: 480px){.pagination{gap:3px}.pagination button,.pagination .ellipsis{display:none}.pagination button.active,.pagination button:first-child,.pagination button:last-child{display:inline-block}}.page-size-selector{display:flex;justify-content:right;align-items:center;margin-top:10px}.page-size-selector label{margin-right:8px}.page-size-selector select{padding:5px}.bold-row{font-weight:700}.hide-reported{right-margin:100px}@media (max-width: 431px){.notice-board{margin-top:0}.notice-board .page-size-selector{display:none}.filters{display:flex}.filters input[type=date],.filters input[type=text],.filters .sort-options,.filters .sort-options select,.filters .reset-button{flex-grow:1}.filters .hide-reported{display:none!important}.header h2{display:none}.write-button-wrapper{display:none!important}.notice-table thead{display:none}.notice-table tbody{display:block;width:100%}.notice-table tbody td:nth-child(2){display:none}.notice-table tbody td:nth-child(3){width:100%;flex-grow:1}.notice-table tbody td:nth-child(4){margin-left:auto}.notice-table tbody td:nth-child(5):after{display:none}.notice-table tbody td:nth-child(6){display:none}.notice-table tr{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:8px;border-radius:6px;box-shadow:0 1px 4px #0000000a;background:#fff;padding:8px 6px 6px;position:relative;min-height:48px;align-items:flex-start;transition:background .15s}.notice-table tr:hover{background:#f1f4ff}.notice-table td{border:none;padding:0 4px 0 0;background:none;font-size:1em;text-align:left!important;display:inline-block;vertical-align:middle;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice-table td:nth-child(1){font-size:.95em;color:#444;min-width:32px;margin-left:2px;font-weight:600}.notice-table td:nth-child(2){width:20px;height:20px;margin-right:6px}.notice-table td:nth-child(3){font-weight:700;font-size:1.08em;color:#222;max-width:65vw;margin-right:8px}.notice-table .bold-row td:nth-child(3){color:#21429e}.notice-table td:nth-child(4),.notice-table td:nth-child(5),.notice-table td:nth-child(6){font-size:.8em;color:#666;margin-right:0;position:relative}.notice-table td:nth-child(4):after,.notice-table td:nth-child(5):after{content:" ·";color:#bbb;margin:0 4px;font-weight:700}.notice-table td:nth-child(6):after{content:""}.notice-table td:nth-child(3){margin-right:8px}.notice-table .no-post{font-size:1rem;padding:18px 0;text-align:center;width:100%}}.date-wrapper{display:inline-block;margin-right:10px}.custom-date-input{width:160px;padding:10px 12px;font-size:14px;border:1px solid #ccc;border-radius:4px;background-color:#fff;color:#000}.custom-date-input::placeholder{color:#999}.community-report-wrapper{display:flex;justify-content:center;padding:2rem;background-color:#f8f9fa}.report-box{background-color:#fff;border:1px solid #ccc;border-radius:12px;padding:2rem;width:600px;box-shadow:0 0 10px #0000000d}.report-box h2{text-align:center;font-size:1.5rem;margin-bottom:1rem;border-bottom:1px solid #e0e0e0;padding-bottom:.8rem}.report-meta{font-size:.9rem;color:#333;margin-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.report-meta p{margin:.3rem 0;margin-bottom:15px;margin-left:10px}.reason-section{margin-bottom:1.5rem}.reason-section ul{list-style:none;padding:0}.reason-section ul li{margin:.5rem 0;margin-bottom:15px}.reason-section ul li label{display:flex;align-items:center;gap:10px;cursor:pointer}.reason-section ul li input[type=radio]{accent-color:hsl(247,71%,45%)}textarea{width:100%;height:100px;margin-top:1rem;padding:.8rem;border-radius:8px;border:1px solid #ccc;resize:none;font-size:.95rem}.submit-button{margin-top:1.5rem;width:100%;background-color:#3d62db;color:#fff;padding:.8rem;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:.2s}.submit-button:hover{background-color:#54a3e3}.cancel-button{margin-top:1rem;background:none;color:#888;font-size:.9rem;border:none;cursor:pointer;display:block;margin-left:auto;text-decoration:underline}.cancel-button:hover{color:#000}main.content{margin:0 auto;padding:2rem 1rem}.admin-report-wrapper{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000001a;max-width:800px;margin:0 auto;width:100%}.admin-report-wrapper h2{text-align:center;margin-bottom:1.5rem;font-size:1.6rem;border-bottom:1px solid #ccc;padding-bottom:.5rem}.admin-report-wrapper .empty{text-align:center;color:#666;font-size:1rem;margin-top:2rem}.admin-report-wrapper .report-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 0 5px #0000000d}.admin-report-wrapper .report-table th,.admin-report-wrapper .report-table td{padding:.9rem;border-bottom:1px solid #eee;text-align:center;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-report-wrapper .report-table th{background:#f1f1f1}.admin-report-wrapper .report-table td{word-break:break-word}.admin-report-wrapper .report-table th:nth-child(3),.admin-report-wrapper .report-table td:nth-child(3){width:200px;max-width:200px}.admin-report-wrapper .report-table .btn{padding:.4rem .7rem;border:none;border-radius:6px;font-size:.85rem;margin:0 3px;cursor:pointer}.admin-report-wrapper .report-table .btn.delete{background-color:#ef4444;color:#fff}.admin-report-wrapper .report-table .btn.delete:hover{background-color:#dc2626}.admin-report-wrapper .report-table .btn.recover{background-color:#22c55e;color:#fff}.admin-report-wrapper .report-table .btn.recover:hover{background-color:#16a34a}.buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:15px}.buttons button{padding:10px 18px;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease-in-out;box-shadow:0 1px 2px #00000008;margin-right:10px;background-color:#3b82f6;color:#fff}.buttons button:nth-child(1){background-color:#007bff;color:#fff}.buttons button:nth-child(1):hover{background-color:#0056b3}.buttons button:nth-child(2){background-color:#dc3545;color:#fff}.buttons button:nth-child(2):hover{background-color:#a71d2a}.buttons button:last-child{background-color:#e0e0e0;color:#333}.buttons button:last-child:hover{background-color:#c6c6c6}.clickable-row{cursor:pointer;transition:background-color .2s ease}.clickable-row:hover{background-color:#f9f9f9}.contact-root{display:flex;height:100%;background:#f7fafd}.contact-org{width:220px;border-right:1px solid #e3e8ee;padding:32px 16px;background:#f4f7fb}.contact-org h3{font-size:1.15rem;margin-bottom:18px;color:#1976d2;font-weight:700;letter-spacing:.01em}.contact-org ul{list-style:none;padding:0}.contact-org li{padding:10px 16px;margin-bottom:8px;border-radius:8px;cursor:pointer;transition:background .2s,color .2s;color:#333}.contact-org li.selected,.contact-org li:hover{background:#e3f0ff;color:#1766ad;font-weight:700}.contact-main{flex:1;padding:40px 48px;display:flex;flex-direction:column}.contact-search{display:flex;align-items:center;gap:10px;margin-bottom:24px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #1976d20f;padding:18px 20px}.contact-search select,.contact-search input{padding:8px 12px;border:1px solid #b6c2cf;border-radius:6px;font-size:1rem;background:#f8fafc;transition:border .2s}.contact-search input:focus,.contact-search select:focus{border:1.5px solid #1976d2;outline:none}.contact-search button{padding:8px 20px;background:linear-gradient(90deg,#1976d2 60%,#42a5f5);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .18s,box-shadow .18s;box-shadow:0 2px 8px #1976d214}.contact-search button:hover{background:linear-gradient(90deg,#1766ad 60%,#1976d2)}.contact-search button[type=button]{background:#e3e8ee;color:#1976d2;margin-left:4px}.contact-search button[type=button]:hover{background:#d0e3fa}.contact-sort{margin-left:auto;display:flex;align-items:center;gap:6px}.contact-list{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-bottom:24px}.contact-card{display:flex;align-items:center;border:none;border-radius:18px;padding:28px 28px 28px 24px;background:#fff;min-height:130px;box-shadow:0 4px 18px #1976d21a,0 1.5px 4px #0000000a;transition:box-shadow .18s,transform .18s;position:relative}.contact-card:hover{box-shadow:0 8px 32px #1976d229,0 2px 8px #0000000f;transform:translateY(-2px) scale(1.012)}.contact-profile{width:90px;height:90px;border-radius:50%;background:#f0f4fa;display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-right:24px;overflow:hidden;border:2.5px solid #b6c2cf;box-shadow:0 2px 8px #1976d21a}.contact-profile img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#f2f4f8;display:block}.contact-info{flex:1;display:flex;flex-direction:column;gap:6px}.contact-info b{font-size:1.18rem;display:block;margin-bottom:2px;color:#222;font-weight:600}.contact-info span{font-size:1rem;color:#1976d2;margin-left:8px;font-weight:500}.contact-info div{font-size:1.01rem;color:#444;margin-top:1px}.no-result{grid-column:1/-1;text-align:center;color:#888;padding:40px 0;font-size:1.1rem;background:#f8fafc;border-radius:12px;box-shadow:0 2px 8px #1976d20f}.contact-pagination{text-align:center;margin-top:8px}.contact-pagination button{margin:0 5px;padding:7px 16px;border:1.5px solid #b6c2cf;background:#fff;border-radius:6px;cursor:pointer;font-size:1rem;color:#1976d2;font-weight:500;transition:background .16s,color .16s,border .16s}.contact-pagination button.active,.contact-pagination button:focus{background:#1976d2;color:#fff;border-color:#1976d2}.contact-pagination button:disabled{background:#e3e8ee;color:#aaa;border-color:#e3e8ee;cursor:not-allowed}@media (max-width: 431px){.contact-org h3,.contact-org ul{display:none}.contact-root{flex-direction:column;width:100vw;min-width:0;overflow-x:hidden}.contact-org{width:100vw;min-height:fit-content!important;min-width:0;border-right:none;border-bottom:1px solid #e3e8ee;padding:16px 8px;display:flex;flex-direction:row;overflow-x:auto;background:#f4f7fb}.contact-org h3{font-size:1rem;margin-bottom:0;margin-right:12px;white-space:nowrap}.contact-org ul{display:flex;flex-direction:row;margin:0;padding:0}.contact-org ul li{padding:6px 10px;font-size:.98rem;margin-bottom:0;margin-right:1px;white-space:nowrap}.contact-main{padding:12px 20px 12px 5px}.contact-search{flex-direction:column;align-items:stretch;gap:8px;padding:10px 6px;font-size:.98rem}.contact-search select,.contact-search input{font-size:.98rem;padding:6px 8px}.contact-search button{padding:7px 10px;font-size:.98rem}.contact-sort{margin-left:0;justify-content:flex-end;font-size:.97rem}.contact-list{grid-template-columns:1fr;gap:14px;margin-bottom:14px}.contact-card{flex-direction:row;padding:14px 10px;min-height:90px}.contact-profile{width:54px;height:54px;margin-right:10px}.contact-info b{font-size:1rem}.contact-info span{font-size:.92rem;margin-left:4px}.contact-info div{font-size:.95rem}.contact-pagination button{padding:6px 8px;font-size:.95rem;margin:0 2px}.no-result{font-size:.98rem;padding:18px 0}}