*{box-sizing:border-box}.clock-app{color:#101511;background:#edf0eb;grid-template-columns:230px 1fr;min-height:100vh;font-family:Arial,sans-serif;display:grid}.clock-sidebar{color:#fff;background:#101511;flex-direction:column;min-height:100vh;padding:30px 24px;display:flex;position:sticky;top:0}.clock-brand{gap:9px;display:grid}.clock-brand img{object-fit:contain;object-position:left center;width:168px;height:48px;display:block}.clock-brand b{color:#aeb7b0;letter-spacing:.13em;text-transform:uppercase;padding-left:2px;font-size:8px;font-weight:600}.clock-sidebar nav{gap:8px;margin-top:64px;display:grid}.clock-sidebar nav button,.clock-sidebar>a{color:#aeb7b0;align-items:center;gap:12px;padding:13px 14px;font-size:13px;text-decoration:none;display:flex}.clock-sidebar nav button{cursor:pointer;text-align:left;background:0 0;border:0;width:100%}.clock-sidebar nav button.active{color:#fff;background:#213127}.clock-user-mini{border-bottom:1px solid #303a33;align-items:center;gap:10px;margin-top:auto;padding:16px 0;display:flex}.clock-user-mini img{object-fit:cover;border-radius:50%;width:34px;height:34px}.clock-user-mini div{gap:3px;min-width:0;display:grid}.clock-user-mini b{font-size:11px}.clock-user-mini span{color:#8f9a92;font-size:9px}.clock-sidebar>a{margin-top:10px;padding-left:0}.clock-content{width:min(1120px,100%);padding:44px clamp(26px,5vw,76px) 70px}.clock-topbar{justify-content:space-between;align-items:center;margin-bottom:42px;display:flex}.clock-profile{align-items:center;gap:12px;display:flex}.clock-profile div{text-align:right;gap:3px;display:grid}.clock-profile b{font-size:12px}.clock-profile span{color:#737c75;font-size:9px}.clock-profile img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:50px;height:50px;box-shadow:0 0 0 1px #ccd2cc}.clock-content small,.clock-content span{letter-spacing:.08em}.clock-content header small{color:#69716b;font-size:9px;font-weight:700}.clock-content h1{letter-spacing:-.045em;margin:8px 0 0;font-size:clamp(30px,4vw,52px);font-weight:500}.clock-avatar{border:1px solid #ccd2cc;border-radius:50%;place-items:center;width:44px;height:44px;font-size:12px;font-weight:700;display:grid}.clock-primary{background:#fff;border:1px solid #d8ddd7;grid-template-columns:.8fr 1.3fr;display:grid}.clock-now{border-right:1px solid #d8ddd7;flex-direction:column;padding:35px;display:flex}.clock-now span,.clock-state span,.clock-metrics span{color:#717972;font-size:9px;font-weight:700}.clock-now strong{letter-spacing:-.07em;margin:auto 0 8px;font-size:clamp(55px,8vw,94px);font-weight:400;line-height:1}.clock-now small{color:#69716b;align-items:center;gap:5px;font-size:10px;display:flex}.clock-state{background:#f7f8f5;flex-direction:column;align-items:flex-start;min-height:330px;padding:35px;display:flex}.clock-state.is-working{background:#dff8e7}.clock-state h2{letter-spacing:-.04em;margin:auto 0 10px;font-size:clamp(25px,3vw,38px);font-weight:500}.clock-state p{color:#626b64;max-width:520px;margin:0 0 26px;font-size:13px;line-height:1.55}.clock-state button{color:#fff;cursor:pointer;background:#101511;border:0;align-items:center;gap:22px;padding:15px 18px;font-weight:700;display:inline-flex}.clock-state.is-working button{background:#137a3d}.clock-metrics{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px;display:grid}.clock-metrics article{background:#fff;border:1px solid #d8ddd7;flex-direction:column;min-height:150px;padding:24px;display:flex}.clock-metrics strong{letter-spacing:-.04em;margin:auto 0 6px;font-size:31px;font-weight:500}.clock-metrics small{color:#69716b;font-size:10px}.clock-records{background:#fff;border:1px solid #d8ddd7;margin-top:18px;padding:28px}.clock-section-title{border-bottom:1px solid #d8ddd7;justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.clock-section-title small{color:#707871;font-size:9px;font-weight:700}.clock-section-title h2{margin:7px 0 0;font-size:24px;font-weight:500}.clock-row{border-bottom:1px solid #e2e6e1;grid-template-columns:1fr 1fr 1fr auto;align-items:center;min-height:58px;font-size:12px;display:grid}.clock-row:last-child{border-bottom:0}.clock-row span{color:#69716b}.clock-row b{font-weight:500}.clock-row i{color:#14723a;background:#e1f8e8;padding:6px 9px;font-size:9px;font-style:normal}.clock-view{animation:.28s both clock-view-in}@keyframes clock-view-in{0%{opacity:0;transform:translateY(8px)}}.calendar-toolbar,.team-toolbar{background:#fff;border:1px solid #d8ddd7;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding:24px 28px;display:flex}.calendar-toolbar>div:first-child{align-items:center;gap:14px;display:flex}.calendar-toolbar h2,.team-toolbar h2{letter-spacing:-.035em;margin:0;font-size:24px;font-weight:500}.calendar-toolbar button{cursor:pointer;background:#f7f8f5;border:1px solid #d2d8d2;place-items:center;width:35px;height:35px;display:grid}.calendar-toolbar button:disabled{opacity:.32;cursor:default}.calendar-toolbar button svg{width:16px}.calendar-actions{align-items:center;gap:18px;display:flex}.calendar-legend{gap:18px;display:flex}.calendar-legend span{color:#657068;align-items:center;gap:6px;font-size:9px;display:flex}.calendar-legend i{background:#bac2bc;border-radius:50%;width:8px;height:8px}.calendar-legend i.worked{background:#93dbaa}.calendar-legend i.today{background:#20e36f}.calendar-legend i.away{background:#e5b29f}.calendar-legend i.pending{background:#e8ce72}.calendar-toolbar .vacation-request-button{color:#fff;background:#132018;border:0;align-items:center;gap:8px;width:auto;height:39px;padding:0 14px;font-size:9px;font-weight:700;display:flex}.vacation-request-panel{background:#e2f7e8;border:1px solid #83d69e;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:17px 20px;display:flex}.vacation-request-panel>div{align-items:center;gap:12px;display:flex}.vacation-request-panel p{gap:3px;margin:0;display:grid}.vacation-request-panel p b{font-size:12px}.vacation-request-panel p span{color:#5d6d62;font-size:10px}.vacation-request-panel button{cursor:pointer;background:0 0;border:1px solid #b8c8bd;height:36px;padding:0 13px;font-size:9px;font-weight:700}.vacation-request-panel button.confirm{color:#fff;background:#142018;border-color:#142018}.vacation-request-panel button:disabled{opacity:.35;cursor:default}.calendar-shell{background:#fff;border:1px solid #d8ddd7;overflow:hidden}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.calendar-weekdays b{color:#737c75;letter-spacing:.08em;text-align:center;border-right:1px solid #e0e4df;padding:14px 10px;font-size:8px}.calendar-grid>button{color:#111713;text-align:left;background:#fff;border-top:1px solid #e0e4df;border-bottom:0;border-left:0;border-right:1px solid #e0e4df;flex-direction:column;min-height:92px;padding:12px;display:flex}.calendar-grid>button:disabled{opacity:1}.calendar-grid strong{font-size:12px;font-weight:500}.calendar-grid span{color:#287142;background:#edf7ef;width:fit-content;margin-top:auto;padding:4px 6px;font-size:8px}.calendar-grid .is-today{background:#e2f9e9;box-shadow:inset 0 0 0 2px #20e36f}.calendar-grid .is-today strong{color:#13753a}.calendar-grid .is-today span{color:#0d321b;background:#20e36f}.calendar-grid .is-worked{background:#fafbf9}.calendar-grid .is-vacation{background:#f5e4dc}.calendar-grid .is-vacation span{color:#713f30;background:#e6b7a5}.calendar-grid .is-pending{background:#fbf4d9}.calendar-grid .is-pending span{color:#5e4b0c;background:#e8ce72}.calendar-grid .can-select{cursor:pointer}.calendar-grid .can-select:hover{background:#edf8f0;box-shadow:inset 0 0 0 1px #74cd91}.calendar-grid .is-selected{background:#d9f8e3;box-shadow:inset 0 0 0 2px #20e36f}.calendar-grid .is-selected span{color:#12371e;background:#20e36f}.calendar-summary{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px;display:grid}.calendar-summary article{background:#fff;border:1px solid #d8ddd7;flex-direction:column;min-height:130px;padding:22px;display:flex}.calendar-summary span,.team-toolbar small{color:#717972;font-size:8px;font-weight:700}.calendar-summary strong{margin:auto 0 6px;font-size:23px;font-weight:500}.calendar-summary small{color:#737c75;font-size:9px}.team-toolbar>div{max-width:530px}.team-toolbar h2{margin-top:7px}.team-toolbar p{color:#69716b;margin:9px 0 0;font-size:12px;line-height:1.5}.team-toolbar label{background:#f7f8f5;border:1px solid #d2d8d2;align-items:center;gap:9px;width:min(310px,100%);padding:0 14px;display:flex}.team-toolbar input{width:100%;height:45px;font:inherit;background:0 0;border:0;outline:0;font-size:11px}.team-overview{gap:8px;margin-bottom:18px;display:flex}.team-overview span{color:#5d685f;background:#dfe4df;padding:9px 12px;font-size:9px}.team-overview b{color:#141a16}.team-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.team-grid article{background:#fff;border:1px solid #d8ddd7;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:115px;padding:18px;display:grid;position:relative}.team-avatar{color:#334239;background:#dce5de;border-radius:50%;place-items:center;width:52px;height:52px;font-size:12px;font-weight:700;display:grid}.team-person h3{margin:0 0 7px;font-size:15px;font-weight:500}.team-person span{color:#6f7971;align-items:center;gap:5px;font-size:9px;display:flex}.team-grid article>i{color:#59635b;background:#e8ece8;padding:5px 7px;font-size:7px;font-style:normal;position:absolute;top:14px;right:14px}.team-grid article>i.is-online{color:#14753b;background:#ddf7e5}.team-grid article>i.is-away{color:#98553f;background:#f5e4dc}.team-grid article>a{color:#4e5a51;border:1px solid #d7ddd7;align-self:end;place-items:center;width:30px;height:30px;display:grid}.team-empty{text-align:center;color:#69716b;background:#fff;border:1px solid #d8ddd7;padding:60px}.records-toolbar{background:#fff;border:1px solid #d8ddd7;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding:24px 28px;display:flex}.records-toolbar small{color:#717972;font-size:8px;font-weight:700}.records-toolbar h2{margin:7px 0 0;font-size:24px;font-weight:500}.records-toolbar p{color:#69716b;margin:8px 0 0;font-size:11px}.records-toolbar button{color:#fff;cursor:pointer;background:#142019;border:0;align-items:center;gap:10px;padding:13px 16px;font-size:9px;font-weight:700;display:flex}.records-months{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.records-months button{color:#151b17;cursor:pointer;text-align:left;background:#fff;border:1px solid #d8ddd7;flex-direction:column;align-items:flex-start;min-height:120px;padding:16px;display:flex;position:relative;overflow:hidden}.records-months button:hover{border-color:#8e9b91}.records-months button.active{color:#fff;background:#18231c;border-color:#18231c}.records-months span{color:#727c74;font-size:8px;font-weight:700}.records-months button.active span{color:#9ca9a0}.records-months strong{margin:auto 0 4px;font-size:25px;font-weight:500}.records-months small{color:#737d75;font-size:8px}.records-months i{background:#20e36f;max-width:calc(100% - 32px);height:3px;position:absolute;bottom:0;left:16px}.records-detail{background:#fff;border:1px solid #d8ddd7;padding:28px}.records-detail .clock-section-title>b{color:#607067;font-size:10px;font-weight:500}.records-head,.records-row{border-bottom:1px solid #e2e6e1;grid-template-columns:1.5fr repeat(4,1fr);align-items:center;gap:15px;min-height:52px;display:grid}.records-head{color:#79827b;text-transform:uppercase;min-height:38px;font-size:8px;font-weight:700}.records-row{font-size:10px}.records-row time{color:#59635c}.records-row b{font-weight:600}.records-row i{color:#14723a;background:#e1f8e8;width:fit-content;padding:5px 7px;font-size:7px;font-style:normal}@media (max-width:760px){.clock-app{grid-template-columns:1fr}.clock-sidebar{flex-direction:row;align-items:center;min-height:auto;padding:15px 18px;position:static}.clock-sidebar nav{gap:4px;margin:0 0 0 18px;display:flex}.clock-sidebar nav button{width:42px;padding:12px;font-size:0}.clock-sidebar nav button svg{width:17px}.clock-user-mini{display:none}.clock-sidebar>a{margin:0 0 0 auto}.clock-brand b{display:none}.clock-brand img{width:125px;height:38px}.clock-profile div{display:none}.clock-content{padding:30px 18px 55px}.clock-primary{grid-template-columns:1fr}.clock-now{border-bottom:1px solid #d8ddd7;border-right:0;min-height:220px}.clock-metrics{grid-template-columns:1fr}.clock-row{grid-template-columns:1fr 1fr auto}.clock-row span{display:none}.calendar-toolbar,.team-toolbar{flex-direction:column;align-items:flex-start}.calendar-legend{flex-wrap:wrap}.calendar-actions{flex-direction:column;align-items:flex-start;width:100%}.vacation-request-panel{flex-direction:column;align-items:flex-start}.vacation-request-panel>div:last-child{width:100%}.vacation-request-panel button{flex:1}.calendar-grid>button{min-height:64px;padding:7px}.calendar-grid span{padding:3px;font-size:6px}.calendar-summary,.team-grid{grid-template-columns:1fr}.team-toolbar label{width:100%}.records-toolbar{flex-direction:column;align-items:flex-start}.records-toolbar button{justify-content:center;width:100%}.records-months{grid-template-columns:repeat(2,1fr)}.records-detail{padding:18px}.records-head,.records-row{grid-template-columns:1.5fr 1fr 1fr}.records-head span:nth-child(2),.records-head span:nth-child(3),.records-row time{display:none}}