:root{--accent:#3b7ddd;--accent-soft:#e4edfb;--accent-dark:#2764c4;--ink-900:#212529;--ink-700:#495057;--ink-500:#6c757d;--ink-300:#adb5bd;--ink-200:#ced4da;--bg-app:#f5f7fb;--bg-surface:#fff;--bg-muted:#f8f9fb;--bg-hover:#fafbfd;--line-strong:#e9ecef;--line-weak:#f1f3f5;--line-input:#dee2e6;--danger:#dc3545;--danger-soft:#fbe0e3;--success:#1f9d67;--success-soft:#dcf3e9;--warn-soft:#fff3d6;--warn-fg:#b7791f;--radius-card:8px;--radius-badge:5px;--radius-pill:10px;--shadow-card:0 0 14px #2125290d;--header-h:52px}.card{background-color:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:18px}.card+.card{margin-top:14px}.cardHead{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.cardHead .cardTitle,.cardHead h2{color:var(--ink-900);font-size:15px;font-weight:700}.cardHead .more{color:var(--accent);font-size:12px;font-weight:600}.badge{border-radius:var(--radius-badge);display:inline-block;flex-shrink:0;font-size:12px;font-weight:700;line-height:1.25;padding:4px 10px;white-space:nowrap}.badge.accent{background-color:var(--accent-soft);color:var(--accent)}.badge.danger{background-color:var(--danger-soft);color:var(--danger)}.badge.success{background-color:var(--success-soft);color:var(--success)}.badge.warn{background-color:var(--warn-soft);color:var(--warn-fg)}.badge.neutral{background-color:var(--line-weak);color:var(--ink-500)}.badge.pill{border-radius:var(--radius-pill);padding:3px 10px}.badge.sm{font-size:10px;padding:2px 7px}.listRow{align-items:center;border-bottom:1px solid var(--line-weak);display:flex;gap:10px;padding:11px 0}.listRow:last-child{border-bottom:0}.listRow .rowTitle{color:var(--ink-900);flex:1;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listRow .rowDate{color:var(--ink-300);flex-shrink:0;font-size:12px}.chevron{color:var(--ink-200);flex-shrink:0;height:14px;width:14px}.segTab{background-color:var(--bg-surface);border-bottom:1px solid var(--line-strong);display:grid}.segTab.col2{grid-template-columns:repeat(2,1fr)}.segTab.col3{grid-template-columns:repeat(3,1fr)}.segTab .segBtn{background:#0000;border:0;border-bottom:2px solid #0000;color:var(--ink-500);font-size:14px;padding:13px 0;text-align:center}.segTab .segBtn.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:700}.filterChip{align-items:center;background-color:var(--bg-surface);border:1px solid var(--line-input);border-radius:6px;color:var(--ink-700);display:inline-flex;font-size:13px;gap:5px;padding:7px 12px}.fileLink{color:var(--accent);cursor:pointer;text-decoration:underline;word-break:break-all}.fileDelBtn{background:none;border:0;color:var(--danger);cursor:pointer;font-size:15px;line-height:1;padding:0 4px}.hiddenInput{display:none}.formRow{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.formRow .dateBox{gap:6px;min-width:0}.dateInputBox,.formRow .dateBox{align-items:center;display:flex;flex:1}.dateInputBox{background-color:var(--bg-surface);border:1px solid var(--line-input);border-radius:6px;color:var(--ink-900);cursor:pointer;font-size:14px;font-weight:600;height:34px;justify-content:center;min-width:120px;padding:0 10px}.formRow .selectBox{flex-shrink:0;margin:0 8px}.rowDelBtn{background-color:var(--danger);border:0;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:7px 12px;white-space:nowrap}.timeRow{align-items:center;display:flex;gap:8px;margin-top:6px}.inputSm{height:32px!important;padding:4px 8px!important}.blockRow{margin:10px 0}.mb5{margin-bottom:5px}.centerNotice{color:var(--ink-500);font-size:14px;padding:40px;text-align:center}.memberPicker{margin-bottom:14px}.memberPicker .pickerHead{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.memberPicker .pickerLabel{color:var(--ink-700);font-size:13px;font-weight:600}.memberPicker .pickerLabel .req{color:var(--danger);font-style:normal;margin-left:3px}.memberPicker .pickerCount{color:var(--ink-300);font-size:12px;font-weight:600}.memberPicker .pickerCount.full{color:var(--accent)}.memberPicker .pickerSelect{height:38px!important;width:100%}.memberPicker .pickerSelect:disabled{background-color:var(--bg-muted);color:var(--ink-300)}.memberPicker .pickerChips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin-top:8px;padding:0}.memberPicker .pickerChip{align-items:center;background-color:var(--accent-soft);border:1px solid var(--accent-soft);border-radius:var(--radius-pill);display:inline-flex;gap:6px;padding:5px 6px 5px 10px}.memberPicker .pickerChip .chipOrder{align-items:center;background-color:var(--accent);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;width:16px}.memberPicker .pickerChip .chipName{color:var(--accent-dark);font-size:13px;font-weight:600}.memberPicker .pickerChip .chipDel{align-items:center;background:none;border:0;border-radius:50%;color:var(--accent);cursor:pointer;display:inline-flex;height:18px;justify-content:center;padding:0;width:18px}.memberPicker .pickerChip .chipDel:hover{background-color:#3b7ddd26}.memberPicker.hasError .pickerSelect{border-color:var(--danger)}.memberPicker .error-message{color:var(--danger);display:block;font-size:12px;margin-top:6px}@tailwind base;@tailwind components;@tailwind utilities;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-tap-highlight-color:transparent}.scrollable-container{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;height:100vh;overflow-y:auto}@supports (-webkit-touch-callout:none){body.ios-menu-open #footerWrap{display:none}}@font-face{font-family:Pretendard;font-style:normal;font-weight:800;src:url(/static/media/Pretendard-ExtraBold.a42cddfe5cc037792a0a.woff2) format("font-woff2"),url(/static/media/Pretendard-ExtraBold.a645c80095407108b74d.woff) format("woff"),url(/static/media/Pretendard-ExtraBold.6a8d330cb367af8c7a57.otf) format("opentype"),}@font-face{font-family:Pretendard;font-style:normal;font-weight:700;src:url(/static/media/Pretendard-Bold.0676c8838a37a3b770d8.woff2) format("font-woff2"),url(/static/media/Pretendard-Bold.f6866c5eb21ccb9a8749.woff) format("woff"),url(/static/media/Pretendard-Bold.3ec32cdae5bc0c0026a6.otf) format("opentype"),}@font-face{font-family:Pretendard;font-style:normal;font-weight:600;src:url(/static/media/Pretendard-SemiBold.452678de97292ff5fc61.woff2) format("font-woff2"),url(/static/media/Pretendard-SemiBold.a0c72d6162af72df37ec.woff) format("woff"),url(/static/media/Pretendard-SemiBold.d8e6b49c5bbba3cd911b.otf) format("opentype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:500;src:url(/static/media/Pretendard-Medium.a1ad9ff319a0d365fd8d.woff2) format("font-woff2"),url(/static/media/Pretendard-Medium.6ce3e44daf01f7f45114.woff) format("woff"),url(/static/media/Pretendard-Medium.a8904df42c9b4f93a668.otf) format("opentype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:400;src:url(/static/media/Pretendard-Regular.8b619c1002c6b93cf4a0.woff2) format("font-woff2"),url(/static/media/Pretendard-Regular.063080490a6cbb7b1489.woff) format("woff"),url(/static/media/Pretendard-Regular.de88013f2ea98a04dede.otf) format("opentype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:300;src:url(/static/media/Pretendard-Light.c5f6bce5dcc44b805fbf.woff2) format("font-woff2"),url(/static/media/Pretendard-Light.e4646af7fcbf12afe22a.woff) format("woff"),url(/static/media/Pretendard-Light.b751f0c99ed43c34e627.otf) format("opentype")}@font-face{font-family:Paperlogy;font-style:normal;font-weight:400}@font-face{font-family:Paperlogy;font-style:normal;font-weight:500}@font-face{font-family:Paperlogy;font-style:normal;font-weight:600}*{box-sizing:border-box}body,html{height:100%}body,html{background-color:var(--bg-app)}body{word-wrap:break-word;color:var(--ink-900);line-height:1.3;word-break:break-all}table{border-collapse:collapse;border-spacing:0}body,button,input,select,table,textarea{color:var(--ink-900);font-family:Pretendard,sans-serif;font-size:16px}button,fieldset,img{border:0}body,button,dd,div,dl,dt,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,tr,ul{margin:0;padding:0}li,ol,ul{list-style:none}a{color:#222;text-decoration:none}address,em{font-style:normal}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}button{background:#0000;cursor:pointer}.blind{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.app-container{min-height:100vh}#wrap,.app-container{display:flex;flex-direction:column}#wrap{flex:1;min-height:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}select::-ms-expand{display:none}select{border:1px solid #ddd;box-sizing:border-box;color:#333;font-size:15px;height:35px!important;padding:0 10px;vertical-align:middle;width:100%}select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b7ddd33;outline:none}textarea{border:1px solid #ddd;border-radius:6px;color:#333;font-size:15px;height:50px;padding:10px;width:100%}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b7ddd33;outline:none}input[type=number],input[type=password],input[type=text]{border:1px solid #ddd;border-radius:6px;color:#333;font-size:15px;height:35px;padding:10px;width:100%}input[type=number]:focus,input[type=password]:focus,input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b7ddd33;outline:none}.wt100{width:100px!important}.btn{border-radius:6px;font-size:16px;font-weight:600;padding:17px 15px;text-align:center}.btn.sm{padding:12px 15px}.btn.sm2{font-size:14px;padding:8px 15px}.btn.btnType01{background-color:var(--bg-surface);border:1px solid var(--line-input);color:var(--ink-700)}.btn.btnType02{background-color:var(--accent);border:1px solid var(--accent);color:#fff}.btn.btnType02.orange{background-color:var(--accent-dark);border:1px solid var(--accent-dark);color:#fff}.btn.btnType02.green{background-color:var(--success);border:1px solid var(--success);color:#fff}.btn.btnType03{background-color:var(--accent);border:1px solid var(--accent);color:#fff}.btn.btnType04{background-color:var(--bg-muted);color:var(--ink-500)}.btn.btnType04,.btn.btnType05{border:1px solid var(--line-input)}.btn.btnType05{background-color:var(--bg-surface);color:var(--ink-700)}.btn.btnType06{background-color:var(--accent);border:1px solid var(--accent);color:#fff}.btn.btnType07{background-color:var(--danger);border:1px solid var(--danger);color:#fff}.btn2{border-radius:6px;font-size:16px;font-weight:600;padding:12px 10px;text-align:center}.btn2.btnType06{background-color:var(--bg-surface);border:1px solid var(--line-input);color:var(--ink-700);font-size:14px}.btn2.btnType06.active{background-color:var(--accent);border-color:var(--accent);color:#fff}.btnDiv{display:flex;gap:10px;justify-content:center;margin-top:20px}.btnDiv .btn{flex:1}.btnDiv.two .btn{max-width:42%}.btnDiv.three .btn{max-width:30%}.comTab{align-items:center;display:flex;justify-content:center}.comTab li{flex:1}.comTab li .tabBtn{background-color:var(--bg-surface);border-bottom:1px solid var(--line-strong);color:var(--ink-500);display:block;font-size:14px;height:46px;text-align:center;width:100%}.comTab li.active .tabBtn{border-bottom:2px solid var(--accent);color:var(--accent);font-weight:700}.container{padding:0 18px}#headerWrap{background-color:var(--bg-surface);border-bottom:1px solid var(--line-strong);height:var(--header-h)}#headerWrap .container{height:100%}#headerWrap .headerBox{align-items:center;display:flex;gap:12px;height:100%;justify-content:space-between}#headerWrap .menuBtn{color:var(--ink-700);height:24px;padding:0;width:24px}#headerWrap .logoBox,#headerWrap .menuBtn{align-items:center;display:flex;justify-content:center}#headerWrap .logoBox{flex:1;min-width:0}#headerWrap .logoBox a{align-items:center;display:flex}#headerWrap .logoBox a img{display:block;height:30px;width:auto}#headerWrap .headerSpacer{height:24px;width:24px}#footerWrap{background:var(--bg-surface);border-top:1px solid var(--line-strong);bottom:0;left:0;padding:10px 0 calc(12px + env(safe-area-inset-bottom));position:fixed;transition:opacity .3s ease,visibility .3s ease;width:100%;z-index:100}body.work-modal-open #footerWrap{opacity:0;visibility:hidden}#footerWrap .footerLinkList{display:grid;grid-template-columns:repeat(5,1fr)}#footerWrap .footerLinkList li a{align-items:center;color:var(--ink-300);display:flex;flex-direction:column;gap:4px;padding:2px 0}#footerWrap .footerLinkList li a span{color:inherit;font-size:11px;font-weight:500;text-align:center}#footerWrap .footerLinkList li a.active{color:var(--accent)}#footerWrap .footerLinkList li a.active span{font-weight:700}#footerWrap .footerLinkList li a.active svg{stroke-width:2.2}.settingModalWrap{background-color:#21252966;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:9999}.settingModalWrap.open{display:block}.settingModalWrap .settingModal{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:0}.settingModalWrap .settingModalBox{background-color:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026;max-height:60vh;overflow:hidden;width:100%}.settingModalWrap .settingModalHeader{border-bottom:1px solid #f0f0f0;display:flex;justify-content:center;padding:12px 0}.settingModalWrap .settingModalHandle{background-color:#e0e0e0;border-radius:2px;height:4px;width:40px}.settingModalWrap p{border-bottom:1px solid #3c3c435c;color:#3c3c4399;font-size:13px;padding:12px 0;text-align:center}.settingModalWrap .settingList li:last-child .settingBtn{border-bottom:0}.settingModalWrap .settingList li .settingBtn{background-color:#fff;border:none;color:var(--accent);cursor:pointer;display:block;font-size:18px;font-weight:500;height:56px;line-height:56px;text-align:center;width:100%}.settingModalWrap .settingList li .settingBtn:hover{background-color:#f8f9fa}.settingModalWrap .settingList li .settingBtn:active{background-color:#e9ecef}.settingModalWrap .settingModalOverlay{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.settingModalWrap .settingModalBox .settingList{padding:0 16px 16px}.settingModalWrap .settingModalBox .settingList li{border-bottom:1px solid #f0f0f0}.settingModalWrap .settingModalBox .settingList li:last-child{border-bottom:0}.settingModalWrap .settingModalBox .settingList li .settingBtn{background-color:#fff;border:none;color:var(--accent);cursor:pointer;display:block;font-size:20px;font-weight:500;height:56px;line-height:56px;text-align:center;width:100%}.settingModalWrap .settingModalBox .settingList li .settingBtn:hover{background-color:#f8f9fa}.settingModalWrap .settingModalBox .settingList li .settingBtn:active{background-color:#e9ecef}.settingModalWrap .settingModalBox .settingList li .settingBtn:last-child{border-bottom:0}.settingModalWrap .closeBtn{background-color:#fff;border-radius:13px;color:var(--accent);display:block;font-size:18px;font-weight:600;height:50px;line-height:50px;margin-top:8px;text-align:center;width:100%}.sideMenuWrap{bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:9999}.sideMenuWrap.open{display:block}.sideMenuWrap .sideMenuDim{background-color:#21252966;inset:0;position:absolute}.sideMenuWrap .sideMenu{background-color:var(--bg-surface);display:flex;flex-direction:column;height:100%;left:0;max-width:84%;overflow-y:auto;position:absolute;top:0;width:300px}.sideMenuWrap .sideMenuHeader{align-items:flex-start;border-bottom:1px solid var(--line-strong);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:20px 18px 16px}.sideMenuWrap .userInfo{flex:1;min-width:0}.sideMenuWrap .userProfile{align-items:center;display:flex;gap:12px}.sideMenuWrap .userProfile .avatar{align-items:center;background-color:var(--accent-soft);border-radius:50%;color:var(--accent);display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:42px;justify-content:center;width:42px}.sideMenuWrap .userText{min-width:0}.sideMenuWrap .userInfo h3{color:var(--ink-900);font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sideMenuWrap .userInfo p{color:var(--ink-500);font-size:13px;margin-top:3px}.sideMenuWrap .userLinks{display:flex;gap:8px;margin-top:16px}.sideMenuWrap .userLinks .userLink{background-color:var(--bg-surface);border:1px solid var(--line-input);border-radius:6px;color:var(--ink-700);flex:1;font-size:13px;font-weight:600;height:38px}.sideMenuWrap .userLinks .userLink.danger{background-color:var(--danger-soft);border-color:var(--danger-soft);color:var(--danger)}.sideMenuWrap .sideMenuHeader .closeBtn{align-items:center;background:none;border:none;color:var(--ink-500);display:flex;flex-shrink:0;height:24px;justify-content:center;padding:0;width:24px}.sideMenuWrap .sideMenuList{flex:1;list-style:none;margin:0;overflow-y:auto;padding:6px 0}.sideMenuWrap .sideMenuList li a{align-items:center;color:var(--ink-900);display:flex;font-size:15px;font-weight:500;gap:14px;padding:14px 18px;text-decoration:none}.sideMenuWrap .sideMenuList li a:hover{background-color:var(--bg-app)}.sideMenuWrap .sideMenuList li a .icon{align-items:center;color:var(--ink-700);display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.sideMenuWrap .sideMenuList li a .label{flex:1;min-width:0}.datePickerContainer{align-items:center;display:flex;gap:8px}.dateInput{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px;text-align:center;width:350px}.dateInput:focus{border-color:var(--accent);outline:none}.dateSeparator{color:#666;font-size:14px}.date-picker-container{align-items:center;display:flex;gap:10px;margin-right:10px}.date-picker-container .dateInput{background-color:#fff;border:2px solid #ddd;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:16px;height:40px;max-width:180px;min-width:180px;padding:10px 15px;transition:border-color .3s ease;width:180px}.date-picker-container .dateInput:focus{border-color:var(--accent);box-shadow:0 0 0 3px #007aff1a;max-width:180px;min-width:180px;outline:none;width:180px}.date-picker-container .dateSeparator{color:#666;flex-shrink:0;font-size:18px;font-weight:500;margin:0 5px}@media (max-width:768px){.date-picker-container{flex-direction:row;gap:5px;margin-right:5px}.date-picker-container .dateInput{box-sizing:border-box;font-size:14px;height:35px;padding:8px 10px}.date-picker-container .dateInput,.date-picker-container .dateInput:focus{max-width:140px;min-width:140px;width:140px}.date-picker-container .dateSeparator{flex-shrink:0;font-size:14px;margin:0 2px}}@media (max-width:480px){.date-picker-container{flex-direction:row;gap:3px}.date-picker-container .dateInput{box-sizing:border-box;font-size:13px;height:32px;padding:6px 8px}.date-picker-container .dateInput,.date-picker-container .dateInput:focus{max-width:120px;min-width:120px;width:120px}.date-picker-container .dateSeparator{flex-shrink:0;font-size:12px}}.react-datepicker-wrapper{display:inline-block}.react-datepicker__input-container input{background:#0000;border:none;cursor:pointer;text-align:center;width:100%}.react-datepicker__input-container input:focus{outline:none}.react-datepicker-popper{z-index:9999}.react-datepicker{border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;font-family:inherit}.react-datepicker__header{background-color:#f8f9fa;border-bottom:1px solid #ddd;border-radius:8px 8px 0 0}.react-datepicker__current-month{color:#333;font-size:16px;font-weight:600}.react-datepicker__day--selected{background-color:var(--accent)!important;color:#fff!important}.react-datepicker__day--in-range{background-color:#e3f2fd!important;color:#333!important}.react-datepicker__day--keyboard-selected{background-color:var(--accent)!important;color:#fff!important}.react-datepicker__day:hover{background-color:#f0f0f0}.react-datepicker__day--disabled{color:#ccc!important}.react-datepicker__day--range-end,.react-datepicker__day--range-start{background-color:var(--accent)!important;border-radius:50%!important;color:#fff!important}.react-datepicker__day--in-selecting-range{background-color:#e3f2fd!important;color:#333!important}.react-datepicker__month-container{width:280px}.react-datepicker__month-container+.react-datepicker__month-container{margin-left:8px}.react-datepicker__month-container+.react-datepicker__month-container .react-datepicker__header{border-left:1px solid #ddd}@media (max-width:768px){.MuiInputBase-root{font-size:20px!important;height:60px!important;min-width:160px!important}.MuiInputBase-input{font-size:20px!important;font-weight:600!important;padding:0 20px!important}.MuiInputBase-root:hover{border-color:var(--accent)!important;transform:scale(1.02);transition:all .2s ease}}@media (max-width:480px){.MuiInputBase-root{font-size:18px!important;height:55px!important;min-width:140px!important}.MuiInputBase-input{font-size:18px!important;font-weight:600!important;padding:0 16px!important}}.approval .topLineTitle{background-color:#f7f7f7;border-top:2px solid #555;padding:8px 10px}.approval .topLineTitle.noTopBorder{border-top:0}.approval .contentDiv{padding:15px}.approval .contentDiv table{width:100%}.approval .contentDiv table tbody tr td,.approval .contentDiv table tbody tr th{font-size:15px;padding:5px 3px;text-align:left}.radioTypeDiv{cursor:pointer;display:inline-block}.radioTypeDiv input[type=radio]{display:none}.radioTypeDiv input[type=radio]:checked+svg circle.in{display:inline-block}.radioTypeDiv input[type=radio]:not(:checked)+svg circle.in{display:none}.radioTypeDiv input[type=radio]:checked+svg+span{color:#1a84e3}.radioTypeDiv svg{height:20px;margin:0;vertical-align:middle;width:20px}.radioTypeDiv svg circle.out{stroke:#ccc;stroke-width:1;fill:none}.radioTypeDiv svg circle.in{stroke:none;stroke-width:1;fill:#1d8be7}.radioTypeDiv span{font-size:14px}.circleCheckDiv{cursor:pointer;display:inline-block}.circleCheckDiv input[type=checkbox],.circleCheckDiv input[type=checkbox]:checked+svg circle,.circleCheckDiv input[type=checkbox]:not(:checked)+svg path{display:none}.circleCheckDiv svg{height:20px;margin:1px 0 0;vertical-align:middle;width:20px}.circleCheckDiv svg circle{stroke:var(--ink-200);stroke-width:1.5;fill:none}.circleCheckDiv svg path{stroke:var(--success);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.circleCheckDiv span{font-size:14px}.fileDiv{margin:5px 0 10px}.fileDiv img{max-height:60px}.fileInputDiv{margin:0 0 5px}#fileNameDiv{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin:0 0 7px}#fileNameDiv .fileName{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:5px;cursor:pointer;display:flex;flex-direction:row;gap:5px;height:22px;padding:15px 10px}#fileNameDiv .fileName.sm{font-size:13px}#fileNameDiv .fileName .closeImg{cursor:pointer;height:20px;padding:5px;width:20px}.fileNameDiv{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin:0 0 7px}.fileNameDiv .fileName{align-items:center;border:1px solid #ccc;border-radius:5px;cursor:pointer;display:flex;flex-direction:row;gap:5px;padding:5px 10px}.fileNameDiv .fileName .closeImg{cursor:pointer;height:10px;padding:5px;width:10px}.fileTagContainer{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin:0 0 10px}.fileTag{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#495057;display:inline-flex;font-size:14px;max-width:200px;padding:8px 12px;position:relative}.fileTag .fileName{flex:1;font-weight:500;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileTag .fileDeleteBtn{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:16px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:16px}.fileTag .fileDeleteBtn:hover{background-color:#dee2e6;color:#495057}.fileTag .fileDeleteBtn:active{background-color:#ced4da;color:#212529}.tabPanel{display:none}.tabPanel.active{display:block}.filterRow{align-items:center;display:flex;gap:8px;margin-bottom:12px}.contenWrap>.filterRow{margin:16px 16px 12px}.contenWrap>.filterActions{margin:16px 16px 0}.contenWrap>.filterActions+.filterRow{margin-top:10px}.filterActions .btn{width:100%}.filterRow select{flex:1;min-width:0}.filterRow select:only-child{flex:0 0 auto;width:auto}.filterRow select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236C757D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;border:1px solid var(--line-input);border-radius:6px;color:var(--ink-700);font-size:13px;height:34px!important;padding:0 26px 0 12px}.filterRow select,.month_table{background-color:var(--bg-surface)}.month_table{border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;table-layout:fixed;width:100%}.month_table thead tr th{background:var(--bg-surface);border-bottom:1px solid var(--line-strong);color:var(--ink-500);font-size:12px;font-weight:700;height:34px;padding:5px;text-align:center;vertical-align:middle;width:14.28%}.month_table thead tr th:first-child{color:var(--danger)}.month_table thead tr th:last-child{color:var(--accent)}.month_table tbody tr td{background-color:var(--bg-surface);border-top:1px solid var(--line-weak);font-size:13px;height:66px;padding:4px;text-align:left;vertical-align:top}.month_table tbody tr:first-child td{border-top:0}.month_table tbody tr td:first-child .day{color:var(--danger)}.month_table tbody tr td:last-child .day{color:var(--accent)}.month_table tbody tr td .day{color:var(--ink-900);display:inline-block;font-size:12px;font-weight:600;padding:2px}.month_table tbody tr td.preNextDay .day{color:var(--ink-200)}.month_table tbody tr td.last_td,.month_table thead tr th.last_th{border-left:2px solid var(--line-strong)}.month_table tbody tr td>div{display:flex;flex-direction:column;gap:2px;width:100%}.month_table tbody tr td>div .info{border-radius:3px;font-size:10px;line-height:1.35;overflow:hidden;padding:2px 4px;text-overflow:ellipsis;white-space:nowrap}.month_table tbody tr td>div .info.full{background-color:var(--accent-soft);color:var(--accent-dark)}.month_table tbody tr td>div .info.half{background-color:var(--warn-soft);color:var(--warn-fg)}.month_table tbody tr td>div .info .type{margin-left:3px}.month_table tbody tr td.highLight2>div{border:2px solid var(--accent)}.month_table.ten_col thead tr th{width:10%}.calendarLegend{display:flex;gap:14px;padding:12px 2px 0}.calendarLegend .legendItem{align-items:center;color:var(--ink-500);display:inline-flex;font-size:11px;gap:5px}.calendarLegend .legendItem i{border-radius:2px;display:inline-block;height:9px;width:9px}.calendarLegend .legendItem.full i{background-color:var(--accent-soft);border:1px solid var(--accent)}.calendarLegend .legendItem.half i{background-color:var(--warn-soft);border:1px solid var(--warn-fg)}.vacationBox .contentGridDiv{color:var(--ink-900);display:grid;font-size:14px;font-weight:700;gap:10px;grid-template-columns:50px 40% auto;padding:12px 16px}.vacationBox .balanceTypeList,.vacationBox .contentGridDiv{background-color:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.vacationBox .balanceTypeList{margin-top:8px;padding:4px 16px 12px}.vacationBox .balanceTypeItem{align-items:center;border-bottom:1px solid var(--line-weak);display:flex;justify-content:space-between;padding:8px 0}.vacationBox .balanceTypeItem:last-child{border-bottom:0}.vacationBox .balanceTypeName{align-items:center;color:var(--ink-700);display:flex;font-size:13px;font-weight:500;gap:6px}.vacationBox .balanceTypeTag{background-color:var(--line-weak);border-radius:4px;color:var(--ink-500);font-size:10px;font-weight:700;padding:2px 6px}.vacationBox .balanceTypeTag.manual{background-color:var(--warn-soft);color:var(--warn-fg)}.vacationBox .balanceTypeTag.auto{background-color:var(--danger-soft,#fdecec);color:var(--danger)}.vacationBox .balanceTypeValue{color:var(--ink-900);font-size:14px;font-weight:700}.vacationBox .balanceTypeValue.auto{color:var(--danger)}.vacationBox .balanceLogHead{color:var(--ink-700);font-size:13px;font-weight:700;margin:14px 2px 6px}.vacationBox .balanceLogEmpty{color:var(--ink-300);font-size:12px;padding:10px 2px}.vacationBox .balanceLogList{display:flex;flex-direction:column;gap:6px}.vacationBox .balanceLogItem{background-color:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:10px 12px}.vacationBox .balanceLogTop{align-items:center;display:flex;gap:6px}.vacationBox .balanceLogType{color:var(--ink-900);font-size:12px;font-weight:700}.vacationBox .balanceLogDate{color:var(--ink-300);font-size:11px;margin-left:auto}.vacationBox .balanceLogBody{color:var(--ink-500);font-size:12px;line-height:1.5;margin-top:4px}.vacationBox .vacationList>li a{border-bottom:1px solid var(--line-strong)}.vacationBox .vacationList>li a .name{font-size:16px;font-weight:500}.vacationBox .vacationLength li{font-size:16px}.vacationBox .vacationLength li strong{font-weight:500}.listTableDiv table{width:100%}.listTableDiv table>thead>tr>th{background-color:#e7e7e7;border-bottom:1px solid #ddd;border-left:1px solid #ddd;font-size:14px;font-weight:600;height:35px;line-height:1.2;min-width:60px;text-align:center;vertical-align:middle}.listTableDiv table>thead>tr>th:first-child{border-left:0}.listTableDiv table>tbody>tr>td{background-color:#fff;border-bottom:1px solid #ddd;color:#333;font-size:15px;height:45px;line-height:1.2;padding:5px;text-align:center;vertical-align:middle}.listTableDiv table>tbody>tr.on>td{background-color:#d9efff}.listTableDiv table>tbody>tr>td>a{text-decoration:none}.listTableDiv table>tbody>tr>td>a:hover{color:#2683ff;text-decoration:underline}.listTableDiv table>tbody>tr>td:first-child{border-left:0}.listTableDiv table>tbody>tr>td.colorb{color:#2683ff;font-weight:600}.bgcolorff{background-color:#fff}.noData{align-items:center;display:flex;justify-content:center;min-height:100px;padding:40px 20px}.noDataContent{text-align:center}.noDataContent p{color:#666;font-size:16px;font-weight:500;margin:0}.loadingWrap{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:60px 20px}.loadingSpinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#1d8be7;height:40px;margin-bottom:20px;width:40px}.loadingWrap p{color:#666;font-size:16px;font-weight:500;margin:0}.mr0{margin-right:0!important}.mr1{margin-right:1px!important}.mr2{margin-right:2px!important}.mr3{margin-right:3px!important}.mr4{margin-right:4px!important}.mr5{margin-right:5px!important}.mr6{margin-right:6px!important}.mr7{margin-right:7px!important}.mr8{margin-right:8px!important}.mr9{margin-right:9px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr25{margin-right:25px!important}.mr30{margin-right:30px!important}.mobileInputGroup{margin-top:15px}.mobileInputGroup.small{margin-bottom:10px}.mobileContentDiv{padding:20px 15px}.mobileContentDiv.small{padding:10px 15px}.mobileContentDiv.tiny{padding:5px 15px}.error{border-color:#f44336!important;box-shadow:0 0 0 2px #f4433633!important}.error-message{color:#f44336;font-size:12px;margin-top:4px}.error-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.error-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:80vh;max-width:400px;overflow:hidden;width:90%}.error-modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.error-modal-header h3{color:#f44336;font-size:18px;font-weight:600;margin:0}.error-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.error-modal-close:hover{background-color:#e0e0e0}.error-modal-content{max-height:300px;overflow-y:auto;padding:20px}.error-modal-content p{color:#333;font-weight:500;margin:0 0 12px}.error-modal-content ul{margin:0;padding-left:20px}.error-modal-content li{color:#f44336;font-size:14px;margin-bottom:8px}.error-modal-footer{border-top:1px solid #e0e0e0;padding:16px 20px;text-align:center}.error-modal-footer .btn{min-width:80px}.confirm-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirm-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:350px;overflow:hidden;width:90%}.confirm-modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.confirm-modal-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.confirm-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.confirm-modal-close:hover{background-color:#e0e0e0}.confirm-modal-content{padding:20px;text-align:center}.confirm-modal-content p{color:#333;font-size:16px;margin:0}.confirm-modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:center;padding:16px 20px}.confirm-modal-footer .btn{flex:1;max-width:120px;min-width:80px}.draft-state-message{border-radius:4px;margin-top:10px;padding:20px;text-align:center;width:100%}.draft-state-message p{color:#6c757d;font-size:18px;font-weight:600;margin:0}.formGroup{margin-top:10px}#mainWrap{background-color:var(--bg-surface);flex:1;overflow-y:auto;padding:0 0 90px}#mainWrap.bg{background-color:var(--bg-app)}.app-container.noFooter #mainWrap{padding-bottom:0}#mainWrap_disburs{flex:1;padding:0 0 90px}#mainWrap_disburs,#mainWrap_disburs.bg{background-color:#fff}.mainBox{padding:16px 0 0}.mainBox .box{background-color:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:14px;padding:18px}.mainBox .box .boxHead{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.mainBox .box .boxHead h2{color:var(--ink-900);font-size:15px;font-weight:700}.mainBox .box .comList li a{align-items:center;border-bottom:1px solid var(--line-weak);display:flex;gap:10px;padding:11px 0}.mainBox .box .comList li:last-child a{border-bottom:0}.mainBox .box .comList li a p{color:var(--ink-900);flex:1;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mainBox .box .comList li a .date{color:var(--ink-300);flex-shrink:0;font-size:12px}.mainBox .box .comList li a .chevron{color:var(--ink-200)}.mainBox .box .comList li.emptyRow{padding:18px 0;text-align:center}.mainBox .box .comList li.emptyRow p{color:var(--ink-300);font-size:14px}.mainBox .box .inboxList li a p{font-weight:500}.mainBox .box .homeSplitRow{align-items:stretch;display:flex;gap:10px;margin:6px 0 14px}.mainBox .box .statCell{background-color:var(--bg-muted);border-radius:6px;display:flex;flex:1;flex-direction:column;gap:3px;min-width:0;padding:12px 14px}.mainBox .box .statCell .statLabel{color:var(--ink-500);font-size:12px}.mainBox .box .statCell .statValue{color:var(--ink-900);display:flex;flex-wrap:wrap;font-size:15px;font-weight:700;gap:0 10px}.mainBox .box .statCell .statValue em{color:var(--accent);font-weight:700}.mainBox .box .statCell .statValue .danger em{color:var(--danger)}.mainBox .box .statCell .clickable{cursor:pointer}.mainBox .box .todayLeaveBox{background-color:var(--bg-muted);border-radius:6px;display:flex;flex:1;flex-direction:column;gap:6px;margin:0;min-width:0;padding:12px 14px}.mainBox .box .todayLeaveBox .statLabel{color:var(--ink-500);font-size:12px}.mainBox .box .todayLeaveList{display:flex;flex-direction:column;gap:4px}.mainBox .box .todayLeaveList li{align-items:center;display:flex;font-size:14px;gap:8px}.mainBox .box .todayLeaveList .name{color:var(--ink-900);font-weight:700}.mainBox .box .todayLeaveList .dept{color:var(--ink-500);font-size:12px}.mainBox .box .todayLeaveList .type{color:var(--accent);font-size:12px;margin-left:auto}.mainBox .box .todayLeaveEmpty{color:var(--ink-300);font-size:13px}.mainBox .box .workingBox{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.mainBox .box .workingBox .plan{align-items:center;color:var(--ink-500);display:flex;font-size:14px;gap:0 4px}.mainBox .box .workingBox .plan .planAlarm{background-color:var(--bg-muted);border-radius:4px;color:var(--ink-500);font-size:10px;font-weight:500;padding:3px 6px}.mainBox .box .btnBox{display:flex;gap:0 10px}.mainBox .box .btnBox .btn{border-radius:6px;font-size:15px;padding:13px 0}.mainBox .box .btnBox .btnType01{background-color:var(--bg-surface);border:1px solid var(--line-input);color:var(--ink-700);flex:1;font-weight:600}.mainBox .box .btnBox .btnType02{background-color:var(--accent);border:0;color:#fff;flex:2;font-weight:700}.mainBox .box .btnBox .btnType02.orange{background-color:var(--accent-dark);color:#fff}.mainBox .box .btnBox .btnType02.green{background-color:var(--accent-soft);color:var(--accent);cursor:not-allowed}.mainBox .box .btnBox .btnType02.green:disabled{opacity:.6}.mailWrap{min-height:100%;position:relative}.mailWrap .top{align-items:center;background-color:var(--bg-surface);border-bottom:1px solid var(--line-strong);display:flex;gap:12px;height:50px;justify-content:space-between;padding:0 18px}.mailWrap .top .boxSelect{align-items:center;background:none;border:0;color:var(--ink-900);display:inline-flex;font-size:16px;font-weight:700;gap:5px;padding:0}.mailWrap .top .boxSelect svg{color:var(--ink-500)}.mailWrap .top .iconBtn{align-items:center;background:none;border:0;color:var(--ink-700);display:inline-flex;height:24px;justify-content:center;padding:0;width:24px}.mailWrap .top .iconBtn.active{color:var(--accent)}.mailSearch{align-items:center;background-color:var(--bg-surface);border-bottom:1px solid var(--line-strong);display:flex;gap:8px;padding:10px 18px}.mailSearch input{background-color:var(--bg-app);border:1px solid var(--line-strong);border-radius:8px;color:var(--ink-900);flex:1;font-size:14px;height:auto;min-width:0;padding:8px 12px}.mailSearch input:focus{border-color:var(--accent);outline:none}.mailSearch .iconBtn{color:var(--ink-300);font-size:16px;height:20px;line-height:1;width:20px}.mailSearch .btn{flex-shrink:0}.mailFolderSelect{position:relative}.mailFolderMenu{background-color:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);left:0;min-width:140px;padding:6px;position:absolute;top:calc(100% + 6px);z-index:95}.mailFolderMenu li+li{margin-top:2px}.mailFolderMenu button{background:none;border:0;border-radius:8px;color:var(--ink-700);display:block;font-size:14px;padding:9px 10px;text-align:left;width:100%}.mailFolderMenu button:hover{background-color:var(--bg-hover)}.mailFolderMenu button.is-on{color:var(--accent);font-weight:700}.mailLoadMore{background-color:var(--bg-surface);border:1px solid var(--line-strong);border-radius:var(--radius-card);color:var(--ink-700);display:block;font-size:13px;margin:14px 18px;padding:11px;width:calc(100% - 36px)}.mailLoadMore:disabled{opacity:.6}.mailWrap .mailLlist li{background-color:var(--bg-surface);border-bottom:1px solid var(--line-weak);cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:13px 18px}.mailWrap .mailLlist li:active{background-color:var(--bg-hover)}.mailWrap .mailLlist li .mailHead{align-items:center;display:flex;gap:8px}.mailWrap .mailLlist li .mailHead .from{color:var(--ink-900);flex:1;font-size:15px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailWrap .mailLlist li .mailHead .time{color:var(--ink-300);flex-shrink:0;font-size:12px}.mailWrap .mailLlist li .starBtn{background:none;border:0;color:var(--ink-200);display:inline-flex;flex-shrink:0;padding:0}.mailWrap .mailLlist li .starBtn.on{color:#f0a92b}.mailWrap .mailLlist li .starBtn.on svg{fill:currentColor}.mailWrap .mailLlist li .subjectRow{align-items:center;display:flex;gap:6px;min-width:0}.mailWrap .mailLlist li .subjectRow .subject{color:var(--ink-900);flex:1;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailWrap .mailLlist li .previewRow{align-items:center;color:var(--ink-300);display:flex;gap:5px;min-width:0}.mailWrap .mailLlist li .previewRow .preview{flex:1;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailWrap .mailLlist li .fileRow{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}.mailWrap .mailLlist li .fileChip{align-items:center;background-color:var(--bg-muted);border-radius:4px;color:var(--ink-700);display:inline-flex;font-size:11px;gap:5px;max-width:100%;overflow:hidden;padding:3px 8px;text-overflow:ellipsis;white-space:nowrap}.mailWrap .mailLlist li .fileChip .ext{color:var(--accent);font-size:9px;font-weight:700}.mailWrap .mailLlist li .fileMore{color:var(--ink-300);font-size:11px}.mailWrap .mailFab{align-items:center;background-color:var(--accent);border:0;border-radius:50%;bottom:86px;box-shadow:0 6px 18px #3b7ddd59;color:#fff;display:flex;height:52px;justify-content:center;position:fixed;right:18px;width:52px;z-index:90}.roomWrap .roomBody.mailDetailBody{padding:16px 18px calc(80px + env(safe-area-inset-bottom))}.mailDetailError,.mailDetailLoading{color:var(--ink-500);font-size:14px;padding:20px 0;text-align:center}.mailDetailActions{display:flex;flex-shrink:0;gap:6px}.mailDetailActionBtn{background-color:var(--bg-surface);border:1px solid var(--line-strong);border-radius:999px;color:var(--ink-700);font-size:12.5px;padding:6px 10px}.mailDetailFields{border-bottom:1px solid var(--line-weak);display:flex;flex-direction:column;gap:6px;margin-bottom:14px;padding-bottom:14px}.mailDetailFields div{display:flex;font-size:13px;gap:8px}.mailDetailFields dt{color:var(--ink-300);flex-shrink:0;width:64px}.mailDetailFields dd{color:var(--ink-900);flex:1;min-width:0;word-break:break-all}.mailDetailAttachments{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.mailDetailAttachments button{align-items:center;background-color:var(--bg-surface);border:1px solid var(--line-strong);border-radius:8px;color:var(--ink-700);display:flex;font-size:13px;gap:6px;padding:9px 10px;text-align:left;width:100%}.mailDetailAttachments button span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailDetailAttachments button em{color:var(--ink-300);flex-shrink:0;font-size:11px}.mailDetailContent{box-sizing:border-box;color:var(--ink-900);font-size:14px;line-height:1.6;max-width:100%;overflow-x:auto;padding:0 14px;width:100%;word-break:break-word}.mailDetailContent img{height:auto;max-width:100%}.mailDetailContent table{max-width:100%}.mailDetailContent pre{white-space:pre-wrap;word-break:break-word}.mailDetailContent *{max-width:100%}.mailComposeBody{display:flex;flex-direction:column;gap:14px;padding:16px 18px}.mailComposeField{color:var(--ink-500);display:flex;flex-direction:column;font-size:13px;gap:6px}.mailComposeFieldHead{align-items:center;display:flex;justify-content:space-between}.mailComposeAddressBtn{background-color:var(--bg-surface);border:1px solid var(--line-strong);border-radius:6px;color:var(--ink-500);font-size:11px;padding:3px 8px}.mailComposeAddressBtn:active{background-color:var(--bg-hover)}.mailComposeContactPicker{background-color:var(--bg-muted);border:1px solid var(--line-strong);border-radius:8px;display:flex;flex-direction:column;gap:4px;margin-top:4px;max-height:160px;overflow-y:auto;padding:6px}.mailComposeContactPicker button{background:none;border-radius:6px;color:var(--ink-900);font-size:13px;padding:7px 9px;text-align:left}.mailComposeContactPicker button:active{background-color:var(--bg-hover)}.mailComposeContactPicker .muted{color:var(--ink-300);font-size:12px;padding:6px 2px}.mailComposeField input,.mailComposeField textarea{background-color:var(--bg-surface);border:1px solid var(--line-strong);border-radius:8px;color:var(--ink-900);font-size:14px;padding:10px 12px}.mailComposeField input:focus,.mailComposeField textarea:focus{border-color:var(--accent);outline:none}.mailComposeBodyField textarea{line-height:1.6;min-height:160px;resize:vertical}.mailComposeBodyField .editor{background-color:var(--bg-surface);border:1px solid var(--line-strong);border-radius:8px;overflow:hidden}.mailComposeBodyField .editor:focus-within{border-color:var(--accent)}.mailComposeBodyField .editor-toolbar{align-items:center;background-color:var(--bg-muted);border-bottom:1px solid var(--line-weak);display:flex;flex-wrap:wrap;gap:2px;padding:6px 8px}.mailComposeBodyField .editor-btn{align-items:center;background:none;border:0;border-radius:6px;color:var(--ink-500);display:inline-flex;height:28px;justify-content:center;width:28px}.mailComposeBodyField .editor-btn:active{background-color:var(--bg-hover)}.mailComposeBodyField .editor-btn.is-on{background-color:var(--accent-soft);color:var(--accent)}.mailComposeBodyField .editor-sep{background-color:var(--line-strong);height:16px;margin:0 4px;width:1px}.mailComposeBodyField .editor-body{color:var(--ink-900);font-size:14px;line-height:1.6;max-height:45vh;min-height:160px;outline:none;overflow-y:auto;padding:10px 12px}.mailComposeBodyField .editor-body:empty:before{color:var(--ink-300);content:attr(data-placeholder);pointer-events:none}.mailComposeBodyField .editor-body ol,.mailComposeBodyField .editor-body ul{margin:8px 0;padding-left:22px}.mailComposeBodyField .editor-body a{color:var(--accent);text-decoration:underline}.mailComposeBodyField .editor-body img{border-radius:6px;height:auto;max-width:100%}.mailComposeFileInput{display:none}.mailComposeFileBtn{align-items:center;align-self:flex-start;background-color:var(--bg-surface);border:1px solid var(--line-strong);border-radius:8px;color:var(--ink-700);cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:9px 14px}.mailComposeFileBtn:active{background-color:var(--bg-hover)}.mailComposeFiles{display:flex;flex-direction:column;gap:6px}.mailComposeFiles li{align-items:center;background-color:var(--bg-muted);border-radius:8px;color:var(--ink-700);display:flex;font-size:13px;gap:8px;padding:8px 10px}.mailComposeFiles li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailComposeFiles li button{background:none;border:0;color:var(--ink-300);flex-shrink:0;font-size:16px}.mailComposeError{color:var(--danger,#e04444);font-size:13px}.mailComposeSend{width:100%}.approvalWrap .approvalList{display:flex;flex-direction:column;gap:10px;padding:14px 16px}.approvalWrap .approvalList li{align-items:flex-start;background-color:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);cursor:pointer;display:flex;gap:12px;padding:15px 16px}.approvalWrap .approvalList li:hover{background-color:var(--bg-hover)}.approvalWrap .approvalList li h2{background-color:var(--accent-soft);border-radius:var(--radius-badge);color:var(--accent);flex-shrink:0;font-size:12px;font-weight:700;line-height:1.3;margin-top:2px;max-width:84px;padding:5px 11px;text-align:center}.approvalWrap .approvalList li .textBox{flex:1;min-width:0}.approvalWrap .approvalList li h3{color:var(--ink-900);font-size:15px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approvalWrap .approvalList li .titleRow{align-items:center;display:flex;gap:8px;min-width:0}.approvalWrap .approvalList li .layoutBox{align-items:center;display:flex;gap:6px 8px;margin-top:5px;min-width:0}.approvalWrap .approvalList li .state:empty{display:none}.approvalWrap .approvalList li .state{background-color:var(--line-weak);border-radius:4px;color:var(--ink-500);flex-shrink:0;font-size:10px;font-weight:700;line-height:1.5;padding:2px 7px}.approvalWrap .approvalList li .state.approve{background-color:var(--success-soft);color:var(--success)}.approvalWrap .approvalList li .state.companion{background-color:var(--danger-soft);color:var(--danger)}.approvalWrap .approvalList li .state.waiting{background-color:var(--line-weak);color:var(--ink-500)}.approvalWrap .approvalList li .info{color:var(--ink-500);font-size:12px;line-height:1.5;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approvalWrap .approvalList li .info .infoStrong{color:var(--ink-700);font-size:13px;font-weight:500}.approvalWrap .approvalList li .date{align-items:center;color:var(--ink-300);display:flex;flex-shrink:0;font-size:12px;gap:4px;margin-top:3px}.approvalWrap .approvalList li.noData{background:none;box-shadow:none;cursor:default;display:block;padding:40px 16px}.approvalWrap .approvalList li.noData p{color:var(--ink-300);font-size:14px;text-align:center}.commuteWrap{padding:16px}.commuteWrap,.commuteWrap .dateCard{display:flex;flex-direction:column;gap:14px}.commuteWrap .dateCard{background-color:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px 18px}.commuteWrap .dateBox{align-items:center;display:flex;gap:12px}.commuteWrap .dateChip{align-items:center;background-color:var(--bg-surface);border:1px solid var(--line-input);border-radius:6px;color:var(--ink-900);display:flex;flex:1;font-size:15px;font-weight:600;gap:10px;min-width:0;padding:10px 14px;text-align:left}.commuteWrap .dateChip svg{color:var(--ink-500);flex-shrink:0}.commuteWrap .recordToggle{background-color:var(--accent);border:1px solid var(--accent);border-radius:6px;color:#fff;flex-shrink:0;font-size:13px;font-weight:700;padding:11px 16px}.commuteWrap .recordToggle.on{background-color:var(--bg-surface);color:var(--accent)}.commuteWrap .dateCard .topDateBox .date{color:var(--ink-900);font-size:14px;font-weight:700}.commuteWrap .commuteBox{background-color:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.commuteWrap .commuteBox .infoList li{align-items:center;border-bottom:1px solid var(--line-weak);display:flex;gap:14px;padding:14px 18px}.commuteWrap .commuteBox .infoList li:last-child{border-bottom:0}.commuteWrap .commuteBox .infoList li .timeBox{flex-shrink:0;width:52px}.commuteWrap .commuteBox .infoList li .timeBox span{color:var(--ink-900);display:block;font-size:15px;font-weight:700}.commuteWrap .commuteBox .infoList li .timeBox .endTime:empty{display:none}.commuteWrap .commuteBox .infoList li .timeBox .endTime{color:var(--ink-300);font-size:12px;font-weight:500;margin-top:2px}.commuteWrap .commuteBox .infoList li .textBox{flex:1;min-width:0;padding-left:17px;position:relative}.commuteWrap .commuteBox .infoList li .textBox:before{background-color:var(--accent);border-radius:2px;content:"";height:34px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.commuteWrap .commuteBox .infoList li .textBox.border-green:before{background-color:var(--success)}.commuteWrap .commuteBox .infoList li .textBox.border-purple:before{background-color:#7610f2}.commuteWrap .commuteBox .infoList li .textBox.border-brown:before{background-color:#bb6a1e}.commuteWrap .commuteBox .infoList li .textBox.border-red:before{background-color:var(--danger)}.commuteWrap .commuteBox .infoList li .textBox .name{color:var(--ink-900);display:block;font-size:15px;font-weight:700}.commuteWrap .commuteBox .infoList li .textBox .info{color:var(--ink-500);display:block;font-size:12px;margin-top:2px}.commuteWrap .commuteBox .infoList li.stateRow{display:block;padding:0}.commuteWrap .commuteBox .infoList li .spinnerBox{align-items:center;display:flex;justify-content:center;padding:30px 0}.commuteWrap .commuteBox .infoList li .spinnerBox .spinner{animation:spin 1s linear infinite;border:3px solid var(--line-weak);border-radius:50%;border-top-color:var(--accent);height:30px;width:30px}.commuteWrap .commuteBox .infoList li .emptyBox{color:var(--ink-300);font-size:14px;padding:30px 18px;text-align:center}.vacationBox h2{background-color:var(--bg-app);border-bottom:1px solid var(--line-strong);color:var(--ink-900);font-size:14px;font-weight:700;padding:10px 18px}.vacationBox .vacationList>li a{align-items:center;border-bottom:1px solid var(--line-weak);display:flex;justify-content:space-between;line-height:1;padding:16px 47px 16px 18px;position:relative}.vacationBox .vacationList>li a:after{background:url(/static/media/arrow_icon.36461de3dc50785bb312.svg)no-repeat 50%;content:"";height:14px;position:absolute;right:23px;top:50%;transform:translateY(-50%);width:7px}.vacationBox .vacationList>li a .name{color:var(--ink-900);flex-shrink:0;font-size:15px;font-weight:600}.vacationBox .vacationLength{align-items:center;display:flex;gap:0 4px}.vacationBox .vacationLength li{color:var(--ink-900);font-size:15px;font-weight:500;text-align:center;width:52px}.vacationBox .vacationLength li strong{color:var(--accent);font-weight:700}.workModalWrap{background-color:var(--bg-app);bottom:0;display:none;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:999}.workModalWrap.open{display:block}.workModalWrap .workModalBox{display:flex;flex-direction:column;min-height:100%;padding:70px 16px 24px}.workModalWrap .workModalBox .box{flex:1}.workModalWrap h1{align-items:center;background-color:var(--bg-surface);border-bottom:1px solid var(--line-strong);color:var(--ink-900);display:flex;font-size:16px;font-weight:700;height:var(--header-h);justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%}.workModalWrap .mapBox{background-color:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:14px;overflow:hidden}.workModalWrap .mapBox .map{height:210px}.workModalWrap .mapBox .mapView{height:200px;width:100%}.workModalWrap .mapBox img{display:block;height:100%;object-fit:cover;width:100%}.workModalWrap .mapBox p{align-items:center;background-color:var(--bg-surface);color:var(--ink-500);display:flex;font-size:13px;height:52px;padding:0 18px}.workModalWrap .infoBox{background-color:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;padding:4px 18px}.workModalWrap .infoBox h2{color:var(--ink-900);font-size:15px;font-weight:700;padding:16px 0 8px}.workModalWrap .infoBox .infoList li a{align-items:center;border-bottom:1px solid var(--line-weak);display:flex;justify-content:space-between;padding:13px 22px 13px 0;position:relative}.workModalWrap .infoBox .infoList li a:after{background:url(/static/media/arrow_icon02.11645595e7b25cb41f59.svg)no-repeat 50%;content:"";height:14px;opacity:.5;position:absolute;right:0;top:50%;transform:translateY(-50%);width:7px}.workModalWrap .infoBox .infoList li:last-child a{border-bottom:0}.workModalWrap .infoBox .infoList li a span{color:var(--ink-900);font-size:15px;font-weight:500}.workModalWrap .infoBox .infoList li .infoItem{align-items:center;border-bottom:1px solid var(--line-weak);display:flex;justify-content:space-between;padding:13px 0}.workModalWrap .infoBox .infoList li:last-child .infoItem{border-bottom:0}.workModalWrap .infoBox .infoList li .infoItem span{color:var(--ink-900);font-size:15px;font-weight:500}.workModalWrap .infoBox .infoList li .infoItem span:first-child{color:var(--ink-500);font-weight:400}.workModalWrap .btn{background-color:var(--accent);border:0;border-radius:var(--radius-card);color:#fff;font-size:16px;font-weight:700;margin-top:16px;padding:15px 0;width:100%}.workModalWrap .btn:disabled{background-color:var(--accent-soft);color:var(--accent);cursor:not-allowed}.workModalWrap .closeBtn{background:url(/static/media/close_btn.9fcb78ecb1bf19664c08.svg)no-repeat 50%;height:16px;left:18px;position:absolute;top:16px;width:16px}.modalDim{align-items:center;background:#21252980;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.modalBox{background:var(--bg-surface);border-radius:12px;max-width:420px;padding:20px;width:100%}.rejectModal .rejectTitle{color:var(--ink-900);font-size:17px;font-weight:700}.rejectModal .rejectDesc{color:var(--ink-500);font-size:13px;line-height:1.5;margin-top:6px}.rejectModal .rejectInput{border:1px solid var(--line-input);border-radius:6px;color:var(--ink-900);font-size:14px;height:auto;line-height:1.5;margin-top:14px;padding:12px;resize:none;width:100%}.rejectModal .rejectInput:focus{border-color:var(--danger);box-shadow:0 0 0 2px #dc354526;outline:none}.rejectModal .rejectCount{color:var(--ink-300);font-size:12px;margin-top:6px;text-align:right}.rejectModal .btnDiv .btn:disabled{cursor:not-allowed;opacity:.5}.rejectReasonBox{background-color:var(--danger-soft);border-left:3px solid var(--danger);border-radius:var(--radius-card);margin:14px 16px;padding:14px 16px}.rejectReasonBox .rrLabel{color:var(--danger);display:block;font-size:12px;font-weight:700}.rejectReasonBox .rrText{color:var(--ink-900);display:block;font-size:14px;line-height:1.6;margin-top:5px;white-space:pre-wrap;word-break:break-word}.clickable{cursor:pointer}.textBoxRow{word-wrap:break-word}.login-container{-webkit-overflow-scrolling:touch;align-items:center;background-color:var(--bg-app);bottom:0;box-sizing:border-box;height:100vh;height:-webkit-fill-available;left:0;min-height:100vh;overflow:hidden;padding:20px;position:fixed;right:0;top:0}.login-box,.login-container{display:flex;justify-content:center;width:100%}.login-box{background:var(--bg-surface);border-radius:var(--radius-card);box-shadow:0 4px 20px #21252914;flex-direction:column;margin:0 auto;max-width:350px;min-height:400px;overflow:hidden;padding:2rem;position:relative}.login-box img{display:block;height:auto;margin:0 auto 1.5rem;max-width:150px}.input-group{margin-bottom:1.5rem;position:relative}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid var(--line-input);border-radius:8px;box-sizing:border-box;font-size:16px;padding:16px 12px;transition:all .3s ease;-webkit-user-select:text;user-select:text;width:100%}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b7ddd26;outline:none;transform:translateY(-1px)}input::placeholder{color:var(--ink-300);font-size:16px}.toggle-password{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:background-color .2s}.toggle-password:hover{background-color:var(--bg-app)}.toggle-password:active{background-color:var(--line-strong)}.login-button{-webkit-tap-highlight-color:transparent;background-color:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:1rem;padding:16px;transition:all .3s ease;user-select:none;width:100%}.login-button:hover{background-color:var(--accent-dark);box-shadow:0 4px 12px #3b7ddd4d;transform:translateY(-1px)}.login-button:active{background-color:var(--accent-dark);box-shadow:0 2px 8px #3b7ddd4d;transform:translateY(0)}.login-button:disabled{background-color:var(--ink-300);box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.error-message{color:var(--danger);display:block;font-size:14px;line-height:1.4;margin-top:8px}input.error{border-color:var(--danger);box-shadow:0 0 0 3px #dc35451a}input.error:focus{border-color:var(--danger);box-shadow:0 0 0 3px #dc354533}.loading-icon{animation:spin 1s linear infinite;margin-right:8px}@media screen and (max-width:480px){.login-container{height:100vh;height:-webkit-fill-available;overflow:hidden;padding:16px}.login-box{border-radius:8px;margin:0;min-height:350px;overflow:hidden;padding:1.5rem;position:relative}input{font-size:16px;padding:14px 12px}.login-button{font-size:16px;padding:14px}}@media screen and (max-width:360px){.login-box{min-height:300px;padding:1rem}input{padding:12px 10px}.login-button{padding:12px}}@media screen and (max-height:600px){.login-container{align-items:flex-start;overflow:hidden;padding-top:20px}.login-box{margin-top:0;min-height:auto}}@supports (-webkit-touch-callout:none){.login-container{height:100vh;height:-webkit-fill-available;overflow:hidden}}@media screen and (max-height:500px){.login-container{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0}.login-box{transform:scale(.9);transform-origin:center center}}.toast-container{bottom:20px;left:50%;opacity:0;position:fixed;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;z-index:9999}.toast-container.show{opacity:1;visibility:visible}.toast-message{border-radius:4px;box-shadow:0 2px 5px #0003;color:#fff;font-weight:500;max-width:400px;overflow:hidden;padding:12px 24px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.toast-message.success{background-color:#1e8be8}.toast-message.file-success{background-color:#4caf50}.toast-message.error{background-color:#f44336}.toast-message.info{background-color:#2196f3}.toast-message.warning{background-color:#ff9800}.toast-message.validation{background-color:#f44336;line-height:1.4;max-width:400px;padding:16px 20px;text-align:left;white-space:pre-line}.messageWrap{background-color:var(--bg-surface);min-height:100%;position:relative}.messageWrap .messageHead{align-items:center;display:flex;gap:16px;padding:14px 18px 8px}.messageWrap .messageHead h1{color:var(--ink-900);flex:1;font-size:21px;font-weight:800}.messageWrap .messageHead .myAvatar{align-items:center;background-color:var(--accent-soft);border-radius:50%;color:var(--accent);display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.messageWrap .iconBtn{align-items:center;background:none;border:0;color:var(--ink-700);display:inline-flex;justify-content:center;padding:0}.messageWrap .iconBtn.active{color:var(--accent)}.messageWrap .messageSearch{align-items:center;background-color:var(--bg-app);border-radius:10px;display:flex;gap:8px;margin:0 18px 8px;padding:8px 12px}.messageWrap .messageSearch input{background:#0000;border:0;color:var(--ink-900);flex:1;font-size:14px;height:auto;min-width:0;padding:0}.messageWrap .messageSearch input:focus{border:0;box-shadow:none;outline:none}.messageWrap .messageSearch input::placeholder{color:var(--ink-300)}.messageWrap .messageSearch .iconBtn{color:var(--ink-300);font-size:16px;height:20px;line-height:1;width:20px}.messageWrap .messageFilter{align-items:center;border-bottom:1px solid var(--line-strong);display:flex;gap:22px;padding:8px 18px 0}.messageWrap .messageFilter .filterBtn{background:none;border:0;border-bottom:2px solid #0000;color:var(--ink-500);font-size:14px;padding:8px 2px}.messageWrap .messageFilter .filterBtn.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:700}.messageWrap .messageFilter .iconBtn.swap{color:var(--ink-500);margin-left:auto}.messageWrap .chatList{padding:6px 0}.messageWrap .chatList li>button{align-items:flex-start;background:none;border:0;border-bottom:1px solid var(--line-weak);display:flex;gap:14px;padding:13px 18px;text-align:left;width:100%}.messageWrap .chatList li>button:hover{background-color:var(--bg-hover)}.messageWrap .chatList .avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:46px;justify-content:center;width:46px}.messageWrap .chatList .avatar.purple{background-color:#7c6ef5}.messageWrap .chatList .avatar.blue{background-color:#4c6ef5}.messageWrap .chatList .avatar.sky{background-color:#5b8def}.messageWrap .chatList .avatar.green{background-color:#2fb380}.messageWrap .chatList .avatar.orange{background-color:#f0954a}.memberPickItem .avatar.purple{background-color:#7c6ef5}.memberPickItem .avatar.blue{background-color:#4c6ef5}.memberPickItem .avatar.sky{background-color:#5b8def}.memberPickItem .avatar.green{background-color:#2fb380}.memberPickItem .avatar.orange{background-color:#f0954a}.messageWrap .chatList .chatBody{display:block;flex:1;min-width:0}.messageWrap .chatList .chatTop{align-items:baseline;display:flex;gap:8px}.messageWrap .chatList .chatTop .name{color:var(--ink-900);font-size:15px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messageWrap .chatList .chatTop .name .count{color:var(--ink-500);font-weight:500;margin-left:3px}.messageWrap .chatList .chatTop .time{color:var(--ink-300);flex-shrink:0;font-size:12px;margin-left:auto;white-space:nowrap}.messageWrap .chatList .preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--ink-500);display:-webkit-box;font-size:13px;line-height:1.45;margin-top:3px;overflow:hidden;word-break:break-all}.messageWrap .chatList .unread{align-self:center;background-color:var(--danger);border-radius:10px;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;min-width:20px;padding:2px 6px;text-align:center}.messageWrap .chatList li.empty{color:var(--ink-300);font-size:14px;padding:50px 18px;text-align:center}.messageWrap .messageFab{align-items:center;background-color:var(--accent);border:0;border-radius:50%;bottom:96px;box-shadow:0 6px 16px #3b7ddd66;color:#fff;display:flex;height:54px;justify-content:center;position:fixed;right:20px;width:54px;z-index:90}.app-container.noFooter,.app-container.noFooter #wrap{height:100vh}#mainWrap.roomWrap{background-color:var(--bg-app);display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;padding:0}.roomWrap .roomHead{align-items:center;background-color:var(--bg-surface);border-bottom:1px solid var(--line-strong);display:flex;flex-shrink:0;gap:16px;padding:12px 18px}.roomWrap .roomHead h1{color:var(--ink-900);flex:1;font-size:17px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roomWrap .roomHead h1 em{color:var(--ink-500);font-size:14px;font-weight:500;margin-left:4px}.roomWrap .iconBtn{align-items:center;background:none;border:0;color:var(--ink-700);display:inline-flex;justify-content:center;padding:0}.roomWrap .iconBtn.active{color:var(--accent)}.roomWrap .roomSearch{align-items:center;background-color:var(--bg-app);border-radius:10px;display:flex;flex-shrink:0;gap:8px;margin:10px 18px;padding:8px 12px}.roomWrap .roomSearch input{background:#0000;border:0;color:var(--ink-900);flex:1;font-size:14px;height:auto;min-width:0;padding:0}.roomWrap .roomSearch input:focus{border:0;box-shadow:none;outline:none}.roomWrap .roomSearch input::placeholder{color:var(--ink-300)}.roomWrap .roomSearch .iconBtn{color:var(--ink-300);font-size:16px;height:20px;line-height:1;width:20px}.roomWrap .roomBody{-webkit-overflow-scrolling:touch;display:flex;flex:1;flex-direction:column;gap:14px;overflow-y:auto;padding:16px 14px}.roomWrap .msgDay{align-self:center;background:var(--bg-app);border-radius:999px;color:var(--ink-500);font-size:11.5px;margin:4px 0;padding:3px 12px}.roomWrap .msgRow{display:flex;gap:8px;max-width:100%}.roomWrap .msgRow.theirs{justify-content:flex-start}.roomWrap .msgRow.mine{justify-content:flex-end}.roomWrap .msgRow .avatar{align-items:center;background-color:#4c6ef5;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:34px;justify-content:center;width:34px}.roomWrap .msgRow .msgMain{max-width:76%;min-width:0}.roomWrap .msgRow .sender{color:var(--ink-500);display:block;font-size:12px;margin-bottom:4px}.roomWrap .msgRow .msgLine{align-items:flex-end;display:flex;gap:6px}.roomWrap .msgRow.mine .msgLine{flex-direction:row-reverse}.roomWrap .bubble{background-color:var(--bg-surface);border-radius:14px;box-shadow:var(--shadow-card);color:var(--ink-900);font-size:14px;line-height:1.5;padding:10px 13px;white-space:pre-wrap;word-break:break-word}.roomWrap .msgRow.mine .bubble{background-color:var(--accent);color:#fff}.roomWrap .bubble.link{text-decoration:underline;word-break:break-all}.roomWrap .msgImageThumb{border-radius:12px;box-shadow:var(--shadow-card);display:block;max-width:200px;overflow:hidden}.roomWrap .msgImageThumb img{display:block;height:auto;max-height:220px;object-fit:cover;width:100%}.roomWrap .msgFileChip{align-items:center;background-color:var(--bg-surface);border-radius:12px;box-shadow:var(--shadow-card);color:var(--ink-700);display:flex;gap:8px;max-width:220px;padding:10px 12px}.roomWrap .msgFileChip em{color:var(--ink-900);font-size:13px;font-style:normal;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roomWrap .msgMeta{align-items:flex-end;color:var(--ink-300);display:flex;flex-direction:column;flex-shrink:0;font-size:10px;gap:1px;line-height:1.4}.roomWrap .msgRow.theirs .msgMeta{align-items:flex-start}.roomWrap .msgMeta em{color:var(--accent);font-weight:600}.roomWrap .roomInput{align-items:center;background-color:var(--bg-surface);border-top:1px solid var(--line-strong);display:flex;flex-shrink:0;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom))}.roomWrap .roomInput .roomFileInput{display:none}.roomWrap .roomInput .iconBtn:disabled{opacity:.4}.roomWrap .roomInput .inputBox{align-items:center;background-color:var(--bg-app);border-radius:20px;display:flex;flex:1;gap:8px;min-width:0;padding:8px 12px}.roomWrap .roomInput .inputBox input{background:#0000;border:0;color:var(--ink-900);flex:1;font-size:14px;height:auto;min-width:0;padding:0}.roomWrap .roomInput .inputBox input:focus{border:0;box-shadow:none;outline:none}.roomWrap .roomInput .inputBox input::placeholder{color:var(--ink-500)}.createRoomDim{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.createRoomBox{background:var(--bg-surface,#fff);border-radius:16px;box-shadow:0 10px 30px #00000040;max-width:340px;padding:22px 20px;width:100%}.createRoomBox h2{color:var(--ink-900,#1a1a1a);font-size:17px;margin:0 0 14px}.createRoomBox input{border:1px solid var(--line-strong,#d9dde3);border-radius:9px;box-sizing:border-box;display:block;font-size:14px;margin-bottom:10px;padding:11px 12px;width:100%}.createRoomBox .hint{color:var(--ink-500,#7a7f85);font-size:12px;margin:2px 0 12px}.memberPickList{display:flex;flex-direction:column;gap:2px;margin-bottom:12px;max-height:260px;overflow-y:auto}.memberPickItem{align-items:center;background:#0000;border:1px solid #0000;border-radius:9px;cursor:pointer;display:flex;gap:10px;padding:9px 10px;text-align:left;width:100%}.memberPickItem.on{background:#1d8be71a;border-color:var(--accent,#1d8be7)}.memberPickItem .avatar.mini{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:30px;justify-content:center;width:30px}.memberPickItem .name{color:var(--ink-900,#1a1a1a);flex:1;font-size:14px}.memberPickItem .check{color:var(--accent,#1d8be7);font-weight:700}.createRoomBox .btnRow{display:flex;gap:8px;justify-content:flex-end}.custom-datepicker{background-color:#fff;border:none;border-radius:16px;box-shadow:0 8px 32px #0003;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-width:300px;transform:scale(1);transform-origin:center;width:auto!important;z-index:1000}.custom-datepicker .react-datepicker__header{background-color:#f8f9fa;border-bottom:1px solid #eee;border-radius:16px 16px 0 0;padding:12px 0;width:100%}.custom-datepicker .react-datepicker__month-container{background-color:#fff;border-radius:16px;display:block;width:100%}.custom-datepicker .react-datepicker__month{display:block;padding:12px;width:100%}.custom-datepicker .react-datepicker__day{align-items:center;border-radius:50%;box-sizing:border-box;display:inline-flex;float:left;font-size:14px;font-weight:500;height:36px;justify-content:center;line-height:36px;margin:1px;transition:all .2s ease;width:36px}.custom-datepicker .react-datepicker__day:hover{background-color:#e3f2fd;color:#1976d2}.custom-datepicker .react-datepicker__day--selected{font-weight:600}.custom-datepicker .react-datepicker__day--keyboard-selected,.custom-datepicker .react-datepicker__day--selected{background-color:var(--accent)!important;color:#fff!important}.custom-datepicker .react-datepicker__day--today{background-color:#e8f5e8;color:#2e7d32;font-weight:600}.custom-datepicker .react-datepicker__day--sunday{color:#f44336}.custom-datepicker .react-datepicker__day--outside-month{color:#ccc}.custom-datepicker .react-datepicker__day-names{background-color:#f8f9fa;border-bottom:1px solid #eee;clear:both;display:block;padding:8px 8px 8px 0;text-align:right;width:100%}.custom-datepicker .react-datepicker__day-name{align-items:center;box-sizing:border-box;color:#666;display:inline-flex;float:right;font-size:12px;font-weight:600;height:28px;justify-content:center;line-height:28px;margin:1px;text-transform:uppercase;width:36px}.custom-datepicker .react-datepicker__navigation{top:12px}.custom-datepicker .react-datepicker__navigation-icon{height:10px;width:10px}.custom-datepicker .react-datepicker__navigation-icon:before{border-width:2px 2px 0 0;height:10px;width:10px}.mobileCalendarDim{align-items:center;background-color:#21252980;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.mobileCalendarBox{background-color:var(--bg-surface);border-radius:12px;box-shadow:0 10px 30px #2125294d;max-height:500px;max-width:350px;overflow:hidden;width:100%}.mobileCalendar{padding:20px}.mobileCalendar .calHead{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.mobileCalendar .calNav{background:none;border:none;color:var(--accent);cursor:pointer;font-size:20px;padding:8px}.mobileCalendar .calTitle{color:var(--ink-900);font-size:18px;font-weight:700}.mobileCalendar .calWeekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.mobileCalendar .calWeekday{color:var(--ink-500);font-size:12px;font-weight:700;text-align:center}.mobileCalendar .calWeekday.sun{color:var(--danger)}.mobileCalendar .calWeekday.sat{color:var(--accent)}.mobileCalendar .calGrid{display:grid;grid-template-columns:repeat(7,1fr)}.mobileCalendar .calDay{align-items:center;background:#0000;border:none;border-radius:20px;color:var(--ink-900);cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;padding:0}.mobileCalendar .calDay.dim{color:var(--ink-200);cursor:default}.mobileCalendar .calDay.today{color:var(--accent);font-weight:700}.mobileCalendar .calDay.selected{background-color:var(--accent);color:#fff;font-weight:700}.mobileCalendar .calFoot{margin-top:20px;text-align:center}.mobileCalendar .calClose{background-color:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px}.noticeView-container{padding:16px 16px 100px}.noticeView-content{background-color:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);max-width:100%;padding:18px}.noticeView-title h3{align-items:center;color:var(--ink-900);display:flex;font-size:17px;font-weight:700;gap:6px;line-height:1.4;margin:0}.noticeView-title .backBtn{align-items:center;background:none;border:0;color:var(--ink-700);display:inline-flex;flex-shrink:0;height:24px;justify-content:center;padding:0;width:24px}.noticeView-meta{align-items:center;border-bottom:1px solid var(--line-weak);display:flex;gap:8px;justify-content:space-between;margin-top:12px;padding-bottom:12px}.noticeView-meta .metaRight{margin-left:auto;text-align:right}.noticeView-author{color:var(--ink-500);font-size:13px;margin-right:10px}.noticeView-email{color:var(--accent);font-size:13px}.noticeView-body{margin-top:14px}.notice-content-html{color:var(--ink-900);font-size:14px;line-height:1.6;word-break:break-word}.notice-content-html p{margin:0 0 10px}.notice-content-html h1,.notice-content-html h2,.notice-content-html h3,.notice-content-html h4,.notice-content-html h5,.notice-content-html h6{color:var(--ink-900);font-weight:700;margin:15px 0 10px}.notice-content-html img{display:block;height:auto;max-width:100%}.spinner-container{align-items:center;display:flex;justify-content:center;padding:20px}.spinner{animation:spin 1s linear infinite;border:3px solid var(--line-weak);border-radius:50%;border-top-color:var(--accent);height:30px;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#contentList{margin:16px}.workCompletedToggle{background-color:var(--bg-surface);border:1px solid var(--line-input);border-radius:999px;color:var(--ink-500);font-size:12.5px;font-weight:600;padding:6px 12px}.workCompletedToggle.is-on{background-color:var(--accent-soft);border-color:var(--accent);color:var(--accent)}#contentList>li>ul.work>li{align-items:flex-start;background-color:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);column-gap:12px;display:flex;flex-direction:row;margin-bottom:10px;padding:14px 16px}#contentList>li>ul.work>li .infoDiv{flex:1;min-width:0}#contentList>li>ul.work>li .infoDiv .title{color:var(--ink-900);cursor:pointer;display:flex;flex-direction:column;font-size:15px;font-weight:600;gap:4px}#contentList>li>ul.work>li .infoDiv .title .date{color:var(--ink-500);font-size:12px;font-weight:500}#contentList>li>ul.work>li .infoDiv .charge{align-items:center;display:flex;gap:8px;margin-top:8px}#contentList>li>ul.work>li .infoDiv .charge .name{color:var(--ink-500);font-size:13px}#contentList>li>ul.work>li .infoDiv .charge .icon{background-color:var(--accent-soft);border-radius:4px;color:var(--accent);display:inline-block;font-size:11px;font-weight:700;padding:3px 9px}.title.done{text-decoration:line-through}.title.done,.title.done .date{color:var(--ink-300)}#regWorkBtn{background-color:var(--accent);border-radius:50%;bottom:86px;box-shadow:0 6px 18px #3b7ddd59;height:48px;padding:14px;position:fixed;right:18px;width:48px;z-index:90}#regWorkBtn img{width:100%}.scheduleTab .datePicker{margin-bottom:12px}.scheduleList{list-style:none;padding:0}.scheduleList li{background-color:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:5px;margin-bottom:10px;padding:14px 16px}.scheduleList li .title{color:var(--ink-900);font-size:15px;font-weight:600}.scheduleList li .time{color:var(--ink-500);font-size:12px}.scheduleList li.empty{align-items:center;padding:34px 16px}#contentList>li>ul.work>li.empty,.scheduleList li.empty{background:none;box-shadow:none;color:var(--ink-300);font-size:14px}#contentList>li>ul.work>li.empty{display:block;padding:50px 16px;text-align:center}.placesetTitle{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#231d17;display:flex;font-size:24px;font-weight:600;height:200px;justify-content:center;text-align:center}textarea{height:100px;min-height:100px;resize:vertical}.content-display{word-wrap:break-word;background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;line-height:1.5;min-height:100px;padding:10px;white-space:pre-wrap}.readOnlyField{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-weight:500;min-height:20px;padding:10px}.approveTopBtn{display:flex;gap:8px;margin:10px 0 15px}.approveTopBtn .btn{flex:1}.mobileItemDiv{background-color:#fff;border:1px solid #ddd;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:8px}.ItemDiv{display:flex;flex:1 1 48%;flex-direction:column;min-width:120px}.ItemDiv input,.ItemDiv select{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px 10px}.ItemDiv input.error,.ItemDiv select.error{border-color:red}@media (max-width:480px){.ItemDiv{flex:1 1 100%}}.topmargin{margin-top:16px}.ItemDivMRow{display:flex;gap:8px}.ItemDivM{width:100%}.ItemDivM.flex2{flex:2}.ItemDivM.flex1{flex:1}.inputContent{margin:20px}.inputContent .titleDiv{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-between;margin:0}.inputContent .titleDiv input{border:0;font-size:20px}.inputContent .titleDiv input:focus{outline:0 none}.inputContent .titleDiv img{flex:20px;width:20px}.inputContent .textDiv{border-bottom:1px solid #e5e5e5}.inputContent .textDiv textarea{border:0;font-size:16px;height:200px}.inputContent .textDiv textarea:focus{outline:0 none}.inputContent .btnTypeDiv{margin:15px 0 0}.inputContent .btnTypeDiv .title{color:#888;font-size:13px;margin:0 0 10px}.inputContent .btnTypeDiv .list{align-items:center;border-bottom:1px solid #e5e5e5;display:grid;gap:10px;grid-template-columns:auto 10px;padding:0 0 10px}.inputContent .btnTypeDiv .list .left>*{margin-top:2px}.inputContent .btnTypeDiv .list .left>input[type=date]{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;width:1px}.inputContent .btnTypeDiv .list .left>input[type=date].show{filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;opacity:1;width:140px}.inputContent .btnTypeDiv .list .right img{cursor:pointer;margin-top:2px;width:100%}.inputContent .btnTypeDiv2{margin:15px 0 0}.inputContent .btnTypeDiv2 .title{color:#888;font-size:13px;margin:0 0 10px}.inputContent .btnTypeDiv2 .list{border-bottom:1px solid #e5e5e5;display:flex;flex-wrap:wrap;gap:10px}.inputContent .btnTypeDiv2 .list .left>*{margin-top:2px}.inputContent .btnTypeDiv2 .list .left>input[type=date]{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;width:1px}.inputContent .btnTypeDiv2 .list .left>input[type=date].show{filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;opacity:1;width:140px}.inputContent .btnTypeDiv2 .list .right img{cursor:pointer;margin-top:2px;width:100%}.inputContent .gridTypeDiv{display:grid;gap:10px;grid-template-columns:50px auto;margin:15px 0 0}.inputContent .gridTypeDiv .title{color:#888;font-size:14px}select{border:1px solid #ccc;border-radius:6px;margin-left:6px;padding:6px}.fileName{color:#007bff;cursor:pointer;text-decoration:underline}.fileName:hover{color:#0056b3}.no-files{color:#6c757d;font-style:italic;padding:10px;text-align:center}.privacy-wrapper{background:#f7f9fc;min-height:100vh;padding:20px}.privacy-container{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000000a;margin:0 auto;max-width:820px;padding:40px 32px}.privacy-title{color:#1d8be7;font-size:28px;font-weight:700;margin-bottom:16px}.privacy-desc{color:#555;font-size:15px;margin-bottom:32px}.privacy-container section{margin-bottom:28px}.privacy-container h2{color:#222;font-size:18px;margin-bottom:10px}.privacy-container li,.privacy-container p{color:#444;font-size:15px;line-height:1.8}.privacy-container ul{padding-left:20px}.privacy-owner{border-top:1px solid #eee;padding-top:20px}.privacy-footer{color:#888;font-size:13px;margin-top:40px;text-align:center}@media (max-width:768px){.privacy-container{padding:28px 20px}.privacy-title{font-size:22px}.privacy-container h2{font-size:16px}.privacy-container li,.privacy-container p{font-size:14px}}