*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;margin-top:10px;color:#1e232cde;background-color:#f3f4f5}.container{max-width:1200px;margin:0 auto;padding:20px;position:relative}.link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:var(--link-color);font-weight:500;border-radius:var(--radius);padding:10px;transition:background-color .15s ease;font-size:11.5px}.link:hover{background-color:#eeeef3}.btn{background:linear-gradient(135deg,#4f52f224,#6366f10f);color:var(--text);font-weight:600;border:1px solid var(--border);letter-spacing:.04em;border-radius:10px;transition:all .2s ease;padding:3px}.btn:hover{border-color:var(--border-focus)}html[dir=rtl] table{direction:rtl}html[dir=rtl] .timesheet-table thead th{text-align:right}html[dir=rtl] .send-button svg,html[dir=rtl] .timesheet__bottom-link svg{transform:rotate(180deg)}html[dir=rtl] .link-back{display:flex;flex-direction:row-reverse}input[type=time]{direction:ltr}input[type=date],input[type=time],select{width:100%;max-width:100%;min-width:0;box-sizing:border-box;-webkit-appearance:none;appearance:none}@media(max-width:480px){input[type=date],input[type=time],select{font-size:14px;padding:8px 10px}}:root{--border: #dce0e8;--border-focus: #6366f1;--icon-color: #4f52f2;--bg: #ffffff;--text: #101828;--muted: #667085;--radius: 7px;--bg-button: #6265e9;--link-color: #4f52f2}.timesheet__wrapper{width:min(900px,100%);margin:0 auto;padding:clamp(16px,2vw,24px);background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 12px #00000014}.timesheet-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px 0 16px}.form-group{min-width:0}.form-group--full{grid-column:1 / -1}@media(max-width:640px){.timesheet-form{grid-template-columns:1fr}.send-button{width:100%}}.form-group__label{display:flex;align-items:center;margin-bottom:8px;color:var(--text)}.form-group__label span{margin:0 10px}.form-group__label svg{color:var(--icon-color)}input,select,textarea{min-width:0;width:100%;height:46px;padding:10px 12px;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .15s ease,box-shadow .15s ease}textarea{resize:vertical;min-height:90px}input::placeholder,textarea::placeholder{color:var(--muted);font-size:11px}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f12e}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}input:hover,select:hover,textarea:hover{border-color:var(--border-focus);background-color:#6366f10d}.send-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px}.send-button svg{color:var(--icon-color);font-size:18px}.send-button__icon{width:20px;height:20px}.send-button:active{transform:scale(.98)}.timesheet__bottom{display:flex;justify-content:center}.rs__control{min-height:46px;border:1px solid var(--border)!important;border-radius:var(--radius)!important;box-shadow:none!important}.rs__control:hover{border-color:var(--border-focus)!important;background-color:#6366f10d}.rs__control--is-focused{border-color:var(--border-focus)!important;box-shadow:0 0 0 3px #6366f12e!important}.rs__value-container{padding:0 10px!important}.rs__placeholder{color:var(--muted)!important;font-size:11px!important}.rs__menu{border-radius:var(--radius)!important;border:1px solid var(--border)!important;overflow:hidden}.rs__option--is-focused{background:#6366f114!important}.rs__option--is-selected{background:#6366f159!important}.rs__multi-value{background:#6366f11f!important;border-radius:999px!important}.rs__multi-value__label{color:var(--text)!important;font-weight:600}.rs__multi-value__remove:hover{background:#6366f12e!important;color:var(--text)!important;border-radius:999px!important}.alert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.alert-wrapper{border:1px solid rgba(178,178,178,.4);width:300px;padding:20px;border-radius:var(--radius);background-color:#fff;box-shadow:0 4px 20px #00000026;margin:0 auto}.alert-message{font-size:14px;text-align:center;color:var(--muted);margin:0 0 20px}.alert-buttons{display:flex;gap:10px;justify-content:center}.alert_btn{padding:10px 20px;border-radius:5px;min-width:70px;border:none;cursor:pointer;transition:all .2s;font-size:14px}.btn-confirm{background-color:#109965;color:#fff}.btn-confirm:hover{background-color:#1cae76;transform:translateY(-1px)}.btn-cancel{background-color:#e42360;color:#fff}.btn-cancel:hover{background-color:#e95483;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.alert-overlay{animation:fadeIn .2s ease-out}.alert-wrapper{animation:slideIn .3s ease-out}.timesheet-top-bar{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;width:100%;border:1px solid #E0E0E0;padding:20px 10px;border-radius:10px;background-color:var(--bg)}.link-back{font-size:13px;margin-top:0}@media(max-width:460px){.link-back{font-size:10px}}.top-bar__actions{display:flex;flex-wrap:wrap;gap:10px}.btn-delete{background-color:#ec72a11a;width:34px;height:34px;border-radius:var(--radius)}.btn-delete:hover{background-color:#e6176633}.btn-delete:active{transform:scale(.96)}.btn-delete svg{color:#e61766;font-size:18px}.btn-print{display:inline-flex;align-items:center;gap:10px;padding:8px 5px}.btn-print svg{color:var(--icon-color);font-size:18px}.btn-print:hover{border-color:var(--border-focus);background:linear-gradient(135deg,#4f52f233,#6366f11a)}.btn-print:active{transform:translateY(0) scale(.98);box-shadow:0 6px 16px #6366f124}.range-bar{margin-top:5px;border:1px solid var(--border);border-radius:var(--radius);padding:14px;background-color:var(--bg)}.range-bar__title{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.range-bar__title svg{color:var(--icon-color);font-size:18px;margin-top:2px}.range-bar__headline{font-weight:900}.range-bar__subtitle{font-size:12px;color:var(--muted);margin-top:2px}.range-bar__fields{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:10px;align-items:end}.range-bar__field{min-width:0}.range-bar__label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.range-bar__apply{height:50px;display:inline-flex;align-items:center;gap:10px;padding:0 14px;border-radius:12px;border:1px solid var(--border)}.range-bar__apply svg{color:var(--icon-color)}.range-bar__apply:active{transform:translateY(0) scale(.98);box-shadow:0 6px 16px #6366f124}@media(max-width:760px){.range-bar__fields{grid-template-columns:1fr}.range-bar__apply{width:100%;justify-content:center}}.table-container{background:var(--bg);border:1px solid var(--border);margin-top:5px;border-radius:var(--radius)}.employee-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px;border-bottom:1px solid var(--border)}.employee-bar__item{display:flex;gap:10px;align-items:flex-start}.employee-bar__item svg{color:var(--icon-color);font-size:18px;margin-top:2px}.employee-bar__label{font-size:14px;color:var(--muted)}.employee-bar__value{font-weight:600;color:var(--text);margin-top:2px;font-size:14px}@media(max-width:450px){.employee-bar{grid-template-columns:repeat(2,1fr)}.employee-bar__value{font-size:12px}}.timesheet-table__wrapper{overflow-x:auto;overflow-y:visible}.timesheet-table{width:100%;border-collapse:collapse}.timesheet-table thead th{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border)}.timesheet-table td{padding:4px 14px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.date-cell{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:5px;font-size:12px}.date-cell__date{font-weight:600;color:#017171}.date-cell__day{color:var(--muted)}.status-select{height:25px;width:150px;font-size:12px;padding:0 8px;appearance:auto;-webkit-appearance:menulist}.status-select option{color:var(--text);background:#fff}.hours-cell__value{font-weight:600}.hours-cell{display:grid;grid-template-columns:40px 1fr;gap:4px}.hours-cell__controls{display:flex;gap:4px}.hours-cell__btn{width:28px;height:24px;border:1px solid var(--border);font-weight:900}.cell-btn__minus:hover{background-color:#ff00004d}.cell-btn__plus:hover{background-color:#0080004d}.hours-cell__btn:active{transform:scale(.94);background-color:#d7d6d6}.fromto-cell{display:flex;align-items:center;gap:4px;min-width:0;white-space:nowrap}.fromto-cell__time{font-weight:600;min-width:0}.col-fromto{min-width:0}.fromto-cell__dash{color:var(--muted)}.error-message{padding:20px;background-color:#696bef33;color:#302e2f;border-radius:var(--radius);text-align:center}.error-link{background-color:#e3e3f1}.error-link:active{transform:scale(.96)}.timesheet-summary{padding:2px 7px}.timesheet-summary__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}.summary-card{display:flex;gap:12px;align-items:center;padding:5px;border:1px solid var(--border);border-radius:var(--radius)}.summary-card--accent{border-color:var(--border-focus)}.summary-card__icon{width:38px;height:38px;display:grid;place-items:center}.summary-card__icon svg{color:var(--icon-color);font-size:18px}.summary-card__label{font-size:12px;color:var(--muted)}.summary-card__value{font-weight:600;font-size:18px}.timesheet-signatures{padding:6px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.signature-block__label,.notes-block__label{font-weight:600}.signature-line{height:45px;border:1px dashed var(--border);border-radius:12px;background:#6366f108;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.signature-placeholder{color:#9ca3af;font-size:11px;font-style:italic;margin-top:14px;display:block;line-height:1.1}.notes-block{margin-top:8px}.notes-block__content{margin-top:4px;padding:12px;border:1px solid var(--border);border-radius:var(--radius)}@media(max-width:468px){.timesheet-summary__cards{grid-template-columns:1fr}}.signature-line img{max-height:100%;display:block;object-fit:contain}.signature-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:#0009;display:flex;justify-content:center;align-items:center;padding:0 5px}.modal-content{background:#fff;padding:20px;border-radius:12px;width:min(100%,440px)}.signature-canvas{border:1px solid rgb(204,204,204);margin-top:10px;width:100%;height:200px;display:block;touch-action:none}.modal-actions{display:flex;gap:10px;justify-content:space-between;margin-top:15px}.signature-btn{padding:7px 10px;border-radius:10px;font-size:14px;transition:all .2s ease;font-weight:500;display:grid;place-items:center}.btn-clear-icon{background:#fef2f2;color:#dc2626;font-size:20px}.btn-clear-icon:hover{background:#fee2e2}.btn-clear-icon:active,.btn-close-icon:active{transform:scale(.93)}.btn-save{background:#22c55e;color:#fff;padding:10px 17px}.btn-save:hover{background:#16a34a}.btn-close-icon{background:#e5e7eb;color:#374151;font-size:22px}.btn-close-icon:hover{background:#d1d5db}.print-only{display:none}.screen-only{display:inline-block}.export-area{background:#fff;padding:24px;box-sizing:border-box;margin-top:5px;border:1px solid var(--border);border-radius:var(--radius)}.export-mode{background:#fff}.export-mode .hours-cell__controls,.export-mode select,.export-mode .no-print{display:none!important}.export-mode .print-only{display:inline!important}.export-mode .screen-only{display:none!important}.desktop-export{width:1120px!important;max-width:none!important;min-width:1120px!important}.desktop-export .table-container{width:100%!important;max-width:none!important}.desktop-export .employee-bar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.desktop-export .employee-bar__value{font-size:14px!important}.desktop-export .timesheet-summary__cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.desktop-export .timesheet-signatures{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.desktop-export .timesheet-table{width:100%!important;table-layout:fixed}.desktop-export .date-cell{grid-template-columns:90px 1fr!important}.desktop-export .status-select{width:150px!important}.header__inner{display:flex;flex-direction:column;align-items:center}.header__icon{width:64px;height:64px;margin-bottom:10px;background-color:#e0e7ff;border-radius:15px;display:grid;place-items:center}.header__icon svg{width:32px;height:32px;color:#4f46e5;font-weight:800}.header__title{font-size:1.875rem;color:#0f172a;margin-bottom:5px}.header__subtitle{color:#64748b;font-size:1.125rem;margin-bottom:10px;text-align:center}.t-actions{display:flex;gap:5px;margin-bottom:10px}.t-btn{border-radius:0}.t-btn:active{background-color:#cec6c666;transform:scale(.96)}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px;z-index:9999}.modal{width:min(500px,100%);background:#fff;border-radius:12px;padding:16px}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal__close{font-size:24px;transition:all .2s}.modal__close:hover{color:red;transform:scale(1.1)}.modal__title{color:#6565c1}.help-list{margin:12px 0 0;padding-inline-start:20px;font-size:15px}.help-list li{color:var(--muted);margin-bottom:3px}.help-btn{color:#c91462;padding:4px 5px;border-radius:3px;margin-bottom:10px;transition:all .2s}html[dir=rtl] .modal{direction:rtl}html[dir=rtl] .modal__actions{justify-content:flex-start}.help-btn:hover{background-color:#c914621a}.help-btn:focus-visible{outline:2px solid #bbb;outline-offset:2px}html[dir=rtl] .help-btn{right:auto;left:145px}