*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#151a20;background:#fff;min-width:320px;font-family:Arial,Helvetica,sans-serif}#root{min-height:100vh}.login-page{background:linear-gradient(#063c24 0%,#07502d 38%,#f7f8f7 38% 100%);flex-direction:column;min-height:100vh;display:flex}.brand-panel{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:38vh;padding:48px 24px 36px;display:flex}.brand-mark{border:3px solid #ffffffd9;border-radius:50%;place-items:center;width:110px;height:110px;margin-bottom:18px;font-size:54px;display:grid}.brand-text h1{letter-spacing:-2px;margin:0;font-size:clamp(42px,8vw,68px);font-style:italic;line-height:1}.brand-text h1 span{color:#fff}.brand-text h1 strong{color:#68a945}.brand-text p{letter-spacing:4px;margin:12px 0 0;font-size:14px;font-weight:700}.login-card{background:#fff;border-radius:34px 34px 0 0;flex:1;width:min(100%,760px);margin:0 auto;padding:42px 28px 48px;box-shadow:0 -8px 30px #0000000d}.login-card h2{margin:0;font-size:42px;line-height:1.05}.subtitle{color:#6f7378;margin:10px 0 34px;font-size:18px}.login-card>label:not(.remember-row){color:#07502d;margin:20px 0 10px;font-size:15px;font-weight:800;display:block}.login-card input[type=text],.login-card input[type=password],.login-card select{background:#fff;border:1px solid #d8ddda;border-radius:14px;outline:none;width:100%;min-height:62px;padding:0 18px;font-size:18px}.login-card input[type=text]:focus,.login-card input[type=password]:focus{border-color:#0a6a3d;box-shadow:0 0 0 3px #0a6a3d1f}.remember-row{align-items:center;gap:10px;margin:18px 0 24px;font-size:16px;display:flex}.remember-row input{accent-color:#0a6a3d;width:20px;height:20px}.sign-in-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#0b5f35,#08733e);border:0;border-radius:14px;width:100%;min-height:64px;font-size:22px;font-weight:800}.sign-in-button:hover{filter:brightness(1.05)}.offline-note{background:#f8faf8;border:1px solid #e1e5e2;border-radius:14px;flex-direction:column;gap:4px;margin-top:28px;padding:18px;display:flex}.offline-note strong{font-size:17px}.offline-note span{color:#656a67;line-height:1.45}@media (width>=768px){.login-page{background:#eef2ef;justify-content:center;padding:40px 0}.brand-panel{background:linear-gradient(135deg,#063c24,#0b5f35);border-radius:28px 28px 0 0;width:min(100%,760px);min-height:auto;margin:0 auto}.login-card{border-radius:0 0 28px 28px;flex:none}}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.sync-check{color:#fff;background:#08733f;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.bottom-nav{z-index:10;min-height:76px;padding:8px max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-top:1px solid #dfe5e1;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 20px #18312212}.bottom-nav button{color:#7b847f;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:800;display:flex}.bottom-nav button.active{color:#08703e}.nav-add{color:#fff;background:#08703e;border:4px solid #f4f7f4;border-radius:50%;place-items:center;width:43px;height:43px;margin-top:-25px;display:grid;box-shadow:0 4px 12px #075e3540}@media (width>=700px){.home-header{border-radius:0;padding-inline:calc(50% - 330px)}.bottom-nav{border-left:1px solid #dfe5e1;border-right:1px solid #dfe5e1;width:700px;left:auto;right:50%;transform:translate(50%)}}.employee-home{background:#f4f7f5;min-height:100vh;padding-bottom:92px}.employee-header{color:#fff;background:radial-gradient(circle at 100% 0,#5b9c4359,#0000 42%),linear-gradient(135deg,#043c22,#086037);padding:24px 20px 32px;position:relative}.home-brand{align-items:center;gap:12px;display:flex}.home-brand-icon img{object-fit:contain;width:100%;height:100%}.home-logo{font-size:27px;font-style:italic;font-weight:900;line-height:1}.home-logo span{color:#fff}.home-logo strong{color:#70b54a}.home-company{letter-spacing:2.2px;margin-top:5px;font-size:9px;font-weight:800}.employee-welcome{margin-top:32px}.employee-welcome p{opacity:.85;margin:0 0 3px;font-size:15px}.employee-welcome h1{margin:0;font-size:32px;line-height:1.1}.employee-welcome span{background:#ffffff24;border-radius:20px;margin-top:7px;padding:5px 10px;font-size:13px;display:inline-block}.online-status{align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:34px;right:20px}.status-dot{background:#80d45c;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #80d45c26}.employee-home-content{width:min(100%,700px);margin:0 auto;padding:20px 16px 32px}.primary-record-button{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(135deg,#08713e,#07552f);border:0;border-radius:17px;grid-template-columns:46px 1fr 22px;align-items:center;gap:12px;width:100%;min-height:82px;padding:15px 17px;display:grid;box-shadow:0 8px 20px #0446262e}.button-plus{background:#ffffff26;border-radius:50%;place-items:center;width:44px;height:44px;font-size:32px;font-weight:300;display:grid}.primary-record-button strong{font-size:17px;display:block}.primary-record-button small{opacity:.78;margin-top:4px;font-size:12px;display:block}.button-arrow{opacity:.8;font-size:32px}.home-section-card{background:#fff;border:1px solid #dfe6e1;border-radius:18px;margin-top:18px;overflow:hidden}.section-title-row{justify-content:space-between;align-items:center;padding:17px;display:flex}.section-title-row h2{margin:0;font-size:18px}.section-title-row p{color:#7a817d;margin:3px 0 0;font-size:12px}.view-all-button{color:#08713e;cursor:pointer;background:0 0;border:0;font-weight:800}.record-list{border-top:1px solid #edf0ee}.record-item{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf0ee;grid-template-columns:72px 1fr 24px;align-items:center;gap:10px;width:100%;min-height:69px;padding:10px 15px;display:grid}.record-item:last-child{border-bottom:0}.record-item:hover{background:#f8faf8}.record-date-icon{flex-direction:column;display:flex}.record-date-icon strong{color:#075b33;font-size:14px}.record-date-icon span{color:#757b78;margin-top:2px;font-size:12px}.record-description{flex-direction:column;display:flex}.record-description strong{color:#17201b;font-size:15px}.record-description span{color:#818783;margin-top:2px;font-size:12px}.record-description.no-entry strong{color:#7d837f}.record-chevron{color:#78807b;font-size:27px}.record-plus{color:#08713e;background:#e9f4ec;border-radius:50%;place-items:center;width:25px;height:25px;font-size:20px;display:grid}.view-timesheet-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe6e1;border-radius:17px;grid-template-columns:44px 1fr 24px;align-items:center;gap:12px;width:100%;min-height:72px;margin-top:18px;padding:14px 16px;display:grid}.timesheet-icon{color:#075b33;background:#eaf4ed;border-radius:12px;place-items:center;width:42px;height:42px;font-size:24px;display:grid}.view-timesheet-card strong{color:#17201b;font-size:16px;display:block}.view-timesheet-card div span{color:#7b817e;margin-top:3px;font-size:12px;display:block}.sync-card{color:#075b33;background:#eaf5ed;border-radius:15px;align-items:center;gap:12px;margin-top:15px;padding:14px 16px;display:flex}.sync-check{color:#fff;background:#08713e;border-radius:50%;flex:0 0 35px;place-items:center;width:35px;height:35px;font-weight:900;display:grid}.sync-card strong,.sync-card span{display:block}.sync-card strong{font-size:14px}.sync-card span{opacity:.8;margin-top:2px;font-size:11px}.bottom-nav{z-index:20;height:76px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff7;border-top:1px solid #dfe4e0;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 15px #0000000a}.nav-item{color:#737a76;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;display:flex}.nav-item.active{color:#08713e;font-weight:800}.nav-icon{font-size:25px;line-height:1}.nav-add{border:2px solid;border-radius:50%;place-items:center;width:31px;height:31px;font-size:24px;line-height:1;display:grid}@media (width>=700px){.employee-header{padding-left:max(24px,50% - 350px);padding-right:max(24px,50% - 350px)}.online-status{right:max(24px,50% - 350px)}}@media (width<=600px){.login-page{background:linear-gradient(#063c24 0%,#07502d 31%,#f7f8f7 31% 100%);min-height:100dvh}.brand-panel{min-height:31vh;padding:22px 20px 18px}.brand-mark{border-width:2px;width:72px;height:72px;margin-bottom:10px;font-size:34px}.brand-text h1{letter-spacing:-1px;font-size:38px}.brand-text p{letter-spacing:2.4px;margin-top:7px;font-size:9px}.login-card{border-radius:25px 25px 0 0;padding:25px 20px 24px}.login-card h2{font-size:30px}.subtitle{margin:5px 0 19px;font-size:14px}.login-card>label:not(.remember-row){margin:13px 0 7px;font-size:12px}.login-card input[type=text],.login-card input[type=password],.login-card select{border-radius:11px;min-height:50px;padding:0 14px;font-size:16px}.remember-row{margin:13px 0 16px;font-size:13px}.remember-row input{width:18px;height:18px}.sign-in-button{border-radius:11px;min-height:52px;font-size:17px}.offline-note{border-radius:11px;margin-top:16px;padding:12px 14px}.offline-note strong{font-size:13px}.offline-note span{font-size:11px;line-height:1.35}}.time-record-page{background:#f5f7f5;min-height:100vh;padding-bottom:92px}.record-header{color:#fff;background:linear-gradient(135deg,#043c22,#086037);align-items:center;gap:16px;min-height:105px;padding:25px 20px 20px;display:flex}.record-header h1{margin:0;font-size:25px}.record-header p{opacity:.8;margin:3px 0 0;font-size:13px}.back-button{color:#fff;cursor:pointer;background:0 0;border:0;width:42px;height:42px;padding:0;font-size:43px;line-height:35px}.record-form{width:min(100%,700px);margin:0 auto;padding:18px 16px 30px}.date-card{cursor:pointer;background:#fff;border:1px solid #dce3de;border-radius:16px;justify-content:space-between;align-items:center;gap:15px;min-height:82px;padding:14px 16px;display:flex;position:relative}.date-card label,.field-label{color:#075b33;font-size:12px;font-weight:800;display:block}.date-card strong{margin-top:5px;font-size:19px;display:block}.date-input{color:#075b33;background:#eaf4ed;border:0;border-radius:10px;width:47px;height:44px;padding:4px}.two-column-fields{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.field-group{margin-top:17px}.field-group label{color:#075b33;margin-bottom:7px;font-size:12px;font-weight:800;display:block}.field-group label span{color:#7c827e;font-weight:500}.field-group input,.field-group select{color:#171c19;background:#fff;border:1px solid #d6ddd8;border-radius:12px;outline:none;width:100%;min-height:52px;padding:0 14px;font-size:16px}.field-group input:focus,.field-group select:focus{border-color:#08713e;box-shadow:0 0 0 3px #08713e1a}.total-hours-card{color:#075b33;background:linear-gradient(135deg,#edf6ef,#f8faf8);border:1px solid #d7e3da;border-radius:15px;justify-content:space-between;align-items:center;min-height:82px;margin-top:18px;padding:14px 17px;display:flex}.total-hours-card span{font-size:13px;font-weight:800;display:block}.total-hours-card div small{color:#747c77;margin-top:4px;font-size:11px;display:block}.total-hours-card>strong{font-size:34px;line-height:1}.total-hours-card>strong small{font-size:12px}.check-section{margin-top:19px}.circle-check-row{background:#fff;border:1px solid #d6ddd8;border-radius:12px;align-items:center;gap:11px;min-height:52px;margin-top:7px;padding:0 14px;display:flex}.circle-check-row input{accent-color:#08713e;width:21px;height:21px}.circle-check-row span{font-size:16px}.save-record-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#08713e,#07552f);border:0;border-radius:13px;width:100%;min-height:56px;margin-top:25px;font-size:17px;font-weight:800;box-shadow:0 6px 16px #04462626}@media (width<=380px){.record-form{padding-left:12px;padding-right:12px}.total-hours-card>strong{font-size:29px}}.date-card{cursor:pointer;position:relative}.date-label{color:#075b33;font-size:12px;font-weight:800;display:block}.calendar-button{color:#075b33;background:#eaf4ed;border-radius:10px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.hidden-date-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}@media (width<=600px) and (height<=800px){.record-form{padding-bottom:105px}}.empty-records{color:#7b817e;text-align:center;padding:24px 18px;font-size:14px}.login-error{color:#b42318;margin:8px 0 4px;font-size:13px;line-height:1.35}.primary-record-button{background:orange!important}.logout-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffffb3;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:600}.logout-button:hover{background:#ffffff1f}.timesheet-page{background:#f4f7f5;min-height:100vh;padding-bottom:92px}.timesheet-header{color:#fff;background:linear-gradient(135deg,#043c22,#086037);align-items:center;gap:16px;min-height:105px;padding:25px 20px 20px;display:flex}.timesheet-header h1{margin:0;font-size:25px}.timesheet-header p{opacity:.8;margin:4px 0 0;font-size:13px}.timesheet-content{width:min(100%,700px);margin:0 auto;padding:18px 16px 30px}.period-card{background:#fff;border:1px solid #dce3de;border-radius:17px;padding:18px}.period-label{color:#08713e;font-size:11px;font-weight:800}.period-title{color:#18201b;margin-top:5px;font-size:21px;font-weight:800}.period-controls{justify-content:space-between;gap:12px;margin-top:16px;display:flex}.period-controls button{color:#086037;cursor:pointer;background:#f8faf8;border:1px solid #d7dfda;border-radius:10px;flex:1;min-height:40px;font-weight:700}.period-controls button:disabled{color:#a6aaa8;cursor:default;background:#f2f3f2}.closed-period-note{color:#666d69;text-align:center;background:#f1f2f1;border-radius:11px;margin-top:12px;padding:11px 14px;font-size:12px}.timesheet-summary{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.timesheet-summary>div{background:#fff;border:1px solid #dce3de;border-radius:15px;padding:16px}.timesheet-summary span{color:#748079;font-size:10px;font-weight:800;display:block}.timesheet-summary strong{color:#075b33;margin-top:4px;font-size:27px;display:block}.timesheet-records{background:#fff;border:1px solid #dce3de;border-radius:17px;margin-top:17px;overflow:hidden}.timesheet-section-title{padding:16px}.timesheet-section-title h2{margin:0;font-size:18px}.timesheet-section-title p{color:#7a817d;margin:3px 0 0;font-size:11px}.timesheet-record{text-align:left;background:#fff;border:0;border-top:1px solid #edf0ee;grid-template-columns:1fr auto 20px;align-items:center;gap:12px;width:100%;min-height:78px;padding:13px 15px;display:grid}.timesheet-record.editable{cursor:pointer}.timesheet-record.editable:hover{background:#f8faf8}.timesheet-record.readonly{cursor:default;grid-template-columns:1fr auto}.timesheet-record-main strong,.timesheet-record-main span,.timesheet-record-main small{display:block}.timesheet-record-main strong{color:#18201b;font-size:14px}.timesheet-record-main span{color:#626a65;margin-top:3px;font-size:12px}.timesheet-record-main small{color:#888e8a;min-height:14px;margin-top:4px;font-size:10px}.timesheet-hours{text-align:right;color:#075b33}.timesheet-hours strong,.timesheet-hours span{display:block}.timesheet-hours strong{font-size:20px}.timesheet-hours span{font-size:10px}.timesheet-empty{color:#7b817e;text-align:center;border-top:1px solid #edf0ee;padding:28px 18px;font-size:13px}.period-total-card{color:#fff;background:linear-gradient(135deg,#075b33,#08713e);border-radius:16px;justify-content:space-between;align-items:center;margin-top:17px;padding:18px;display:flex}.period-total-card>span{font-size:12px;font-weight:800}.period-total-card>strong{font-size:30px}.period-total-card small{font-size:11px}.download-pdf-button{color:#075b33;cursor:pointer;background:#fff;border:2px solid #08713e;border-radius:13px;width:100%;min-height:54px;margin-top:14px;font-size:15px;font-weight:800}.download-pdf-button:hover{background:#f0f7f2}.download-pdf-button:disabled{color:#9aa09c;cursor:default;background:#f3f4f3;border-color:#c7ccc9}.compact-timesheet-page{color:#172019;background:#f4f1e9;min-height:100vh}.compact-header{color:#fff;background:radial-gradient(circle at 90% 0,#7aab564d,#0000 42%),linear-gradient(135deg,#073d25,#075d34);align-items:center;gap:14px;min-height:128px;padding:24px max(18px,50% - 350px);display:flex}.compact-header button{color:#fff;cursor:pointer;background:0 0;border:0;width:38px;font-size:42px}.compact-header p,.compact-header h1{margin:0}.compact-header p{opacity:.72;letter-spacing:1.8px;font-size:10px;font-weight:900}.compact-header h1{margin-top:4px;font-size:27px;line-height:1.08}.compact-header span{background:#ffffff24;border-radius:20px;margin-top:7px;padding:4px 9px;font-size:11px;display:inline-block}.compact-period-band{z-index:4;color:#fff;background:#123f2b;grid-template-columns:30px minmax(0,1fr) auto 30px;align-items:center;gap:7px;min-height:78px;padding:12px max(10px,50% - 360px);display:grid;position:sticky;top:0;box-shadow:0 3px 12px #162b1d2e}.compact-period-band>button{color:#fff;cursor:pointer;background:0 0;border:0;height:38px;font-size:31px}.compact-period-band>button:disabled{opacity:.22;cursor:default}.compact-period-label{align-items:center;gap:7px;display:flex}.compact-period-label span{opacity:.72;letter-spacing:1px;font-size:8px;font-weight:900}.compact-period-label i{background:#79ae56;border-radius:8px;padding:2px 6px;font-size:8px;font-style:normal;font-weight:900}.compact-period-band>div>strong{margin-top:3px;font-size:14px;display:block}.compact-total{text-align:right;border-left:1px solid #ffffff2e;padding-left:9px}.compact-total strong,.compact-total span{display:block}.compact-total strong{font-size:22px;line-height:1}.compact-total span{opacity:.68;letter-spacing:.8px;margin-top:3px;font-size:8px;font-weight:900}.compact-days{background:#fff;border-inline:1px solid #d7d4ca;width:min(100%,700px);margin:0 auto}.compact-day{border-bottom:1px solid #dddcd5;grid-template-columns:76px 1fr;min-height:73px;display:grid}.compact-date-band{background:#e4eadf;border-right:1px solid #cfd7c9;flex-direction:column;justify-content:center;padding:12px 9px;display:flex}.compact-date-band span{color:#52705b;letter-spacing:1.1px;font-size:9px;font-weight:900}.compact-date-band strong{color:#163e28;margin-top:3px;font-size:15px}.compact-day.no-record .compact-date-band{background:#efeee9}.compact-day.no-record .compact-date-band span,.compact-day.no-record .compact-date-band strong{color:#85877f}.compact-day-body{flex-direction:column;justify-content:center;min-width:0;display:flex;position:relative}.compact-record{width:100%;min-height:72px;color:inherit;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px dashed #e2e4df;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 13px;display:grid}.compact-record:last-of-type{border-bottom:0}.compact-record:disabled{color:inherit;cursor:default}.compact-record-copy span{overflow-wrap:anywhere;color:#6f766f;font-size:10px;line-height:1.35;display:block}.compact-record-copy .compact-time{color:#26342b;margin-bottom:3px;font-size:12px;font-weight:800}.compact-record-copy .compact-additional{color:#7d817c;margin-top:3px;font-style:italic}.compact-record-hours{text-align:right;color:#075b33;min-width:52px}.compact-record-hours strong,.compact-record-hours small{display:block}.compact-record-hours strong{font-size:20px;line-height:1}.compact-record-hours small{margin-top:3px;font-size:9px}.compact-none{color:#a0a29d;padding:0 14px;font-size:12px;font-style:italic}.compact-day-total{color:#829087;font-size:8px;position:absolute;bottom:3px;right:13px}@media (width<=390px){.compact-period-band{grid-template-columns:25px minmax(0,1fr) auto 25px;gap:3px}.compact-period-band>div>strong{font-size:12px}.compact-total strong{font-size:19px}.compact-day{grid-template-columns:69px 1fr}}.compact-timesheet-page{background:#f5f7f5;min-height:100vh;padding-bottom:92px}.compact-timesheet-header{color:#fff;text-align:center;background:linear-gradient(135deg,#043c22,#08713e);grid-template-columns:50px 1fr 50px;align-items:center;height:74px;padding:0 14px;display:grid}.compact-timesheet-header>strong{font-size:20px}.compact-header-button{color:#fff;cursor:pointer;background:0 0;border:0;height:48px;font-size:37px}.compact-header-button:first-child{text-align:left}.compact-header-button.download{text-align:right;font-size:29px}.compact-header-button:disabled{opacity:.35}.compact-employee-strip{background:#fff;border-bottom:1px solid #d5dad7;justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.compact-employee-strip strong,.compact-employee-strip span{display:block}.compact-employee-strip strong{color:#151b17;font-size:19px}.compact-employee-strip span{color:#606762;margin-top:2px;font-size:13px}.compact-employee-symbol{color:#08713e;font-size:28px}.compact-period-nav{background:#f2f4f2;border-bottom:1px solid #d5dad7;grid-template-columns:1fr 1.3fr 1fr;align-items:center;min-height:40px;display:grid}.compact-period-nav span{text-align:center;color:#42604e;font-size:11px;font-weight:700}.compact-period-nav button{color:#08713e;cursor:pointer;background:0 0;border:0;height:40px;font-size:11px;font-weight:800}.compact-period-nav button:disabled{color:#aeb3b0;cursor:default}.compact-period-band{color:#fff;background:linear-gradient(135deg,#075b33,#16814c);justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.compact-period-band span,.compact-period-band strong{display:block}.compact-period-band>div:first-child span{font-size:12px}.compact-period-band>div:first-child strong{margin-top:4px;font-size:16px}.compact-period-hours{text-align:right}.compact-period-hours strong{font-size:56px;font-weight:800;line-height:1}.compact-period-hours span{margin-top:6px;font-size:11px;font-weight:700}.compact-readonly-note{color:#666d68;text-align:center;background:#eef0ee;border-bottom:1px solid #d7dcd9;padding:7px 12px;font-size:10px}.compact-day-list{background:#fff;width:100%}.compact-day{border-bottom:1px solid #cfd4d1;width:100%}.compact-day-band{background:#eef0ef;justify-content:space-between;align-items:center;min-height:31px;padding:5px 14px;display:flex}.compact-day-band strong{color:#151917;font-size:12px}.compact-record-body{text-align:left;cursor:pointer;background:#fff;border:0;width:100%;min-height:53px;padding:8px 14px}.compact-record-body:disabled{cursor:default;color:inherit}.compact-record-primary{white-space:nowrap;scrollbar-width:none;color:#1e2420;align-items:center;gap:9px;font-size:12px;display:flex;overflow-x:auto}.compact-record-primary::-webkit-scrollbar{display:none}.compact-record-primary i{background:#c5cbc7;flex:0 0 1px;width:1px;height:16px}.compact-record-secondary{color:#4f5752;text-overflow:ellipsis;white-space:nowrap;min-height:16px;margin-top:5px;font-size:11px;overflow:hidden}.compact-no-record{color:#8b918d;background:#fafbfa;min-height:39px;padding:10px 14px;font-size:11px}.compact-total-band{color:#075b33;background:#e5f0e7;border-top:1px solid #cbd6ce;border-bottom:1px solid #cbd6ce;justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.compact-total-band>strong{font-size:13px}.compact-total-band>div{align-items:baseline;gap:5px;display:flex}.compact-total-band>div strong{font-size:27px}.compact-total-band>div span{font-size:11px;font-weight:800}.compact-current-status{color:#075b33;background:#fff;align-items:center;gap:8px;padding:10px 16px;font-size:11px;font-weight:700;display:flex}.compact-current-status span{color:#fff;background:#08713e;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.compact-download-pdf{color:#075b33;cursor:pointer;background:#fff;border:1px solid #08713e;border-radius:8px;width:calc(100% - 28px);min-height:46px;margin:8px 14px 18px;font-size:12px;font-weight:800}.compact-download-pdf:disabled{color:#9ba09d;cursor:default;border-color:#c7ccc9}@media (width>=700px){.compact-timesheet-page{border-left:1px solid #d8ddda;border-right:1px solid #d8ddda;width:min(100%,700px);margin:0 auto}}.compact-timesheet-page .compact-period-band .compact-period-hours strong{font-size:30px!important;font-weight:800!important;line-height:1!important}.compact-timesheet-page .compact-period-band .compact-period-hours span{font-size:12px!important;font-weight:700!important;line-height:1.2!important}.compact-record-body{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.compact-record-content{min-width:0}.compact-daily-hours{color:#075b33;text-align:right;justify-content:flex-end;align-items:center;gap:8px;min-width:62px;display:flex}.compact-daily-hours strong{font-variant-numeric:tabular-nums;font-size:16px;font-weight:500}.compact-hours-chevron{color:#08713e;font-size:22px;line-height:1}.compact-no-record{justify-content:space-between;align-items:center;display:flex}.compact-no-record strong{color:#8b918d;text-align:right;min-width:62px;font-size:18px;font-weight:700}.compact-timesheet-header{color:#fff;background:linear-gradient(135deg,#043c22,#08713e);grid-template-columns:44px 1fr 44px;align-items:center;height:82px;padding:0 14px;display:grid}.compact-header-back{color:#fff;cursor:pointer;background:0 0;border:0;padding:0;font-size:34px;line-height:1}.compact-header-logo{object-fit:contain;background:#fff;border-radius:6px;width:66px;height:66px}.compact-header-brand span{white-space:nowrap;font-size:20px;font-weight:700}.compact-header-spacer{width:44px}.login-logo-panel{flex-direction:column;align-items:center;padding:18px 20px 14px;display:flex;background:#265531!important}.login-logo{border-radius:0;width:min(260px,68vw);height:auto;display:block}.login-company-name{letter-spacing:1.4px;color:#fff;text-align:center;margin:8px 0 0;font-size:14px;font-weight:700}.brand-panel.login-logo-panel{background:#265531!important}.timesheet-brand-block{flex-shrink:0;align-items:center;gap:10px;display:flex}.compact-header-brand{justify-content:center;align-items:center;gap:22px;min-width:0;display:flex}.timesheet-wordmark{text-align:left}.timesheet-header-title{white-space:nowrap;font-size:18px;font-weight:700}