@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--background:#f9f9ff;--surface:#fff;--main:#fff;--surface-low:#f0f3ff;--surface-container:#e7eeff;--surface-container-low:#f0f3ff;--on-surface:#0d1c2e;--on-surface-low:#0d1c2e0d;--on-surface-variant:#434655;--text-primary:#111c2d;--text-secondary:#64748b;--text-active:#fff;--primary:#0f172a;--primary-hover:#131b2e;--primary-light:#dae2fd;--secondary:#505f76;--secondary-container:#d0e1fb;--success:#16a34a;--success-text:#166534;--success-low:#dcfce7;--warning:#f59e0b;--danger:#dc2626;--danger-low:#ffdad6;--border:#e2e8f0;--border-hover:#cbd5e1;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 10px 15px -3px #0f172a14;--radius-sm:4px;--radius:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:48px;--sidebar-width:260px;--header-height:72px;--container-width:1440px;--font-family:"Plus Jakarta Sans", sans-serif;--display-lg:48px;--headline-xl:36px;--headline-lg:32px;--headline-md:24px;--body-lg:18px;--body-md:16px;--body-sm:14px;--label-md:12px;--font-regular:400;--font-semibold:600;--font-bold:700}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--input-background:var(--surface-container-low);--text-active:var(--text-active);--main:#fff;--text-on-primary:#fff}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text-active:#fff;--main:#fff}body{font-family:var(--font-family);background:var(--background);color:var(--text-primary);font-size:var(--body-md);line-height:1.5}a{color:inherit;text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:10px 18px;font-weight:600}.btn{background-color:#0000;border:none;width:auto}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{color:var(--primary);border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:10px 18px}.form-control{border:1px solid var(--border);border-radius:var(--radius);width:100%;font-size:var(--body-sm);background:#fff;padding:12px 14px}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #0f172a14}.table{border-collapse:collapse;width:100%}table{border-collapse:collapse}.table thead th{text-align:left;font-size:var(--label-md);text-transform:uppercase;border-bottom:1px solid var(--border);padding:12px;font-weight:600}.table tbody tr:nth-child(2n){background:#f8fafc}.table td{border-bottom:1px solid var(--border);padding:14px 12px}.chip-danger{color:#dc2626;border-radius:var(--radius-full);background:#fee2e2;padding:4px 10px;font-size:12px;font-weight:600}.chip-warning{color:#d97706;border-radius:var(--radius-full);background:#fef3c7;padding:4px 10px;font-size:12px;font-weight:600}.chip-success{color:#15803d;border-radius:var(--radius-full);background:#dcfce7;padding:4px 10px;font-size:12px;font-weight:600}.dashboard-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border);background:#fff}.main-content{flex:1;padding:24px}*{margin:0;padding:0;font-family:Inter}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{color:#0000}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}#app{width:100%;height:100vh}.sticky{position:sticky}.top-0{top:0}.top-1{top:.5rem}.top-16{top:4rem}.top-8{top:2rem}.glass-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#fffc}.flex{align-items:center;display:flex}.flex-column{flex-direction:column}.flex-1{flex:1}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-stretch{align-items:stretch}.w-1p{width:1px}.w-1{width:.375rem}.w-2{width:.5rem}.w-100{width:100%}.w-95{width:95%}.w-90{width:90%}.w-80{width:80%}.w-85{width:85%}.w-70{width:70%}.w-75{width:75%}.w-65{width:65%}.w-60{width:60%}.w-55{width:55%}.w-50{width:50%}.w-49{width:49%}.w-48{width:48%}.w-45{width:45%}.w-40{width:40%}.w-35{width:35%}.w-30{width:30%}.w-12{width:12%}.w-15{width:15%}.w-20{width:20%}.w-25{width:25%}.w-10{width:10%}.w-8{width:8%}.w-18p{width:18px}.w-18{width:18%}.w-30p{width:11px}.h-1{height:.375rem}.h-2{height:.5rem}.h-100{height:100%}.h-25{height:25%}.h-65{height:65%}.h-70{height:70%}.h-80{height:80%}.h-48{height:48px}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-8{margin-left:2rem}.border-surface-container{--tw-border-opacity:1;border-color:rgb(230 238 255/var(--tw-border-opacity,1))}.border-primary-container,.hover\:border-primary-container:hover{border-color:var(--primary-container)}.hover\:color-primary:hover{color:var(--primary)}.border-transparent{border-color:#0000}.ghost-border{border:1px solid #c3c6d626}.hover\:bg-surface-container-low:hover,.hover\:bg-surface-container-high:hover{background-color:var(--surface-container-low)}.bg-login{background-color:#f7f7f7}.bg-white{background-color:#fff}.bg-card{background-color:var(--bg-card)}.bg-main{background-color:var(--main)}.bg{background-color:var(--bg)}.bg-surface-low{background-color:var(--on-surface-low)}.bg-primary{background-color:var(--primary)}.bg-primary-low{background-color:var(--primary-low)}.bg-secondary-low{background-color:var(--secondary-low)}.bg-secondary{background-color:var(--secondary)}.bg-secondary-container{background-color:var(--secondary-container)}.bg-success{background-color:var(--success)}.bg-success-low{background-color:var(--success-low)}.bg-error{background-color:var(--error)}.bg-danger{background-color:var(--danger)}.bg-danger-low{background-color:var(--danger-low)}.bg-info{background-color:var(--info)}.bg-orange{background-color:var(--orange)}.border-primary{border-color:var(--primary)}.mr-2{margin-right:.25rem}.mr-4{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-10{margin-top:2.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:4rem}.p-20{padding:20px}.px-10{padding-left:2.5rem;padding-right:2.5rem}.overflow-hidden{overflow:hidden}.title-md{font-size:var(--title-md);font-weight:var(--weight-semibold);color:var(--text)}.title-h-sm{font-size:var(--headline-sm);font-weight:var(--weight-semibold);color:var(--text)}.title-headline-md{font-size:var(--headline-md)}.title-headline-lg{font-size:var(--headline-lg)}.title-l{font-size:var(--title-l);font-weight:var(--weight-bold);color:var(--text)}.title-2xl{font-size:var(--title-2xl);font-weight:var(--weight-bold);color:var(--text)}.line-space-1{letter-spacing:.1rem}.line-space-2{letter-spacing:.2rem}.sub-title{color:var(--color-secondary)}.text-white{color:#fff}.text-active{color:var(--text-active)}.text-green-600{color:#16a34a}.text-variant{color:var(--color-variant)}.white-space{word-break:break-word;overflow-wrap:break-word}.text-ssm{font-size:.6875rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-main{color:var(--main)}.text-label-md{font-size:var(--label-md)}.text-headline-xl{font-size:var(--headline-xl)}.text-headline-lg{letter-spacing:-.01em;font-size:32px;font-weight:700;line-height:40px}.text-headline-lg-input{letter-spacing:.1rem;font-size:32px;font-weight:700;line-height:40px}.text-headline-sm{font-size:var(--headline-sm)}.text-sub{color:var(--color-secondary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.border-error{border-color:#ba1a1a1a}.bg-color-success{background-color:var(--success)}.text-semibold{font-weight:var(--weight-semibold)}.text-bold{font-weight:var(--weight-bold)}.text-error{color:var(--danger)}.text-primary{color:var(--primary)}.text-secondary{color:var(--text-secondary)}.text-standard{color:var(--sidebar-inactive)}.font-medium{font-weight:500}.font-semibold{font-weight:var(--font-semibold)}.bg-surface-container-high{background-color:var(--surface-container-high)}.border-surface-container-high{border-color:var(--surface-container-high)}.bg-surface-container-low{--tw-bg-opacity:1;background-color:var(--surface-container-low)}.bg-surface-container-lowwer{--tw-bg-opacity:1;background-color:var(--surface-container-lowwer)}.box-shawdow-8-24{--tw-shadow:0 8px 24px #0d1c2e0f;--tw-shadow-colored:0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.border-r-4{border-right-width:4px}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);--tw-backdrop-blur-sm:var(--tw-backdrop-blur);-webkit-backdrop-filter:var(--tw-backdrop-blur-sm);backdrop-filter:var(--tw-backdrop-blur-sm)}.rounded-full{border-radius:99px}.rounded-xl-l{border-radius:.75rem 0 0 .75rem}.rounded-xl-r{border-radius:0 .75rem .75rem 0}.rounded-2xl{border-radius:1rem}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:.5rem}.font-bold{font-weight:700}.text-on-surface-variant{color:var(--on-surface-variant)}.text-on-primary{color:var(--text-on-primary)}.relative{position:relative}.absolute{position:absolute}.add-extra{position:absolute;top:38px;right:10px}.object-cover{background-size:cover}.opacity-low{opacity:.4}.loginheadlogo{width:52px}.input-data{position:relative}.inputfield{background-color:var(--input-background);color:var(--text-main);border:1px solid silver;outline:none;position:relative}.inputfiledoptions{background-color:var(--input-background);color:var(--text-main)}.password-icon{color:#00000080;position:absolute;top:55%;right:2.5%}.ring-primary{--tw-ring-opacity:1;--tw-ring-color:rgb(0 74 198/var(--tw-ring-opacity,1))}.inputfield:focus{border:2px solid #004ac6}.outline-none{border:none}.pt-6{padding-top:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.shadow-primary{--tw-shadow-color:#004ac633;--tw-shadow:var(--tw-shadow-colored)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.background-blur{background-color:var(--on-surface-low);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.button{background-color:#0f172a}button:active{transform:scale(.95)}.cursor-pointer{cursor:pointer}.hover-1:hover{scale:1.02}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.error-text{color:var(--error)}.error-con{background-color:#ffdad64d}.forgot-con{width:25%;height:450px;position:relative}.text-base{font-size:1rem}.leading-relaxed{line-height:1.625}.successicon{opacity:0;height:130px;transition:all .6s;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.successicon.center{opacity:1;top:50%;transform:translate(-50%,-50%)}.successicon.top{opacity:1;top:20px;transform:translate(-50%)}.successtext{text-align:center;opacity:0;width:100%;height:200px;font-size:20px;animation:.6s forwards fadeIn;position:absolute;top:180px;left:0%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.linkicon{width:90px;height:90px;color:var(--primary)}.main-header{border-bottom:1px solid var(--border);height:80px;padding:20px}.content,.page-content-main{flex:1}.border-1{border:1px solid var(--border)}.menu-item{cursor:pointer;border:1px solid #0000;height:45px;padding:0 15px}.menu-item.active,.menu-item:hover{color:var(--sidebar-active);background-color:var(--secondary-container);border-right:2px solid var(--primary)}.thover:hover{background-color:var(--surface-container-low)}.content-area{overflow:hidden auto}.profile-con{background-color:var(--primary-low);width:40px;height:40px}.tree{position:relative}.tree:before{content:"";border-left:1px solid #d1d5db;position:absolute;top:0;bottom:40px;left:-9px}.tree-item{position:relative}.tree-item:before{content:"";border-bottom:1px solid #d1d5db;border-left:1px solid #d1d5db;border-bottom-left-radius:20px;width:10px;height:50%;position:absolute;top:0;left:-10px}.modalcontainer{z-index:1;position:absolute;top:0;left:0}.z-2{z-index:2}.z-50{z-index:50}.sidebar{overflow:hidden auto}.branch-input{width:280px}.switch{width:54px;height:28px;font-size:17px;display:inline-block;position:relative}.switch input{opacity:1;width:0;height:0}.slider{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:30px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:16px;width:1.5em;height:1.5em;transition:all .4s;position:absolute;top:0;bottom:0;left:1.2px;box-shadow:0 2px 5px #999}input:checked+.slider{background-color:var(--primary);border:1px solid #0000}input:checked+.slider:before{transform:translate(1.4em)}.history-card,.hsitory-dot-con,.history-con{height:90px}.hsitory-dot-con{width:20px}.hsitory-dot{width:.5rem;height:.5rem}.chips{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.5em}.gap-6{gap:2rem}.chip{background:var(--surface-container-low);color:var(--secondary);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.remove{cursor:pointer;font-size:12px}.kaarya-datepicker,.dp__menu{width:100%}.kaarya-datepicker .dp__input{background-color:#0000;background-color:var(--input-background);height:48px;color:var(--text-main);border:none;border-radius:10px;font-size:14px}.kaarya-datepicker .dp__menu{background-color:var(--input-background);color:var(--text-main);--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border:none;border-radius:.75rem;padding:10px;width:340px!important;min-width:100%!important}.dp__input_wrap{width:100%}.kaarya-datepicker .dp__active_date{border-radius:12px;color:#fff!important;background:#004ac6!important}.kaarya-datepicker .dp__calendar_item,.dp__calendar_header_item,.dp__btn{color:var(--text)}.kaarya-datepicker .dp__cell_offset{color:var(--text-muted)}.kaarya-datepicker .dp__action_button{background-color:var(--background);border-radius:12px;align-items:center;height:40px;padding:0 40px;display:flex;text-align:center!important}.kaarya-datepicker .dp__action_select{--tw-gradient-to:#2563eb;--tw-gradient-from:#004ac6;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));color:var(--text-active)}.kaarya-datepicker .dp__arrow_top{display:none}.kaarya-datepicker .dp__cell:hover{background:#004ac633}.kaarya-datepicker .dp__today{border:1px solid #004ac6}.kaarya-datepicker .dp__header{color:#cbd5f5}.profilepic{background-color:var(--secondary);border-radius:99px;width:50px;height:50px}.dot{width:10px;height:10px}.dot-success{background-color:#4ade80}.dot-wfh{background-color:#60a5fa}.dot-leave{background-color:#fb923c}.sidebar-enter-active,.sidebar-leave-active,.cancelbtn-active{transition:all .3s}.sidebar-enter-from,.sidebar-leave-to{opacity:0}.sidebar-enter-from .relative,.sidebar-leave-to .relative{transform:translate(100%)}.sidebar-enter-to .relative,.sidebar-leave-from .relative{transform:translate(0)}.relative{transition:transform .3s}.breakcon-enter-active,.breakcon-leave-active{transition:opacity .28s}.breakcon-enter-from,.breakcon-leave-to{opacity:0}.breakcon-enter-from .breakcon-popup,.breakcon-leave-to .breakcon-popup{opacity:0;transform:scale(.92)translateY(12px)}.breakcon-enter-to .breakcon-popup,.breakcon-leave-from .breakcon-popup{opacity:1;transform:scale(1)translateY(0)}.breakcon-popup{transition:transform .28s,opacity .28s}.before\:bg-surface-container-high:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(220 233 255/var(--tw-bg-opacity,1))}.before\:w-0\.5:before{content:var(--tw-content);width:.125rem}.before\:top-2:before{content:var(--tw-content);top:.5rem}.before\:left-\[11px\]:before{content:var(--tw-content);left:11px}.before\:bottom-2:before{content:var(--tw-content);bottom:.5rem}.before\:absolute:before{content:var(--tw-content);position:absolute}.status-badge{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-pending{color:#d97706;background:#fef3c7}.status-approved{color:#16a34a;background:#dcfce7}.status-rejected{color:#dc2626;background:#fee2e2}.status-cancelled{color:#64748b;background:#f1f5f9}.approval-banner{transform-origin:top;transition:transform .8s ease-in-out;transform:scaleY(0)}.approval-banner.active{transform:scaleY(1)}.team-status-working{color:#16a34a;background:#16a34a}.team-icon-working{color:#16a34a}.team-status-on_break{color:#ca8a04;background:#ca8a04}.team-icon-on_break{color:#ca8a04}.team-status-on_leave{color:#2563eb;background:#2563eb}.team-icon-on_leave{color:#2563eb}.team-status-late{color:#dc2626;background:#dc2626}.team-icon-late{color:#dc2626}.team-status-absent{background:#6b7280}.team-icon-absent{color:#6b7280}.profileimagecon{width:10rem;height:10rem}.bg-outline-variant-20{background-color:#c3c6d633}@media (width<=1260px){.clock-content{flex-direction:column}.clock-in-btn{width:100%}.login-con{width:70%}.sidebar{width:22%;padding:8px}.forgot-con{width:40%}}@media (width<=768px){.clock-content{flex-direction:column}.clock-content button{width:100%}}