*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}.product-calendar-page{color:#18202a;background:#f6f8fb;width:100%;min-height:100vh;padding:28px 30px 40px}.product-calendar-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.product-calendar-header h1{letter-spacing:-1px;color:#111827;margin:0 0 8px;font-size:29px;font-weight:800}.product-calendar-header p{color:#6b7280;margin:0;font-size:15px}.product-calendar-toolbar{background:#fff;border:1px solid #e0e5ec;border-bottom:none;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.calendar-navigation,.calendar-toolbar-actions{align-items:center;gap:10px;display:flex}.calendar-navigation h2{color:#111827;margin:0 0 0 14px;font-size:23px;font-weight:800}.calendar-today-button,.calendar-arrow-button,.calendar-view-select{color:#374151;background:#fff;border:1px solid #d6dce5;border-radius:7px;height:40px}.calendar-today-button{min-width:68px;padding:0 18px;font-weight:700}.calendar-arrow-button{color:#667085;width:43px;font-size:26px;line-height:1}.calendar-view-select{min-width:94px;padding:0 15px}.calendar-create-button{color:#fff;background:#1769e0;border:none;border-radius:7px;height:40px;padding:0 20px;font-weight:800;box-shadow:0 5px 12px #1769e033}.calendar-create-button:hover{background:#0f5dcf}.product-calendar-content{background:#fff;border:1px solid #e0e5ec;border-radius:0 0 12px 12px;grid-template-columns:minmax(0,1fr) 340px;min-height:670px;display:grid;overflow:hidden}.calendar-main-area{border-right:1px solid #e0e5ec;min-width:0}.calendar-week-header{background:#fbfcfe;border-bottom:1px solid #e0e5ec;grid-template-columns:repeat(7,minmax(0,1fr));height:45px;display:grid}.calendar-week-header div{color:#4b5563;border-right:1px solid #e0e5ec;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.calendar-week-header div:last-child{border-right:none}.sunday{color:#ef4444!important}.saturday{color:#1769e0!important}.calendar-grid{grid-template-rows:repeat(6,minmax(104px,1fr));grid-template-columns:repeat(7,minmax(0,1fr));min-height:624px;display:grid}.calendar-day-cell{text-align:left;vertical-align:top;background:#fff;border:1px solid #e0e5ec;border-top:none;border-left:none;min-width:0;min-height:104px;padding:9px 8px;position:relative;overflow:hidden}.calendar-day-cell:nth-child(7n){border-right:none}.calendar-day-cell:nth-last-child(-n+7){border-bottom:none}.calendar-day-cell:hover{background:#f8fbff}.calendar-day-cell.other-month{background:#fafbfc}.calendar-day-cell.other-month .calendar-day-number{color:#aeb6c2!important}.calendar-day-cell.selected-day{z-index:1;background:#f9fcff;box-shadow:inset 0 0 0 2px #2576e8}.calendar-day-number{color:#252b33;border-radius:50%;justify-content:center;align-items:center;min-width:25px;height:25px;margin-bottom:5px;font-size:14px;font-weight:700;display:inline-flex}.calendar-day-cell.selected-day .calendar-day-number{background:#1769e0;color:#fff!important}.calendar-event-list{flex-direction:column;gap:4px;display:flex}.calendar-event-item{border:1px solid #0000;border-radius:5px;align-items:center;gap:5px;width:100%;min-height:25px;padding:4px 6px;font-size:12px;font-weight:700;line-height:1.2;display:flex;overflow:hidden}.calendar-event-dot{border-radius:50%;flex:none;width:7px;height:7px}.calendar-event-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.priority-urgent{color:#d92d20;background:#fff1f1;border-color:#fecaca}.priority-urgent .calendar-event-dot{background:#ef4444}.priority-important{color:#d97706;background:#fff7e8;border-color:#fed7aa}.priority-important .calendar-event-dot{background:#f59e0b}.priority-normal{color:#15803d;background:#eefbf3;border-color:#bbf7d0}.priority-normal .calendar-event-dot{background:#22a45d}.priority-undecided{color:#7048c7;background:#f5f2ff;border-color:#ddd6fe}.priority-undecided .calendar-event-dot{background:#8259d8}.calendar-more-events{color:#6b7280;padding:2px 5px;font-size:11px;font-weight:700}.calendar-detail-panel{background:#fff;flex-direction:column;min-width:0;display:flex}.detail-panel-header{border-bottom:1px solid #dfe4eb;justify-content:space-between;align-items:center;min-height:60px;padding:0 20px;display:flex}.detail-panel-header h3{margin:0;font-size:18px;font-weight:800}.detail-close-button{color:#53606f;background:0 0;border:none;font-size:27px}.detail-panel-body{flex:1;padding:20px;overflow-y:auto}.detail-priority-badge{color:#fff;border-radius:5px;align-items:center;min-height:25px;padding:3px 9px;font-size:12px;font-weight:800;display:inline-flex}.priority-background-urgent{background:#ef3f36}.priority-background-important{background:#f59e0b}.priority-background-normal{background:#2eae63}.priority-background-undecided{background:#8a73c7}.detail-panel-body>h2{color:#111827;margin:13px 0;font-size:24px;font-weight:850}.detail-date{color:#4b5563;align-items:center;gap:8px;font-size:14px;display:flex}.detail-divider{background:#e4e7ec;height:1px;margin:20px 0}.detail-section{border-bottom:1px solid #e4e7ec;margin-bottom:19px;padding:0 0 19px}.detail-section:last-child{margin-bottom:0}.detail-section h4{color:#111827;margin:0 0 10px;font-size:14px;font-weight:850}.detail-section p{color:#444d5a;margin:0;font-size:14px;line-height:1.7}.detail-content-text{white-space:pre-line}.detail-attachment{text-align:left;background:#fff;border:1px solid #dce2e9;border-radius:7px;align-items:center;width:100%;min-height:48px;padding:7px 10px;display:flex}.attachment-pdf{color:#fff;background:#e93b35;border-radius:4px;flex:none;margin-right:8px;padding:4px 5px;font-size:9px;font-weight:900}.attachment-name{color:#374151;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.attachment-download{color:#5d6775;margin-left:8px;font-size:20px}.detail-writer-information{margin:0}.detail-writer-information div{grid-template-columns:70px 1fr;margin-bottom:9px;font-size:13px;display:grid}.detail-writer-information dt{color:#7b8491}.detail-writer-information dd{color:#374151;margin:0;font-weight:650}.detail-panel-footer{border-top:1px solid #e0e5ec;grid-template-columns:1fr 1fr;gap:12px;padding:15px 20px;display:grid}.detail-panel-footer button{background:#fff;border-radius:6px;min-height:42px;font-weight:800}.detail-edit-button{color:#1769e0;border:1px solid #2875e6}.detail-delete-button{color:#e7362e;border:1px solid #f04438}.calendar-empty-detail{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px;display:flex}.empty-calendar-icon{color:#1769e0;background:#edf4ff;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;margin-bottom:16px;font-size:31px;display:flex}.calendar-empty-detail h3{margin:0 0 9px}.calendar-empty-detail p{color:#7a8492;margin:0 0 20px;font-size:14px;line-height:1.6}.calendar-empty-detail button{color:#fff;background:#1769e0;border:none;border-radius:7px;padding:10px 16px;font-weight:800}.calendar-guide-section{grid-template-columns:1.25fr .9fr .85fr;gap:18px;margin-top:20px;display:grid}.calendar-guide-card{background:#fff;border:1px solid #e0e5ec;border-radius:11px;overflow:hidden}.calendar-guide-card>h3{border-bottom:1px solid #e0e5ec;margin:0;padding:15px 18px;font-size:16px;font-weight:850}.guide-row{grid-template-columns:48px 1fr;align-items:center;gap:10px;padding:13px 18px;display:grid}.guide-icon{justify-content:center;align-items:center;font-size:29px;font-weight:700;display:flex}.leave-icon{color:#1769e0}.product-icon{color:#8155d5}.personal-icon{color:#35a853}.guide-row strong{margin-bottom:4px;font-size:14px;display:block}.guide-row p{color:#6b7280;margin:0;font-size:12px;line-height:1.5}.priority-guide-row{grid-template-columns:58px 1fr;align-items:center;gap:10px;padding:9px 18px;display:grid}.priority-guide-row p{color:#616b78;margin:0;font-size:12px}.priority-guide-badge{color:#fff;border-radius:5px;justify-content:center;align-items:center;min-height:27px;font-size:12px;font-weight:800;display:inline-flex}.priority-guide-badge.urgent{background:#ef4036}.priority-guide-badge.important{background:#f6a016}.priority-guide-badge.normal{background:#3fac64}.priority-guide-badge.undecided{background:#98a2b3}.category-guide-list{gap:13px;padding:17px 19px;display:grid}.category-guide-list div{color:#4b5563;align-items:center;gap:9px;font-size:13px;display:flex}.category-guide-list span{color:#1769e0;font-size:10px}.calendar-modal-overlay{z-index:10000;background:#0f172a7a;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.calendar-event-modal{background:#fff;border-radius:14px;width:min(680px,100%);max-height:calc(100vh - 50px);overflow-y:auto;box-shadow:0 24px 80px #0f172a40}.calendar-modal-header{border-bottom:1px solid #e5e9ef;justify-content:space-between;align-items:flex-start;padding:22px 24px 18px;display:flex}.calendar-modal-header h2{margin:0 0 5px;font-size:23px}.calendar-modal-header p{color:#7a8492;margin:0;font-size:13px}.calendar-modal-header button{color:#596574;background:0 0;border:none;font-size:29px}.calendar-modal-body{padding:22px 24px}.calendar-form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.calendar-form-field{flex-direction:column;margin-bottom:18px;display:flex}.calendar-form-field>span{color:#344054;margin-bottom:8px;font-size:13px;font-weight:800}.calendar-form-field b{color:#ef4444}.calendar-form-field input,.calendar-form-field select,.calendar-form-field textarea{color:#28313d;background:#fff;border:1px solid #d6dce5;border-radius:7px;outline:none;width:100%}.calendar-form-field input,.calendar-form-field select{height:44px;padding:0 12px}.calendar-form-field textarea{resize:vertical;padding:12px;line-height:1.6}.calendar-form-field input:focus,.calendar-form-field select:focus,.calendar-form-field textarea:focus{border-color:#2976e7;box-shadow:0 0 0 3px #2976e71a}.calendar-file-input{background:#f9fafb;border:1px dashed #cbd3de;border-radius:8px;padding:14px}.calendar-file-input input{background:0 0;border:none;height:auto;padding:0}.calendar-file-input p{color:#667085;margin:10px 0 0;font-size:12px}.calendar-modal-footer{border-top:1px solid #e5e9ef;justify-content:flex-end;gap:10px;padding:16px 24px 21px;display:flex}.calendar-modal-footer button{border-radius:7px;min-width:100px;min-height:43px;font-weight:800}.modal-cancel-button{color:#4b5563;background:#fff;border:1px solid #d7dde5}.modal-save-button{color:#fff;background:#1769e0;border:none}@media (width<=1250px){.product-calendar-content{grid-template-columns:minmax(0,1fr) 300px}.calendar-guide-section{grid-template-columns:1fr 1fr}.calendar-guide-card:last-child{grid-column:1/-1}}@media (width<=950px){.product-calendar-page{padding:20px 14px 30px}.product-calendar-toolbar{align-items:flex-start;gap:15px}.product-calendar-content{grid-template-columns:1fr}.calendar-main-area{border-right:none;overflow-x:auto}.calendar-week-header,.calendar-grid{min-width:780px}.calendar-detail-panel{border-top:1px solid #e0e5ec;min-height:420px}}@media (width<=700px){.product-calendar-toolbar{flex-direction:column}.calendar-navigation{flex-wrap:wrap}.calendar-navigation h2{width:100%;margin:7px 0 0}.calendar-toolbar-actions{width:100%}.calendar-create-button{flex:1}.calendar-guide-section{grid-template-columns:1fr}.calendar-guide-card:last-child{grid-column:auto}.calendar-form-grid{grid-template-columns:1fr;gap:0}}