@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--primary-color:#17b3c1}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:Poppins}.table-container{background:#fff;border-radius:10px;width:100%;padding:10px;overflow-x:auto}@media (width<=768px){.employee-page{width:100%;padding:15px}.employee-page .title{font-size:12px;font-weight:900}.table-container{max-width:900px;font-size:13px}.title{color:#3f51b5;font-weight:500}.subtitle{color:gray;margin-bottom:20px;padding-bottom:20px;font-size:14px}.step-title{color:#3f51b5;margin-bottom:15px;font-size:25px;font-weight:600}.step-item{align-items:center;gap:10px;margin-top:20px;margin-bottom:12px;display:flex}.circle{background:#ccc;border-radius:50%;width:12px;height:12px}.circle.active{background-color:#5f6dfc}.circle.completed{background:#4caf50}.active-text{color:#3f51b5;font-weight:600}.completed-text{color:#4caf50}.btn-box{justify-content:space-between;margin-top:20px;display:flex}@media (width<=768px){.register-page{margin-top:30px}.main-layout{flex-direction:column}.steps-section{order:-1}.btn-box{flex-direction:column;gap:10px}.btn-box button{width:100%}}}.login-container{min-height:100vh;display:flex}.login-left{color:#fff;background:linear-gradient(135deg,#5f6dfc,#3f51b5);flex-direction:column;flex:1;justify-content:center;align-items:center;width:70%;min-height:100%;display:flex}.login-head{justify-content:flex-start;align-items:flex-start;gap:2px;width:50%;height:50%;display:flex;position:absolute;top:8px;left:15px}.login-head img{border-radius:50%;width:80px;height:80px}.login-title{margin-top:5px;padding:0}.login-title .title{padding:0;font-size:23px;font-weight:500}.login-title .tag{margin-top:0;margin-left:10px;padding:0;font-size:12px;font-weight:200}.login-img{width:60%;max-width:400px;filter:"blur(8px)",;border-radius:10px;margin-top:130px}.login-left .tagline{opacity:.9;margin-top:40px;font-size:16px;font-weight:400}.login-right{width:30%,;background:#f5f5f5;flex:1;justify-content:center;align-items:center;display:flex}.login-form{width:80%;max-width:400px;margin-left:20px}.subtitle{margin-top:5px;font-weight:500}.desc{color:gray;margin:10px 0 20px;font-size:13px}.login-actions{flex-direction:column;justify-content:center;align-items:center;margin-top:10px;font-size:14px;display:flex}.login-actions .forget{position:relative;right:0}.login-actions button{text-transform:none;width:100%;max-width:"100%";background:linear-gradient(135deg,#5f6dfc,#3f51b5);border-radius:8px;padding:6px 20px;position:relative;top:20px}@media (width<=500px){.login-container{flex-direction:column;min-height:100vh}.login-left{width:100%;padding:30px}.login-head img{border-radius:50%;width:60px;height:60px}.login-right{width:100%;height:100vh;padding:30px}.login-img,.login-left .tagline{display:none}.login-form{width:90%;margin:auto;padding:20px auto}.login-actions{padding-bottom:20px}.login-actions button{top:10px}.login-title .title{font-size:17px;font-weight:500}.login-title .tag{margin-top:0;margin-left:10px;font-size:10px;font-weight:200}}.custom-appbar{border-bottom:1px solid #0000000f;width:100%;min-height:64px;color:#111!important;background-color:#fff!important;transition:all .3s!important;box-shadow:0 1px 2px #0000000a!important}.custom-toolbar{justify-content:center;display:flex;padding:0 20px!important}.logout{text-transform:none;border-radius:8px;padding:8px 16px!important;font-size:.85rem!important;font-weight:500!important}.drawer{background:#fff;flex-direction:column;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.greet-user{align-items:center;gap:10px;display:flex}.greet-user .name{color:#4b5563;letter-spacing:.01em;font-size:.95rem;font-weight:500;line-height:1.4}.greet-user .name span{color:#5f6dfc;margin-left:2px;font-weight:700}.sidebar-list-item{color:#374151;margin-top:2px!important;padding:0 10px!important;display:block!important}.sidebar-button{white-space:nowrap;gap:4px;color:#374151!important;border-radius:10px!important;min-height:44px!important;padding:8px 12px!important;transition:background-color .2s,color .2s!important}.sidebar-button:hover{color:#111827!important;background-color:#f4f5fb!important}.sidebar-button.Mui-selected{color:#111827!important;background-color:#0000!important}.sidebar-button.Mui-selected:hover{background-color:#f4f5fb!important}.sidebar-icon-container{transition:color .2s;color:#6b7280!important;min-width:34px!important}.sidebar-icon-container svg{font-size:1.25rem}.sidebar-button:hover .sidebar-icon-container,.sidebar-button.Mui-selected .sidebar-icon-container{color:#5f6dfc!important}.sidebar-button .sidebar-text .MuiTypography-root{letter-spacing:.01em;color:inherit;font-size:.9rem!important;font-weight:500!important}.sidebar-button.Mui-selected .sidebar-text .MuiTypography-root{font-weight:600!important}.sidebar-text.hidden{opacity:0}.sidebar-text.visible{opacity:1}.expand-icon{color:#9ca3af;transition:transform .2s,color .2s;font-size:1.15rem!important}.sidebar-button:hover .expand-icon,.sidebar-button.Mui-selected .expand-icon{color:#5f6dfc}.sidebar-child-button{position:relative;color:#6b7280!important;border-radius:8px!important;min-height:36px!important;margin:2px 10px 2px 40px!important;padding:8px 12px!important;transition:background-color .2s,color .2s!important}.sidebar-child-button:hover{color:#374151!important;background-color:#f4f5fb!important}.sidebar-child-button.Mui-selected{color:#5f6dfc!important;background-color:#eef0ff!important;border-left:none!important}.sidebar-child-button.Mui-selected:before{content:"";background:#5f6dfc;border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-14px}.sidebar-child-button.Mui-selected:hover{background-color:#e4e7ff!important}.sidebar-text-child .MuiTypography-root{letter-spacing:.01em;color:inherit;font-size:.85rem!important;font-weight:500!important}.sidebar-child-button.Mui-selected .sidebar-text-child .MuiTypography-root{font-weight:600!important}@media (width<=600px){.custom-appbar{min-height:56px}.greet-user .name{font-size:.85rem}.sidebar-button{min-height:40px!important;padding:6px 10px!important}.sidebar-button .sidebar-text .MuiTypography-root{font-size:.85rem!important}.sidebar-icon-container{min-width:30px!important}.sidebar-icon-container svg{font-size:1.1rem}.sidebar-child-button{min-height:32px!important;margin-left:34px!important;padding:6px 10px!important}.sidebar-text-child .MuiTypography-root{font-size:.8rem!important}.expand-icon{font-size:1rem!important}}.tsn-panel{background:#fff;border-radius:10px;font-family:inherit;overflow:hidden}.tsn-header{justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.tsn-title{color:#0f172a;font-size:15px;font-weight:700}.tsn-count{color:#ca8a04;background:#fef9c3;border-radius:12px;padding:3px 9px;font-size:11.5px;font-weight:600}.tsn-loading,.tsn-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px 20px;display:flex}.tsn-loading p{color:#64748b;font-size:13px}.tsn-list{max-height:360px;overflow-y:auto}.tsn-item{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:10px;padding:12px 16px;transition:background .12s;display:flex}.tsn-item:hover{background:#f8fafc}.tsn-item:last-child{border-bottom:none}.tsn-item-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.tsn-item--missing .tsn-item-icon{color:#dc2626;background:#fee2e2}.tsn-item--incomplete .tsn-item-icon{color:#ca8a04;background:#fef9c3}.tsn-item--complete .tsn-item-icon{color:#16a34a;background:#dcfce7}.tsn-item-body{flex:1;min-width:0}.tsn-item-title{color:#0f172a;margin-bottom:2px;font-size:13px;font-weight:600}.tsn-item-meta{color:#64748b;font-size:11.5px}.tsn-item-action{flex-shrink:0;text-transform:none!important;color:#17b3c1!important;min-width:auto!important;padding:4px 8px!important;font-size:12px!important;font-weight:600!important}.tsn-item-action:hover{background:#17b3c114!important}.header{border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px;display:flex}.header button{background:linear-gradient(135deg,#5f6dfc,#3f51b5)}.search-box{width:40%}.dashboard-card{border-radius:16px!important;box-shadow:0 4px 20px #0000000d!important}.card-text{flex-direction:column;gap:5px;display:flex}.card-title{color:#6b7280;font-size:14px}.card-value{margin:5px 0;font-size:26px;font-weight:700}.card-change{color:green;font-size:13px}.card-icon{border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.filters{flex-wrap:wrap;gap:15px;margin:20px 0;display:flex}.table-container{background:#fff;border-radius:12px;padding:15px;box-shadow:0 4px 20px #0000000d}.analytics-card{border-radius:16px!important;box-shadow:0 4px 20px #0000000d!important}.card-heading{margin-bottom:10px;font-weight:600}.chart-box{justify-content:center;align-items:center;display:flex;position:relative}.center-text{font-size:22px;font-weight:700;position:absolute}.holiday-list{margin-top:10px}.holiday-item{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.holiday-subItem{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;margin:0;padding:0;display:flex}.date{font-weight:700}.holiday-subItem .title{margin-bottom:2px;padding:0;font-size:14px}.day,.full-day{color:gray;font-size:12px}.view-all{text-align:center;color:#6c5ce7;cursor:pointer;margin-top:10px}.chart-row{justify-content:space-between;align-items:center;display:flex}.legend{flex-direction:column;gap:8px;font-size:14px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.numValue{margin-left:5px;font-weight:700}@media (width<=768px){.search-box{width:100%}.header{flex-direction:column;gap:10px}.center-text{font-size:18px}.holiday-item{flex-direction:column;align-items:flex-start;gap:5px}.chart-row{flex-direction:column;align-items:center}}.ts-page{color:#1e293b;background:#f5f7fb;min-height:calc(100vh - 64px);margin-top:64px;padding:24px 28px 48px;font-family:Inter,Segoe UI,sans-serif}.stepper-card{margin-bottom:16px;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;padding:18px 22px 14px!important;box-shadow:0 4px 20px #0000000f!important}.custom-stepper .MuiStepConnector-root{top:20px!important;left:calc(22px - 50%)!important;right:calc(50% + 22px)!important}.custom-stepper .MuiStepConnector-line{border-color:#e2e8f0!important;border-top-width:2px!important}.custom-stepper .MuiStepConnector-active .MuiStepConnector-line,.custom-stepper .MuiStepConnector-completed .MuiStepConnector-line{border-color:#17b3c1!important}.custom-stepper .MuiStepLabel-label{color:#94a3b8!important;margin-top:8px!important;font-size:.8rem!important;font-weight:500!important}.custom-stepper .MuiStepLabel-label.Mui-active{color:#17b3c1!important;font-weight:700!important}.custom-stepper .MuiStepLabel-label.Mui-completed{color:#16a34a!important;font-weight:600!important}.step-icon{color:#94a3b8;z-index:1;background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.step-icon svg{font-size:1.1rem}.step-icon.active{color:#fff;background:#17b3c1;border-color:#0000;box-shadow:0 6px 18px #17b3c147}.step-icon.completed{color:#fff;background:#16a34a;border-color:#0000}.stepper-progress-wrap{align-items:center;gap:10px;margin-top:14px;display:flex}.stepper-progress{flex:1;background-color:#e2e8f0!important;border-radius:999px!important;height:5px!important}.stepper-progress .MuiLinearProgress-bar{background:#17b3c1!important;border-radius:999px!important}.progress-text{color:#94a3b8;white-space:nowrap;font-size:.75rem!important;font-weight:600!important}.form-card{margin-bottom:16px;overflow:hidden;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;box-shadow:0 4px 20px #0000000f!important}.form-header{align-items:center;gap:12px;padding:16px 22px 14px;display:flex}.form-header-icon{flex-shrink:0;color:#17b3c1!important;background:#e0f7fa!important;width:40px!important;height:40px!important}.form-title{color:#0f172a;margin:0!important;font-size:1rem!important;font-weight:700!important}.form-description{color:#94a3b8;margin-top:2px!important;font-size:.8rem!important}.form-divider{border-color:#f1f5f9!important}.form-body{padding:20px 22px 22px}.section-heading{border-bottom:1.5px solid #e0f7fa;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:10px;display:flex}.section-heading-spacing{margin-top:26px}.section-icon{flex-shrink:0;color:#17b3c1!important;font-size:1rem!important}.section-title{color:#17b3c1;letter-spacing:.06em;text-transform:uppercase;font-size:11px!important;font-weight:700!important}.form-body .MuiOutlinedInput-root{transition:box-shadow .15s,border-color .15s;box-shadow:none!important;background:#fff!important;border-radius:9px!important;font-size:.9rem!important}.form-body .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#94a3b8!important}.form-body .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:1.5px!important;border-color:#17b3c1!important}.form-body .MuiOutlinedInput-root.Mui-focused{box-shadow:none!important;background:#fff!important}.form-body .MuiOutlinedInput-notchedOutline{border-color:#e2e8f0!important}.form-body .MuiInputLabel-root.Mui-focused{color:#17b3c1!important}.form-body .MuiInputLabel-root{color:#64748b!important;font-size:.88rem!important}.form-body .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline{border-color:#ef4444!important}.form-body .MuiFormHelperText-root.Mui-error{color:#ef4444!important;margin-top:4px!important;font-size:.75rem!important}.form-body .MuiPickersOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#17b3c1!important}.btn-box{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:10px 0 0;display:flex}.btn-right-group{gap:10px;display:flex}.btn-back{text-transform:none!important;color:#64748b!important;border-radius:9px!important;padding:8px 16px!important;font-weight:500!important}.btn-back:hover{background:#f1f5f9!important}.btn-back.Mui-disabled{color:#cbd5e1!important}.btn-next{text-transform:none!important;color:#fff!important;background:#17b3c1!important;border-radius:9px!important;padding:8px 24px!important;font-weight:700!important;transition:background .15s,box-shadow .15s,transform .1s!important;box-shadow:0 3px 10px #17b3c147!important}.btn-next:hover{transform:translateY(-1px);background:#0fa3b0!important;box-shadow:0 5px 16px #17b3c161!important}@media (width<=640px){.ts-page{padding:16px 14px 40px}.form-body{padding:16px 14px 18px}.btn-box{flex-direction:column-reverse;align-items:stretch}.btn-right-group,.btn-next,.btn-back{width:100%}}.form-body .MuiOutlinedInput-root,.form-body .MuiPickersOutlinedInput-root{height:40px!important;min-height:40px!important}.form-body .MuiInputBase-input,.form-body .MuiSelect-select{align-items:center;display:flex;box-sizing:border-box!important;height:40px!important;padding:0 14px!important}.form-body .MuiPickersSectionList-root{align-items:center!important;height:40px!important;padding:0 14px!important;display:flex!important}.form-body .MuiInputLabel-root{color:#64748b8c!important;font-size:.82rem!important;top:50%!important;transform:translate(14px,-50%)!important}.form-body .MuiInputLabel-root.MuiInputLabel-shrink{color:#64748bb3!important;top:0!important;transform:translate(14px,-50%)scale(.75)!important}.form-body .MuiInputLabel-root.Mui-focused{color:#17b3c1!important;top:0!important;transform:translate(14px,-50%)scale(.75)!important}.employee-page{box-sizing:border-box;background:#f5f6fa;min-height:100vh;margin-top:50px;padding:40px 20px}.emp-container{min-height:100vh}.emp-header{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.emp-info{align-items:center;gap:15px;display:flex}.avatar{background:#6c5ce7!important;width:50px!important;height:50px!important}.emp-header .emp-name{font-size:20px;font-weight:700}.emp-header .emp-name span{margin-left:.8rem;font-size:20px;font-weight:700}.emp-header .emp-role{color:gray;font-size:14px}.emp-id-box{margin-left:20px}.emp-id-box .emp-id-label{color:gray;font-size:12px}.emp-id-box .emp-id{font-weight:500}.custom-tabs{border-bottom:1px solid #eee;margin-top:20px}.custom-tabs .MuiTab-root{text-transform:none;color:#6b7280;min-width:100px;padding:10px 15px;font-size:14px;font-weight:500}.custom-tabs .Mui-selected{font-weight:600;color:#3f51b5!important}.tab-indicator{border-radius:2px;height:3px;background-color:#3f51b5!important}.custom-tabs .MuiTab-root:hover{color:#3f51b5}.card-section{margin-top:20px}.emp-card{border-radius:12px!important;box-shadow:0 4px 15px #0000000d!important}.card-title{font-weight:600}.card-sub{color:gray;font-size:13px}.tabs-wrapper{background-color:#fff;border-bottom:1px solid #e0e0e0;width:100%;max-width:100%;margin-top:50px;overflow:hidden}.tabs-container{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow:auto hidden}.tabs-container::-webkit-scrollbar{display:none}.tab-item{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;padding:12px 20px;font-size:14px;font-weight:600;transition:color .3s;position:relative}.tab-item.active{color:#3f51b5;font-weight:600}.tab-item.active:after{content:"";width:100%;height:2px;position:absolute;bottom:0;left:0;background-color:#3f51b5!important}.tab-item:hover{color:#3f51b5}@media (width<=768px){.emp-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.emp-id-box{margin-left:0}.custom-tabs{border-bottom:1px solid #eee;margin-top:20px}.custom-tabs .MuiTab-root{text-transform:none;color:#6b7280;min-width:100px;padding:10px 15px;font-size:14px;font-weight:500}.custom-tabs .Mui-selected{font-weight:600;color:#3f51b5!important}.tab-indicator{border-radius:2px;height:3px;background-color:#3f51b5!important}.custom-tabs .MuiTab-root:hover{color:#3f51b5}}.leave-container{background:#f5f7fb;min-height:100vh;padding:20px}.leave-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.leave-header .title{font-size:20px;font-weight:600}.leave-btn{color:#fff!important;text-transform:none!important;background:linear-gradient(135deg,#6c5ce7,#3f51b5)!important;border-radius:8px!important}.leave-container .section-title{margin:15px 0;font-weight:500}.leave-card{height:200px;display:flex;border-radius:16px!important;box-shadow:0 6px 20px #0000000d!important}.card-content{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.icon-box{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin-bottom:10px;display:flex}.card-center{text-align:center}.card-center .card-title{color:#111;font-size:20px;font-weight:700}.card-center .card-days{color:#1976d2;margin-top:15px;font-weight:600}.card-center .card-taken{color:#818181;font-size:12px}.signInOut{text-transform:none;border-radius:8px;margin-top:5px;font-size:.85rem;font-weight:500}.table-wrapper{width:100%;margin-top:24px;overflow:hidden}.leave-grid-container{border-radius:8px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0000000d}.status-approved{text-align:center;background-color:#e8f5e9;border-radius:12px;justify-content:center;align-items:center;max-height:30px;margin:5px;font-weight:600;display:flex;color:#2e7d32!important}.status-pending{text-align:center;background-color:#fff3e0;border-radius:12px;font-weight:600;color:#ed6c02!important}.ag-theme-alpine{--ag-header-background-color:#f8fafc;--ag-header-foreground-color:#64748b;--ag-font-size:14px;--ag-font-family:"Roboto", sans-serif}.ag-header-cell-label{text-transform:uppercase;letter-spacing:.5px;font-weight:700}@media (width<=768px){.leave-grid-container{min-height:400px}.leave-header{justify-content:space-between;align-items:center;min-width:100%;display:flex}}.pie-summary-card{border:1px solid #f0f0f0;margin-top:15px;padding:15px;background-color:#fff!important;border-radius:12px!important}.chart-container{justify-content:center;display:flex;position:relative}.chart-relative{display:inline-flex;position:relative}.chart-center-text{text-align:center;position:absolute;top:50%;left:30%;transform:translate(-50%,-50%)}.balance-num{color:#1a1a1a;font-size:2rem!important;font-weight:700!important;line-height:1!important}.balance-label{color:#757575;text-transform:uppercase;font-size:.75rem!important;font-weight:600!important}.info-box{flex-direction:column;gap:15px;padding-left:20px;display:flex}.info-item{border-left:4px solid #4caf50;padding-left:15px}.info-item:last-child{border-left:4px solid #e0e0e0}.info-title{color:#616161!important;margin-bottom:2px!important;font-size:.85rem!important}.info-value{color:#111;font-size:1.25rem!important;font-weight:700!important}.used-color{color:#f44336}@media (width<=900px){.info-box{flex-direction:row;justify-content:space-around;margin-top:10px;padding-left:0}.chart-center-text{left:33%}}.dashboard-container{box-sizing:border-box;background-color:#f0f4f8;min-height:100vh;margin-top:40px;padding:60px 20px;font-family:Roboto,sans-serif;overflow-x:hidden}.card{box-sizing:border-box;background-color:#fff;margin-top:15px;padding:20px;overflow:hidden;border-radius:16px!important}.section-title{margin-bottom:24px!important;font-weight:700!important}.input-label{text-transform:capitalize;margin-bottom:8px!important;font-weight:600!important}.ai-btn{color:#d84315;cursor:pointer;background-color:#fff8e1;border:1px solid #ffe082;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;position:absolute;bottom:16px;left:16px}.ai-btn:hover{background-color:#ffecb3}.submit-btn{color:#fff!important;text-transform:none!important;background:linear-gradient(135deg,#6c5ce7,#3f51b5)!important;border-radius:8px!important;padding:10px 32px!important;font-weight:600!important}.submit-btn:hover{background-color:#333!important}.chart-area{flex-grow:1;justify-content:center;align-items:flex-end;gap:40px;display:flex;position:relative}.bar-group{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.bar{border-radius:6px 6px 0 0;width:24px}.tooltip{color:#fff;white-space:nowrap;background-color:#000;border-radius:12px;padding:4px 8px;font-size:10px;position:absolute;top:20%}.tooltip:after{content:"";border:5px solid #0000;border-top-color:#000;margin-left:-5px;position:absolute;top:100%;left:50%}.list-title{margin-bottom:16px!important;font-size:16px!important;font-weight:700!important}.entitlement-list{flex-direction:column;display:flex}.list-item{justify-content:space-between;padding:12px 0;display:flex}@media (width<=600px){.dashboard-container{box-sizing:border-box;min-width:100vw;margin-top:30px;padding:30px;overflow-x:hidden}.card{margin-top:30px;padding:32px}.submit-btn{width:auto}}.section-title{margin-bottom:24px!important;font-size:1.25rem!important;font-weight:700!important}.form-group{margin-bottom:20px}.input-label{text-transform:capitalize;display:block;margin-bottom:8px!important;font-weight:600!important}.position-relative{position:relative}.ai-btn{cursor:pointer;z-index:5;white-space:nowrap;pointer-events:auto;background-color:#fff8e1;gap:4px;font-size:.75rem;font-weight:600;animation:.3s fadeIn;position:absolute;top:34px;left:1px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ai-btn:hover{background:#ffecb3;transform:scale(1.02)}@media (width<=400px){.dashboard-container{padding:10px 20px}.ai-btn{padding:4px 8px;font-size:10px}.card{margin-top:10px;padding:32px}}.submit-btn{width:100%;color:#fff!important;text-transform:none!important;background-color:#000!important;border-radius:8px!important;padding:10px 32px!important;font-weight:600!important}.rounded-select{border-radius:20px!important}.custom-chart-container{border-bottom:1px solid #e0e0e0;height:200px;margin-top:20px;padding-bottom:30px;display:flex;position:relative}.y-axis{color:#9e9e9e;flex-direction:column;justify-content:space-between;padding-right:16px;font-size:12px;display:flex}.chart-area{flex-grow:1;justify-content:space-around;align-items:flex-end;display:flex;position:relative}.bar-group{flex-direction:column;justify-content:flex-end;align-items:center;width:60px;height:100%;display:flex;position:relative}.bar{border-radius:6px 6px 0 0;width:28px;transition:height .3s}.bar.consumed{background-color:#3f51b5}.bar.balance{background-color:#81d4fa}.bar-label{color:#616161;font-size:11px;font-weight:500;position:absolute;bottom:-25px}.tooltip{color:#fff;white-space:nowrap;background-color:#000;border-radius:12px;padding:4px 8px;font-size:10px;position:absolute;top:15%;left:50%;transform:translate(-50%)}.list-item{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.entitlement-list{max-height:400px;overflow-y:auto}.attendance-root{background-color:#f6f6f6;max-width:450px;min-height:100vh;margin:0 auto;padding:10px}.clock-section{text-align:center;margin-top:40px;margin-bottom:30px;padding-top:40px}.userDetail{margin-top:0;margin-bottom:30px}.userDetail span{color:#523ee7;font-weight:700}.userDetail .subtag{color:#666;margin-top:5px;padding:0;font-weight:400}.clock-time{color:#1a1a1a;font-weight:700}.clock-date{color:#666}.action-section{flex-direction:column;align-items:center;margin-bottom:50px;display:flex}.circular-button-wrapper{border:4px solid #0000;border-radius:50%;margin-bottom:30px;padding:15px;transition:al .3s;display:inline-flex;position:relative}.circular-button-wrapper.solid{border-style:solid}.circular-button{justify-content:center;align-items:center;width:150px;height:150px;display:flex;color:#fff!important;border-radius:50%!important;box-shadow:0 10px 20px #0000001a!important}.circular-button:disabled{color:#888!important;background-color:#e0e0e0!important}.button-inner-content{flex-direction:column;align-items:center;gap:10px;display:flex}.location-section{align-items:center;gap:8px;display:flex}.location-icon{color:#616161;font-size:1.2rem!important}.stats-grid{width:100%;margin-top:5px;margin-bottom:10px;display:flex}.stat-card{border:1px solid #f0f0f0;grid-template-columns:40px 1fr;grid-template-areas:"icon title""icon timeval";align-items:center;column-gap:5px;width:100%;min-height:80px;padding:14px;display:grid;background-color:#fff!important;border-radius:12px!important}.stat-card-icon{grid-area:icon;margin-right:12px;font-size:1.5rem!important}.stat-card-icon.green{color:#4caf50}.stat-card-icon.red{color:#f44336}.stat-card-icon.blue{color:#523ee7}.stat-title{color:#777;grid-area:title;font-size:.8rem;font-weight:600!important}.stat-time-val{color:#1a1a1a;grid-area:timeval;margin-top:-5px!important;font-weight:700!important}.bottom-grid{opacity:.8;display:flex}.check-card{text-align:center;border:1px solid #eee;flex-direction:column;align-items:center;gap:5px;padding:15px;display:flex;border-radius:12px!important}.check-card.in-bg{border-color:#c5e1a5;background-color:#b0d883!important}.check-card.out-bg{border-color:#ffe0b2;background-color:#c4a067!important}.check-card.work-bg{border-color:#7f7ba0;background-color:#7f7ba0!important}.check-card-icon{color:#474747}.check-title{color:#313131;font-weight:500!important}.reset-btn{background-color:#e9e8e8;border-radius:10px;justify-content:center;align-items:center;min-width:50px;margin:20px auto;font-size:.7rem;display:flex;color:#1d1c1c!important}.reset-btn:hover{background-color:#a5a5a5;color:#fff!important}@media (width<=600px){.attendance-root{padding:20px}.clock-section{margin-top:20px;margin-bottom:40px}.clock-time{font-size:2.5rem!important}.circular-button{width:120px;height:120px}.circular-button-wrapper{padding:10px}.stat-card{grid-template-columns:20px 1fr;padding:12px}.check-card{padding:10px}.stat-title{font-size:.75rem}.stat-card .stat-time-val{font-weight:400}}.auth-container{background-color:#f8f9fa;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{text-align:center;background-color:#fff;border-radius:15px;width:100%;max-width:500px;padding:30px;box-shadow:0 4px 12px #0000000d}.icon-container{margin:0;padding:0}.icon-wrapper{background-color:#f0f7ff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0 auto 25px;padding:40px 0;display:flex}.icon-wrapper .title{margin-top:10px}.icon-wrapper .userInput{width:80%;margin-bottom:30px}.otp-input-container{flex-wrap:wrap;justify-content:center;gap:15px;margin:25px 0;display:flex}.otp-box{text-align:center;border:1px solid #2b2a2a;border-radius:8px;width:50px;height:50px;margin:0 5px;font-size:1.5rem;font-weight:700}.otp-box:focus{border-color:#1976d2;outline:none}.icon-wrapper .caption{margin-top:25px;font-size:.8rem}@media (width<=480px){.auth-card{box-shadow:none;background-color:#0000;padding:25px 20px}.otp-box{width:45px;height:45px;margin:0 2px}.icon-wrapper{padding:30px 0}}.contractList{box-sizing:border-box;min-height:100vh;margin-top:50px;padding:40px 20px}.contractList .title{padding:10px;font-size:20px;font-weight:500}.contractList .table-container{background-color:#fff;border-radius:10px;width:100%;padding:10px;overflow-x:auto}@media (width<=700px){.employee-page{width:100%;padding:15px}.contractList .title{font-size:18px;font-weight:500}.contractList .table-container{max-width:900px;font-size:13px}}.day-col,.total-col{text-align:center}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.day-col.is-holiday,.time-cell.is-holiday .time-input{background:#fff7ed}.day-col.is-holiday{color:#c2410c;font-weight:600}.et-day-chip.is-disabled{opacity:.45;cursor:not-allowed}@keyframes popupOpen{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes expandDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=900px){.timesheet-page{padding:20px 16px 32px}}@media (width<=600px){.timesheet-page{margin-top:56px;padding:16px 12px 32px}.timesheet-title{font-size:19px}.ts-week-text{padding-right:8px;font-size:11.5px}.et-modal,.del-modal{max-width:100%}}.ts-page{background:#f5f7fb;min-height:100vh;margin-top:64px;padding:28px 32px 60px}.ts-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.ts-page-title{color:#111827;letter-spacing:-.02em;margin-bottom:4px!important;font-size:1.6rem!important;font-weight:700!important;line-height:1.2!important}.ts-page-sub{color:#6b7280;font-size:.83rem!important}.ts-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ts-select .MuiOutlinedInput-root{background:#fff;height:38px;border-radius:10px!important;font-size:.83rem!important}.ts-select .MuiOutlinedInput-notchedOutline{border-color:#e5e7eb!important}.ts-select .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#c7cdd6!important}.ts-select .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#5f6dfc!important}.week-nav{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;height:38px;padding:0 6px 0 12px;transition:border-color .2s;display:flex}.week-nav:hover{border-color:#c7cdd6}.week-cal-icon{color:#5f6dfc;flex-shrink:0;font-size:.9rem!important}.week-label{color:#374151;white-space:nowrap;font-size:.82rem!important;font-weight:500!important}.week-arrows{border-left:1px solid #e5e7eb;align-items:center;height:100%;margin-left:4px;display:flex}.week-arrow-btn{height:100%;color:#6b7280!important;border-radius:0!important;padding:0 6px!important}.week-arrow-btn:first-of-type{border-right:1px solid #e5e7eb}.week-arrow-btn:hover{color:#5f6dfc!important;background:#f5f7fb!important}.ts-summary-row{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.ts-summary-chip{background:#fff;border:1px solid #0000000d;border-radius:14px;flex:1;align-items:center;gap:12px;min-width:180px;padding:14px 18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 12px #0000000a}.ts-summary-chip:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.ts-chip-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ts-chip-icon svg{font-size:1.2rem}.ts-chip-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px!important;font-size:.72rem!important;font-weight:500!important}.ts-chip-value{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden;font-size:1rem!important;font-weight:700!important}.ts-chart-paper{margin-bottom:24px;background:#fff!important;border:1px solid #0000000d!important;border-radius:18px!important;padding:24px 28px!important;box-shadow:0 4px 20px #0000000a!important}.ts-chart-heading-row,.ts-table-heading-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:20px;display:flex}.ts-section-title{color:#111827;letter-spacing:-.01em;font-size:1rem!important;font-weight:700!important}.ts-section-sub{color:#9ca3af;margin-top:3px!important;font-size:.78rem!important}.ts-chip-badge{color:#5f6dfc!important;background-color:#eef0ff!important;border-radius:8px!important;height:22px!important;font-size:.68rem!important;font-weight:600!important}.ts-donut-wrap{justify-content:center;align-items:center;display:flex;position:relative}.ts-donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.ts-donut-val{color:#111827;letter-spacing:-.03em;font-size:1.5rem!important;font-weight:800!important;line-height:1!important}.ts-donut-sub{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin-top:4px!important;font-size:.65rem!important}.ts-tooltip{background:#1f2937;border-radius:10px;padding:10px 14px;box-shadow:0 6px 20px #0003}.ts-tooltip-name{color:#9ca3af;margin-bottom:4px!important;font-size:.78rem!important;font-weight:500!important}.ts-tooltip-val{color:#fff;margin-bottom:2px!important;font-size:1rem!important;font-weight:700!important}.ts-tooltip-pct{color:#6b7280;font-size:.72rem!important}.ts-legend-list{flex-direction:column;gap:11px;display:flex}.ts-legend-row{border-radius:8px;align-items:center;gap:10px;padding:8px 12px;transition:background .2s;display:flex}.ts-legend-row:hover{background:#f9fafb}.ts-legend-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.ts-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.ts-proj-name{color:#374151;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.82rem!important;font-weight:500!important}.ts-proj-sub{color:#9ca3af;font-weight:400}.ts-legend-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.ts-legend-time{color:#111827;text-align:right;font-feature-settings:"tnum";width:76px;font-size:.78rem!important;font-weight:600!important}.ts-bar-track{background:#f0f1f5;border-radius:999px;flex-shrink:0;width:140px;height:6px;overflow:hidden}.ts-bar-fill{border-radius:999px;height:100%;transition:width .5s}.ts-pct{color:#9ca3af;text-align:right;font-feature-settings:"tnum";width:42px;font-size:.72rem!important}.ts-table-paper{overflow:hidden;background:#fff!important;border:1px solid #0000000d!important;border-radius:18px!important;padding:24px 28px!important;box-shadow:0 4px 20px #0000000a!important}.ts-table-scroll{overflow-x:auto}.ts-table{border-collapse:separate;border-spacing:0;min-width:800px}.ts-th{color:#6b7280!important;text-transform:uppercase!important;letter-spacing:.06em!important;background:#f9fafb!important;border-bottom:1px solid #f0f1f5!important;padding:10px 14px!important;font-size:.7rem!important;font-weight:700!important}.ts-th:first-of-type{border-radius:10px 0 0 10px}.ts-th:last-of-type{border-radius:0 10px 10px 0}.ts-td{vertical-align:middle!important;border-bottom:1px solid #f5f7fb!important;padding:14px!important}.ts-body-row{transition:background .15s}.ts-body-row:hover{background:#fafbff!important}.ts-body-row:last-of-type .ts-td{border-bottom:none!important}.ts-member-cell{align-items:center;gap:10px;display:flex}.ts-member-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden;font-size:.83rem!important;font-weight:500!important}.ts-activity-cell{justify-content:space-between;align-items:center;gap:20px;min-width:300px;display:flex}.ts-activity-left{flex:1;min-width:0}.ts-desc{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#374151!important;font-size:.82rem!important;font-weight:400!important}.ts-project-row{align-items:center;gap:5px;margin-top:4px;display:flex}.ts-proj-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.ts-proj-label{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden;color:#6b7280!important;font-size:.72rem!important}.ts-status-block{border-left:1px dashed #e5e7eb;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;padding-left:16px;display:flex}.ts-duration{font-feature-settings:"tnum";font-family:Courier New,monospace;color:#111827!important;font-size:.83rem!important;font-weight:600!important}.ts-time-ago{color:#9ca3af!important;font-size:.72rem!important}.ts-active-badge{color:#19a085;background:#e6faf5;border:1px solid #a5d6a7;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.ts-pulse{background:#19a085;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.4s infinite pulse;display:inline-block}@keyframes pulse{0%{box-shadow:0 0 #19a08580}70%{box-shadow:0 0 0 6px #19a08500}to{box-shadow:0 0 #19a08500}}.ts-tracked-cell{justify-content:flex-end;align-items:center;gap:10px;display:flex}.ts-tracked-time{color:#111827;font-feature-settings:"tnum";white-space:nowrap;font-family:Courier New,monospace;font-size:.82rem!important;font-weight:600!important}.ts-prog-track{background:#f0f1f5;border-radius:999px;flex-shrink:0;width:120px;height:6px;overflow:hidden}.ts-prog-fill{border-radius:999px;min-width:3px;height:100%;transition:width .5s}.ts-prog-pct{color:#9ca3af;text-align:right;width:30px;font-size:.72rem!important}@media (width<=1100px){.ts-bar-track{width:90px}.ts-legend-time{width:60px}}@media (width<=900px){.ts-page{padding:20px 16px 40px}.ts-chart-paper,.ts-table-paper{padding:18px 16px!important}.ts-summary-chip{min-width:140px;padding:12px 14px}.ts-bar-track,.ts-pct{display:none}}@media (width<=600px){.ts-page{margin-top:56px;padding:16px 12px 40px}.ts-page-title{font-size:1.35rem!important}.ts-page-header{flex-direction:column;align-items:flex-start}.ts-controls{width:100%}.week-nav{flex:1;min-width:0}.week-label{text-overflow:ellipsis;flex:1;overflow:hidden}.ts-summary-chip{flex:calc(50% - 8px)}.ts-prog-track{width:70px}.ts-member-name{max-width:100px}}.proj-page{color:#1e293b;background:#f5f7fb;min-height:calc(100vh - 64px);margin-top:64px;padding:28px 28px 48px;font-family:Inter,Segoe UI,sans-serif}.proj-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.proj-page-title-wrap{align-items:center;gap:12px;display:flex}.proj-page-title-icon{color:#17b3c1;font-size:28px!important}.proj-page-title{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:22px;font-weight:700}.proj-page-subtitle{color:#94a3b8;margin:2px 0 0;font-size:13px}.proj-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#17b3c1;border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:background .15s,box-shadow .15s,transform .1s;display:inline-flex;box-shadow:0 3px 10px #17b3c147}.proj-btn-primary:hover{background:#0fa3b0;transform:translateY(-1px);box-shadow:0 5px 16px #17b3c161}.proj-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.proj-search-wrap{flex:1;min-width:200px;max-width:320px;position:relative}.proj-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%);font-size:17px!important}.proj-search{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:36px;padding:0 12px 0 34px;font-size:13px;transition:border-color .15s,box-shadow .15s}.proj-search::placeholder{color:#94a3b8}.proj-search:focus{border-color:#17b3c1;box-shadow:0 0 0 3px #17b3c11a}.proj-filter-select{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;min-width:140px;height:36px;padding:0 10px;font-size:13px;transition:border-color .15s}.proj-filter-select:focus{border-color:#17b3c1}.proj-count-pill{color:#0e7490;white-space:nowrap;background:#e0f7fa;border-radius:20px;margin-left:auto;padding:4px 12px;font-size:12px;font-weight:600}.proj-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #0000000f}.proj-table{border-collapse:collapse;width:100%}.proj-th{color:#64748b;text-transform:uppercase;letter-spacing:.6px;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:12px 16px;font-size:10.5px;font-weight:700}.proj-th--num{text-align:center;width:48px}.proj-th--color{width:6px;padding:0!important}.proj-th--center{text-align:center}.proj-tr{transition:background .12s;animation:.22s both projRowIn}.proj-tr:not(:last-child){border-bottom:1px solid #f1f5f9}.proj-tr:hover{background:#f8fbfc}@keyframes projRowIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.proj-td{color:#334155;vertical-align:middle;padding:13px 16px;font-size:13.5px}.proj-td--num{color:#94a3b8;text-align:center;font-size:12px;font-weight:500}.proj-td--color{width:5px;padding:0!important}.proj-color-stripe{width:5px;height:100%;min-height:48px;display:block}.proj-td--name{color:#0f172a;font-weight:600}.proj-td--client{color:#64748b}.proj-td--center{text-align:center}.proj-name-cell{align-items:center;gap:9px;display:flex}.proj-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.proj-client-cell{align-items:center;gap:6px;display:flex}.proj-client-icon{color:#cbd5e1;flex-shrink:0;font-size:15px!important}.proj-na{color:#cbd5e1}.proj-td-empty{padding:0}.proj-empty-state{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:56px 24px;display:flex}.proj-empty-icon{color:#cbd5e1;font-size:42px!important}.proj-empty-text{color:#475569;margin:0;font-size:15px;font-weight:600}.proj-empty-sub{color:#94a3b8;margin:0;font-size:13px}.proj-skeleton-rows{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.proj-skeleton-row{background:linear-gradient(90deg,#f1f5f9 25%,#e8edf3 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:6px;height:20px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.proj-status-badge{cursor:pointer;white-space:nowrap;border:none;border-radius:20px;align-items:center;gap:4px;padding:4px 11px;font-size:11.5px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.proj-status-badge:hover{opacity:.82;transform:scale(.97)}.proj-status-badge.active{color:#16a34a;background:#dcfce7}.proj-status-badge.inactive{color:#94a3b8;background:#f1f5f9}.proj-actions{justify-content:center;align-items:center;gap:6px;display:flex}.proj-action-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .14s,color .14s,border-color .14s;display:flex}.proj-action-btn--edit{color:#64748b}.proj-action-btn--edit:hover{color:#0284c7;background:#e0f2fe;border-color:#bae6fd}.proj-action-btn--delete{color:#cbd5e1}.proj-action-btn--delete:hover{color:#ef4444;background:#fee2e2;border-color:#fecaca}.proj-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.18s projOverlayIn;display:flex;position:fixed;inset:0}@keyframes projOverlayIn{0%{opacity:0}to{opacity:1}}.proj-modal{background:#fff;border-radius:14px;width:100%;max-width:480px;animation:.22s cubic-bezier(.34,1.56,.64,1) projModalIn;overflow:hidden;box-shadow:0 20px 60px #00000029,0 4px 16px #00000014}.proj-modal--sm{max-width:380px}@keyframes projModalIn{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.proj-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 20px 16px;display:flex}.proj-modal-title-wrap{align-items:center;gap:8px;display:flex}.proj-modal-icon{color:#17b3c1;font-size:20px!important}.proj-modal-title{color:#0f172a;font-size:16px;font-weight:700}.proj-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .14s,color .14s;display:flex}.proj-modal-close:hover{color:#475569;background:#f1f5f9}.proj-modal-body{flex-direction:column;gap:18px;padding:20px;display:flex}.proj-field{flex-direction:column;gap:6px;display:flex}.proj-field--inline{flex-direction:row;justify-content:space-between;align-items:center}.proj-label{color:#475569;font-size:12.5px;font-weight:600}.proj-required{color:#ef4444}.proj-input{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:38px;padding:0 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.proj-input::placeholder{color:#94a3b8}.proj-input:focus{border-color:#17b3c1;box-shadow:0 0 0 3px #17b3c11a}.proj-color-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.proj-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .14s,border-color .14s,box-shadow .14s;display:flex}.proj-swatch:hover{transform:scale(1.15);box-shadow:0 2px 8px #0000002e}.proj-swatch.selected{border-color:#0f172a;transform:scale(1.12);box-shadow:0 0 0 3px #0f172a1f}.proj-custom-color-wrap{cursor:pointer;border:2px dashed #cbd5e1;border-radius:50%;flex-shrink:0;width:28px;height:28px;transition:border-color .14s;overflow:hidden}.proj-custom-color-wrap:hover{border-color:#17b3c1}.proj-color-input{cursor:pointer;border:none;outline:none;width:200%;height:200%;margin:-50%;padding:0}.proj-color-preview{align-items:center;gap:8px;margin-top:4px;display:flex}.proj-dot-lg{border-radius:50%;flex-shrink:0;width:14px;height:14px;display:inline-block}.proj-color-hex{color:#64748b;font-family:monospace;font-size:12px}.proj-toggle-wrap{align-items:center;gap:8px;display:flex}.proj-toggle{cursor:pointer;background:#e2e8f0;border:none;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.proj-toggle.on{background:#17b3c1}.proj-toggle-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #00000026}.proj-toggle.on .proj-toggle-thumb{transform:translate(18px)}.proj-toggle-label{font-size:13px;font-weight:500}.proj-toggle-label.active{color:#16a34a}.proj-toggle-label.inactive{color:#94a3b8}.proj-error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;padding:8px 12px;font-size:12.5px}.proj-delete-msg{color:#334155;margin:0;font-size:14px;line-height:1.6}.proj-modal-footer{background:#fafbfc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.proj-btn-cancel{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:background .14s}.proj-btn-cancel:hover{background:#f1f5f9}.proj-btn-save{color:#fff;cursor:pointer;letter-spacing:.03em;background:#17b3c1;border:none;border-radius:8px;padding:8px 22px;font-size:13.5px;font-weight:700;transition:background .14s,box-shadow .14s,transform .1s;box-shadow:0 3px 10px #17b3c147}.proj-btn-save:hover{background:#0fa3b0;transform:translateY(-1px);box-shadow:0 5px 14px #17b3c161}.proj-btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.proj-btn-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:8px 22px;font-size:13.5px;font-weight:700;transition:background .14s,box-shadow .14s,transform .1s;box-shadow:0 3px 10px #ef444447}.proj-btn-delete:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 5px 14px #ef444461}@media (width<=640px){.proj-page{padding:16px 14px 40px}.proj-page-title{font-size:18px}.proj-filters{gap:8px}.proj-search-wrap{max-width:100%}.proj-table-wrap{overflow-x:auto}.proj-table{min-width:560px}}.pa-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.pa-search-wrap{flex:1;min-width:200px;max-width:340px;position:relative}.pa-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%);font-size:17px!important}.pa-search{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:36px;padding:0 12px 0 34px;font-size:13px;transition:border-color .15s,box-shadow .15s}.pa-search:focus{border-color:#17b3c1;box-shadow:0 0 0 3px #17b3c11a}.pa-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #0000000f}.ag-cell{align-items:center!important;display:flex!important}.ag-header{background-color:#f8fafc!important;border-bottom:1.5px solid #e2e8f0!important}.ag-header-cell-label{text-transform:uppercase;letter-spacing:.6px;color:#64748b!important;font-size:10.5px!important;font-weight:700!important}.ag-theme-quartz .ag-cell,.ag-theme-quartz .ag-header-cell{padding-left:8px!important;padding-right:8px!important}.pa-emp-cell{align-items:center;gap:6px;display:flex}.pa-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.pa-emp-fullname{color:#0f172a;font-size:13.5px;font-weight:600;line-height:1.2}.pa-emp-email{color:#94a3b8;font-size:12px}.pa-emp-fullname,.pa-emp-name{color:#0f172a;margin:0;font-size:13.5px;font-weight:600;line-height:1.1}.pa-emp-email,.pa-emp-meta{color:#94a3b8;margin-top:2px;font-size:12px;line-height:1}.pa-code-badge{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px;font-weight:600}.pa-emptype-badge{border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;line-height:1;display:inline-block}.pa-emptype-badge.fulltime,.pa-emptype-badge.permanent{color:#16a34a;background:#dcfce7}.pa-emptype-badge.contract,.pa-emptype-badge.parttime{color:#a16207;background:#fef9c3}.pa-emptype-badge.intern{color:#7c3aed;background:#ede9fe}.pa-proj-count-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px 10px;transition:background .14s,border-color .14s;display:inline-flex}.pa-proj-count-btn:hover{background:#f0fdfe;border-color:#cff8fb}.pa-proj-dots{align-items:center;gap:5px;display:flex}.pa-proj-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px;display:inline-block;box-shadow:0 1px 3px #00000026}.pa-btn-assign{color:#17b3c1;cursor:pointer;white-space:nowrap;background:#f0fdfe;border:1.5px solid #a5f3fc;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .14s;display:inline-flex}.pa-btn-assign:hover{color:#fff;background:#17b3c1;border-color:#17b3c1;transform:translateY(-1px)}.pa-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.18s paOverlayIn;display:flex;position:fixed;inset:0}@keyframes paOverlayIn{0%{opacity:0}to{opacity:1}}.pa-modal{background:#fff;border-radius:14px;width:100%;max-width:460px;animation:.22s cubic-bezier(.34,1.56,.64,1) paModalIn;overflow:hidden;box-shadow:0 20px 60px #00000029,0 4px 16px #00000014}@keyframes paModalIn{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.pa-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pa-modal-title-wrap{align-items:center;gap:8px;display:flex}.pa-modal-icon{color:#17b3c1;font-size:20px!important}.pa-modal-title{color:#0f172a;font-size:16px;font-weight:700}.pa-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .14s,color .14s;display:flex}.pa-modal-close:hover{color:#475569;background:#f1f5f9}.pa-emp-strip{background:linear-gradient(90deg,#f0fdfe,#f8fffe);border-bottom:1px solid #e0f7fa;align-items:center;gap:12px;padding:12px 20px;display:flex}.pa-emp-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.pa-emp-name{color:#0f172a;font-size:14px;font-weight:700}.pa-emp-meta{color:#94a3b8;margin-top:1px;font-size:12px}.pa-modal-body{flex-direction:column;gap:12px;padding:20px;display:flex}.pa-checkbox-list{flex-direction:column;gap:6px;max-height:280px;margin-top:8px;padding-right:4px;display:flex;overflow-y:auto}.pa-checkbox-item{border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 14px;display:flex}.pa-checkbox-item:hover,.pa-checkbox-item--selected{background:#f0fdfe;border-color:#17b3c1}.pa-sub-table{border-collapse:collapse;background:#fff;width:100%}.pa-sub-tr:not(:last-child){border-bottom:1px solid #f8fafc}.pa-sub-td{color:#334155;padding:11px 14px;font-size:13px}.pa-status-badge{border-radius:20px;align-items:center;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.pa-status-badge.active{color:#16a34a;background:#dcfce7}.pa-status-badge.inactive{color:#94a3b8;background:#f1f5f9}.pa-revoke-btn:hover{background:#fee2e2;box-shadow:0 2px 8px #ef444433}.pa-modal-footer{background:#fafbfc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.pa-btn-cancel{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 18px;font-size:13.5px;font-weight:600}.pa-btn-cancel:hover{background:#f1f5f9}.pa-btn-save{color:#fff;cursor:pointer;background:#17b3c1;border:none;border-radius:8px;padding:8px 22px;font-size:13.5px;font-weight:700;transition:all .14s;box-shadow:0 3px 10px #17b3c147}.pa-btn-save:hover:not(:disabled){background:#0fa3b0;transform:translateY(-1px)}.pa-modal-like-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;max-width:550px;overflow:hidden;box-shadow:0 10px 25px #0000000d}.pa-revoke-btn{color:#ef4444;cursor:pointer;background:#fff;border:1.5px solid #fecaca;border-radius:7px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .14s;display:inline-flex}.pa-revoke-btn:hover{background:#fee2e2;border-color:#ef4444}.pa-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600}.pa-checkbox-list{flex-direction:column;gap:8px;display:flex}.pa-checkbox-item{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.pa-checkbox-item:hover{background:#f0fdfe;border-color:#17b3c1}.pa-checkbox-item--selected{background:#f0fdfe;border-color:#17b3c1;box-shadow:0 2px 8px #17b3c114}.pa-item-left{align-items:center;gap:12px;display:flex}.pa-item-left input[type=checkbox]{cursor:pointer;accent-color:#17b3c1;width:18px;height:18px}.pa-proj-dot-sm{border-radius:50%;flex-shrink:0;width:10px;height:10px}.pa-checkbox-label{color:#1e293b;font-size:14px;font-weight:500}.pa-item-right{align-items:center;display:flex}.pa-row-delete-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.pa-row-delete-btn:hover{color:#ef4444;background:#fee2e2}.pa-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pa-live-count{color:#64748b;font-size:13px}.pa-live-count strong{color:#17b3c1;font-weight:700}.pa-modal-actions{align-items:center;gap:12px;display:flex}.pa-btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.pa-btn-save:hover:not(:disabled){background:#149ba7;transform:translateY(-1px);box-shadow:0 6px 15px #17b3c14d}.pa-btn-save:disabled{cursor:not-allowed;box-shadow:none;background:#cbd5e1}.pa-modal-body::-webkit-scrollbar{width:6px}.pa-modal-body::-webkit-scrollbar-track{background:#f1f5f9}.pa-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.pa-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pt-page{color:#1e293b;background:#f5f7fb;min-height:calc(100vh - 64px);margin-top:64px;padding:28px 28px 48px;font-family:Inter,Segoe UI,sans-serif}.pt-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.pt-page-title-wrap{align-items:center;gap:12px;display:flex}.pt-page-title-icon{color:#17b3c1;font-size:28px!important}.pt-page-title{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:22px;font-weight:700}.pt-page-subtitle{color:#94a3b8;margin:2px 0 0;font-size:13px}.pt-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#17b3c1;border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:background .15s,box-shadow .15s,transform .1s;display:inline-flex;box-shadow:0 3px 10px #17b3c147}.pt-btn-primary:hover{background:#0fa3b0;transform:translateY(-1px);box-shadow:0 5px 16px #17b3c161}.pt-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.pt-search-wrap{flex:1;min-width:200px;max-width:320px;position:relative}.pt-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%);font-size:17px!important}.pt-search{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:36px;padding:0 12px 0 34px;font-size:13px;transition:border-color .15s,box-shadow .15s}.pt-search::placeholder{color:#94a3b8}.pt-search:focus{border-color:#17b3c1;box-shadow:0 0 0 3px #17b3c11a}.pt-filter-select{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;min-width:140px;height:36px;padding:0 10px;font-size:13px;transition:border-color .15s}.pt-filter-select:focus{border-color:#17b3c1}.pt-count-pill{color:#0e7490;white-space:nowrap;background:#e0f7fa;border-radius:20px;margin-left:auto;padding:4px 12px;font-size:12px;font-weight:600}.pt-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #0000000f}.pt-table{border-collapse:collapse;table-layout:fixed;width:100%}.pt-th{color:#64748b;text-transform:uppercase;letter-spacing:.6px;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:12px 16px;font-size:10.5px;font-weight:700}.pt-th--num{width:52px}.pt-th--center{text-align:center}.pt-tr{transition:background .12s;animation:.22s both ptRowIn}.pt-tr:not(:last-child){border-bottom:1px solid #f1f5f9}.pt-tr:hover{background:#f8fbfc}@keyframes ptRowIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.pt-td{color:#334155;vertical-align:middle;padding:13px 16px;font-size:13.5px}.pt-td--num{color:#94a3b8;text-align:center;font-size:12px;font-weight:500}.pt-td--name{color:#1e293b;font-weight:500}.pt-td--center{text-align:center}.pt-project-cell{align-items:center;gap:8px;display:flex}.pt-project-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.pt-td-empty{padding:0}.pt-empty-state{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:56px 24px;display:flex}.pt-empty-icon{color:#cbd5e1;font-size:42px!important}.pt-empty-text{color:#475569;margin:0;font-size:15px;font-weight:600}.pt-empty-sub{color:#94a3b8;margin:0;font-size:13px}.pt-skeleton-rows{flex-direction:column;gap:12px;padding:12px 16px;display:flex}.pt-skeleton-row{background:linear-gradient(90deg,#f1f5f9 25%,#e8edf3 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:6px;height:20px;animation:1.4s infinite shimmer}.pt-status-badge{cursor:pointer;white-space:nowrap;border:none;border-radius:20px;align-items:center;gap:4px;padding:4px 11px;font-size:11.5px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.pt-status-badge:hover{opacity:.82;transform:scale(.97)}.pt-status-badge.active{color:#16a34a;background:#dcfce7}.pt-status-badge.inactive{color:#94a3b8;background:#f1f5f9}.pt-actions{justify-content:center;align-items:center;gap:6px;display:flex}.pt-action-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .14s,color .14s,border-color .14s;display:flex}.pt-action-btn--edit{color:#64748b}.pt-action-btn--edit:hover{color:#0284c7;background:#e0f2fe;border-color:#bae6fd}.pt-action-btn--delete{color:#cbd5e1}.pt-action-btn--delete:hover{color:#ef4444;background:#fee2e2;border-color:#fecaca}.pt-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.18s ptOverlayIn;display:flex;position:fixed;inset:0}@keyframes ptOverlayIn{0%{opacity:0}to{opacity:1}}.pt-modal{background:#fff;border-radius:14px;width:100%;max-width:460px;animation:.22s cubic-bezier(.34,1.56,.64,1) ptModalIn;overflow:hidden;box-shadow:0 20px 60px #00000029,0 4px 16px #00000014}.pt-modal--sm{max-width:380px}@keyframes ptModalIn{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.pt-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 20px 16px;display:flex}.pt-modal-title-wrap{align-items:center;gap:8px;display:flex}.pt-modal-icon{color:#17b3c1;font-size:20px!important}.pt-modal-title{color:#0f172a;font-size:16px;font-weight:700}.pt-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .14s,color .14s;display:flex}.pt-modal-close:hover{color:#475569;background:#f1f5f9}.pt-modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.pt-field{flex-direction:column;gap:6px;display:flex}.pt-field--inline{flex-direction:row;justify-content:space-between;align-items:center}.pt-label{color:#475569;font-size:12.5px;font-weight:600}.pt-required{color:#ef4444}.pt-input,.pt-select{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:38px;padding:0 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.pt-input::placeholder{color:#94a3b8}.pt-input:focus,.pt-select:focus{border-color:#17b3c1;box-shadow:0 0 0 3px #17b3c11a}.pt-select{cursor:pointer}.pt-toggle-wrap{align-items:center;gap:8px;display:flex}.pt-toggle{cursor:pointer;background:#e2e8f0;border:none;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.pt-toggle.on{background:#17b3c1}.pt-toggle-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #00000026}.pt-toggle.on .pt-toggle-thumb{transform:translate(18px)}.pt-toggle-label{font-size:13px;font-weight:500}.pt-toggle-label.active{color:#16a34a}.pt-toggle-label.inactive{color:#94a3b8}.pt-error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;padding:8px 12px;font-size:12.5px}.pt-delete-msg{color:#334155;margin:0;font-size:14px;line-height:1.6}.pt-modal-footer{background:#fafbfc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.pt-btn-cancel{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:background .14s}.pt-btn-cancel:hover{background:#f1f5f9}.pt-btn-save{color:#fff;cursor:pointer;letter-spacing:.03em;background:#17b3c1;border:none;border-radius:8px;padding:8px 22px;font-size:13.5px;font-weight:700;transition:background .14s,box-shadow .14s,transform .1s;box-shadow:0 3px 10px #17b3c147}.pt-btn-save:hover{background:#0fa3b0;transform:translateY(-1px);box-shadow:0 5px 14px #17b3c161}.pt-btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.pt-btn-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:8px 22px;font-size:13.5px;font-weight:700;transition:background .14s,box-shadow .14s,transform .1s;box-shadow:0 3px 10px #ef444447}.pt-btn-delete:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 5px 14px #ef444461}@media (width<=640px){.pt-page{padding:16px 14px 40px}.pt-page-title{font-size:18px}.pt-filters{gap:8px}.pt-search-wrap{max-width:100%}.pt-table-wrap{overflow-x:auto}.pt-table{min-width:520px}}.rpt-page{color:#1e293b;background:#f5f7fb;min-height:calc(100vh - 64px);margin-top:64px;padding:28px 28px 48px;font-family:Inter,Segoe UI,sans-serif;overflow:visible}.rpt-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.rpt-page-title-wrap{align-items:center;gap:12px;display:flex}.rpt-page-title-wrap>svg{color:#17b3c1;font-size:28px!important}.rpt-page-title-wrap h1{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:22px;font-weight:700}.rpt-page-title-wrap p{color:#94a3b8;margin:2px 0 0;font-size:13px}.rpt-btn-export{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 4px #0000000d}.rpt-btn-export:hover:not(:disabled){color:#17b3c1;background:#f0fdfe;border-color:#17b3c1;transform:translateY(-1px);box-shadow:0 2px 8px #17b3c124}.rpt-btn-export:disabled{opacity:.45;cursor:not-allowed}.rpt-btn-export svg{font-size:17px!important}.rpt-week-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex;overflow:visible}.rpt-week-pill{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;height:36px;padding:6px 10px 6px 12px;display:inline-flex;position:relative;box-shadow:0 1px 4px #0000000d}.rpt-week-pill>svg{color:#64748b;font-size:16px!important}.rpt-week-pill>span{color:#475569;white-space:nowrap;font-size:12.5px;font-weight:500}.rpt-week-pill button{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:background .13s,color .13s;display:flex}.rpt-week-pill button:hover{color:#0f172a;background:#f1f5f9}.rpt-week-pill button svg{font-size:18px!important}.rpt-week-pill select{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;height:26px;padding:0 8px;font-family:inherit;font-size:12.5px}.rpt-week-pill select:focus{border-color:#17b3c1}.rpt-week-bar>div:last-child{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:9px;padding:7px 14px;font-size:13px;box-shadow:0 1px 4px #0000000a}.rpt-week-bar>div:last-child b{color:#0f172a}.rpt-filters{flex:1;gap:8px;display:flex}.rpt-filters select{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;min-width:150px;height:36px;padding:0 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.rpt-filters select:focus{border-color:#17b3c1}.rpt-table-wrap{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-top:16px;margin-bottom:20px;overflow-x:auto;box-shadow:0 4px 20px #0000000f}.rpt-table-wrap::-webkit-scrollbar{height:6px}.rpt-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.rpt-daterange-popover{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:max-content;padding:4px;font-size:12px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 32px #0f172a26}.rpt-daterange-popover .rdrCalendarWrapper,.rpt-daterange-popover .rdrDateRangeWrapper{background:0 0;font-size:11px}.rpt-daterange-popover .rdrDateDisplayWrapper{display:none}.rpt-daterange-popover .rdrMonthAndYearWrapper{height:40px;padding:4px 8px}.rpt-daterange-popover .rdrMonthAndYearPickers select{padding:4px 20px 4px 6px;font-size:12px}.rpt-daterange-popover .rdrNextPrevButton{background:#f1f5f9;width:22px;height:22px;margin:0 4px}.rpt-daterange-popover .rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:#0000 #475569 #0000 #0000}.rpt-daterange-popover .rdrNextButton i{border-width:4px 4px 4px 6px;border-color:#0000 #0000 #0000 #475569}.rpt-daterange-popover .rdrMonth{width:220px;padding:0 8px 8px}.rpt-daterange-popover .rdrMonthName{color:#475569;text-align:center;padding:4px 0 6px;font-size:12px;font-weight:600}.rpt-daterange-popover .rdrWeekDays{padding:0}.rpt-daterange-popover .rdrWeekDay{color:#94a3b8;height:22px;font-size:10.5px;font-weight:600;line-height:22px}.rpt-daterange-popover .rdrDay{height:28px;line-height:28px}.rpt-daterange-popover .rdrDayNumber{top:0;bottom:0}.rpt-daterange-popover .rdrDayNumber span{font-size:11.5px}.rpt-daterange-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:8px;margin-top:4px;padding:10px 12px;display:flex}.rpt-daterange-actions button{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:72px;height:30px;padding:0 16px;font-size:12.5px;font-weight:600;transition:all .15s}.rpt-daterange-actions button:hover{background:#f8fafc;border-color:#cbd5e1}.rpt-daterange-actions .rpt-daterange-apply{color:#fff;background:#17b3c1;border-color:#17b3c1}.rpt-daterange-actions .rpt-daterange-apply:hover{background:#0fa3b0;border-color:#0fa3b0}@media (width<=720px){.rpt-daterange-popover .rdrMonth:nth-child(2){display:none}}@media (width<=640px){.rpt-page{padding:16px 12px 40px}.rpt-page-title-wrap h1{font-size:18px}.rpt-filters select{min-width:120px}}.rpt-btn-send{color:#fff;cursor:pointer;white-space:nowrap;background:#17b3c1;border:1.5px solid #17b3c1;border-radius:9px;align-items:center;gap:6px;margin-left:0;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 4px #17b3c12e}.rpt-btn-send:hover:not(:disabled){background:#0fa3b0;border-color:#0fa3b0;transform:translateY(-1px);box-shadow:0 2px 10px #17b3c147}.rpt-btn-send:disabled{opacity:.45;cursor:not-allowed}.rpt-btn-send svg{font-size:17px!important}.send-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;background:#0f172a80;justify-content:center;align-items:center;padding:24px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.send-modal{background:#fff;border-radius:12px;flex-direction:column;width:540px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);animation:.18s popIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #0f172a40}@keyframes popIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.send-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.send-title-wrap{align-items:center;gap:10px;display:flex}.send-title-wrap svg{color:#17b3c1;font-size:22px!important}.send-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.send-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.send-close-btn:hover{background:#f1f5f9}.send-body{flex-direction:column;gap:14px;padding:16px 20px;display:flex;overflow-y:auto}.send-field{flex-direction:column;gap:6px;display:flex}.send-label{color:#475569;font-size:12px;font-weight:600}.send-required{color:#ef4444;margin-left:2px}.send-chip-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;gap:6px;min-height:38px;padding:6px;transition:border-color .15s,box-shadow .15s;display:flex}.send-chip-input:focus-within{border-color:#17b3c1;box-shadow:0 0 0 3px #17b3c11a}.send-chip-input.has-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444414}.send-chip{color:#5f6dfc;background:#eef0ff;border-radius:14px;align-items:center;gap:6px;padding:3px 4px 3px 10px;font-size:12.5px;font-weight:500;display:inline-flex}.send-chip.is-invalid{color:#b91c1c;background:#fee2e2}.send-chip-x{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:50%;align-items:center;padding:2px;display:flex}.send-chip-x:hover{opacity:1;background:#0000000f}.send-chip-x svg{font-size:14px!important}.send-chip-input input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:140px;padding:4px 6px;font-family:inherit;font-size:13px}.send-chip-input input::placeholder{color:#94a3b8}.send-input,.send-textarea{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.send-input:focus,.send-textarea:focus{border-color:#17b3c1;box-shadow:0 0 0 3px #17b3c11a}.send-textarea{resize:vertical;min-height:100px;line-height:1.5}.send-attachment{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.send-attachment-icon{color:#5f6dfc;background:#eef0ff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.send-attachment-info{flex-direction:column;gap:2px;min-width:0;display:flex}.send-attachment-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.send-attachment-meta{color:#64748b;font-size:11px}.send-error{color:#b91c1c;margin-top:-4px;font-size:11.5px}.send-footer{background:#fafbfc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.send-btn-cancel,.send-btn-primary{cursor:pointer;border-radius:8px;height:36px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.send-btn-cancel{color:#475569;background:#fff;border:1.5px solid #e2e8f0}.send-btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.send-btn-primary{color:#fff;background:#17b3c1;border:none;align-items:center;gap:6px;display:inline-flex}.send-btn-primary:hover:not(:disabled){background:#0fa3b0}.send-btn-primary:disabled{cursor:not-allowed;background:#cbd5e1}.send-toast{z-index:10000;color:#fff;background:#0f172a;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:500;animation:.2s toastIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #0f172a40}.send-toast .toast-icon{background:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.send-toast .toast-icon svg{color:#fff;font-size:14px!important}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rdrCalendarWrapper{box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#fff;flex-direction:column;display:inline-flex}.rdrDateDisplay{justify-content:space-between;display:flex}.rdrDateDisplayItem{text-align:center;width:0;color:inherit;flex:1}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;justify-content:space-between;display:flex}.rdrMonthAndYearPickers{flex:auto;justify-content:center;align-items:center;display:flex}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{flex-direction:row;display:flex}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{box-sizing:inherit;text-align:center;flex-basis:14.2857%}.rdrDays{flex-wrap:wrap;display:flex}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{color:red;font-size:1.6em;line-height:1.6em;position:absolute;top:0;right:.25em}.rdrDay{box-sizing:inherit;width:14.2857%;font:inherit;cursor:pointer;position:relative}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align:auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{-webkit-user-select:none;user-select:none;display:inline-flex}.rdrStaticRanges{flex-direction:column;display:flex}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{background-color:#fff;border:1px solid #0000;border-radius:4px;box-shadow:0 1px 2px #23394236}.rdrDateDisplayItem input{cursor:pointer;color:#849095;background:0 0;border:0;width:100%;height:2.5em;line-height:2.5em}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{appearance:none;color:#3e484f;cursor:pointer;text-align:center;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") right 8px center no-repeat;border:0;border-radius:4px;outline:0;padding:10px 30px 10px 10px}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{background:#eff2f7;border:0;border-radius:5px;width:24px;height:24px;margin:0 .833em;padding:0;display:block}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{text-align:center;border-style:solid;width:0;height:0;margin:auto;padding:0;display:block;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:#0000 #34495e #0000 #0000;transform:translate(-3px)}.rdrNextButton i{border-width:4px 4px 4px 6px;border-color:#0000 #0000 #0000 #34495e;margin:0 0 0 7px;transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{color:#849095;font-weight:400;line-height:2.667em}.rdrDay{-webkit-user-select:none;user-select:none;text-align:center;color:#1d2429;background:0 0;border:0;height:3em;padding:0;line-height:3em}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;justify-content:center;align-items:center;font-weight:300;display:flex;position:absolute;inset:5px 0}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";background:#3d91ff;border-radius:2px;width:18px;height:2px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;inset:5px 0}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-left-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-right-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none;z-index:1;background:#ffffff17;border:0 solid;position:absolute;inset:3px 0}.rdrDayStartPreview{border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{background:#fff;border-right:1px solid #eff2f7;width:226px;font-size:12px}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eff2f7;outline:0;padding:0;display:block}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{text-align:left;outline:0;padding:10px 20px;line-height:18px;display:block}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{text-align:center;color:#6c767a;border:1px solid #dee7eb;border-radius:4px;width:30px;height:30px;margin-right:10px;line-height:30px}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{color:#333;border-color:#b4bfc4;outline:0}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";background:0 0;border:1px solid;border-radius:1.333em;position:absolute;inset:-2px 0}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale()opacity(60%)}.rdrMonthName{text-align:left;color:#849095;padding:.833em;font-weight:600}.att-report-page{color:#1e293b;background:#f5f7fb;min-height:calc(100vh - 64px);margin-top:64px;padding:28px 28px 48px;font-family:Inter,Segoe UI,sans-serif;overflow:visible}.att-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.att-title{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:22px;font-weight:700}.att-export-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 4px #0000000d}.att-export-btn:hover:not(:disabled){color:#17b3c1;background:#f0fdfe;border-color:#17b3c1;transform:translateY(-1px);box-shadow:0 2px 8px #17b3c124}.att-export-btn:disabled{opacity:.45;cursor:not-allowed}.att-filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.att-date-pill{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;height:36px;padding:6px 12px;display:inline-flex;position:relative;box-shadow:0 1px 4px #0000000d}.att-date-pill span{color:#475569;font-size:13px;font-weight:500}.att-date-pill button{cursor:pointer;color:#17b3c1;background:0 0;border:none;align-items:center;padding:0;display:flex}.att-dropdowns select{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;min-width:180px;height:36px;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.att-dropdowns select:focus{border-color:#17b3c1}.att-stats{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:9px;padding:7px 14px;font-size:13px;box-shadow:0 1px 4px #0000000a}.att-stats b{color:#0f172a}.att-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-top:16px;overflow:hidden;box-shadow:0 4px 20px #0000000f}.status-present{font-weight:600;color:#10b981!important}.status-absent{font-weight:600;color:#ef4444!important}.status-incomplete{font-weight:600;color:#f59e0b!important}.att-calendar-popover{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 32px #0f172a26}.att-apply-btn{color:#fff;cursor:pointer;text-align:center;background:#17b3c1;border:none;border-radius:6px;width:30%;height:32px;margin:10px 20px;padding:0 10px;font-size:12px;font-weight:600;transition:background .2s}.att-apply-btn:hover{background:#bff2f7}@media (width<=768px){.att-report-page{padding:16px 12px}.att-header{flex-direction:column;align-items:flex-start}.att-filter-bar{flex-direction:column;align-items:stretch}.att-dropdowns select,.att-date-pill{justify-content:space-between;width:100%}}@media (width<=480px){.rdrCalendarWrapper{font-size:10px}.rdrMonth{width:100%}}.seh-badge{white-space:nowrap;border-radius:14px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.seh-badge--pending{color:#ca8a04;background:#fef9c3}.seh-badge--approved{color:#16a34a;background:#dcfce7}.seh-badge--failed{color:#b91c1c;background:#fee2e2}.seh-approve-btn{color:#fff;cursor:pointer;background:#17b3c1;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.seh-approve-btn:hover{background:#0fa3b0;transform:translateY(-1px)}.seh-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;background:#0f172a80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.seh-modal{background:#fff;border-radius:12px;width:440px;max-width:calc(100vw - 32px);overflow:hidden;box-shadow:0 20px 60px #0f172a40}.seh-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.seh-modal-header h3{color:#0f172a;margin:0;font-size:15px;font-weight:700}.seh-modal-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.seh-modal-close:hover{background:#f1f5f9}.seh-modal-body{padding:20px}.seh-modal-body p{color:#475569;white-space:pre-line;margin:0;font-size:13.5px;line-height:1.6}.seh-modal-footer{background:#fafbfc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.seh-modal-cancel,.seh-modal-confirm{cursor:pointer;border-radius:8px;height:36px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.seh-modal-cancel{color:#475569;background:#fff;border:1.5px solid #e2e8f0}.seh-modal-cancel:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.seh-modal-confirm{color:#fff;background:#17b3c1;border:none}.seh-modal-confirm:hover:not(:disabled){background:#0fa3b0}.seh-modal-cancel:disabled,.seh-modal-confirm:disabled{opacity:.5;cursor:not-allowed}.mrs-status-banner{border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;margin:0 0 16px;padding:12px 18px;font-size:13px;font-weight:500;line-height:1.5;display:flex}.mrs-status-banner.is-ready{color:#0e7e89;background:#f0fafa;border-color:#c5e9ed}.mrs-status-banner.is-sent{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.mrs-status-banner.is-future{color:#92400e;background:#fefce8;border-color:#fde68a}.mrs-status-banner strong{font-weight:700}.timesheet-page *,.timesheet-page :before,.timesheet-page :after{box-sizing:border-box}.timesheet-page{color:#1e293b;background:#f5f7fb;min-height:calc(100vh - 64px);margin-top:64px;padding:24px 24px 40px;font-family:Inter,Segoe UI,sans-serif;overflow:visible}.timesheet-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.timesheet-title{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:22px;font-weight:700}.ts-week-pill{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;height:36px;display:flex;overflow:hidden;box-shadow:0 1px 4px #0000000f}.ts-cal-icon{color:#64748b;flex-shrink:0;margin:0 6px 0 12px;font-size:15px!important}.ts-week-text{color:#475569;white-space:nowrap;padding-right:10px;font-size:12.5px;font-weight:500}.ts-week-divider{background:#e2e8f0;width:1px;height:100%}.ts-arrow-btn{cursor:pointer;color:#64748b;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:36px;transition:background .15s,color .15s;display:flex}.ts-arrow-btn:hover{color:#0f172a;background:#f1f5f9}.ts-arrow-btn:first-of-type{border-right:1px solid #e2e8f0}.timesheet-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;width:100%;overflow:auto visible}.timesheet-scroll::-webkit-scrollbar{height:8px}.timesheet-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.timesheet-scroll::-webkit-scrollbar-track{background:0 0}.timesheet-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-width:860px;position:relative;overflow:visible;box-shadow:0 4px 20px #0000000f}.timesheet-col-header,.timesheet-row,.timesheet-footer{grid-template-columns:200px repeat(7,minmax(72px,1fr)) 80px 40px;padding:0 10px;display:grid}.timesheet-col-header{background:#f8fafc;border-bottom:1.5px solid #e2e8f0;border-radius:14px 14px 0 0}.timesheet-col-header>div{color:#64748b;text-transform:uppercase;letter-spacing:.6px;padding:11px 6px;font-size:10.5px;font-weight:700}.project-col{padding-left:4px!important}.day-col,.total-col{text-align:center}.timesheet-row{z-index:1;border-bottom:1px solid #f1f5f9;align-items:center;transition:background .15s;animation:.25s both rowFadeIn;position:relative}.timesheet-row.row-popup-open{z-index:50}.timesheet-row:last-of-type{border-bottom:none}.timesheet-row:hover{background:#fafbfc}.timesheet-row.row-empty{background:#fdfefe}.timesheet-row.row-empty:hover{background:#f8fafc}.project-cell{min-width:0;padding:11px 6px 11px 0;position:relative;overflow:visible}.select-project-btn{cursor:pointer;color:#17b3c1;background:0 0;border:1.5px dashed #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:5px 10px 5px 7px;font-size:12.5px;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.select-project-btn:hover{background:#f0fdfe;border-color:#17b3c1}.plus-circle{color:#17b3c1;border:1.5px solid #17b3c1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;font-size:12px;line-height:1;display:flex}.required-star{color:#ef4444;font-size:12px}.selected-project-block{flex-direction:column;gap:3px;min-width:0;display:flex}.selected-project-line{cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;min-width:0;padding:0;display:flex}.project-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.selected-project-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.selected-project-name{color:#1e293b;font-size:12.5px;font-weight:600}.selected-project-client{color:#94a3b8;font-size:11.5px}.task-select{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:fit-content;max-width:100%;padding:2px 7px;font-size:11px;transition:border-color .15s}.task-select:hover,.task-select:focus{border-color:#17b3c1}.time-cell{justify-content:center;padding:9px 3px;display:flex}.time-input-wrap{align-items:center;width:100%;max-width:84px;display:flex;position:relative}.time-input{text-align:center;color:#334155;background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;outline:none;width:100%;height:30px;padding:0 18px 0 4px;font-size:11.5px;font-weight:500;transition:border-color .15s,box-shadow .15s,background .15s}.time-input::placeholder{color:#e2e8f0}.time-input:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.time-input:focus:not(:disabled){background:#fff;border-color:#17b3c1;box-shadow:0 0 0 3px #17b3c11f}.time-input:disabled{color:#cbd5e1;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0}.time-cell.is-disabled .time-input-wrap{cursor:not-allowed}.time-dots-btn{cursor:pointer;color:#cbd5e1;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:16px;height:20px;padding:0;transition:background .15s,color .15s,opacity .15s;display:flex;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.time-input-wrap:hover .time-dots-btn,.time-input:focus+.time-dots-btn{opacity:1}.time-dots-btn:hover{color:#17b3c1;background:#f1f5f9}.cell-tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:50;background:#1e293b;border-radius:6px;padding:5px 10px;font-size:11.5px;font-weight:500;transition:opacity .18s,visibility .18s;position:absolute;top:50%;right:calc(100% + 6px);transform:translateY(-50%)}.cell-tooltip:after{content:"";border:5px solid #0000;border-left-color:#1e293b;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.time-cell.is-disabled .time-input-wrap:hover .cell-tooltip{opacity:1;visibility:visible}.row-total{text-align:center;color:#334155;padding:9px 4px;font-size:11.5px;font-weight:600}.row-action{justify-content:center;align-items:center;padding:6px 0;display:flex}.icon-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s,border-color .15s;display:flex}.icon-button--close{color:#cbd5e1}.icon-button--close:hover{color:#ef4444;background:#fee2e2;border-color:#fecaca}.timesheet-footer{background:#f8fafc;border-top:1.5px solid #e2e8f0;border-radius:0 0 14px 14px}.timesheet-footer>div{padding:11px 6px}.footer-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700;padding-left:4px!important}.footer-cell{text-align:center;color:#475569;font-size:11.5px;font-weight:600}.grand-total{color:#0f172a;font-size:12px}.bottom-actions{align-items:center;gap:10px;margin-top:14px;display:flex}.bottom-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0000000d}.bottom-btn:hover{color:#17b3c1;background:#f0fdfe;border-color:#17b3c1;box-shadow:0 2px 8px #17b3c11f}.bottom-btn-plus{font-size:15px;line-height:1}.project-popup{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:300px;animation:.18s popupOpen;position:fixed;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}.popup-search{background:#fff;border-bottom:1px solid #f1f5f9;border-radius:12px 12px 0 0;align-items:center;gap:8px;padding:10px 14px;display:flex}.popup-search input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:13px}.popup-search input::placeholder{color:#94a3b8}.popup-list{background:#fff;border-radius:0 0 12px 12px;max-height:240px;padding:5px 0;overflow-y:auto}.popup-list::-webkit-scrollbar{width:4px}.popup-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.popup-empty{text-align:center;color:#94a3b8;padding:20px 16px;font-size:13px}.popup-project-group{border-bottom:1px solid #f8fafc}.popup-project-group:last-child{border-bottom:none}.popup-project-item{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:9px 14px;transition:background .12s;display:flex}.popup-project-item:hover{background:#f8fafc}.popup-project-item:disabled{opacity:.45;cursor:not-allowed}.popup-left{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.popup-name-wrap{min-width:0}.popup-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.popup-client{color:#94a3b8;margin-top:1px;font-size:11.5px}.popup-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.popup-task-count{color:#94a3b8;background:#f1f5f9;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:500}.expand-toggle-btn{cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:3px;transition:background .12s;display:flex}.expand-toggle-btn:hover{background:#f1f5f9}.popup-task-list{background:#fafbff;border-top:1px solid #f1f5f9;padding:3px 0;animation:.15s expandDown}.popup-task-item{cursor:pointer;background:0 0;border:none;align-items:center;gap:9px;width:100%;padding:8px 14px 8px 36px;transition:background .12s;display:flex}.popup-task-item:hover{background:#eef9fa}.task-bullet{opacity:.75;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.task-item-name{color:#475569;font-size:13px;font-weight:500}.et-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.2s overlayIn;display:flex;position:fixed;inset:0}.et-modal{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:480px;max-height:92vh;animation:.22s cubic-bezier(.34,1.56,.64,1) modalIn;display:flex;overflow:hidden auto;box-shadow:0 20px 60px #0000002e,0 4px 16px #00000014}.et-header{justify-content:space-between;align-items:center;padding:18px 20px 16px;display:flex}.et-title{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:18px;font-weight:700}.et-close-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:flex}.et-close-btn:hover{color:#475569;background:#f1f5f9}.et-divider{background:#f1f5f9;height:1px}.et-meta{flex-direction:column;gap:6px;padding:14px 20px;display:flex}.et-day-chips{flex-wrap:wrap;gap:5px;margin-bottom:6px;display:flex}.et-day-chip{color:#64748b;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:4px 10px;font-size:11.5px;font-weight:500;transition:all .15s}.et-day-chip:hover{color:#0284c7;background:#e0f2fe;border-color:#bae6fd}.et-day-chip.active{color:#fff;background:#17b3c1;border-color:#17b3c1;font-weight:600}.et-date-text{color:#94a3b8;letter-spacing:.02em;font-size:13px}.et-project-name{color:#0f172a;align-items:center;gap:7px;margin-top:2px;font-size:15px;font-weight:700;display:flex}.et-proj-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.et-project-client{color:#94a3b8;padding-left:17px;font-size:12.5px}.et-no-project{color:#cbd5e1;margin-top:4px;font-size:13px;font-style:italic}.et-time-row{flex-wrap:wrap;align-items:center;gap:14px;padding:14px 20px;display:flex}.et-duration-badge{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;overflow:hidden}.et-duration-input{color:#0f172a;font-feature-settings:"tnum";text-align:center;background:0 0;border:none;outline:none;width:140px;padding:8px 14px;font-family:Courier New,monospace;font-size:18px;font-weight:700;transition:background .15s}.et-duration-input:focus{background:#f0fdfe}.et-range-wrap{align-items:center;gap:6px;display:flex}.et-time-input{color:#334155;text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;outline:none;width:90px;padding:7px 10px;font-size:14px;font-weight:600;transition:border-color .15s,box-shadow .15s}.et-time-input:focus{border-color:#17b3c1;box-shadow:0 0 0 3px #17b3c11a}.et-range-dash{color:#cbd5e1;font-size:16px}.et-fields{flex-direction:column;gap:14px;padding:14px 20px;display:flex}.et-field-row{grid-template-columns:90px 1fr;align-items:flex-start;gap:12px;display:grid}.et-field-row--inline{align-items:center}.et-field-label{color:#475569;padding-top:2px;font-size:13px;font-weight:600}.et-textarea{color:#1e293b;resize:vertical;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;min-height:72px;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.et-textarea::placeholder{color:#94a3b8}.et-textarea:focus{border-color:#17b3c1;box-shadow:0 0 0 3px #17b3c11a}.et-tag-wrap{position:relative}.et-tag-trigger{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:8px 11px;transition:border-color .15s;display:flex}.et-tag-trigger:hover,.et-tag-trigger:focus{border-color:#17b3c1;outline:none}.et-tag-placeholder{color:#94a3b8;text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.et-tag-dropdown{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:9px;animation:.15s popupOpen;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001a}.et-tag-option{color:#334155;cursor:pointer;align-items:center;gap:8px;padding:9px 14px;font-size:13px;transition:background .12s;display:flex}.et-tag-option:hover{background:#f8fafc}.et-tag-option input[type=checkbox]{accent-color:#17b3c1;cursor:pointer;width:14px;height:14px}.et-billable-wrap{align-items:center;gap:8px;display:flex}.et-toggle{cursor:pointer;background:#e2e8f0;border:none;border-radius:10px;flex-shrink:0;width:38px;height:20px;transition:background .2s;position:relative}.et-toggle.on{background:#17b3c1}.et-toggle-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.et-toggle.on .et-toggle-thumb{transform:translate(18px)}.et-billable-text{color:#64748b;font-size:13px;font-weight:500}.et-footer{background:#fafbfc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.et-more-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 8px;transition:background .15s;display:flex}.et-more-btn:hover{background:#f1f5f9}.et-more-dot{background:#94a3b8;border-radius:50%;width:4px;height:4px;display:block}.et-footer-right{align-items:center;gap:8px;display:flex}.et-cancel-btn{color:#17b3c1;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:background .15s}.et-cancel-btn:hover{background:#f0fdfe}.et-save-btn{color:#fff;cursor:pointer;letter-spacing:.04em;background:#17b3c1;border:none;border-radius:8px;padding:8px 22px;font-size:13.5px;font-weight:700;transition:background .15s,box-shadow .15s,transform .1s;box-shadow:0 3px 10px #17b3c14d}.et-save-btn:hover{background:#0fa3b0;transform:translateY(-1px);box-shadow:0 5px 16px #17b3c166}.del-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10001;background:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.2s overlayIn;display:flex;position:fixed;inset:0}.del-modal{background:#fff;border-radius:10px;width:100%;max-width:460px;animation:.22s cubic-bezier(.34,1.56,.64,1) modalIn;overflow:hidden;box-shadow:0 20px 60px #0000002e,0 4px 16px #00000014}.del-header{justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex}.del-title{color:#0f172a;margin:0;font-size:17px;font-weight:700}.del-close-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:flex}.del-close-btn:hover{color:#475569;background:#f1f5f9}.del-divider{background:#f1f5f9;height:1px}.del-body{padding:22px 20px}.del-message{color:#334155;margin:0;font-size:14px}.del-footer{background:#fafbfc;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.del-cancel-btn{color:#17b3c1;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:background .15s}.del-cancel-btn:hover{background:#f0fdfe}.del-confirm-btn{color:#fff;cursor:pointer;letter-spacing:.06em;background:#ef4444;border:none;border-radius:8px;padding:9px 24px;font-size:13px;font-weight:700;transition:background .15s,box-shadow .15s,transform .1s;box-shadow:0 3px 10px #ef44444d}.del-confirm-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 5px 16px #ef444466}.employee-dropdown-container{width:250px;margin-bottom:20px;position:relative}.dropdown-search-header{background:0 0;border:none;outline:none;width:100%;font-size:14px}.custom-dropdown-header{background:#fff;border:1px solid #ccc;border-radius:6px;justify-content:space-between;align-items:center;padding:8px;display:flex}.dropdown-arrow{font-size:12px}.custom-dropdown-list{z-index:1000;background:#fff;border:1px solid #ccc;border-top:none;width:100%;max-height:180px;position:absolute;top:100%;left:0;overflow-y:auto}.dropdown-items{max-height:150px;overflow-y:auto}.dropdown-item{cursor:pointer;padding:8px 10px}.dropdown-item:hover{color:#fff;background-color:#17b3c1}.dropdown-search{border:none;border-bottom:1px solid #ddd;outline:none;width:100%;padding:8px;font-size:14px}.dropdown-no-data{text-align:center;color:#888;padding:10px}.dropdown-search-wrapper{background:#fff;border-bottom:1px solid #ddd;padding:6px}.always-open{background:#fff;border:1px solid #ccc;border-radius:6px;width:260px}@media (width<=900px){.timesheet-page{padding:20px 16px 32px}}@media (width<=600px){.timesheet-page{margin-top:56px;padding:16px 12px 32px}.timesheet-title{font-size:19px}.ts-week-text{padding-right:8px;font-size:11.5px}.et-modal,.del-modal{max-width:100%}}