*{box-sizing:border-box}html{font-family:"Segoe UI",Arial,sans-serif;background:#0a1619;color:#f1f7f7;font-synthesis:none;scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.3}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ffdc28;outline-offset:4px}button{color:inherit}a{color:inherit}svg{display:block}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;background:#ffdc28;color:#102528;padding:12px;z-index:20;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:39px 24px 24px;border-right:1px solid #203337;background:#0d1c1f;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;padding-left:11px}.brand-mark{display:block;width:40px;height:auto;object-fit:contain;flex-shrink:0}.brand strong{display:block;font-size:30px;font-weight:800;letter-spacing:1px;color:#00cabe;line-height:1.1}.brand small{display:block;font-size:10px;letter-spacing:2.9px;color:#adc2c8;margin-top:5px}.sidebar-caption{color:#637f87;font-size:11px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;margin:65px 15px 17px}.desktop-nav{display:grid;gap:8px}.nav-item{display:flex;align-items:center;gap:13px;border:0;background:none;text-align:left;border-radius:10px;padding:15px 16px;color:#93aeb5;font-size:14px;position:relative}.nav-item:hover{background:#142b2e;color:#e5f7f6}.nav-item.active{background:#123335;color:#06d4c6}.nav-item.active:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:3px;border-radius:2px;background:#05d2c4}.sidebar-bottom{margin-top:auto;padding-top:60px}.connection-note{display:flex;align-items:center;gap:8px;color:#6f9299;font-size:11px;white-space:nowrap;padding:16px 9px}.live-dot{height:5px;width:5px;border-radius:50%;background:#0fc7b2}.sidebar-user{display:flex;align-items:center;gap:10px;border-top:1px solid #203337;padding:22px 5px 0}.avatar{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#314e55,#233c42);border:1px solid #45626a;color:#dcebee;flex-shrink:0;font-weight:600;font-size:17px}.sidebar-user .avatar{width:36px;height:36px;font-size:12px}.sidebar-user strong{display:block;font-size:12px;line-height:1.5;max-width:137px}.sidebar-user small{display:block;font-size:10px;color:#8aa7ae;margin-top:3px}.workspace{margin-left:250px;background:radial-gradient(ellipse at 90% 6%,#11303566,transparent 48%);min-height:100vh}.topbar{height:76px;border-bottom:1px solid #1d3034;display:flex;align-items:center;justify-content:space-between;padding:0 48px}.breadcrumb{font-size:12px;color:#7d9aa1;letter-spacing:.1px}.breadcrumb span{padding:0 14px;color:#3d5b63}.icon-button{border:0;background:transparent;color:#a9c0c7;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9px;padding:0;flex-shrink:0}.icon-button:hover:not(:disabled){background:#29464b77;color:#edf9f9}.help-button{border:1px solid #2d474e;width:32px;height:32px;border-radius:50%}.help-button .icon{width:20px;height:20px}main{width:100%;max-width:1392px;padding:47px 48px 22px;margin:0 auto;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:31px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.2px;color:#658b93;margin-bottom:11px}h1{font-size:34px;line-height:1.2;letter-spacing:-1.1px;font-weight:650;margin:0}#page-description{color:#86a2aa;font-size:13px;margin:11px 0 0}.month-switcher{display:flex;align-items:center;justify-content:space-between;border:1px solid #2a464d;background:#12272c;border-radius:12px;padding:4px;min-width:238px}.month-switcher select{border:0;color:#e9f3f4;background:transparent;font-weight:600;font-size:14px;text-align:center;appearance:none;cursor:pointer;max-width:170px;padding:8px 10px}.month-switcher select option{background:#12272c}.person-context{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:27px}.person-label{display:flex;align-items:center;gap:13px;min-width:0}.person-label strong{display:block;font-size:16px;line-height:1.4}.person-label small{display:block;color:#85a3ac;font-size:12px;margin-top:4px}.role-chip{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:7px 10px;border-radius:6px;border:1px solid #31504f;color:#7fb6b4}.person-select-wrap{display:flex;align-items:center;gap:10px}.person-select-wrap label{font-size:11px;color:#86a2aa}.person-select{max-width:330px;background:#14292d;color:#ccdedf;border:1px solid #29454c;border-radius:8px;padding:9px 31px 9px 11px;font-size:12px}.demo-banner{font-size:12px;color:#eed386;background:#403a211e;border:1px solid #6456277a;padding:12px 15px;border-radius:9px;margin-bottom:27px;display:flex;align-items:center;gap:7px}.demo-banner[hidden]{display:none}.demo-dot{height:6px;width:6px;border-radius:50%;background:#ecc54e}.overview-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(220px,1fr);gap:19px}.earnings-card{padding:29px 33px 25px;background:linear-gradient(113deg,#017e77,#00a99e);border:1px solid #1eb9ac;border-left:5px solid #ffda28;border-radius:17px;position:relative;overflow:hidden;min-height:270px;box-shadow:0 14px 50px #00101024}.earnings-card>*:not(.card-chevron){position:relative;z-index:1}.earnings-label{color:#ffe44b;font-size:15px;font-weight:600;margin:0 0 9px}.earnings-value{font-size:clamp(35px,4.2vw,63px);font-weight:700;letter-spacing:-2px;line-height:1.14;overflow-wrap:anywhere;min-height:74px;font-variant-numeric:tabular-nums}.earnings-value .currency{font-size:.72em;font-weight:600;margin-left:7px}.earnings-value.missing{font-size:33px;letter-spacing:-.5px;display:flex;align-items:center}.earnings-caption{font-size:11px;color:#b2e8e2;margin-top:8px}.earnings-card-rule{height:1px;background:#97e8e445;margin-top:23px}.earnings-bottom{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;gap:20px}.earnings-bottom>div+div{border-left:1px solid #97e8e445;padding-left:27px}.metric-label{display:block;font-size:12px;color:#b9e8e4;line-height:1.4}.metric-value{display:block;font-size:24px;letter-spacing:-.5px;font-weight:650;margin-top:6px;font-variant-numeric:tabular-nums}.metric-value.small{font-size:19px;padding-top:4px}.card-chevron{position:absolute;right:-40px;top:36px;width:161px;height:198px;opacity:.13;transform:rotate(-13deg)}.card-chevron:before,.card-chevron:after{content:"";position:absolute;width:120px;height:65px;background:#b8ffff;clip-path:polygon(0 0,50% 34%,100% 0,100% 49%,50% 85%,0 49%)}.card-chevron:after{top:54px}.support-card{border:1px solid #274148;background:linear-gradient(140deg,#193037,#12272c);border-radius:17px;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.support-card-header{display:flex;justify-content:space-between;align-items:center;color:#8db0b9;font-size:12px}.metric-icon{width:33px;height:33px;display:flex;align-items:center;justify-content:center;color:#01cdbf;border:1px solid #28514f;background:#163d3d;border-radius:10px}.metric-icon .icon{width:18px;height:18px}.hours-value{font-size:36px;letter-spacing:-1px;font-weight:650;line-height:1.2;margin:6px 0}.hours-value span{font-size:15px;font-weight:400;color:#7f9fa9;letter-spacing:0}.support-subtitle{font-size:11px;line-height:1.5;color:#6d929c;margin:0}.support-separator{height:1px;background:#2a434a;margin:21px 0 18px}.quantity-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#a9c1c8;gap:12px}.quantity-row strong{font-size:18px;color:#e1eded;font-weight:600}.sync-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 0 33px}.sync-status{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.6;color:#769ca5}.sync-status .icon{width:15px;height:15px;color:#02bfb0}.sync-status.stale{color:#c4aa6b}.sync-status.stale .icon{color:#ebc558}.refresh-button{display:flex;align-items:center;gap:7px;border:0;background:none;color:#70a49f;font-size:11px;padding:8px;border-radius:6px;white-space:nowrap}.refresh-button:hover{color:#08d2bf;background:#113030}.refresh-button .icon{width:14px;height:14px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}h2{font-size:20px;font-weight:650;letter-spacing:-.5px;margin:0}.text-button{display:flex;align-items:center;gap:5px;font-size:12px;color:#00cbbb;border:0;background:none;padding:7px 0}.text-button:hover{color:#7cfff1}.text-button .icon{width:15px;height:15px}.works-list{display:grid;gap:10px}.work-item{width:100%;text-align:left;background:linear-gradient(105deg,#172c32,#13262b);border:1px solid #274048;border-radius:11px;padding:17px 20px;display:grid;grid-template-columns:42px minmax(0,1fr) auto 14px;align-items:center;gap:15px;transition:border-color .15s,background .15s}.work-item:hover{border-color:#41706f;background:#1b363a}.work-icon{height:43px;width:43px;border-radius:11px;background:#0c433e5c;color:#00cdbc;display:flex;align-items:center;justify-content:center}.work-icon .icon{width:25px;height:25px}.work-name{font-size:14px;font-weight:600;line-height:1.45;display:block;overflow-wrap:anywhere}.work-meta{font-size:11px;color:#799ca8;display:flex;align-items:center;flex-wrap:wrap;gap:0 7px;margin-top:5px;line-height:1.6}.work-meta .dot{color:#47636d}.work-amount{font-size:20px;font-weight:650;letter-spacing:-.3px;text-align:right;white-space:nowrap}.work-amount.missing{font-size:12px;color:#debc70}.work-subamount{font-size:10px;color:#6e939e;text-align:right;display:block;margin-top:5px;font-weight:400;letter-spacing:0}.work-item>.icon{width:14px;color:#53757d}.group-date{font-size:11px;font-weight:500;color:#799da6;letter-spacing:.3px;margin:11px 0 4px}.report-note{display:flex;align-items:flex-start;gap:9px;padding:17px 19px;color:#6f929b;font-size:11px;line-height:1.7;margin-top:22px;border:1px solid #223b42;border-radius:10px;background:#0f232833}.report-note .icon{width:15px;height:15px;margin-top:2px;flex-shrink:0}.report-note p{margin:0}.page-footer{display:flex;justify-content:space-between;gap:15px;color:#466c75;font-size:10px;border-top:1px solid #1b343b;padding-top:20px;margin-top:39px}.toolbar{display:flex;gap:12px;align-items:center;margin:24px 0 19px}.search-field{display:flex;gap:10px;align-items:center;border:1px solid #2a464d;border-radius:10px;background:#10252a;max-width:430px;flex:1;padding:0 14px;color:#608893}.search-field .icon{width:18px}.search-field input{background:transparent;border:0;color:#e9f7f7;outline:none;width:100%;padding:13px 0;font-size:12px}.search-field:focus-within{outline:2px solid #00ac9f;outline-offset:2px}.search-field input::placeholder{color:#6c8f99}.search-field input:focus-visible{outline:none}.works-count{font-size:11px;color:#789ca6;margin-left:auto;white-space:nowrap}.period-label{font-size:12px;color:#829fa8}.pagination{display:flex;align-items:center;justify-content:center;gap:22px;margin:23px 0 0;font-size:12px;color:#91afb8}.pagination .icon-button{border:1px solid #2a464d;background:#14282e}.notice{display:flex;align-items:flex-start;gap:11px;border:1px solid #665930;background:#3e321724;color:#d4bc82;border-radius:10px;padding:15px 17px;font-size:12px;line-height:1.7;margin-bottom:20px}.notice .icon{width:19px;height:19px;margin-top:2px}.notice p{margin:0}.notice.error{border-color:#76533d;background:#542c232e;color:#e4b8a3}.notice a,.notice button{color:inherit}.inline-retry{background:none;border:0;text-decoration:underline;padding:0;font-size:inherit}.empty-state{border:1px solid #263f46;border-radius:14px;min-height:290px;padding:55px 30px;text-align:center;background:#11262c66;display:flex;align-items:center;justify-content:center;flex-direction:column}.empty-state>.icon{width:35px;height:35px;color:#438a8a;margin-bottom:20px}.empty-state h2{font-size:19px;margin-bottom:11px}.empty-state p{max-width:470px;color:#85a7b1;font-size:13px;line-height:1.8;margin:0}.primary-button{border:1px solid #05c6b2;background:#00b8a6;border-radius:8px;padding:11px 18px;color:#05332c;font-size:12px;font-weight:650;margin-top:22px}.primary-button:hover{background:#2bd7c4}.team-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.team-stat{border:1px solid #28464b;border-radius:13px;padding:24px;background:#132a2e}.team-stat:first-child{background:linear-gradient(125deg,#006a63,#009689);border-color:#0f9d8c}.team-stat:first-child .stat-label{color:#ade4d5}.stat-label{display:block;font-size:11px;color:#86a9b1}.team-stat strong{display:block;font-size:29px;font-weight:650;letter-spacing:-.8px;margin-top:13px;overflow-wrap:anywhere}.team-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;border:1px solid #2a444b;border-radius:13px;overflow:hidden;background:#12272c}.team-table th{text-align:right;color:#6f939e;font-weight:500;font-size:10px;letter-spacing:.4px;text-transform:uppercase;padding:15px 18px;background:#102328;border-bottom:1px solid #27434b}.team-table th:first-child{text-align:left}.team-table td{padding:19px 18px;text-align:right;border-top:1px solid #254148}.team-table tbody tr:first-child td{border-top:0}.team-table td:first-child{text-align:left;max-width:300px}.team-table td:last-child{font-weight:600;color:#3edac2}.employee-button{text-align:left;border:0;background:none;padding:0;display:flex;align-items:center;gap:12px;color:#e4eff0;width:100%}.employee-button .avatar{width:34px;height:34px;font-size:11px}.employee-name{display:block;font-weight:500;line-height:1.5}.employee-note{display:block;font-size:10px;color:#718f98;line-height:1.5;margin-top:3px}.employee-button:hover .employee-name{color:#1ed0bc}.rate-missing{color:#dabc70;font-size:10px;display:block;margin-top:4px}.team-mobile-label{display:none}.team-table tfoot td{background:#183236;font-weight:600;color:#d9eeec;border-top:1px solid #3a5a5e}.team-table tfoot td:last-child{color:#c7eee7}.loading-state{display:grid;gap:15px}.skeleton{background:linear-gradient(90deg,#162c32,#203c42,#162c32);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:11px}.skeleton-card{height:270px}.skeleton-line{height:15px;width:190px;margin:9px 0 18px}.skeleton-row{height:79px}.details-dialog{border:1px solid #3a5c63;padding:0;width:calc(100% - 32px);max-width:540px;background:#10262c;color:#edf7f7;border-radius:17px;box-shadow:0 30px 100px #0009;max-height:calc(100dvh - 48px);overflow:auto}.details-dialog::backdrop{background:#030d10ba;backdrop-filter:blur(5px)}.dialog-header{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;padding:24px 25px 17px}.dialog-header h2{font-size:21px;line-height:1.4;padding-top:4px}.dialog-header .icon-button{margin:-4px -6px 0 0;width:33px;height:33px}.dialog-body{padding:0 25px 27px}.dialog-subtitle{color:#7fa4af;font-size:12px;line-height:1.7;margin:0 0 23px}.detail-earnings{padding:22px;border:1px solid #237a70;background:linear-gradient(120deg,#075a52,#056e65);border-radius:11px;margin:20px 0}.detail-earnings span{display:block;font-size:12px;color:#afd9cb}.detail-earnings strong{display:block;font-size:37px;letter-spacing:-1px;margin-top:9px;overflow-wrap:anywhere}.detail-list{margin:0}.detail-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #25424a;padding:13px 0;line-height:1.6;font-size:12px}.detail-list dt{color:#779ba6}.detail-list dd{margin:0;text-align:right;color:#dcebec;max-width:63%;overflow-wrap:anywhere}.help-copy{font-size:13px;color:#a0bcc4;line-height:1.9}.help-copy p{margin:0 0 16px}.help-copy strong{color:#e1f0ef}.formula{background:#163d3a;color:#63dbc6;border-radius:9px;padding:17px;margin:18px 0;font-size:14px;font-weight:500}.mobile-nav{display:none}.noscript-message{position:fixed;inset:20px;z-index:50;background:#163035;padding:30px;border:1px solid #75aba8}.spinning .icon{animation:spin 1s linear infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}
.work-filters{display:flex;gap:7px;margin:0 0 20px}.filter-button{background:#12282e;border:1px solid #2b464e;color:#83a5ae;border-radius:7px;padding:7px 12px;font-size:11px}.filter-button:hover{color:#e3f4f4;border-color:#447579}.filter-button.active{background:#16413c;border-color:#24746a;color:#43debc}.mapping-list{display:grid;gap:13px}.mapping-row{border:1px solid #2c4850;border-radius:10px;background:#152e34;padding:17px}.mapping-row>strong{font-size:13px;font-weight:550;line-height:1.5}.mapping-controls{display:flex;align-items:flex-end;gap:12px;margin-top:14px}.mapping-controls label{font-size:10px;color:#8aa8b0;flex:1;display:block}.mapping-controls input{display:block;width:100%;margin-top:7px;border:1px solid #3b5962;border-radius:7px;background:#10252b;color:#e1f2f0;padding:10px 12px;font-size:13px}.secondary-button{background:#203a40;border:1px solid #3e5f66;color:#c1d9dd;padding:10px 14px;border-radius:7px;font-size:12px;line-height:1.4}.secondary-button:hover{background:#2b4b50}.mapping-feedback{font-size:11px;color:#e1bd81;line-height:1.7;margin-top:9px}.mapping-feedback:empty{display:none}.mapping-hint{font-size:11px;color:#70929d;line-height:1.7;margin:19px 0 0}.mapping-confirm{background:#143b3a;border:1px solid #2c6e62;border-radius:12px;padding:23px;text-align:center;margin-bottom:22px}.mapping-confirm .eyebrow{font-size:9px;color:#72beaa}.mapping-confirm p{font-size:15px;line-height:1.6;margin:17px 0 0}.mapping-confirm p span{display:block;font-size:11px;color:#87b4b0;margin-top:4px}.mapping-arrow{color:#38d6b4;font-size:27px;margin:10px 0 0}.mapping-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.mapping-actions .primary-button{margin-top:0}.saved-notice{display:flex;align-items:center;gap:9px;background:#173e34;border:1px solid #2b7662;border-radius:8px;padding:12px 14px;color:#63d6ac;font-size:12px;margin-bottom:17px}.saved-notice .icon{width:17px;height:17px}
@media(min-width:1600px){main{padding-top:54px}.earnings-value{font-size:69px}.earnings-card{min-height:289px}.support-card{padding:30px}.hours-value{font-size:42px}}
@media(max-width:1160px){.sidebar{width:210px;padding-left:17px;padding-right:17px}.workspace{margin-left:210px}.topbar{padding:0 30px}main{padding:35px 30px 22px}.page-heading{gap:16px}h1{font-size:30px}.month-switcher{min-width:218px}.overview-grid{grid-template-columns:minmax(0,1.55fr) minmax(205px,1fr);gap:14px}.earnings-card{padding:26px 24px 23px}.support-card{padding:23px}.earnings-value{font-size:45px;min-height:58px}.metric-value{font-size:22px}.team-stat{padding:19px}.team-stat strong{font-size:25px}.team-table th,.team-table td{padding-left:12px;padding-right:12px}.team-table .employee-button .avatar{display:none}.person-select{max-width:240px}.person-select-wrap label{display:none}}
@media(max-width:900px){.sidebar{width:178px;padding-left:12px;padding-right:12px}.brand{padding-left:4px;gap:8px}.brand strong{font-size:25px}.brand small{font-size:8px;letter-spacing:2.5px}.brand-mark{width:32px}.workspace{margin-left:178px}.nav-item{font-size:12px;padding:13px 12px;gap:11px}.connection-note{font-size:9px;padding-left:3px;gap:5px}.sidebar-user{padding-left:0;padding-right:0}.sidebar-user strong{font-size:10px}.sidebar-user .avatar{width:29px;height:29px;font-size:10px}main{padding-left:24px;padding-right:24px}.topbar{padding:0 24px}.page-heading{align-items:flex-start}.eyebrow{font-size:9px}h1{font-size:26px}.month-switcher{min-width:196px;margin-top:10px}.month-switcher select{font-size:12px;padding-left:3px;padding-right:3px}.month-switcher .icon-button{width:32px}.overview-grid{grid-template-columns:1fr}.earnings-value{font-size:57px}.earnings-card{min-height:260px}.support-card{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:20px 24px}.support-card-header{grid-column:1;grid-row:1}.support-card-header .metric-icon{display:none}.hours-value{grid-column:1;grid-row:2;font-size:28px;margin:8px 0 0}.support-subtitle{display:none}.support-separator{display:none}.quantity-row{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-left:1px solid #30494f;padding-left:28px;grid-column:2;grid-row:1/3}.quantity-row strong{font-size:28px}.quantity-row{font-size:12px;gap:10px}.person-select-wrap{margin-left:auto}.role-chip{display:none}.team-stat strong{font-size:22px}.team-stat{padding:18px 14px}.work-item{padding:15px;gap:12px}.work-amount{font-size:17px}.team-table th:nth-child(3),.team-table td:nth-child(3){display:none}}
@media(max-width:700px){html{background:#0b191c}.sidebar{display:none}.workspace{margin-left:0;background:radial-gradient(ellipse at 80% 0,#18393e50,transparent 48%)}.topbar{height:53px;padding:0 21px;border-bottom:0}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 9px}.help-button{width:27px;height:27px}.help-button .icon{width:17px;height:17px}main{padding:17px 20px 110px;max-width:570px}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:9px}h1{font-size:30px;letter-spacing:-.8px}#page-description{font-size:11px;margin-top:8px}.page-heading{display:block;margin-bottom:23px}.month-switcher{margin:25px auto 0;width:235px;min-width:0;padding:4px;border-radius:22px}.month-switcher select{font-size:14px;padding:8px 5px}.month-switcher .icon-button{width:36px;height:31px}.person-context{margin-bottom:22px;flex-wrap:wrap}.person-label strong{font-size:14px}.person-label small{font-size:11px}.avatar{width:43px;height:43px;font-size:15px}.person-select-wrap{width:100%;margin-top:5px}.person-select-wrap label{display:block}.person-select{max-width:100%;flex:1;font-size:11px;padding:9px 7px}.demo-banner{font-size:10px;padding:10px 12px;margin-bottom:20px;line-height:1.5}.demo-detail{display:none}.earnings-card{border-radius:14px;padding:24px 23px 21px;min-height:251px;border-left-width:4px}.earnings-label{font-size:14px;margin-bottom:10px}.earnings-value{font-size:52px;min-height:61px;letter-spacing:-1.8px}.earnings-caption{font-size:10px;margin-top:5px}.earnings-card-rule{margin-top:19px}.earnings-bottom{gap:13px;margin-top:17px}.earnings-bottom>div+div{padding-left:23px}.metric-value{font-size:23px;margin-top:6px}.metric-label{font-size:11px}.metric-value.small{font-size:16px;padding-top:6px}.support-card{border-radius:12px;padding:18px 22px}.support-card-header{font-size:11px}.hours-value{font-size:25px}.hours-value span{font-size:12px}.quantity-row{font-size:11px;gap:9px}.quantity-row strong{font-size:25px}.sync-line{margin:13px 0 25px;align-items:flex-start}.sync-status{font-size:10px;max-width:75%;line-height:1.6}.sync-status .icon{width:14px;height:14px}.refresh-button{font-size:0;padding:2px 5px}.refresh-button .icon{width:17px;height:17px}.section-title-row{margin-bottom:14px}h2{font-size:19px}.text-button{font-size:11px}.group-date{font-size:10px;margin-top:7px}.work-item{padding:13px 12px;gap:11px;grid-template-columns:36px minmax(0,1fr) auto;border-radius:11px}.work-icon{height:38px;width:36px;border-radius:9px}.work-icon .icon{width:23px;height:23px}.work-name{font-size:12px;line-height:1.5}.work-meta{font-size:10px;gap:0 5px;margin-top:3px}.work-amount{font-size:17px;letter-spacing:-.4px}.work-amount.missing{font-size:11px}.work-subamount{font-size:9px;max-width:90px;line-height:1.5}.work-item>.icon{display:none}.report-note{font-size:10px;padding:13px 14px;gap:8px;margin-top:19px}.report-note .icon{width:13px;height:13px}.page-footer{font-size:9px;padding-top:17px;margin-top:26px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:8;display:flex;justify-content:center;padding:8px 16px calc(9px + env(safe-area-inset-bottom));background:#102327f5;border-top:1px solid #2d484f;backdrop-filter:blur(16px);gap:14px}.mobile-nav .nav-item{flex:1;max-width:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 8px 7px;font-size:11px;border-radius:8px;color:#8daab5}.mobile-nav .nav-item.active{color:#f6d838;background:transparent}.mobile-nav .nav-item.active .icon{color:#02d0c0}.mobile-nav .nav-item.active:before{width:27px;height:3px;top:auto;bottom:0;left:calc(50% - 13.5px);background:#f6d838}.mobile-nav .nav-item .icon{width:22px;height:22px}.toolbar{flex-wrap:wrap;margin-top:19px;gap:10px}.search-field{width:100%;max-width:none;flex-basis:100%;padding:0 12px}.search-field input{font-size:12px;padding:12px 0}.works-count{margin-left:0;font-size:10px}.period-label{font-size:10px;margin-left:auto}.team-overview{grid-template-columns:1fr 1fr;gap:10px}.team-stat:first-child{grid-column:1/-1;padding:22px}.team-stat:first-child strong{font-size:38px;margin-top:10px}.team-stat{padding:17px 18px}.stat-label{font-size:10px}.team-stat strong{font-size:23px;margin-top:8px}.team-table{display:block;border:0;background:none;border-radius:0;overflow:visible}.team-table thead{display:none}.team-table tbody{display:grid;gap:12px}.team-table tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid #2a454c;background:#142b30;border-radius:12px;padding:17px 18px;gap:18px 10px}.team-table td{display:block;padding:0;border:0!important;text-align:left;font-size:16px}.team-table td:first-child{grid-column:1/-1;max-width:none}.team-table td:last-child{color:#35d7bf;text-align:right}.team-table .employee-button .avatar{display:flex;width:33px;height:33px}.employee-name{font-size:12px}.employee-note{font-size:9px}.team-mobile-label{display:block;color:#799fa8;font-size:10px;font-weight:400;margin-bottom:6px}.team-table tfoot{display:block;margin-top:14px}.team-table tfoot tr{background:#1a373b}.team-table tfoot td{background:none;font-size:16px}.team-table tfoot td:first-child{font-size:13px}.empty-state{padding:45px 21px;min-height:275px}.empty-state h2{font-size:18px}.empty-state p{font-size:12px}.notice{padding:13px 14px;font-size:11px}.details-dialog{border-radius:14px;max-height:calc(100dvh - 32px)}.dialog-header{padding:22px 20px 15px}.dialog-body{padding:0 20px 24px}.dialog-header h2{font-size:19px}.detail-earnings strong{font-size:32px}.detail-list>div{font-size:11px}.help-copy{font-size:12px}.formula{font-size:13px}}
@media(max-width:360px){main{padding-left:14px;padding-right:14px}.topbar{padding-left:15px;padding-right:15px}h1{font-size:28px}.earnings-card{padding:23px 19px 20px}.earnings-value{font-size:46px}.metric-value{font-size:20px}.earnings-bottom>div+div{padding-left:19px}.work-item{gap:8px;padding:12px 10px;grid-template-columns:30px minmax(0,1fr) auto}.work-icon{width:30px;height:34px}.work-icon .icon{width:20px}.work-name{font-size:11px}.work-amount{font-size:15px}.work-subamount{font-size:8px}.work-meta{font-size:9px}.team-stat{padding:16px 13px}.page-footer{font-size:8px}}
.review-banner{align-items:flex-start;line-height:1.65}.review-banner .demo-dot{flex-shrink:0;margin-top:.55em}.mobile-brand{display:none}@media(max-width:700px){.topbar{height:65px}.topbar .breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:8px}.mobile-brand .brand-mark{width:24px;height:auto}.mobile-brand strong{display:block;color:#00cabe;font-size:17px;font-weight:700;letter-spacing:1px;line-height:1.15}.mobile-brand small{display:block;font-size:9px;color:#8dabaf;letter-spacing:.3px;margin-top:2px}}
.orders-list{display:grid;gap:14px}.order-card{min-width:0;border:1px solid #2c4a50;border-radius:13px;background:linear-gradient(115deg,#193239,#12272c);overflow:hidden}.order-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 16px;align-items:center;padding:20px;list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.order-summary::-webkit-details-marker{display:none}.order-summary::marker{content:""}.order-summary:hover{background:#1b373b66}.order-summary:focus-visible{outline:3px solid #ffdc28;outline-offset:-4px;border-radius:12px}.order-description{min-width:0}.order-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}.order-number{min-width:0;display:block;font-size:15px;line-height:1.45;font-weight:650;overflow-wrap:anywhere}.order-vehicle{display:block;font-size:12px;line-height:1.5;color:#aec9ce;margin-top:3px;overflow-wrap:anywhere}.order-date{display:block;font-size:10px;line-height:1.5;color:#769ba5}.order-earnings{align-self:start;text-align:right;max-width:190px;min-width:0}.order-amount-label{display:block;font-size:10px;color:#83a7ae;line-height:1.5;margin-bottom:4px}.order-earnings strong{display:block;font-size:25px;font-weight:650;line-height:1.35;letter-spacing:-.5px;color:#f0f8f8;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.order-earnings.missing strong{font-size:15px;color:#e0c177;letter-spacing:0}.order-stats{grid-column:1/-1;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-width:0}.order-stat-label{display:block;font-size:10px;color:#7298a2;line-height:1.5}.order-stats strong{display:block;font-size:14px;font-weight:550;color:#bbd9dc;line-height:1.5;margin-top:2px;overflow-wrap:anywhere}.order-count{color:#82aaa9;background:#153b3980;border:1px solid #2a514e;border-radius:6px;padding:5px 8px;font-size:10px;white-space:nowrap;line-height:1.4}.order-toggle{grid-column:1/-1;border-top:1px solid #2d4a4f;padding-top:12px;display:flex;justify-content:flex-end;align-items:center;gap:7px;color:#39cbb8;font-size:11px;line-height:1.5}.order-toggle .icon{width:15px;height:15px;transform:rotate(90deg);transition:transform .15s}.order-close-label{display:none}.order-card[open] .order-close-label{display:inline}.order-card[open] .order-open-label{display:none}.order-card[open] .order-toggle .icon{transform:rotate(-90deg)}.order-card[open]{border-color:#3b716d}.order-works{border-top:1px solid #2a4a4e;background:#0d2125;padding:17px 20px 20px}.order-works-caption{font-size:10px;line-height:1.6;color:#7b9da5;margin:0 0 13px}.order-rate-warning{font-size:11px;line-height:1.6;color:#d8bb78;margin:0 0 13px}.order-works .works-list{gap:0}.order-works .work-item{border:0;border-radius:0;background:transparent;padding:15px 0;grid-template-columns:32px minmax(0,1fr) auto 12px;gap:11px}.order-works .work-item+.work-item{border-top:1px solid #254147}.order-works .work-item:last-child{padding-bottom:0}.order-works .work-item:first-child{padding-top:0}.order-works .work-item:hover{background:#18363855}.order-works .work-icon{width:31px;height:35px;background:#123731;color:#15bbaa}.order-works .work-icon .icon{width:20px;height:20px}.order-works .work-name{font-size:12px}.order-works .work-amount{font-size:17px;max-width:180px;white-space:normal;overflow-wrap:anywhere}.order-works .work-subamount{font-size:10px;max-width:170px;line-height:1.5}.order-works .work-meta{font-size:10px}.order-works .work-amount.missing{font-size:12px}
@media(max-width:700px){.order-summary{grid-template-columns:minmax(0,1fr) auto;padding:17px 15px 14px;gap:13px 11px}.order-number{font-size:13px}.order-vehicle{font-size:11px}.order-date{font-size:9px}.order-earnings{max-width:132px}.order-earnings strong{font-size:22px}.order-earnings.missing strong{font-size:12px}.order-amount-label{font-size:9px}.order-stats{grid-column:1/-1}.order-stats strong{font-size:14px}.order-stat-label{font-size:9px}.order-count{font-size:9px}.order-toggle{font-size:10px;padding-top:11px}.order-works{padding:14px 15px 17px}.order-works-caption{font-size:9px;margin-bottom:11px}.order-works .work-item{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px 0}.order-works .work-icon{display:none}.order-works .work-name{font-size:12px}.order-works .work-amount{font-size:17px;max-width:124px}.order-works .work-subamount{font-size:9px;max-width:124px}.order-works .work-meta{font-size:9px}.order-works .work-amount.missing{font-size:11px}}
@media(max-width:360px){.orders-list{gap:12px}.order-summary{padding:15px 12px 12px;grid-template-columns:minmax(0,1fr) auto;gap:12px 9px}.order-number{font-size:12px}.order-vehicle{font-size:10px}.order-earnings{max-width:108px}.order-earnings strong{font-size:19px}.order-earnings.missing strong{font-size:11px}.order-works{padding:12px}.order-works .work-name{font-size:11px}.order-works .work-amount{font-size:15px;max-width:110px}.order-works .work-subamount{font-size:8px;max-width:110px}.order-works .work-item{gap:10px}}
.period-panel{margin:-6px 0 28px;padding:20px 22px;border:1px solid #29474d;border-radius:13px;background:#10272b}.period-panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:17px}.period-panel-heading h2{font-size:14px;letter-spacing:0;white-space:nowrap}.period-panel-heading p{font-size:11px;line-height:1.6;margin:0;color:#8eafb6;text-align:right;overflow-wrap:anywhere}.period-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:12px;max-width:660px}.period-controls label{display:flex;flex-direction:column;min-width:0;gap:7px;color:#9dbac0;font-size:11px}.period-controls input{display:block;width:100%;min-width:0;max-width:100%;height:43px;padding:10px 12px;border:1px solid #35575d;border-radius:8px;background:#0c2025;color:#e4f4f3;font-size:13px;color-scheme:dark}.period-controls input[aria-invalid=true]{border-color:#dfb777}.period-controls input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8}.period-controls .primary-button{height:43px;margin:0;white-space:nowrap}.period-presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.period-presets .filter-button{min-height:35px}.period-error{font-size:11px;color:#e4bd83;line-height:1.65;margin:13px 0 0}.period-error[hidden]{display:none}.toolbar .period-label{text-align:right;overflow-wrap:anywhere;max-width:270px}
@media(max-width:700px){.period-panel{padding:16px 15px;margin:-3px 0 23px;border-radius:12px}.period-panel-heading{display:block;margin-bottom:14px}.period-panel-heading h2{font-size:13px}.period-panel-heading p{text-align:left;margin-top:5px;font-size:10px}.period-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px 10px}.period-controls label{font-size:10px;gap:6px}.period-controls input{padding:9px 7px;font-size:12px}.period-controls .primary-button{grid-column:1/-1;height:40px;font-size:12px}.period-presets{gap:6px;margin-top:13px}.period-presets .filter-button{flex:1;padding:7px 8px;font-size:10px;min-height:36px;white-space:nowrap}.period-error{font-size:10px}.toolbar .period-label{max-width:100%;font-size:10px;line-height:1.5}}
@media(max-width:360px){.period-panel{padding:15px 12px}.period-controls{gap:10px 8px}.period-controls input{font-size:11px;padding:9px 5px}.period-presets .filter-button{font-size:9px;padding:7px 6px}}
.mapping-access{display:inline-flex;align-items:center;gap:6px;margin-top:11px;color:#cdb984;font-size:11px;line-height:1.5}.mapping-access .icon{width:14px;height:14px}.mapping-access.ready{color:#63d6ac}.mapping-access.unknown{color:#a5b8bd}.mapping-controls label,.mapping-controls input{min-width:0}.mapping-actions{flex-wrap:wrap}.mapping-actions .primary-button,.mapping-actions .secondary-button{min-height:41px}
@media(max-width:360px){.mapping-controls{flex-wrap:wrap;gap:9px}.mapping-controls label{flex-basis:100%}.mapping-controls .secondary-button{width:100%}.mapping-access{font-size:10px}.mapping-actions .primary-button{flex:1}}
/* Repair bookings use their own calendar and never replace the payroll period. */
.month-switcher[hidden],.period-panel[hidden]{display:none!important}.bookings-view .page-heading{margin-bottom:24px}.bookings-view .person-context{margin-bottom:25px}.bookings-panel{max-width:920px}.booking-controls{max-width:660px}.booking-datebar{display:flex;align-items:center;gap:9px}.booking-arrow{flex:0 0 43px;width:43px;height:45px;border:1px solid #2c494f;border-radius:9px;background:#10272c}.booking-arrow .icon{width:18px;height:18px}.booking-datebox{display:flex;align-items:center;gap:9px;min-width:0;flex:1;border:1px solid #2c494f;border-radius:9px;background:#10272c;padding:0 12px}.booking-datebox>.icon{width:18px;height:18px;color:#9cb9c0;flex-shrink:0}.booking-datebox input{display:block;width:100%;min-width:0;max-width:100%;height:43px;background:transparent;border:0;color:#eef6f7;font:inherit;font-size:16px;color-scheme:dark;padding:0}.booking-datebox input[aria-invalid=true]{outline:2px solid #dfb777;outline-offset:2px}.booking-today{height:45px;white-space:nowrap}.booking-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:14px 0 17px}.booking-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:69px;padding:8px 0 6px;border:1px solid transparent;border-radius:10px;background:transparent;color:#9cb9c0}.booking-day>span:first-child{font-size:10px;text-transform:uppercase;letter-spacing:.5px}.booking-day strong{font-size:17px;font-weight:500;color:#eef6f7;font-variant-numeric:tabular-nums}.booking-day-dot{display:block;width:4px;height:4px;border-radius:50%;background:transparent;margin-top:2px}.booking-day-dot.has-bookings{background:#06d0c1}.booking-day[aria-pressed=true]{background:#0c4946;border-color:#167c73;color:#b5e5df}.booking-day[aria-pressed=true] strong{color:#ffdc29}.booking-day:hover{border-color:#397277}.booking-owner-filter{display:block;font-size:11px;color:#9cb9c0;margin:0 0 15px}.booking-owner-filter select{display:block;width:100%;min-width:0;max-width:100%;margin-top:7px;padding:11px 12px;border:1px solid #2c494f;border-radius:9px;background:#10272c;color:#eef6f7;font:inherit;font-size:14px;text-overflow:ellipsis}.booking-timezone{font-size:10px;color:#789fa9;margin:0 0 19px}.bookings-panel .sync-line{margin-top:0;margin-bottom:21px}.booking-day-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 17px}.booking-day-heading h2{font-size:18px;line-height:1.5;letter-spacing:-.2px}.booking-day-heading>span{font-size:12px;color:#9cb9c0;white-space:nowrap}.booking-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:15px}.booking-card{min-width:0;border:1px solid #2c494f;border-radius:13px;background:#142c31;overflow:hidden}.booking-summary{display:block;padding:18px 18px 13px;border-left:3px solid #06d0c1;list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.booking-summary::-webkit-details-marker{display:none}.booking-summary::marker{content:""}.booking-summary:hover{background:#19383b66}.booking-summary:focus-visible{outline:3px solid #ffdc29;outline-offset:-4px;border-radius:12px}.booking-card[open]{border-color:#4c797b}.booking-unassigned>.booking-summary{border-left-color:#ffdc29}.booking-time-row{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 10px;margin-bottom:16px}.booking-time{font-size:19px;line-height:1.4;font-weight:650;letter-spacing:.15px;color:#eef6f7;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.booking-duration{font-size:11px;color:#9cb9c0;white-space:nowrap}.booking-car-row{display:flex;gap:11px;align-items:center;margin-bottom:14px}.booking-car-icon{width:40px;height:40px;border-radius:10px;background:#17433f;display:flex;align-items:center;justify-content:center;color:#06d0c1;flex-shrink:0}.booking-car-icon .icon{width:24px;height:24px}.booking-car-description{min-width:0}.booking-car-name{font-size:18px;font-weight:600;line-height:1.4;display:block;color:#eef6f7;overflow-wrap:anywhere}.booking-plate{font-size:11px;letter-spacing:.6px;color:#c4d8de;display:block;margin-top:3px;overflow-wrap:anywhere}.booking-concern{display:block;margin-bottom:14px}.booking-field-label{display:block;font-size:10px;color:#86aab2;line-height:1.5;margin-bottom:5px}.booking-concern-text{display:block;font-size:13px;line-height:1.65;color:#d5e5e8;white-space:pre-wrap;overflow-wrap:anywhere}.booking-muted{color:#8caab3;font-size:12px;line-height:1.65}.booking-assignee{font-size:11px;color:#ffdc29;display:flex;gap:7px;align-items:flex-start;margin-bottom:13px;overflow-wrap:anywhere;line-height:1.6}.booking-assignee .icon{width:14px;height:14px;flex-shrink:0;margin-top:2px}.booking-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #29474c;padding-top:12px;font-size:11px;line-height:1.6}.booking-request{min-width:0;color:#9cb9c0;overflow-wrap:anywhere}.booking-expand{display:flex;align-items:center;gap:5px;color:#39d4c7;white-space:nowrap}.booking-expand .icon{width:13px;height:13px;transform:rotate(90deg)}.booking-close-label{display:none}.booking-card[open] .booking-close-label{display:inline}.booking-card[open] .booking-open-label{display:none}.booking-card[open] .booking-expand .icon{transform:rotate(-90deg)}.booking-details{padding:17px 20px 21px;border-top:1px solid #2b4c50;background:#10272c}.booking-details h3{font-size:12px;font-weight:600;color:#9cb9c0;margin:0 0 10px}.booking-works{padding:0;margin:0 0 19px;list-style:none}.booking-works li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:13px;padding:9px 0;border-bottom:1px solid #234148;line-height:1.6}.booking-works li:last-child{border:0}.booking-works li>span{min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}.booking-works small{font-size:10px;color:#90b5bb;white-space:nowrap}.booking-comment{font-size:12px;color:#c5dbde;border-left:2px solid #659c9a;padding-left:11px;margin:0 0 19px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.booking-meta{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:11px;line-height:1.7;margin:0;color:#9cb9c0}.booking-meta>div{min-width:0;flex:1;overflow-wrap:anywhere}.booking-meta dd{color:#eef6f7;display:block;font-size:12px;font-weight:500;margin:3px 0 0}.booking-source{font-size:11px;text-align:center;color:#789da6;margin-top:24px;display:flex;gap:7px;justify-content:center;align-items:center}.booking-source .icon{width:14px;height:14px;color:#68c8ba}.booking-loading .skeleton-row{height:210px}.bookings-panel .empty-state{min-height:260px}
@media(max-width:1160px){.booking-list{grid-template-columns:1fr}.bookings-panel{max-width:660px}}
@media(max-width:700px){.booking-controls{max-width:none}.bookings-view .page-heading{margin-bottom:23px}.bookings-view .person-context{margin-bottom:24px}.booking-datebar{flex-wrap:wrap;gap:8px}.booking-arrow{flex-basis:40px;width:40px;height:44px}.booking-datebox{padding:0 10px}.booking-datebox input{height:42px}.booking-today{height:37px;font-size:11px;flex-basis:100%;padding:7px 12px}.booking-week{gap:4px;margin-top:12px;margin-bottom:16px}.booking-day{min-height:65px}.booking-day strong{font-size:16px}.booking-owner-filter select{font-size:16px;padding:10px}.booking-timezone{font-size:10px;margin-bottom:18px}.bookings-panel .sync-line{margin-bottom:22px}.booking-day-heading{gap:9px;flex-wrap:wrap;margin-bottom:15px}.booking-day-heading h2{font-size:16px}.booking-day-heading>span{font-size:11px}.booking-list{gap:13px}.booking-summary{padding:17px 15px 12px}.booking-time{font-size:19px}.booking-car-name{font-size:18px}.booking-concern-text{font-size:13px}.booking-details{padding:16px 18px 20px}.booking-source{font-size:10px}.mobile-nav{gap:5px;padding-left:8px;padding-right:8px}.mobile-nav .nav-item{min-width:0;padding-left:5px;padding-right:5px}}
@media(max-width:360px){.booking-summary{padding:15px 12px 12px}.booking-time{font-size:18px}.booking-duration{font-size:10px}.booking-car-name{font-size:17px}.booking-card-foot{gap:7px;font-size:10px}.booking-week{gap:2px}.booking-details{padding:15px}.booking-works li{font-size:12px}.booking-works small{font-size:9px}.booking-day-heading h2{font-size:15px}.mobile-nav .nav-item{font-size:10px}}
/* iOS date controls otherwise keep a native minimum size inside small text fields.
Keep the native date picker, while matching the field to its readable value. */
@supports (-webkit-touch-callout: none) {
@media (max-width: 700px) {
.period-controls input[type="date"],
.booking-datebox input[type="date"] {
-webkit-appearance: none;
appearance: none;
box-sizing: border-box;
display: flex;
align-items: center;
min-width: 0;
width: 100%;
max-width: 100%;
height: 44px;
min-height: 44px;
margin: 0;
padding: 0 8px;
font-size: 16px;
line-height: 1.25;
}
.period-controls input[type="date"]::-webkit-date-and-time-value,
.booking-datebox input[type="date"]::-webkit-date-and-time-value {
display: inline-flex;
align-items: center;
min-height: 1.25em;
margin: 0;
padding: 0;
font: inherit;
text-align: left;
}
}
@media (max-width: 360px) {
.period-controls { grid-template-columns: minmax(0, 1fr); }
}
}
.manager-total{min-height:215px;max-width:100%;padding:29px 33px}.manager-total .earnings-caption{margin-top:14px}.manager-total .card-chevron{right:30px;top:33px}.payroll-components{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.payroll-component{border:1px solid #29464d;background:linear-gradient(120deg,#172f35,#12282d);border-radius:13px;padding:23px 25px}.payroll-component-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.payroll-component h3{font-size:13px;line-height:1.5;color:#c4dadd;font-weight:550;margin:0}.payroll-rate{font-size:12px;font-weight:600;flex-shrink:0;padding:3px 8px;border:1px solid #285d54;border-radius:5px;color:#5cdbb9;background:#173c35}.payroll-component-amount{display:block;font-size:29px;font-weight:650;letter-spacing:-.7px;line-height:1.3;margin-top:19px;overflow-wrap:anywhere}.payroll-component p{font-size:11px;line-height:1.6;color:#799fa9;margin:9px 0 0}.manager-payroll-view .earnings-value.missing{font-size:29px}.manager-payroll-view .person-context{margin-bottom:24px}@media(max-width:700px){.manager-total{min-height:198px;padding:24px 23px}.manager-total .earnings-caption{font-size:10px;max-width:80%}.manager-total .card-chevron{right:-15px;top:20px}.manager-payroll-view .earnings-value.missing{font-size:25px}.payroll-components{grid-template-columns:1fr;gap:11px}.payroll-component{padding:18px 20px;border-radius:11px}.payroll-component h3{font-size:12px}.payroll-component-amount{font-size:25px;margin-top:12px}.payroll-component p{font-size:10px;margin-top:7px}.payroll-rate{font-size:11px}.manager-payroll-view #page-title{font-size:28px}}@media(max-width:360px){.manager-total{padding:22px 19px}.manager-payroll-view #page-title{font-size:25px}.payroll-component{padding:17px}.payroll-component-amount{font-size:24px}}
.vehicle-plate{display:inline-block;margin-left:8px;font:inherit;color:inherit;letter-spacing:inherit;max-width:100%;overflow-wrap:anywhere}
.topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.report-warning-button{width:44px;height:44px;color:#e4bc5d}.report-warning-button[hidden]{display:none}.report-warning-button span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid currentColor;border-radius:50%;font-size:18px;font-weight:600;line-height:1}.report-warning-button:hover{color:#ffdb76;background:#e4bc5d12}.report-warning-button:focus-visible{outline:2px solid #ffdc28;outline-offset:2px}.report-warnings-list{list-style:none;margin:0;padding:0;color:#c4dadd;font-size:14px;line-height:1.7}.report-warnings-list li+li{margin-top:18px;padding-top:18px;border-top:1px solid #2c484f}
/* The native timesheet has an independent month and keeps editing within a modal. */
.timesheet-view{max-width:none}.timesheet-view .page-heading{margin-bottom:25px}.timesheet-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:17px}.timesheet-month{display:flex;align-items:center;background:#12272c;border:1px solid #2a464d;border-radius:10px;max-width:100%}.timesheet-month select{min-width:0;max-width:210px;border:0;background:transparent;color:#eef6f7;font:inherit;font-size:15px;padding:9px 5px;text-align:center;color-scheme:dark}.timesheet-month select option{background:#12272c}.timesheet-toolbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.timesheet-toolbar-actions .secondary-button{min-height:40px}.timesheet-hint{color:#93b1b8;font-size:12px;line-height:1.7;margin:12px 0}.timesheet-saved{display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:#89b2ab;font-size:11px;line-height:1.6;margin:0 0 15px}.timesheet-saved .icon{width:14px;height:14px;color:#05cfb8}.timesheet-scroll{width:100%;max-height:68vh;overflow:auto;overscroll-behavior-x:contain;border:1px solid #2b4a50;border-radius:12px;background:#0f252a;scrollbar-color:#41686a #102328}.timesheet-scroll:focus-visible{outline:2px solid #05cbb7;outline-offset:3px}.timesheet-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%;font-size:12px;font-variant-numeric:tabular-nums}.timesheet-table th,.timesheet-table td{border-right:1px solid #27434a;border-bottom:1px solid #27434a;text-align:center;padding:0}.timesheet-table th:last-child,.timesheet-table td:last-child{border-right:0}.timesheet-table tbody tr:last-child>*{border-bottom:0}.timesheet-table thead th{position:sticky;top:0;z-index:3;background:#153137;height:61px;color:#c1d9dd;font-size:10px;line-height:1.4;font-weight:500;padding:7px;min-width:68px}.timesheet-table .timesheet-person{position:sticky;left:0;z-index:2;min-width:190px;width:190px;max-width:190px;text-align:left;background:#122a2f;padding:0 12px;box-shadow:2px 0 0 #35555b}.timesheet-table thead .timesheet-person{z-index:4;font-size:11px}.timesheet-person button{min-height:47px;width:100%;text-align:left;padding:9px 0;background:none;border:0;color:#e3eeee;font:inherit;font-size:12px;font-weight:500;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.timesheet-person button:hover{color:#38dac7}.timesheet-person button:focus-visible{outline:2px solid #ffdc29;outline-offset:-1px}.timesheet-table thead .timesheet-day-heading{min-width:44px;width:44px;font-size:14px}.timesheet-day-heading small{display:block;font-size:9px;font-weight:400;margin-bottom:3px;color:#8daeb6}.timesheet-table thead .timesheet-weekend{background:#303436;color:#edc890}.timesheet-day.timesheet-weekend{background:#263030}.timesheet-table .timesheet-group th{height:33px;background:#1b383c;text-align:left;color:#a1c7c6;font-size:11px;font-weight:550;padding:6px 12px}.timesheet-group span{position:sticky;left:12px;display:inline-block;max-width:190px;overflow-wrap:anywhere}.timesheet-cell{display:block;width:100%;min-width:44px;height:47px;padding:0 4px;border:0;border-radius:0;font:inherit;font-size:13px;line-height:1.4;background:transparent;color:#dcf2ee}.timesheet-cell:hover{box-shadow:inset 0 0 0 2px #51b8b3}.timesheet-cell:focus-visible{outline:2px solid #ffdc29;outline-offset:-3px;position:relative;z-index:1}.timesheet-table .timesheet-total{font-size:12px;font-weight:600;padding:7px 10px;min-width:68px;color:#bde3dc;background:#142f33}.timesheet-table .is-hours,.timesheet-legend .is-hours{background:#17514b;color:#b6f5e2}.timesheet-table .is-off,.timesheet-legend .is-off{background:#294e7d;color:#deedff}.timesheet-table .is-leave,.timesheet-legend .is-leave{background:#41354b;color:#e0c3f1}.timesheet-table .is-sick,.timesheet-legend .is-sick{background:#4a4025;color:#efdaa0}.timesheet-table .is-extra,.timesheet-legend .is-extra{background:#105b60;color:#8cedee}.timesheet-table .is-absence,.timesheet-legend .is-absence{background:#582e33;color:#ffc2bd}.timesheet-table .is-other,.timesheet-legend .is-other{background:#394448;color:#d1e0e2}.timesheet-table .is-blank,.timesheet-legend .is-blank{color:#7b949a}.timesheet-legend{display:flex;flex-wrap:wrap;gap:10px 17px;margin:18px 0 0;color:#a4bec4;font-size:11px;line-height:1.5}.timesheet-legend>span{display:flex;align-items:center;gap:6px}.timesheet-legend i{display:inline-flex;align-items:center;justify-content:center;width:29px;height:26px;border:1px solid #416065;border-radius:5px;font-style:normal;font-weight:600;font-size:12px}.timesheet-source{font-size:10px;color:#72969c;line-height:1.6;margin-top:18px;overflow-wrap:anywhere}.timesheet-field{display:block;font-size:12px;color:#aac4ca;margin:0 0 18px}.timesheet-field input{display:block;min-width:0;width:100%;height:45px;margin-top:8px;padding:10px 12px;border:1px solid #3a5c64;border-radius:8px;background:#0d2025;color:#edf7f7;font:inherit;font-size:16px;color-scheme:dark}.timesheet-field input:focus{outline:2px solid #00bca8;outline-offset:2px}.timesheet-quickcodes{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 20px}.timesheet-quickcodes button{font-size:12px;min-height:40px}.timesheet-edit-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:21px}.timesheet-edit-actions .primary-button{margin:0}.timesheet-edit-actions button{min-height:43px}.timesheet-edit-error{color:#e2b486;font-size:12px;line-height:1.7;white-space:pre-wrap}.timesheet-edit-error:empty{display:none}.timesheet-current-value{border:1px solid #527773;background:#193a38;border-radius:9px;padding:12px;color:#badbd5;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:700px){.timesheet-view{padding-left:18px;padding-right:18px}.timesheet-toolbar{display:block}.timesheet-month{width:max-content;max-width:100%;margin-bottom:13px}.timesheet-month select{font-size:16px}.timesheet-toolbar-actions{gap:7px}.timesheet-toolbar-actions .secondary-button{font-size:11px;padding:8px 11px}.timesheet-toolbar-actions .refresh-button{margin-left:auto}.timesheet-scroll{max-height:65vh;border-radius:10px}.timesheet-table .timesheet-person{min-width:123px;width:123px;max-width:123px;padding:0 9px}.timesheet-person button{font-size:11px;min-height:48px}.timesheet-cell{height:48px;font-size:14px}.timesheet-group span{max-width:123px}.timesheet-table thead th{height:58px}.timesheet-table .timesheet-total{font-size:11px}.timesheet-hint{font-size:11px}.timesheet-legend{font-size:10px;gap:9px 11px}.timesheet-edit-actions button{flex:1}.timesheet-quickcodes{gap:7px}.timesheet-quickcodes button{font-size:11px}.timesheet-saved{font-size:10px}.mobile-nav .nav-item{flex:1;min-width:0}}
.timesheet-table .timesheet-summary th,.timesheet-table .timesheet-summary td{background:#203d40;color:#b6dcd5;height:39px;font-size:11px;font-weight:550}.timesheet-summary .timesheet-person{line-height:1.5;padding:7px 12px}.timesheet-table .timesheet-summary-note{font-size:10px;font-weight:400;color:#84aaa9}.timesheet-summary-choices{border:1px solid #36545c;border-radius:9px;padding:12px 14px;margin:19px 0 0}.timesheet-summary-choices legend{padding:0 5px;font-size:12px;color:#9ebdc5}.timesheet-summary-choices label{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:12px;line-height:1.5;color:#d2e4e5}.timesheet-summary-choices input{appearance:auto;accent-color:#00baa7;width:18px;height:18px;flex-shrink:0;margin:0}.timesheet-bitrix-search{display:flex;gap:9px;align-items:flex-end;margin-top:15px}.timesheet-bitrix-search .timesheet-field{flex:1;min-width:0;margin:0}.timesheet-bitrix-search button{min-height:45px;flex-shrink:0}.timesheet-bitrix-preview{display:flex;align-items:flex-start;gap:8px;border:1px solid #2d756a;background:#123f38;border-radius:9px;color:#83e0cd;font-size:13px;line-height:1.6;padding:13px;margin:16px 0 20px}.timesheet-bitrix-preview:empty{display:none}.timesheet-bitrix-preview .icon{flex-shrink:0;width:17px;height:17px;margin-top:2px}.timesheet-bitrix-preview strong{font-weight:550;overflow-wrap:anywhere}.timesheet-manual-user{margin:14px 0 20px}.timesheet-manual-user>summary{cursor:pointer;color:#7fbcb7;font-size:11px;padding:5px 0}.timesheet-directory-list{max-height:205px;overflow:auto;border:1px solid #2e4e56;border-radius:8px;background:#0c2429;margin-top:-5px}.timesheet-directory-list>button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;min-height:43px;padding:10px 12px;background:transparent;border:0;color:#d4e7e8;font:inherit;text-align:left}.timesheet-directory-list>button+button{border-top:1px solid #27444a}.timesheet-directory-list>button:hover{background:#184743}.timesheet-directory-list>button:focus-visible{outline:2px solid #ffdc29;outline-offset:-3px}.timesheet-directory-list strong{font-size:12px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.timesheet-directory-list small{color:#8babae;font-size:10px;white-space:nowrap}.timesheet-field input[readonly]{border-color:#29474d;color:#8db6b7}
@media(max-width:700px){.timesheet-table .timesheet-summary th,.timesheet-table .timesheet-summary td{font-size:10px}.timesheet-summary .timesheet-person{padding:7px 9px}.timesheet-directory-list{max-height:180px}.timesheet-summary-choices{padding:9px 12px}.timesheet-summary-choices label{font-size:11px}.timesheet-bitrix-search{gap:8px}.timesheet-bitrix-search button{padding-left:10px;padding-right:10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Personal attendance is a compact read-only calendar, separate from editor tables. */
.timesheet-late-badge{display:block;font-size:10px;font-weight:550;line-height:1.2;color:#ffd186;margin-top:4px;white-space:nowrap}.timesheet-cell.has-late{font-size:11px;line-height:1.2;min-width:51px;padding:5px 2px}.timesheet-cell.has-late .timesheet-late-badge{font-size:9px;margin-top:3px}.timesheet-table .timesheet-total.timesheet-exact-time{min-width:115px;max-width:135px;white-space:normal;font-size:11px;line-height:1.5}.timesheet-net-preview{display:flex;flex-direction:column;gap:6px;padding:13px 15px;border:1px solid #38645c;background:#133a32;border-radius:9px;color:#c7eee0;line-height:1.6;margin-top:14px;font-size:13px}.timesheet-net-preview strong{font-size:17px;font-weight:600}.timesheet-net-preview>span{font-size:12px;color:#a9c9be}.timesheet-net-preview .timesheet-net-error{color:#f1c186}.work-calendar-grid .has-late{height:83px}.work-calendar-grid .has-late .work-calendar-mark{font-size:11px;margin-top:3px}.work-calendar-grid .has-late .timesheet-late-badge{font-size:9px;margin-top:3px}.work-calendar-totals dd.work-calendar-exact-time{font-size:17px;line-height:1.6}@media(max-width:700px){.work-calendar-grid .has-late{height:74px}.work-calendar-grid .has-late .work-calendar-mark{font-size:10px}.work-calendar-grid .has-late .timesheet-late-badge{font-size:8px}.work-calendar-totals dd.work-calendar-exact-time{font-size:14px}.timesheet-net-preview strong{font-size:16px}}@media(max-width:360px){.work-calendar-grid .has-late .work-calendar-mark{font-size:9px}.work-calendar-totals dd.work-calendar-exact-time{font-size:12px}}
.timesheet-view-switch{display:inline-flex;align-items:stretch;gap:5px;padding:5px;margin:0 0 22px;max-width:100%;border:1px solid #31525a;border-radius:10px;background:#10272c}.timesheet-view-switch button{min-width:0;min-height:42px;padding:10px 18px;border:1px solid transparent;border-radius:7px;background:transparent;color:#9cbdc4;font:inherit;font-size:13px;line-height:1.4;text-align:center}.timesheet-view-switch button.active{background:#17473f;border-color:#328378;color:#51e2cd}.timesheet-view-switch button:hover{color:#b6f4e8;background:#173b37}.timesheet-view-switch button:focus-visible{outline:2px solid #ffdc29;outline-offset:2px}@media(max-width:700px){.timesheet-view-switch{margin-bottom:18px}.timesheet-view-switch button{min-height:43px;padding:10px 14px;font-size:12px}}
.work-calendar-view .page-heading{margin-bottom:25px}.work-calendar-panel{max-width:660px;padding:22px;border:1px solid #2b4a50;border-radius:15px;background:#10272c}.work-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px;flex-wrap:wrap}.work-calendar-toolbar .timesheet-month{margin:0}.work-calendar-toolbar .refresh-button{margin-left:auto}.work-calendar-person{display:flex;flex-direction:column;gap:6px;line-height:1.5;margin:0 0 20px;overflow-wrap:anywhere}.work-calendar-person strong{font-size:16px;font-weight:600}.work-calendar-person span{font-size:12px;color:#92b4ba}.work-calendar-note{font-size:13px;line-height:1.7;color:#b2cdd0;border-left:2px solid #54b7ac;padding:0 0 0 12px;margin:0 0 18px}.work-calendar-grid{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:5px;font-variant-numeric:tabular-nums;margin:0 -5px;width:calc(100% + 10px)}.work-calendar-grid th{text-align:center;font-size:12px;font-weight:500;color:#9cbbc1;height:32px;padding:0 0 8px}.work-calendar-day{height:72px;text-align:center;vertical-align:middle;border:1px solid transparent;border-radius:9px;padding:6px 2px;background:#173238;color:#ecf5f5}.work-calendar-date{display:block;font-size:20px;line-height:1.3;font-weight:550}.work-calendar-mark{display:block;font-size:11px;line-height:1.4;min-height:16px;margin-top:5px;white-space:nowrap}.work-calendar-grid .is-hours{background:#17514b;color:#c4faea}.work-calendar-grid .is-off{background:#294e7d;color:#deedff}.work-calendar-grid .is-leave{background:#41354b;color:#e9cffb}.work-calendar-grid .is-sick{background:#4a4025;color:#fae6b0}.work-calendar-grid .is-extra{background:#105b60;color:#a8f6f6}.work-calendar-grid .is-absence{background:#582e33;color:#ffcfca}.work-calendar-grid .is-other{background:#394448;color:#d1e0e2}.work-calendar-grid .is-blank{color:#b1cbd1;background:#142d32}.work-calendar-grid .is-blank .work-calendar-mark{color:#64868e}.work-calendar-grid .is-adjacent{background:transparent;color:#55717a}.work-calendar-grid .is-adjacent .work-calendar-date{font-weight:400}.work-calendar-grid .is-today{outline:2px solid #22d9c4;outline-offset:-2px;box-shadow:inset 0 0 0 4px #0d282d}.work-calendar-legend{margin-top:22px;gap:10px 16px}.work-calendar-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 13px;border-top:1px solid #2b4b51;margin:23px 0 0;padding:21px 0 0}.work-calendar-totals dt{font-size:11px;color:#90b2ba;line-height:1.5}.work-calendar-totals dd{font-size:22px;line-height:1.4;font-weight:600;color:#d9eeee;margin:5px 0 0;overflow-wrap:anywhere}.timesheet-link-confirm{display:flex;align-items:flex-start;gap:10px;padding:13px;margin:12px 0 17px;border:1px solid #4a8279;border-radius:9px;color:#cbe7df;font-size:12px;line-height:1.7;background:#173c36}.timesheet-link-confirm input{appearance:auto;accent-color:#00baa7;width:18px;height:18px;flex-shrink:0;margin-top:2px}.timesheet-link-confirm span{overflow-wrap:anywhere}
@media(max-width:700px){.work-calendar-view{padding-left:16px;padding-right:16px}.work-calendar-view .page-heading{margin-bottom:21px}.work-calendar-panel{padding:15px 12px;border-radius:12px;max-width:100%}.work-calendar-toolbar{gap:7px;margin-bottom:16px}.work-calendar-toolbar .timesheet-month{margin:0}.work-calendar-toolbar .timesheet-month select{max-width:170px;font-size:15px}.work-calendar-toolbar .refresh-button{font-size:10px}.work-calendar-person{margin-bottom:14px}.work-calendar-person strong{font-size:14px}.work-calendar-grid{border-spacing:3px;margin:0 -3px;width:calc(100% + 6px)}.work-calendar-grid th{font-size:11px;height:28px}.work-calendar-day{height:62px;border-radius:7px;padding:5px 1px}.work-calendar-date{font-size:19px}.work-calendar-mark{font-size:10px;margin-top:4px}.work-calendar-legend{gap:10px 13px;font-size:10px}.work-calendar-totals{gap:13px 8px;padding-top:16px;margin-top:19px}.work-calendar-totals dt{font-size:10px}.work-calendar-totals dd{font-size:20px}.work-calendar-note{font-size:12px}}
@media(max-width:360px){.work-calendar-view{padding-left:12px;padding-right:12px}.work-calendar-panel{padding:13px 9px}.work-calendar-day{height:57px}.work-calendar-date{font-size:17px}.work-calendar-mark{font-size:9px}.work-calendar-grid{border-spacing:2px;margin:0 -2px;width:calc(100% + 4px)}.work-calendar-toolbar .refresh-button{margin-left:0}.work-calendar-totals dt{font-size:9px}}
.timesheet-roster-actions{border-top:1px solid #2f4a50;margin-top:21px;padding-top:16px}.timesheet-remove-button{color:#edb7ae;border-color:#82534d;background:#352b2b}.timesheet-remove-button:hover{background:#4b3131;border-color:#b97a6e}.timesheet-roster-person{display:flex;flex-direction:column;gap:7px;line-height:1.5;overflow-wrap:anywhere}.timesheet-roster-person strong{font-size:17px;color:#e4eeee}.timesheet-roster-person span{color:#91b5bd;font-size:13px}.timesheet-archived-list{display:grid;gap:10px;margin:18px 0}.timesheet-archived-list section{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #36545c;border-radius:9px;background:#122b30}.timesheet-archived-list section>div{min-width:0;display:flex;flex-direction:column;gap:5px;overflow-wrap:anywhere}.timesheet-archived-list strong{font-size:13px;font-weight:600;line-height:1.5}.timesheet-archived-list span{color:#91b5bd;font-size:11px}.timesheet-archived-list button{flex-shrink:0;min-height:40px}.timesheet-preserved-marks{padding:12px;border:1px solid #36545c;border-radius:9px;font-size:12px;line-height:1.8;color:#b6cfd2}.timesheet-preserved-marks summary{cursor:pointer;color:#aac6ca}.timesheet-preserved-marks p{margin:10px 0 0;overflow-wrap:anywhere}@media(max-width:700px){.timesheet-archived-list section{flex-direction:column;align-items:stretch;padding:12px}.timesheet-archived-list button{width:100%}.timesheet-roster-actions button{width:100%}.timesheet-roster-person strong{font-size:16px}}
/* Multi-day attendance selection: only the editor's current employee/month. */
.timesheet-selection-dialog{position:fixed;inset:16px 16px 16px auto;margin:0;width:560px;max-width:calc(100vw - 32px);height:calc(100vh - 32px);height:calc(100dvh - 32px);max-height:none;padding:0;border:1px solid #3b676a;border-radius:14px;background:#122b30;color:#f1f7f7;box-shadow:-16px 0 64px #00101466;overflow-y:auto;overscroll-behavior:contain}
.timesheet-selection-dialog::backdrop{background:#00101455}
#timesheet-selection-content{min-height:100%;display:flex}
.timesheet-selection-panel{background:#122b30;padding:20px;margin:0;width:100%;min-width:0;display:flex;flex-direction:column}
.timesheet-selection-dialog .timesheet-selection-heading{position:sticky;top:-20px;background:#122b30;z-index:2;padding:12px 0;margin-top:-12px}
.timesheet-selection-dialog .timesheet-selection-actions{position:sticky;bottom:-20px;background:#122b30;z-index:2;padding:16px 0 4px;margin-top:auto;border-top:1px solid #305056}
.timesheet-selection-dialog .timesheet-selection-calendar{max-width:none;flex-shrink:0}
@media(max-width:700px){.timesheet-selection-dialog{inset:0;margin:0;width:100%;max-width:100%;height:100vh;height:100dvh;border:0;border-radius:0}.timesheet-selection-dialog .timesheet-selection-panel{padding:16px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.timesheet-selection-dialog .timesheet-selection-heading{top:-16px}.timesheet-selection-dialog .timesheet-selection-actions{bottom:-16px;padding-bottom:12px}}
.timesheet-selection-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.timesheet-selection-heading h2{margin:0;font-size:18px}.timesheet-selection-heading .text-button{font-size:12px}
.timesheet-selection-panel .timesheet-field select{display:block;width:100%;min-width:0;height:45px;margin-top:8px;padding:8px 12px;border:1px solid #3a5c64;border-radius:8px;background:#0d2025;color:#edf7f7;font-size:16px}
.timesheet-selection-range{display:flex;align-items:flex-end;gap:10px}.timesheet-selection-range .timesheet-field{flex:1;min-width:0;margin:0}.timesheet-selection-range button{min-height:45px;margin:0;white-space:nowrap}
.timesheet-selection-range input[type=date]{appearance:none;-webkit-appearance:none;min-inline-size:0;inline-size:100%;height:45px;min-height:45px;font-size:16px;line-height:1.25;text-align:left;padding:10px 9px;color-scheme:dark}.timesheet-selection-range input[type=date]::-webkit-date-and-time-value{min-height:1.25em;text-align:left;margin:0}.timesheet-selection-range input[type=date]::-webkit-datetime-edit{padding:0;line-height:1.25}.timesheet-selection-range input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0}
.timesheet-selection-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;max-width:470px;margin:18px 0}.timesheet-selection-weekday{font-size:11px;text-align:center;color:#9db9bf;padding:4px 0}.timesheet-selection-day{position:relative;min-width:0;min-height:53px;padding:5px 2px;border:1px solid #365357;border-radius:7px;background:#1b373c;color:#dbeceb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.timesheet-selection-day strong{font-size:17px}.timesheet-selection-day small{font-size:10px}.timesheet-selection-day.is-hours{background:#17514b}.timesheet-selection-day.is-off{background:#294e7d;color:#deedff}.timesheet-selection-day.is-leave{background:#41354b}.timesheet-selection-day.is-sick{background:#4a4025}.timesheet-selection-day.is-extra{background:#105b60}.timesheet-selection-day.is-absence{background:#582e33}
.timesheet-selection-day.is-selected,.timesheet-cell.is-selected{box-shadow:inset 0 0 0 2px #ffdc29;background:#355653;color:#fff5bb}.timesheet-selection-check{position:absolute;top:2px;right:4px;font-size:11px;color:#ffdc29}.timesheet-selection-day:focus-visible{outline-offset:1px}.timesheet-cell.is-selected:focus-visible{outline-color:#fff;outline-offset:-5px}
.timesheet-selection-message{font-size:12px;line-height:1.6;color:#e2c38a;min-height:19px;margin:9px 0}.timesheet-selection-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.timesheet-selection-actions strong{font-size:13px;margin-right:auto}.timesheet-selection-actions button{margin:0;min-height:42px;font-size:12px}
.timesheet-bulk-preview{max-height:250px;overflow:auto;border:1px solid #355158;border-radius:8px;margin:14px 0}.timesheet-bulk-preview table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.timesheet-bulk-preview th,.timesheet-bulk-preview td{padding:9px 11px;border-bottom:1px solid #2e494e}.timesheet-bulk-preview thead th{position:sticky;top:0;background:#213d42;color:#a6c2c7;z-index:1}.timesheet-bulk-preview tbody th{font-weight:500;width:48px}.timesheet-bulk-preview small{display:block;color:#b5c8ca;font-size:10px;margin-top:4px}.timesheet-bulk-preview tr.is-changing td:last-child{color:#64dec8}.timesheet-bulk-confirm{display:flex;align-items:flex-start;gap:10px;margin:17px 0;color:#d3e3e3;font-size:12px;line-height:1.6}.timesheet-bulk-confirm input{appearance:auto;width:19px;height:19px;flex-shrink:0;margin:1px 0 0;accent-color:#00baa7}.timesheet-bulk-warning{font-size:12px;color:#e4c081;line-height:1.6}
@media(max-width:700px){.timesheet-selection-panel{padding:14px 10px}.timesheet-selection-heading{gap:8px}.timesheet-selection-heading h2{font-size:16px}.timesheet-selection-heading .text-button{font-size:11px}.timesheet-selection-range{flex-wrap:wrap;gap:9px}.timesheet-selection-range .timesheet-field{flex:1 1 calc(50% - 9px)}.timesheet-selection-range button{width:100%;font-size:12px}.timesheet-selection-actions strong{width:100%}.timesheet-selection-actions button{flex:1;padding:10px 8px}.timesheet-selection-calendar{gap:4px}.timesheet-selection-day{min-height:50px}.timesheet-bulk-preview th,.timesheet-bulk-preview td{padding:9px 7px}}
.placement-login{max-width:600px;margin:0 auto;padding:40px 24px;line-height:1.6}.placement-login h1{font-size:28px;line-height:1.2}.placement-login p{margin:18px 0}.placement-login .primary-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;text-decoration:none}.placement-login-code{font-size:12px;color:#9ab8bf;overflow-wrap:anywhere}.placement-login [hidden]{display:none}
/* Environment label supplied only when APP_VARIANT=beta. */
.app-variant-beta{padding-top:32px}.app-variant-banner{position:fixed;inset:0 0 auto;z-index:80;min-height:32px;display:flex;align-items:center;justify-content:center;padding:6px 12px;background:#554022;border-bottom:1px solid #977239;color:#ffe3a9;font:600 12px/19px "Segoe UI",Arial,sans-serif;letter-spacing:.2px}.app-variant-beta .sidebar{top:32px}
.earnings-report-modes{display:flex;flex-wrap:wrap;gap:8px;margin:-10px 0 24px}.earnings-report-modes .filter-button[aria-pressed=true]{background:#164942;border-color:#298b7c;color:#73e3ce}.works-filter-note{margin:0 0 16px;color:#a6c2c8;font-size:12px;line-height:1.6}#works-heading{scroll-margin-top:52px}.pagination[hidden]{display:none}@media(max-width:700px){.earnings-report-modes .filter-button{flex:1;min-width:0;padding:10px 8px}.works-filter-note{font-size:11px}}
.team-report-switch{display:inline-flex;gap:4px;padding:4px;margin:0 0 24px;border:1px solid #29454c;border-radius:10px;background:#12272c}.team-report-panel[hidden]{display:none}@media(max-width:700px){.team-report-switch{display:flex;width:100%}}