@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
*{box-sizing:border-box;margin:0;padding:0}body{color:#17191f;background:#f6f7fb;font-family:Arial,Helvetica,sans-serif}button{cursor:pointer;border:none;font-family:inherit}.app{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e7e8ec;flex-direction:column;width:245px;height:100vh;padding:25px 16px;display:flex;position:fixed}.logo{align-items:center;gap:10px;padding:0 10px 30px;font-size:21px;font-weight:700;display:flex}.logo-icon{color:#fff;background:#111827;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:flex}.menu-title{color:#9ca3af;letter-spacing:1px;padding:18px 12px 8px;font-size:10px;font-weight:700}.menu-item{color:#6b7280;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:13px;width:100%;margin-bottom:3px;padding:11px 13px;font-size:14px;text-decoration:none;display:flex}.menu-item span{text-align:center;width:20px}.menu-item:hover,.menu-item.active{color:#111827;background:#f1f2f5;font-weight:600}.sidebar-bottom{border-top:1px solid #e7e8ec;align-items:center;gap:10px;margin-top:auto;padding:18px 8px 5px;display:flex}.sidebar-bottom strong,.sidebar-bottom small{display:block}.sidebar-bottom strong{font-size:13px}.sidebar-bottom small{color:#8b909b;margin-top:3px;font-size:11px}.user-avatar,.profile-circle{background:#e8e9ed;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-weight:700;display:flex}.content{width:calc(100% - 245px);margin-left:245px;padding:35px 40px}.topbar{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.topbar h1{margin-bottom:6px;font-size:26px}.topbar p{color:#777d89;font-size:14px}.top-actions{align-items:center;gap:14px;display:flex}.icon-button{background:#fff;border:1px solid #e6e7eb;border-radius:8px;width:40px;height:40px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:20px;display:grid}.stat-card{background:#fff;border:1px solid #e6e7eb;border-radius:12px;padding:20px}.stat-top{color:#737985;justify-content:space-between;align-items:center;font-size:13px;display:flex}.stat-icon{background:#f0f1f3;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.stat-icon.green{background:#eaf8ef}.stat-icon.blue{background:#edf4ff}.stat-icon.orange{background:#fff4e6}.stat-card h2{margin:13px 0 5px;font-size:27px}.stat-card p{color:#8a909c;font-size:11px}.stat-card .positive{color:#31945b}.clock-card{color:#fff;background:#111827;border-radius:13px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:22px 25px;display:flex}.clock-label{letter-spacing:1.5px;opacity:.55;margin-bottom:7px;font-size:10px}.clock-card h2{font-size:18px}.clock-subtitle{color:#aeb5c1;margin-top:6px;font-size:12px}.clock-button{color:#111827;background:#fff;border-radius:8px;padding:12px 25px;font-weight:700}.clock-button:disabled{opacity:.5;cursor:not-allowed}.clock-button.out{color:#fff;background:#ef4444}.dashboard-grid{grid-template-columns:1.1fr .9fr;gap:20px;display:grid}.panel{background:#fff;border:1px solid #e6e7eb;border-radius:12px;overflow:hidden}.panel-header{border-bottom:1px solid #eeeeef;justify-content:space-between;align-items:center;padding:20px;display:flex}.panel-header h2{font-size:16px}.panel-header p{color:#8b909a;margin-top:5px;font-size:11px}.view-button{color:#4b5563;background:0 0;font-size:12px;font-weight:600}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;letter-spacing:.8px;color:#9ca1ab;padding:13px 20px;font-size:9px}td{border-top:1px solid #f0f0f2;padding:13px 20px;font-size:12px}.employee{align-items:center;gap:10px;display:flex}.employee-avatar{background:#eef0f3;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;font-size:11px;font-weight:600;display:flex}.employee strong,.employee small{display:block}.employee strong{font-size:12px}.employee small{color:#999fa9;margin-top:3px;font-size:10px}.status{border-radius:20px;padding:4px 8px;font-size:9px;font-weight:600}.status.working{color:#27824e;background:#eaf8ef}.status.late{color:#a46b00;background:#fff5df}.status.absent{color:#bd4040;background:#fceaea}.tasks{padding:5px 20px 10px}.task{border-bottom:1px solid #f0f0f2;padding:15px 0}.task:last-child{border-bottom:none}.task-header{justify-content:space-between;gap:10px;display:flex}.task-header strong,.task-header small{display:block}.task-header strong{font-size:12px}.task-header small{color:#999fa9;margin-top:4px;font-size:10px}.priority{border-radius:4px;height:fit-content;padding:4px 7px;font-size:8px;font-weight:700}.priority.high{color:#c33e3e;background:#feecec}.priority.medium{color:#a46b00;background:#fff5df}.priority.low{color:#3e6baa;background:#edf3ff}.progress-row{align-items:center;gap:9px;margin-top:12px;display:flex}.progress{background:#eceef1;border-radius:10px;flex:1;height:5px;overflow:hidden}.progress-fill{background:#111827;border-radius:10px;height:100%}.progress-row span{color:#777d89;width:25px;font-size:9px}@media (max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:700px){.sidebar{display:none}.content{width:100%;margin-left:0;padding:20px}.stats-grid{grid-template-columns:1fr}.clock-card{flex-direction:column;align-items:flex-start;gap:20px}}.login-page{background:#f6f7fb;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border:1px solid #e6e7eb;border-radius:14px;width:100%;max-width:380px;padding:40px}.login-card .logo{align-items:center;gap:10px;margin-bottom:28px;font-size:20px;font-weight:700;display:flex}.login-card h1{margin-bottom:6px;font-size:22px}.login-card p{color:#777d89;margin-bottom:24px;font-size:13px}.login-card label{color:#4b5563;margin-top:16px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.login-card input{border:1px solid #e0e1e6;border-radius:8px;width:100%;padding:11px 13px;font-family:inherit;font-size:14px}.login-card input:focus{border-color:#111827;outline:none}.login-card button{color:#fff;background:#111827;border-radius:8px;width:100%;margin-top:24px;padding:12px;font-size:14px;font-weight:700}.login-card button:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#bd4040;background:#fceaea;border-radius:8px;margin-bottom:4px;padding:10px 13px;font-size:12px}.modal-overlay{z-index:50;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:14px;width:100%;max-width:420px;padding:28px}.modal-card h2{margin-bottom:20px;font-size:20px}.modal-card label{color:#4b5563;margin-top:14px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.modal-card input,.modal-card select{border:1px solid #e0e1e6;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.btn-secondary{background:#f3f4f6;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600}.btn-primary{color:#fff;background:#111827;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600}.btn-primary:disabled{opacity:.6;cursor:not-allowed}