.app-container{max-width:1000px;margin:0 auto;padding:10px;margin-top:8vh}.section{display:flex;flex-direction:column;align-items:center;background:#fff;padding:20px;margin-bottom:10px;border-radius:2px;box-shadow:0 0 10px #0000001a}.date-navigation{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;flex-shrink:0}.date-nav-btn{background:transparent;border:1px solid #ccc;border-radius:2px;padding:8px 14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease;width:44px;height:44px;flex-shrink:0}.date-nav-btn:hover:not(.disabled){background:#f0f0f0;border-color:#999}.date-nav-btn:active:not(.disabled){background:#e0e0e0}.date-nav-btn.disabled,.date-nav-btn:disabled{opacity:.4;cursor:not-allowed;background:transparent}.date-nav-btn i{width:16px;height:16px;stroke-width:2}.date-display{flex:1;text-align:center;font-size:18px;font-weight:500;color:#333;padding:4px 8px;min-width:150px}.section-header{display:flex;justify-content:space-between;align-items:center;width:100%}.section-header h1{font-size:28px;font-weight:400;margin-top:0;padding-top:0;margin-bottom:0}.section-header h2{margin-top:0;font-weight:400;padding-top:0;margin-bottom:0}.section-header h3{font-weight:400;margin-top:0;padding-top:0;margin-bottom:0}@media (max-width: 800px){.date-navigation{max-width:100%}.date-display{font-size:16px;min-width:120px}.date-nav-btn{width:28px;height:28px;padding:4px 8px}}input,textarea{width:95%;padding:8px;margin-top:5px;border-radius:2px;border:1px solid #ccc}@media (max-width: 1050px){.section-header{margin-bottom:0}.section-header h2{font-size:24px;margin-bottom:0}.section-header h3{font-size:18px;margin-bottom:0}}@media (max-width: 480px){.date-navigation{width:100%}.user-time-row{width:100%;justify-content:space-evenly}.section-header h2{font-size:20px;margin-bottom:0}.section-header h3{font-size:16px;margin-bottom:0}.work-desc-cell,.time-cell,.sub-name-cell{padding:8px 6px;min-height:32px}.user-time-row{gap:6px;padding:6px 0}.user-time-row-item label{font-size:12px}}.work-desc-cell{cursor:pointer;padding:8px;min-height:20px;position:relative;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-word;max-width:100%;-webkit-tap-highlight-color:transparent;outline:none;-webkit-user-select:none;user-select:none}.work-desc-cell:active,.work-desc-cell:focus{outline:none;background-color:#f0f0f0}.work-desc-cell:hover{background-color:#f0f0f0}.time-cell{cursor:pointer;padding:8px;min-height:20px;position:relative;-webkit-tap-highlight-color:transparent;outline:none;-webkit-user-select:none;user-select:none}.time-cell:active,.time-cell:focus{outline:none;background-color:#f0f0f0}.time-cell:hover{background-color:#f0f0f0}.sub-name-cell{cursor:pointer;padding:8px;min-height:20px;position:relative;-webkit-tap-highlight-color:transparent;outline:none;-webkit-user-select:none;user-select:none}.sub-name-cell:active,.sub-name-cell:focus{outline:none;background-color:#f0f0f0}.sub-name-cell:hover{background-color:#f0f0f0}.sub-name-display{color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-name-display.empty{color:#999;font-style:italic}.app-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-loading-text{font-size:18px;font-weight:500;color:#333}@media (max-width: 767px){.app-container{max-width:100%;height:95vh;padding:10px 0}}button{background:#002512;color:#fff;border:none;padding:10px 14px;border-radius:2px;cursor:pointer;height:35px;font-weight:500;transition:background-color .2s ease,transform .1s ease}button:hover{background:#003d1f;transform:translateY(1px);box-shadow:0 2px 4px #0003}button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;transform:none;box-shadow:none}button:disabled:hover{background-color:#ccc;transform:none;box-shadow:none}table{width:100%;border-collapse:separate;border-spacing:0;margin-top:10px;border-radius:2px;overflow:hidden;box-shadow:0 2px 4px #0000001a;background:#fff;table-layout:fixed}th{background:#002512;color:#fff;font-weight:400;padding:6px 16px;text-align:left;font-size:18px;letter-spacing:.5px}th:first-child{border-top-left-radius:2px}th:last-child{border-top-right-radius:2px}td{padding:12px 16px;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom:1px solid #e0e0e0;background:#fff;cursor:pointer;transition:background-color .2s ease}tr:last-child td:first-child{border-bottom-left-radius:2px}tr:last-child td:last-child{border-bottom-right-radius:2px}tr:hover td{background:#f8f9ff;transition:background-color .2s ease}tr:last-child td{border-bottom:none}@media (max-width: 1050px){table{font-size:13px}th{font-size:15px;padding:6px 8px;letter-spacing:.3px}td{padding:10px 8px;font-size:13px;line-height:1.4}}@media (max-width: 767px){table th,table td{padding:8px 10px;font-size:14px}}@media (max-width: 480px){table{font-size:12px}th{font-size:12px;padding:4px 6px}td{padding:8px 6px;font-size:12px;line-height:1.5}}.login-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 180px);background:#f4f4f4;padding:20px}.login-card{background:#fff;border-radius:2px;box-shadow:0 0 10px #0000001a;padding:40px;max-width:400px;width:100%;text-align:center}.login-header{margin-bottom:30px}.login-header h1{margin:0 0 10px;font-size:24px;color:#333}.login-header p{margin:0;color:#666;font-size:14px}.login-error{background-color:#fee;color:#c33;padding:12px;border-radius:2px;margin-bottom:20px;font-size:14px}.login-button{width:100%}._homeDayStatus_1t53c_1{padding:4px 12px;border-radius:2px;font-size:12px;font-weight:700;color:#fff}._status_1t53c_9{width:80px;min-width:80px;max-width:80px;text-align:end}._hours_1t53c_16{width:50px;min-width:50px;max-width:50px;text-align:center}._site_1t53c_23{width:80px;min-width:80px;max-width:80px;text-align:center}._employees_1t53c_30,._subcontractors_1t53c_37{width:100px;min-width:100px;max-width:100px;text-align:center}._homeDayStatus-saved_1t53c_44{background-color:#4caf50}._homeDayStatus-new_1t53c_48{background-color:#9e9e9e}._homeDayStatus-edited_1t53c_52{background-color:#ff9800}._homeDayStatus-error_1t53c_56{background-color:#f44336}._homeTableRow-saved_1t53c_60{background-color:#f0f9f0}._homeTableRow-saved_1t53c_60:hover{background-color:#e8f5e9}._homeTableRow-new_1t53c_68{background-color:#fafafa}._homeTableRow-new_1t53c_68:hover{background-color:#f0f0f0}._homeTableRow-edited_1t53c_76{background-color:#fff3e0}._homeTableRow-edited_1t53c_76:hover{background-color:#ffe0b2}._homePeriod_1t53c_84{color:#666;margin-top:0;margin-bottom:10px}@media (max-width: 680px){._employees_1t53c_30{display:none}}@media (max-width: 560px){._subcontractors_1t53c_37{display:none}._hours_1t53c_16{width:30px;min-width:30px;max-width:30px}}@media (max-width: 560px){._hours_1t53c_16{display:none}}@media (max-width: 400px){._site_1t53c_23{display:none}}._addBtn_1vq3f_1{background:#002512;color:#fff;border:none;padding:10px 14px;border-radius:2px;cursor:pointer;font-weight:500;transition:background-color .2s ease,transform .1s ease}._addBtn_1vq3f_1:hover{background:#003d1f;transform:translateY(1px);box-shadow:0 2px 4px #0003}@media (max-width: 1050px){._add-btn_1vq3f_19{font-size:12px;padding:8px 12px}}@media (max-width: 768px){._add-btn_1vq3f_19{padding:6px 10px;font-size:11px}}@media (max-width: 480px){._add-btn_1vq3f_19{padding:5px 8px;font-size:11px}}.user-info-row{display:flex;flex-direction:row;gap:30px;width:100%;height:120px;align-items:center;margin-top:10px}.input-container{flex:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%}.input-row{width:100%;display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e0e0;padding:10px 0}.input-row input,.input-row select{width:100%;padding:0;margin-top:0;border-radius:0;border:none;background:transparent;text-align:right;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-row input:focus,.input-row select:focus{outline:none}.user-time-container{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.user-time-row{display:flex;align-items:center;justify-content:space-evenly;gap:0px;width:100%;padding:10px 0;flex-wrap:nowrap}.user-time-row-item label{white-space:nowrap;font-weight:400}.user-time-row-item{display:flex;flex-direction:column;justify-content:center;width:100%;align-items:center;gap:8px}.user-time-input{border:1px solid #ddd;border-radius:2px;padding:8px 12px;background-color:#fff;width:70%;margin:auto;text-align:center;transition:border-color .2s ease,background-color .2s ease;cursor:pointer}.user-time-input:hover{border-color:#999;background-color:#f9f9f9}.user-time-input .time-display{min-width:auto;text-align:center;font-weight:500}.notes-container{display:flex;flex-direction:row;gap:20px;align-items:flex-start;margin-top:20px;width:100%}.notes-item{display:flex;flex-direction:column;flex:1;gap:8px}.notes-item label{font-weight:500;font-size:14px;color:#333}.notes-item textarea{width:100%;min-height:100px;resize:none;box-sizing:border-box;margin:0}@media (max-width: 768px){.user-info-row{flex-direction:column;height:auto;gap:10px}.notes-item{width:100%}}@media (max-width: 1050px){.user-time-row{flex-wrap:nowrap;padding:8px 0}.user-time-row-item label{font-size:13px;white-space:nowrap}.user-time-input{padding:6px 8px;flex-shrink:1}.user-time-input .time-display{font-size:13px}}@media (max-width: 480px){.user-time-container{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:15px;width:100%}.user-time-row{width:100%;justify-content:space-between}.user-time-input{padding:6px 4px}.user-time-input .time-display{font-size:12px}}._table_136yu_1{width:100%;border-collapse:collapse;margin-top:10px;table-layout:fixed}._name_136yu_8{width:150px}._hours_136yu_12{width:50px}@media (max-width: 768px){._name_136yu_8{width:100px}._hours_136yu_12{width:40px}}@media (max-width: 480px){._name_136yu_8{width:60px}._hours_136yu_12{width:30px}}._table_hg1n9_1{width:100%;border-collapse:collapse;margin-top:10px;table-layout:fixed}._name_hg1n9_8{width:150px}._hours_hg1n9_12,._men_hg1n9_16{width:50px}@media (max-width: 768px){._name_hg1n9_8{width:100px}._hours_hg1n9_12,._men_hg1n9_16{width:40px}}@media (max-width: 480px){._name_hg1n9_8{width:60px}._hours_hg1n9_12,._men_hg1n9_16{width:30px}}._table_1899j_2{width:100%;border-collapse:collapse;margin-top:10px;table-layout:fixed}._name_1899j_9{width:150px}@media (max-width: 768px){._name_1899j_9{width:100px}}.toast{min-width:300px;max-width:500px;padding:16px 20px;margin-bottom:12px;border-radius:2px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out;position:relative;overflow:hidden}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.toast-message{flex:1;font-size:14px;line-height:1.5;font-weight:500}.toast-close{background:none;border:none;font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s;color:inherit}.toast-close:hover{opacity:1}.toast-success{background-color:#4caf50;color:#fff}.toast-error{background-color:#f44336;color:#fff}.toast-info{background-color:#2196f3;color:#fff}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}.toast-container>*{pointer-events:auto}@media (max-width: 768px){.toast{min-width:280px;max-width:calc(100vw - 40px);padding:14px 16px}.toast-container{top:10px;right:10px;left:10px;align-items:stretch}.toast-container>*{width:100%}}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center}.modal-content{background-color:#fff;border-radius:2px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e0e0e0}.modal-header h3{margin:0;font-size:18px}.modal-close{font-size:28px;font-weight:700;color:#999;cursor:pointer;line-height:1}.modal-close:hover{color:#000}.modal-body{display:flex;padding:20px;flex:1}.modal-body textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:2px;font-size:14px;font-family:Arial,sans-serif;resize:vertical;min-height:100px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid #e0e0e0}.modal-btn{padding:8px 16px;border:none;border-radius:2px;cursor:pointer;font-size:14px;background:#002512;color:#fff}.modal-btn:hover{background:#003d1f}.modal-btn-cancel{background:#6c757d}.modal-btn-cancel:hover{background:#545b62}.time-modal .modal-body input[type=time]{width:100%;padding:10px;font-size:14px;border:1px solid #ddd;border-radius:4px;font-family:Arial,sans-serif}.break-interval-modal .modal-body .break-row{display:flex;align-items:center;gap:12px}.break-interval-modal .modal-body .break-input{width:100px;padding:10px;font-size:14px;border:1px solid #ddd;border-radius:4px;font-family:Arial,sans-serif;text-align:center}.break-interval-modal .modal-body .break-label{font-size:14px;font-weight:500}.sub-name-modal .modal-body input[type=text]{width:100%;padding:10px;font-size:14px;border:1px solid #ddd;border-radius:4px;font-family:Arial,sans-serif}.employee-modal .modal-content{max-width:650px;width:90%;box-sizing:border-box}.employee-modal .modal-body{display:flex;flex-direction:column;gap:16px;padding:20px;box-sizing:border-box}.employee-modal .modal-body>div{width:100%;box-sizing:border-box}.employee-modal .modal-body label{display:block;margin-bottom:8px;font-weight:500}.employee-modal .modal-body input,.employee-modal .modal-body select,.employee-modal .modal-body textarea{width:100%;padding:10px;font-size:14px;border:1px solid #ddd;border-radius:4px;font-family:Arial,sans-serif;box-sizing:border-box}.employee-modal .modal-body textarea{resize:vertical}.employee-modal .modal-body .time-row{display:flex;gap:12px;width:100%;box-sizing:border-box;min-width:0}.employee-modal .modal-body .time-row>div{flex:1;box-sizing:border-box;min-width:0}.employee-modal .modal-body .time-row select{height:43px;margin-top:5px}.employee-modal .modal-btn.primary:disabled{opacity:.5;cursor:not-allowed}.employee-modal .modal-btn.delete{background:#dc3545}.employee-modal .modal-btn.delete:hover{background:#c82333}.subcontractor-modal .modal-content{max-width:650px;width:90%;box-sizing:border-box}.subcontractor-modal .modal-body{display:flex;flex-direction:column;gap:16px;padding:20px;box-sizing:border-box}.subcontractor-modal .modal-body>div{width:100%;box-sizing:border-box}.subcontractor-modal .modal-body label{display:block;margin-bottom:8px;font-weight:500}.subcontractor-modal .modal-body input,.subcontractor-modal .modal-body select,.subcontractor-modal .modal-body textarea{width:100%;padding:10px;font-size:14px;border:1px solid #ddd;border-radius:4px;font-family:Arial,sans-serif;box-sizing:border-box}.subcontractor-modal .modal-body textarea{resize:vertical}.subcontractor-modal .modal-body .time-row{display:flex;gap:12px;width:100%;box-sizing:border-box;min-width:0}.subcontractor-modal .modal-body .time-row>div{flex:1;box-sizing:border-box;min-width:0}.subcontractor-modal .modal-body .time-row input[type=time],.subcontractor-modal .modal-body .time-row input[type=number]{height:43px;margin-top:5px}.subcontractor-modal .modal-btn.primary:disabled{opacity:.5;cursor:not-allowed}.subcontractor-modal .modal-btn.delete{background:#dc3545}.subcontractor-modal .modal-btn.delete:hover{background:#c82333}.plant-modal .modal-content{max-width:650px;width:90%;box-sizing:border-box}.plant-modal .modal-body{display:flex;flex-direction:column;gap:16px;padding:20px;box-sizing:border-box}.plant-modal .modal-body>div{width:100%;box-sizing:border-box}.plant-modal .modal-body label{display:block;margin-bottom:8px;font-weight:500}.plant-modal .modal-body input,.plant-modal .modal-body select,.plant-modal .modal-body textarea{width:100%;padding:10px;font-size:14px;border:1px solid #ddd;border-radius:4px;font-family:Arial,sans-serif;box-sizing:border-box}.plant-modal .modal-body textarea{resize:vertical}.plant-modal .modal-btn.primary:disabled{opacity:.5;cursor:not-allowed}.plant-modal .modal-btn.delete{background:#dc3545}.plant-modal .modal-btn.delete:hover{background:#c82333}.confirm-modal-message{margin:0;line-height:1.4;color:#333}.timesheet-header{position:fixed;left:0;right:0;width:100vw;align-items:center;height:5vh;background:#fff;box-shadow:0 0 10px #0000001a;top:0;z-index:100;padding:10px 0}.header-inner{display:flex;justify-content:space-between;align-items:center;max-width:960px;width:90%;margin:0 auto;padding:0 20px;background:#fff}.timesheet-header-section{display:flex;align-items:center;gap:10px;width:25%}.header-nav-button{width:100%;max-width:80px;display:flex;align-items:center;justify-content:center}@media (max-width: 767px){.timesheet-header{display:flex;align-items:center;max-width:100%;height:5vh;background:#fff;box-shadow:0 0 10px #0000001a;position:fixed;top:0;z-index:100;padding:10px}}@media (max-width: 480px){.header-nav-button{padding:4px 8px}}@media (max-width: 320px){.header-nav-button{padding:2px 4px}}body{font-family:Arial,sans-serif;background:#f4f4f4;-webkit-tap-highlight-color:transparent;padding:0;margin:0}#root{width:100%;min-height:100vh;padding:0;margin:0}