@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:600;src:url(./saira-vietnamese-600-normal-D5gszP3k.woff2)format("woff2"),url(./saira-vietnamese-600-normal-BXtbQ9YO.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:600;src:url(./saira-latin-ext-600-normal-BDLPjVgT.woff2)format("woff2"),url(./saira-latin-ext-600-normal-DVm3eXEL.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:600;src:url(./saira-latin-600-normal-DYxBFP1f.woff2)format("woff2"),url(./saira-latin-600-normal-DF-o6wW3.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:800;src:url(./saira-vietnamese-800-normal-q1GnhoGe.woff2)format("woff2"),url(./saira-vietnamese-800-normal-CYWdt6JU.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:800;src:url(./saira-latin-ext-800-normal-CfNB7UnQ.woff2)format("woff2"),url(./saira-latin-ext-800-normal-CWgXv44K.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:800;src:url(./saira-latin-800-normal-Bc4BtNlT.woff2)format("woff2"),url(./saira-latin-800-normal-B5axCTH7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(./hanken-grotesk-cyrillic-ext-400-normal-BLTEyOai.woff2)format("woff2"),url(./hanken-grotesk-cyrillic-ext-400-normal-C910xUUL.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(./hanken-grotesk-vietnamese-400-normal-BLrFBAHj.woff2)format("woff2"),url(./hanken-grotesk-vietnamese-400-normal-C-iWyKLC.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(./hanken-grotesk-latin-ext-400-normal-DR7lHpW4.woff2)format("woff2"),url(./hanken-grotesk-latin-ext-400-normal-DI-aIsWt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(./hanken-grotesk-latin-400-normal-BG6hkEXj.woff2)format("woff2"),url(./hanken-grotesk-latin-400-normal-CjyVwvJV.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(./hanken-grotesk-cyrillic-ext-600-normal-gC6IfhiA.woff2)format("woff2"),url(./hanken-grotesk-cyrillic-ext-600-normal-CZKgvMB-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(./hanken-grotesk-vietnamese-600-normal-Cp8QQjQf.woff2)format("woff2"),url(./hanken-grotesk-vietnamese-600-normal-DHaFH8q1.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(./hanken-grotesk-latin-ext-600-normal-FY8kSObK.woff2)format("woff2"),url(./hanken-grotesk-latin-ext-600-normal-DHIm05DD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(./hanken-grotesk-latin-600-normal-CIXX6EOa.woff2)format("woff2"),url(./hanken-grotesk-latin-600-normal-NEn2C4Q3.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#312e29;font-synthesis:none;--green:#ff4d00;--dark:#0f0f10;--muted:#898783;--border:#e6e5e3;--lime:#ffd9c7;background:#f5f3ee;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #a49983}button{border:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.4px;font-size:35px;font-weight:550;line-height:1.25}h2{letter-spacing:-.3px;font-size:17px;font-weight:600}h3{font-size:22px;font-weight:550}p{color:#817f7b;line-height:1.65}a{color:var(--green)}.brand{letter-spacing:-1.1px;align-items:center;gap:11px;font-size:26px;font-weight:650;line-height:1.1;display:flex}.brand-icon{background:var(--green);color:#fff1ea;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.brand-light{font-weight:350}.brand small{letter-spacing:2px;color:#a9a6a1;margin-top:7px;font-size:8px;font-weight:500;display:block}.sidebar{border-right:1px solid var(--border);z-index:20;background:#fff;flex-direction:column;width:232px;padding:32px 20px 20px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar>.brand{margin-left:8px}.workspace-label{border:1px solid var(--border);border-radius:9px;align-items:center;gap:10px;margin:35px 0 29px;padding:12px 10px;font-size:12px;font-weight:550;display:flex}.workspace-avatar{color:#7c7870;background:#f2f1f0;border-radius:7px;place-items:center;width:31px;height:31px;font-size:11px;display:grid}.workspace-label small{margin-top:4px;font-size:10px;font-weight:400;display:block}.nav-label{letter-spacing:1.7px;color:#a3a29f;margin:0 12px 13px;font-size:9px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.sidebar nav button{color:#848380;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:13px;font-size:12px;font-weight:550;display:flex}.sidebar nav button.selected{color:var(--green);background:#eeece9}.sidebar nav button:hover{background:#f4f3f1}.sidebar nav small{text-align:center;background:#fff;border-radius:4px;min-width:20px;margin-left:auto;padding:2px;font-size:9px}.sidebar-bottom{margin-top:auto;padding-top:32px}.desktop-card{background:#f1efec;border-radius:12px;padding:17px}.desktop-card>svg{color:#645f55;margin-bottom:10px}.desktop-card strong{font-size:13px;font-weight:600;line-height:1.5;display:block}.desktop-card p{margin-top:6px;font-size:10px;line-height:1.7}.desktop-card button{color:#58544c;background:#fff;border-radius:5px;justify-content:space-between;align-items:center;width:100%;margin-top:13px;padding:9px;font-size:10px;font-weight:600;display:flex}.help-link{color:#8e8c89;background:0 0;align-items:center;gap:9px;padding:21px 8px;font-size:11px;display:flex}.account{border-top:1px solid var(--border);align-items:center;gap:9px;padding-top:19px;font-size:11px;display:flex}.account small{margin-top:4px;font-size:9px;display:block}.account>button{margin-left:auto}.avatar{color:#757064;background:#e6e4e0;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:10px;font-weight:600;display:inline-grid}.avatar.small{width:28px;height:28px;font-size:9px}.tone-0{color:#7a756a;background:#eae8e3}.tone-1{color:#a58563;background:#eee4db}.tone-2{color:#7b86a2;background:#e4e7f0}.tone-3{color:#b48e83;background:#f2e5e2}.main-area{width:calc(100% - 232px);margin-left:232px}.topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;height:75px;padding:0 38px;display:flex}.breadcrumb{color:#a19f9c;align-items:center;gap:14px;font-size:11px;display:flex}.breadcrumb strong{color:#5a5854;font-weight:500}.breadcrumb span{color:#c9c8c5}.topbar-right{align-items:center;gap:21px;display:flex}.live-badge{color:#655f55;background:#faf9f7;border:1px solid #e6e4e0;border-radius:20px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;display:flex}.live-badge i{background:#71955c;border-radius:50%;width:6px;height:6px}.live-badge.off{color:#888682;background:#f4f3f2}.live-badge.off i{background:#a8a6a3}.page-content{max-width:1720px;margin:auto;padding:29px 38px 0}.demo-banner{color:#726b5d;background:#edeae5;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:9px 13px;font-size:10px;display:flex}.demo-banner button{color:inherit;background:0 0;align-items:center;gap:7px;font-size:10px;display:flex}.eyebrow{color:#88847b;letter-spacing:1.7px;margin-bottom:11px;font-size:9px;font-weight:650;display:block}.page-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px;display:flex}.page-heading p{margin-top:9px;font-size:12px}.primary,.secondary{border-radius:7px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:12px;font-weight:550;text-decoration:none;display:inline-flex}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.secondary{color:#5b5852;white-space:nowrap;background:#fff;border:1px solid #e2e1de;font-size:11px}.compact{padding:9px 12px}.icon-button{color:#8e8c89;background:0 0;border-radius:5px;place-items:center;padding:5px;display:inline-grid}.icon-button:hover{background:#f0efec}.text-button{color:#635e53;background:0 0;align-items:center;gap:7px;padding:6px 0;font-size:11px;display:inline-flex}.text-button:hover{text-decoration:underline}.filter-bar{align-items:center;gap:14px;margin:0 0 24px;display:flex}.filter-spacer{flex:1}.date-control{border:1px solid var(--border);background:#fff;border-radius:7px;align-items:center;padding:4px;display:flex}.date-control label{color:#84827d;align-items:center;gap:7px;margin:0;padding:0 8px;display:flex}.date-control input{color:#6a6660;background:0 0;border:0;max-width:131px;padding:5px 0;font-size:11px}.filter-date-label{color:#98958f;font-size:10px}.employee-select{border:1px solid var(--border);color:#77736a;background:#fff;border-radius:7px;align-items:center;gap:8px;margin:0;padding:9px 10px;display:flex}.employee-select select{color:#74716a;background:0 0;border:0;max-width:150px;padding:0;font-size:10px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px;display:grid}.metric{border:1px solid var(--border);background:#fff;border-radius:10px;padding:20px}.metric>div{color:#8e8c88;justify-content:space-between;align-items:center;font-size:11px;display:flex}.metric>div svg{color:#a8a59f;width:17px;height:17px}.metric>strong{letter-spacing:-1px;margin:17px 0 9px;font-size:29px;font-weight:550;display:block}.metric.accent{background:var(--green);border-color:var(--green);color:#fff}.metric.accent>div,.metric.accent>div svg{color:#cdc8be}.metric.accent>small{color:#bbb6ad}.overview-grid{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:23px;margin-bottom:23px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:11px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:16px;padding:22px 23px;display:flex}.panel-heading p{margin-top:6px;font-size:10px}.panel-heading>svg{color:#aca9a4}.legend{color:#9e9c97;align-items:center;gap:6px;font-size:9px;display:flex}.legend i{background:#6e6758;border-radius:2px;width:6px;height:6px}.timeline-scale,.timeline-row{grid-template-columns:112px 1fr;padding:0 23px;display:grid}.timeline-scale{color:#aba9a4;margin:6px 0 15px;font-size:8px}.timeline-scale>div{justify-content:space-between;display:flex}.timeline-row{align-items:center;min-height:59px}.timeline-person{align-items:center;gap:9px;font-size:10px;font-weight:550;display:flex}.timeline-person small{margin-top:4px;font-size:9px;font-weight:400;display:block}.timeline-track{background:repeating-linear-gradient(90deg,#f2f1ef 0 1px,#0000 1px 16.667%);border-right:1px solid #f2f1ef;height:32px;position:relative}.timeline-track button{opacity:.85;border-radius:4px;min-width:2px;height:23px;position:absolute;top:5px}.timeline-track button:hover{opacity:1;outline:2px solid #989183}.timeline-footer{color:#a4a09a;border-top:1px solid #f0efee;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:18px 23px;font-size:8px;display:flex}.timeline-footer span{align-items:center;gap:5px;display:flex}.apps-panel .panel-heading{padding-bottom:13px}.app-row{align-items:center;gap:10px;padding:12px 23px;display:flex}.app-glyph{border-radius:7px;place-items:center;width:29px;height:29px;font-size:13px;font-weight:700;display:grid}.app-row>div{flex:1;min-width:0}.app-row>div>div:first-child{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:10px;display:flex}.app-row strong{font-weight:500}.app-row span{color:#9e9b95;font-size:9px}.bar{background:#f1f0ed;border-radius:3px;height:4px;overflow:hidden}.bar i{border-radius:3px;height:100%;display:block}.muted-footnote{border-top:1px solid #f0efee;margin-top:9px;padding:15px 23px;font-size:8px;line-height:1.7}.sessions-panel{margin-bottom:28px}.count{color:#90887a;vertical-align:middle;background:#f1efeb;border-radius:4px;margin-left:5px;padding:3px 6px;font-size:9px;font-weight:500;display:inline-block}.search-field{color:#aaa69f;background:#fafaf9;border:1px solid #eceae6;border-radius:6px;align-items:center;gap:8px;margin:0;padding:7px 10px;display:flex}.search-field input{color:#737069;background:0 0;border:0;width:155px;padding:0;font-size:10px}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#98958f;letter-spacing:.9px;background:#fafaf9;border-top:1px solid #eeece9;border-bottom:1px solid #eeece9;padding:12px 20px;font-size:8px;font-weight:500}td{color:#7a776f;border-bottom:1px solid #f1f0ed;padding:14px 20px;font-size:10px}tbody tr:last-child td{border:0}td small{color:#a39f97;align-items:center;gap:5px;margin-top:5px;font-size:9px;display:flex}.person-cell{align-items:center;gap:9px;display:flex}.task-button{color:#5c584e;text-align:left;background:0 0;padding:0;font-size:10px;font-weight:500}.task-button:hover{text-decoration:underline}.tiny-dot{border-radius:50%;width:5px;height:5px;display:inline-block}.status-pill{color:#8d877a;background:#f1efec;border-radius:12px;padding:5px 9px;font-size:8px}.status-pill.interrupted{color:#a98143;background:#faf0df}.section-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.section-heading p{margin-top:5px;font-size:10px}.capture-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.capture-grid.full{grid-template-columns:repeat(3,minmax(0,1fr))}.capture-card{border:1px solid var(--border);background:#fff;border-radius:8px;overflow:hidden}.capture-image{aspect-ratio:16/10;background:#eeedea;border-radius:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.capture-image img{object-fit:contain;width:100%;height:100%}.capture-expand{color:#918b7f;background:#ffffffd9;border-radius:5px;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:8px;right:8px}.capture-caption{align-items:center;gap:7px;padding:12px 10px;display:flex}.capture-caption strong{font-size:9px;font-weight:500;display:block}.capture-caption small{margin-top:3px;font-size:8px;display:block}.capture-caption time{color:#98948d;margin-left:auto;font-size:8px}.sample-screen{text-align:left;background:#e6e5e4;width:100%;height:100%;padding:12px 12px 0;position:relative}.sample-toolbar{background:#f4f4f4;border-radius:3px 3px 0 0;align-items:center;gap:3px;height:14px;padding:0 5px;display:flex}.sample-toolbar i{background:#cecbc5;border-radius:50%;width:3px;height:3px}.sample-toolbar span{color:#a3a19c;margin-left:auto;margin-right:auto;font-size:4px}.sample-body{background:#fff;gap:8px;height:85%;display:flex}.sample-body aside{background:#403a2e;width:22%}.sample-body>div{flex:1;padding:12px 8px 0 0}.sample-body strong{color:#747067;font-size:5px;display:block}.sample-columns{gap:5px;margin:8px 0;display:flex}.sample-columns i{background:#e9e6e1;border-radius:2px;flex:1;height:18px;display:block}.sample-body p{background:#eeece9;width:90%;height:3px;margin-top:5px}.sample-body p:nth-child(2n){width:65%}.sample-watermark{letter-spacing:1px;color:#847f74;background:#fff;padding:3px;font-size:5px;position:absolute;bottom:10px;right:10px}.variant-1{background:#ede7df}.variant-1 .sample-body aside{background:#8b8171;width:15%}.variant-1 .sample-columns i{background:#eee9df;height:9px}.variant-2{background:#e5e6ef}.variant-2 .sample-body aside{background:#777d97;width:18%}.variant-2 .sample-columns i{background:#e5e7f0;height:28px}.page-footer{color:#a9a7a2;border-top:1px solid var(--border);justify-content:space-between;margin-top:35px;padding:22px 0;font-size:9px;display:flex}.page-footer span:first-child{letter-spacing:.5px;font-weight:600}.notice{color:#956a2f;background:#fff4df;border:1px solid #eedfbf;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:13px 16px;font-size:12px;line-height:1.5;display:flex}.notice svg{flex-shrink:0;margin-top:2px}.loading-status{color:#8f897d;margin-bottom:10px;font-size:11px}.empty{text-align:center;color:#b5b2ad;flex-direction:column;align-items:center;gap:10px;padding:35px 25px;display:flex}.empty>svg{width:27px;height:27px}.empty strong{color:#89857c;font-size:13px;font-weight:500}.empty p{max-width:350px;font-size:11px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#132d2466;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(100%,500px);max-height:92vh;padding:0 25px 25px;overflow:auto;box-shadow:0 25px 100px #122b2633}.modal.wide{width:min(100%,1050px)}.modal>.panel-heading{padding:22px 0}.modal>.capture-image{border-radius:9px}.modal>p{margin-top:15px;font-size:11px}.modal form{flex-direction:column;gap:19px;display:flex}.modal .sample-screen{padding:35px 35px 0}.modal .sample-toolbar{height:35px}.modal .sample-toolbar span{font-size:12px}.modal .sample-body{gap:20px}.modal .sample-body>div{padding:30px 20px}.modal .sample-body strong{font-size:19px}.modal .sample-columns{gap:12px;margin:20px 0}.modal .sample-columns i{height:60px}.modal .sample-body p{height:9px;margin-top:14px}.modal .sample-watermark{padding:6px;font-size:11px;bottom:20px;right:20px}.help-copy p{margin:14px 0;font-size:13px}.help-copy strong{color:#534e44}.help-copy>svg{color:var(--green);margin-bottom:14px}.session-detail>p{margin:10px 0 20px}.session-detail dl{grid-template-columns:120px 1fr;gap:15px;font-size:12px;display:grid}.session-detail dt{color:#89857e}.session-detail dd{color:#5a564f;margin:0}.project-row{border-top:1px solid var(--border);align-items:center;gap:15px;padding:22px;display:flex}.project-dot{border-radius:4px;width:13px;height:13px}.project-row strong{font-size:13px;font-weight:500}.project-row small{margin-top:6px;font-size:10px;display:block}.project-row>button{margin-left:auto}.settings-panel{max-width:700px;padding:28px}.settings-panel>p{margin:10px 0 27px;font-size:12px}.settings-panel form{flex-direction:column;gap:20px;max-width:350px;display:flex}.settings-panel label{font-size:12px}.privacy-note{color:#766f62;background:#f2f0ec;border-radius:9px;gap:13px;margin-top:35px;padding:20px;display:flex}.privacy-note svg{flex-shrink:0}.privacy-note strong{font-size:12px}.privacy-note p{margin-top:7px;font-size:11px}.image-placeholder{color:#a6a39d;place-content:center;justify-items:center;gap:9px;height:100%;padding:10px;font-size:10px;display:grid}.image-error{background:#fff3dc;padding:10px;font-size:10px;position:absolute;bottom:0;left:0;right:0}.login-shell{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-story{color:#f5f4f1;background:#0f0f10;flex-direction:column;justify-content:space-between;padding:55px;display:flex}.login-story .brand-icon{color:#4e483b;background:#ff4d00}.login-story .brand small{color:#a6a198}.login-story h1{letter-spacing:-3px;margin:20px 0 26px;font-size:76px;font-weight:400;line-height:1.07}.login-story p{color:#bab6b0;font-size:17px}.login-story>small{color:#98948c;font-size:11px}.story-timeline{gap:8px;height:27px;margin-top:45px;display:flex}.story-timeline span{background:#ff4d00;border-radius:5px;width:80px}.story-timeline span:nth-child(2){background:#8a857a;width:150px}.story-timeline span:nth-child(3){background:#aea89c;width:40px}.story-timeline span:nth-child(4){background:#757066;width:100px}.login-form{width:100%;max-width:450px;margin:auto;padding:35px}.login-form h2{letter-spacing:-.6px;font-size:26px}.login-form>p{margin:12px 0 30px;font-size:13px}.login-form form{flex-direction:column;gap:19px;display:flex}.login-form .text-button{margin:22px auto;display:flex}.login-note{border-top:1px solid var(--border);color:#9e9b94;align-items:flex-start;gap:10px;padding-top:25px;font-size:11px;line-height:1.7;display:flex}.login-note svg{flex-shrink:0}label{color:#726d65;flex-direction:column;gap:9px;font-size:12px;font-weight:500;display:flex}input,select{color:#534e45;background:#fff;border:1px solid #dfddda;border-radius:7px;width:100%;padding:12px;font-weight:400}input::placeholder{color:#b0ada6}input[type=color]{width:75px;height:40px;padding:4px}.desktop-shell{max-width:1000px;margin:0 auto;padding:30px 45px}.desktop-shell>header{justify-content:space-between;align-items:center;display:flex}.desktop-main{max-width:540px;margin:50px auto 0}.desktop-main h1{margin-bottom:28px;font-size:29px}.desktop-main form{flex-direction:column;gap:18px;display:flex}.desktop-main form h2{margin-top:10px}.desktop-main form p{font-size:12px}.timer-display{text-align:center;background:#fff;border:1px solid #e4e1dc;border-radius:18px;margin-bottom:25px;padding:32px 20px}.timer-display>span{color:#99958c;letter-spacing:1.8px;font-size:9px}.timer-display>strong{letter-spacing:1px;font-variant-numeric:tabular-nums;color:var(--green);margin:13px 0;font-size:55px;font-weight:450;display:block}.timer-display p{font-size:12px}.tracker-fields{gap:18px;display:grid}.consent{flex-direction:row;align-items:flex-start;margin:24px 0;font-size:11px;font-weight:400;line-height:1.7;display:flex}.consent input{width:16px;height:16px;accent-color:var(--green);flex-shrink:0;margin:3px 0 0}.clock-button{border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:20px;padding:16px;font-size:14px;display:flex}.danger{color:#fff;background:#8a483d}.tracker-policy{text-align:center;margin:15px 0 20px;font-size:10px;line-height:1.8}.sync-row{border-top:1px solid var(--border);color:#88847b;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;font-size:11px;display:flex}.sync-row>span{align-items:center;gap:7px;display:flex}.desktop-shell>footer{text-align:center;color:#a7a39c;margin-top:45px;font-size:10px}.mobile-menu{display:none}@media (width>=1500px){.page-content{padding:35px 50px 0}.sidebar{width:252px;padding-left:25px;padding-right:25px}.main-area{width:calc(100% - 252px);margin-left:252px}.capture-image{aspect-ratio:16/9}}@media (width<=1150px){.sidebar{width:200px;padding-left:15px;padding-right:15px}.main-area{width:calc(100% - 200px);margin-left:200px}.page-content{padding:25px 24px 0}.topbar{padding:0 24px}.page-heading{align-items:flex-start}h1{font-size:29px}.overview-grid{grid-template-columns:1fr}.apps-panel{display:none}.metric{padding:16px}.metric>strong{font-size:26px}.metric>small{font-size:8px}.filter-date-label{display:none}.capture-grid,.capture-grid.full{grid-template-columns:repeat(2,minmax(0,1fr))}.login-story h1{font-size:60px}.login-story{padding:40px}.desktop-card p{font-size:9px}}@media (width<=760px){.sidebar{transition:transform .2s;transform:translate(-100%);box-shadow:10px 0 45px #243e3322}.sidebar.open{transform:translate(0)}.main-area{width:100%;margin-left:0}.mobile-menu{display:grid}.topbar{gap:10px;height:62px;padding:0 17px}.breadcrumb{gap:8px;margin-right:auto;font-size:10px}.topbar-right{gap:10px}.live-badge{padding:6px 8px;font-size:8px}.page-content{padding:20px 17px 0}.page-heading{display:block}.page-heading .secondary{margin-top:17px}h1{letter-spacing:-1px;font-size:28px}.page-heading p{font-size:11px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.metric{padding:17px}.filter-bar{flex-wrap:wrap;gap:7px}.filter-spacer{display:none}.date-control input{max-width:121px}.employee-select{max-width:160px;margin-left:auto;padding:9px 7px}.employee-select select{max-width:114px}.filter-bar>.icon-button{display:none}.timeline-row,.timeline-scale{grid-template-columns:80px 1fr;padding:0 15px}.timeline-person{gap:5px;font-size:9px}.timeline-person .avatar{width:25px;height:25px;font-size:8px}.timeline-person small{font-size:8px}.timeline-scale{font-size:7px}.panel-heading{padding:19px 16px}.panel-heading h2{font-size:15px}.timeline-footer{padding:14px;font-size:7px}.timeline-footer span:last-child{display:none}.search-field{max-width:140px}.search-field input{width:95px;font-size:9px}.legend{font-size:8px}.capture-grid{gap:10px}.capture-caption{gap:5px;padding:10px 7px}.capture-caption time{font-size:7px}.capture-caption strong{font-size:8px}.capture-caption .avatar{display:none}.capture-caption small{font-size:7px}.capture-expand{width:20px;height:20px;bottom:5px;right:5px}.demo-banner{gap:10px;font-size:9px}.demo-banner button{white-space:nowrap;font-size:9px}.section-heading h2{font-size:16px}.section-heading .text-button{font-size:9px}.login-shell{display:block}.login-story{min-height:250px;padding:28px}.login-story h1{margin:25px 0 15px;font-size:45px}.login-story p,.login-story>small,.story-timeline,.login-story .eyebrow{display:none}.login-form{padding:35px 27px}.desktop-shell{padding:25px}.desktop-main{margin-top:40px}.desktop-main h1{font-size:25px}.timer-display>strong{font-size:45px}.modal-backdrop{padding:15px}.modal{padding:0 20px 20px}.modal .sample-body strong{font-size:9px}.modal .sample-body p{height:4px;margin-top:7px}.modal .sample-columns i{height:25px}.modal .sample-screen{padding:15px 15px 0}.modal .sample-toolbar{height:18px}.modal .sample-toolbar span{font-size:5px}.modal .sample-body>div{padding:13px 7px}.modal .sample-watermark{font-size:5px}.session-detail dl{grid-template-columns:85px 1fr;font-size:11px}}.date-control label,.employee-select{flex-direction:row;align-items:center;gap:10px}.activity-detail{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.activity-detail>p{color:#767471;font-size:12px;line-height:1.6}.activity-list{max-height:300px;overflow:auto}.activity-list>div{border-bottom:1px solid #eeedeb;grid-template-columns:1fr auto;gap:5px;padding:12px 0;font-size:12px;display:grid}.activity-list small{overflow-wrap:anywhere;color:#767471;grid-column:1/-1}:root{--line:#e6e5e3}textarea{color:#534e45;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #dfddda;border-radius:7px;padding:12px;font-weight:400}textarea:focus-visible{outline-offset:3px;outline:3px solid #a49983}code{background:#f2f1ee;border-radius:4px;padding:1px 5px;font-size:11px}.notice.info{color:#635e53;background:#f2f0ed;border-color:#dfdbd4}.login-shell.single{grid-template-columns:1fr;place-items:center;padding:24px}.login-shell.single .login-form{flex-direction:column;gap:14px;max-width:460px;margin:0;display:flex}.login-shell.single h1{margin-top:22px;font-size:30px}.login-links{flex-wrap:wrap;justify-content:space-between;gap:12px;margin:18px 0 0;display:flex}.login-form .login-links .text-button{margin:0}.login-form .demo-link{margin:16px 0 22px}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-content>.panel{margin-bottom:23px}.danger-outline{color:#8a483d;border-color:#ead3cd}.danger-outline:hover{background:#fbf3f1}.status-pill.break{color:#98702f;background:#faf0df}.attendance-card{justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.attendance-card.warning{background:#fffbf3;border-color:#eedfbf}.attendance-card-main{flex:1;min-width:0}.attendance-card-main h2{letter-spacing:-.4px;font-size:20px;line-height:1.35}.attendance-card-main p{margin-top:8px;font-size:12px}.attendance-headline{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.attendance-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.attendance-note{color:#6c665a;align-items:center;gap:8px;display:flex}.inline-form{flex-direction:column;gap:14px;width:min(100%,380px);display:flex}.presence-counts{color:#726d65;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;display:flex}.panel-heading.wrap{flex-wrap:wrap}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.inline-label{flex-direction:row;align-items:center;gap:8px;font-size:11px}.inline-label input{width:auto;padding:8px 10px;font-size:11px}.wrap-cell{white-space:normal;min-width:180px;max-width:340px;line-height:1.5}.cell-note{color:#83817e;font-size:10px}td small{flex-wrap:wrap}.shift-detail dl,.compact-dl{grid-template-columns:130px 1fr;gap:12px;margin:14px 0;font-size:12px;display:grid}.shift-detail dt,.compact-dl dt{color:#89857e}.shift-detail dd,.compact-dl dd{color:#56524b;overflow-wrap:anywhere;margin:0}.shift-detail dd small{color:#8e8c89}.detail-heading{align-items:center;gap:6px;margin:22px 0 10px;font-size:13px;font-weight:600;display:flex}.plain-list{color:#636059;gap:9px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.plain-list small{color:#83817e;margin-top:3px;display:block}.plain-list.audit strong{text-transform:capitalize;font-weight:550}.shift-detail .button-row{margin-top:22px}.stacked-form{flex-direction:column;gap:16px;margin-top:18px;display:flex}.modal .stacked-form{margin-top:4px}.two-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.zone-hint{margin-top:-4px;font-size:10px;font-weight:400}.muted-line{color:#75736f;font-size:12px;line-height:1.6}.import-result{background:#f6f5f3;border-radius:8px;flex-direction:column;gap:5px;max-height:220px;padding:12px 14px;font-size:12px;display:flex;overflow:auto}.late-badge{color:#8a6127;background:#fff4df;border-radius:4px;padding:3px 7px;font-size:10px;position:absolute;top:8px;left:8px}.timeline-scale>div{height:12px;display:block;position:relative}.timeline-scale>div>span{white-space:nowrap;position:absolute;transform:translate(-50%)}.timeline-scale>div>span:first-child{transform:none}.timeline-scale>div>span:last-child{transform:translate(-100%)}.account-panel{margin-top:24px}.settings-panel label small{font-size:11px;font-weight:400}.project-row>svg{color:#7c7870;flex-shrink:0}.person-cell small{margin-top:3px;font-size:10px;display:block}.live-badge.idle{color:#5b5447;background:#f8f7ee;border-color:#e8e5cf}.live-badge.idle i{background:#b3a95a}.desktop-actions{flex-wrap:wrap;gap:10px;margin:16px 0 4px;display:flex}.desktop-actions button{border-radius:8px;flex:150px;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:13px;font-weight:550;display:inline-flex}.desktop-actions .clock-button{margin-top:0}.recording-task{text-align:center;font-size:12px}.timer-display.state-break>strong{color:#98702f}.timer-display.state-in>strong{color:#635e53}.timer-display.state-out>strong{color:#a3a19e}.missed-form{background:#fffbf3;border:1px solid #eedfbf;border-radius:14px;padding:22px}@media (width<=760px){.attendance-card{flex-direction:column;align-items:stretch;padding:18px}.attendance-actions{justify-content:flex-start}.two-fields{grid-template-columns:1fr}.toolbar{width:100%}.shift-detail dl,.compact-dl{grid-template-columns:100px 1fr}.login-links{flex-direction:column;align-items:flex-start}}.search-field{flex-direction:row}.microsoft-button{width:100%;padding:14px 16px;font-size:14px}.microsoft-logo{background:#fff;border-radius:3px;flex-shrink:0;width:22px;height:22px;padding:2px}.local-sign-in{border-top:1px dashed var(--border);margin-top:26px;padding-top:20px}.local-sign-in .eyebrow{margin:0}.desktop-sign-in{flex-direction:column;gap:14px;display:flex}.desktop-sign-in>p{margin:0}.sidebar{overscroll-behavior:contain;overflow-y:auto}.sidebar>*{flex-shrink:0}.windows-app{gap:7px}@media (width<=760px){.windows-app{padding:9px;font-size:0}.windows-app svg{margin:0}}.recording-notice{border:1px solid var(--border);background:#fbfbfa;border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.recording-notice p{color:#666460;margin:0;font-size:12px;line-height:1.6}.checkin-form{flex-direction:column;gap:16px;display:flex}.tracker-fields label small{color:var(--muted);margin-left:4px;font-weight:400}.report-filters{flex-wrap:wrap}.range-input{color:#84827d;flex-direction:row;align-items:center;gap:8px;font-size:10px}.range-input input{width:auto;padding:8px 10px;font-size:11px}.report-tabs{gap:6px;margin:0 0 16px;display:flex;overflow-x:auto}.report-tabs button{border:1px solid var(--border);color:#7a776f;white-space:nowrap;background:#fff;border-radius:7px;align-items:center;gap:7px;padding:9px 13px;font-size:11px;font-weight:550;display:inline-flex}.report-tabs button.selected{color:var(--green);background:#eeece9;border-color:#d9d5cc}.report-panel{margin-bottom:28px}.segmented{border:1px solid var(--border);border-radius:7px;display:inline-flex;overflow:hidden}.segmented button{color:#84827d;background:#fff;padding:8px 12px;font-size:10px}.timesheet-table td,.timesheet-table th{text-align:right}.timesheet-table td:first-child,.timesheet-table th:first-child{text-align:left}.timesheet-table tfoot td{background:#fafaf9;border-top:1px solid #eeece9}.muted-cell{color:#c6c4bf}.activity-meter{align-items:center;gap:7px;display:inline-flex}.activity-meter>span{background:#f1f0ed;border-radius:3px;width:60px;height:5px;display:block;overflow:hidden}.activity-meter i{background:#5f9a6d;height:100%;display:block}.activity-meter b{color:#58544b;font-weight:550}.warn-text{color:#a98143!important;display:inline!important}.project-report{border-top:1px solid var(--border);padding:16px 23px}.project-report-head{align-items:center;gap:10px;margin-bottom:9px;font-size:12px;display:flex}.project-report-head span{color:#9e9b95;margin-left:auto;font-size:10px}.project-report table{margin-top:8px}.project-report td{border-bottom:1px solid #f4f3f2;padding:9px 0}.project-report td:last-child{text-align:right}.project-report td:nth-child(2){color:#9e9b95}@media print{.sidebar,.topbar,.filter-bar .icon-button,.report-filters button,.report-tabs,.demo-banner,.mobile-menu{display:none!important}.main-area{width:100%;margin:0}.page-content{padding:0}.panel,.metric{break-inside:avoid;border-color:#ccc}body,:root{background:#fff}.table-scroll{overflow:visible}table{white-space:normal}}@media (width<=760px){.report-filters .employee-select:first-child{margin-left:0}.report-filters .range-input input{max-width:140px}}.productivity-bar{align-items:center;gap:7px;display:inline-flex}.productivity-bar>span{background:#f1f0ed;border-radius:3px;width:70px;height:6px;display:flex;overflow:hidden}.productivity-bar b{color:#58544b;font-weight:550}.usage-row{gap:14px}.rating-select{border-radius:6px;width:auto;padding:6px 8px;font-size:10px;background:#fff!important}.rating-select.neutral{color:#7d6c3e;border-color:#ddd2b2}.rating-pill{color:#84827d;border-radius:12px;padding:4px 9px;font-size:9px;background:#f1f0ed!important}.rating-pill.neutral{color:#7d6c3e}.schedule-grid{flex-direction:column;gap:8px;display:flex}.schedule-row{grid-template-columns:80px 1fr auto 1fr;align-items:center;gap:10px;display:grid}.schedule-row .consent{margin:0}.schedule-row input[type=time]{padding:8px}.schedule-row span{color:#9e9b95;font-size:11px}.schedule-row.off input[type=time]{opacity:.4}.today-board{margin-bottom:23px}.today-groups{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0 23px 22px;display:grid}.today-group{border:1px solid var(--border);border-radius:9px;min-width:0;padding:13px}.today-group>div{color:#84827d;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:11px;display:flex}.today-group>div strong{color:#4c4942;font-size:22px;font-weight:550}.today-group.interrupted{background:#fdf7ec}.today-group.absent{background:#fbf0ed}.today-group.break{background:#f6f4ec}.today-group p{color:#5e5b53;align-items:center;gap:7px;min-width:0;margin:6px 0;font-size:10px;display:flex}.today-group p b{white-space:nowrap;text-overflow:ellipsis;font-weight:550;overflow:hidden}.today-group p small{white-space:nowrap;margin-left:auto;font-size:9px}.today-group .avatar.small{width:22px;height:22px;font-size:8px}@media (width<=1150px){.today-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.today-groups{grid-template-columns:1fr;padding:0 16px 16px}.schedule-row{grid-template-columns:62px 1fr auto 1fr;gap:6px}}.row-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.manual-panel{margin-bottom:23px}.manual-panel .button-row,.panel-heading .button-row{flex-wrap:wrap;gap:8px;display:flex}.panel-notice{padding:0 23px}.three-fields{grid-template-columns:1.3fr 1fr 1fr;gap:12px;display:grid}.client-group{border-top:1px solid var(--border)}.client-head{color:#74716a;align-items:center;gap:8px;padding:14px 22px 4px;font-size:11px;display:flex}.client-head strong{font-weight:600}.client-group .project-row{border-top:0;padding:14px 22px 14px 40px}.client-empty{padding:4px 40px 16px;font-size:11px}@media (width<=760px){.three-fields{grid-template-columns:1fr}}.billing-total{color:#4d473a;font-size:20px;font-weight:550}.project-report td:nth-child(3){color:#7a776f}.task-list{padding:0 22px 14px 52px}.task-row{color:#58544b;border-bottom:1px solid #f3f2f0;align-items:center;gap:8px;padding:7px 0;font-size:12px;display:flex}.task-row>span{flex:1;min-width:0}.task-row small{white-space:nowrap;font-size:10px}.task-row.done>span{color:#a8a5a0;text-decoration:line-through}.task-row .icon-button{color:#8b8477}.task-actions{gap:16px;padding-top:6px;display:flex}.inline-select{border-radius:6px;width:auto;padding:5px 8px;font-size:10px}:root{--asphalt:#0f0f10;--asphalt-2:#161618;--asphalt-3:#1e1e20;--amber:#ff4d00;--amber-hi:#ff6a2b;--amber-soft:#fff1ea;--amber-text:#c23b00;--paper:#f5f3ee;--concrete:#e4e1da;--steel:#8a8780;--ink:#1c1b19;--ink-2:#55524c;--line:#e4e0d8;--menu-text:#bdb8ad;--green:#ff4d00;--good:#2f9e6e;--bad:#b03a8c;--neutral:#a8a29e;color:var(--ink);background:var(--paper);font-family:Hanken Grotesk,ui-sans-serif,Segoe UI,system-ui,sans-serif}body{background:var(--paper)}h1,h2,h3{color:var(--ink);font-family:Saira,Hanken Grotesk,sans-serif}p{color:var(--ink-2)}small{color:var(--steel)}a,.text-button{color:var(--amber-text)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffb38f}.brand{letter-spacing:.04em;color:inherit;gap:10px;font-family:Saira,sans-serif;font-size:19px;font-weight:800}.brand-icon{background:var(--amber);width:32px;height:32px;color:var(--asphalt);border-radius:6px}.brand-light{color:var(--amber);margin-left:2px;font-weight:600}.brand small{letter-spacing:.22em;color:var(--steel);margin-top:3px;font-family:Hanken Grotesk,sans-serif;font-size:7px;font-weight:600}.app-shell{min-height:100vh;display:block}.appbar{z-index:30;background:var(--asphalt);height:56px;color:var(--paper);align-items:center;gap:22px;padding:0 20px;display:flex;position:sticky;top:0}.appbar .brand{color:var(--paper);flex-shrink:0}.appbar nav{flex:1;align-items:stretch;gap:0;min-width:0;height:100%;display:flex}.menu-item{align-items:stretch;display:flex;position:relative}.menu-top{color:var(--menu-text);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;background:0 0;border-top:3px solid #0000;border-bottom:3px solid #0000;border-radius:0;align-items:center;gap:4px;padding:0 11px;font-size:11.5px;font-weight:600;display:inline-flex}.menu-top:hover,.menu-top[aria-expanded=true]{color:#fff;background:var(--asphalt-3)}.menu-top.selected{color:#fff;border-bottom-color:var(--amber)}.menu-panel{z-index:40;min-width:200px;color:var(--ink);background:#fff;border-radius:4px;flex-direction:column;padding:8px 0;display:flex;position:absolute;top:100%;left:0;box-shadow:0 12px 32px #0f0f1038}.menu-panel.mega{flex-direction:row;gap:12px;min-width:640px;padding:20px 22px}.menu-group{flex-direction:column;min-width:180px;display:flex}.menu-group>span{letter-spacing:.1em;text-transform:uppercase;color:var(--steel);padding:0 0 12px;font-size:10px;font-weight:700}.menu-link{text-align:left;color:var(--ink);white-space:nowrap;background:0 0;border-radius:0;padding:9px 18px;font-size:13px}.menu-group .menu-link{padding:7px 0}.menu-link:hover{color:var(--amber-text);background:#f6f4ef}.menu-group .menu-link:hover{background:0 0}.menu-link.selected{color:var(--amber-text);font-weight:600}.appbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.appbar-right .icon-button{color:var(--menu-text)}.appbar-right .icon-button:hover{background:var(--asphalt-3);color:#fff}.appbar-link{color:var(--menu-text);letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:5px;align-items:center;gap:7px;padding:8px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.appbar-link:hover{color:#fff;background:var(--asphalt-3)}.appbar .avatar.small{background:var(--amber);color:var(--asphalt);font-weight:800}.appbar .mobile-menu{color:var(--paper);display:none}.subbar{background:var(--asphalt-3);min-height:52px;color:var(--paper);flex-wrap:wrap;align-items:center;gap:16px;padding:8px 20px;display:flex}.subbar h1{letter-spacing:.01em;color:#fff;font-size:19px;font-weight:600;line-height:1.2}.subbar-note{color:var(--steel);font-size:11px}.subbar-tools{flex-wrap:wrap;align-items:center;gap:14px;margin-left:auto;display:flex}.subbar-button{background:var(--amber);color:var(--asphalt);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:11.5px;font-weight:700;display:inline-flex}.subbar-button:hover{background:var(--amber-hi)}.presets{gap:2px;display:flex}.presets button{color:var(--menu-text);letter-spacing:.07em;text-transform:uppercase;background:0 0;border-bottom:2px solid #0000;border-radius:0;padding:8px 10px;font-size:11px;font-weight:600}.presets button:hover{color:#fff}.presets button.selected{color:#fff;border-bottom-color:var(--amber)}.subbar-select{color:var(--menu-text);flex-direction:row;align-items:center;gap:7px;font-size:11px}.subbar-select select{background:var(--asphalt-2);color:var(--paper);border:1px solid #3a3936;width:auto;max-width:200px;padding:7px 10px;font-size:12px}.main-area{width:100%;margin:0}.page-content{max-width:1680px;padding:20px 20px 0}.demo-banner{background:var(--amber-soft);color:#9a3600}.section-title{align-items:center;gap:12px;margin:6px 0 10px;display:flex}.section-title h2{color:var(--ink-2);font-size:16px;font-weight:600}.section-title .loading-status{margin:0}.panel,.card,.metric,.kpi-strip,.capture-card{border:1px solid var(--line);background:#fff;border-radius:4px;box-shadow:0 1px 2px #0f0f100d}.panel{margin-bottom:16px}.panel-heading{padding:16px 18px}.panel-heading h2{font-size:15px;font-weight:600}.panel-heading p{color:var(--steel);font-size:12px}th{color:var(--steel);letter-spacing:.06em;border-color:var(--line);background:#faf9f6;padding:10px 16px;font-size:10.5px;font-weight:600}td{color:var(--ink-2);border-color:#f0ede7;padding:11px 16px;font-size:12.5px}td strong{color:var(--ink);font-weight:600}td small{color:var(--steel);font-size:11px}.metric{padding:16px}.metric>div{color:var(--steel);font-size:12px}.metric>strong{color:var(--ink);font-family:Saira,sans-serif;font-size:28px;font-weight:600}.metric>small{font-size:11px}.metric.accent{background:var(--asphalt);border-color:var(--asphalt)}.metric.accent>strong{color:#fff}.metric.accent>div,.metric.accent>div svg,.metric.accent>small{color:var(--menu-text)}.primary{background:var(--amber);border-color:var(--amber);color:var(--asphalt);border-radius:999px;font-weight:700}.primary:hover{background:var(--amber-hi)}.secondary{color:var(--ink-2);border-color:#d8d4cb;border-radius:999px;font-size:12px}.secondary:hover{background:#f7f5f0}.count{background:var(--amber-soft);color:var(--amber-text)}.notice{color:#8a3a06;background:#fff4e8;border-color:#ffd2b3}input,select{color:var(--ink);border-color:#d8d4cb}label{color:var(--ink-2)}.report-tabs button{color:var(--ink-2);border-radius:999px;font-size:12px}.report-tabs button.selected{background:var(--asphalt);border-color:var(--asphalt);color:#fff}.segmented button{font-size:11.5px}.segmented button.selected{background:var(--asphalt);color:#fff}.filter-bar{margin-bottom:16px}.employee-select select,.date-control input{color:var(--ink);font-size:12px}.modal{border-radius:8px}.modal-backdrop{background:#0f0f1088}.avatar{color:var(--ink-2);background:#ece8e0}.eyebrow{color:var(--amber-text);letter-spacing:.2em}.live-badge{display:none}.status-pill{font-size:10.5px;font-weight:600}.status-pill.running{color:#1f7a4f;background:#e3f3ea}.status-pill.in{color:#4a6b30;background:#eef4e2}.productive{background:var(--good)}.neutral{background:var(--neutral)}.unproductive{background:var(--bad)}.unrated{background:#dcd8cf}.rating-select.productive{color:#1f7a4f;border-color:#9fd3bb}.rating-select.unproductive{color:#8e2e70;border-color:#e2b0d2}.rating-pill.productive{color:#1f7a4f}.rating-pill.unproductive{color:#8e2e70}.activity-meter i{background:var(--good)}.today-group.running{background:#f0f8f3}.kpi-strip{grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:16px;display:grid;overflow:hidden}.kpi{border-right:1px solid var(--line);flex-direction:column;gap:8px;min-width:0;padding:16px 16px 14px;display:flex}.kpi:last-child{border-right:0}.kpi-label{color:var(--ink-2);align-items:center;gap:5px;font-size:12px;line-height:1.3;display:flex}.kpi strong{color:var(--ink);font-family:Saira,sans-serif;font-size:26px;font-weight:600;line-height:1.1}.kpi-share{color:var(--steel);align-items:center;gap:8px;font-size:11px;display:flex}.kpi-share>span{min-width:30px}.kpi-bar{background:#efece6;border-radius:2px;flex:1;height:8px;overflow:hidden}.kpi-bar i{border-radius:2px;height:100%;display:block}.kpi-bar i.good{background:var(--good)}.kpi-bar i.bad{background:var(--bad)}.kpi-bar i.idle{background:var(--neutral)}.kpi-bar i.manual{background:var(--amber)}.hint{color:#b0aca3;cursor:help;display:inline-flex}.link-button{color:var(--amber-text);text-underline-offset:2px;background:0 0;align-self:flex-start;margin-top:auto;padding:0;font-size:11.5px;text-decoration:underline}.link-button:hover{color:var(--amber)}.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.card{flex-direction:column;min-width:0;display:flex}.card-head{padding:16px 18px 6px}.card-head h3{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.card-head small{font-size:11px}.card-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:10px 18px 14px;display:flex}.card-foot .muted-line{color:var(--steel);font-size:11px}.card-foot .link-button{margin:0 0 0 auto}.projects-card{grid-template-columns:1fr 170px;align-items:center;gap:16px;padding:6px 18px;display:grid}.project-legend{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.project-legend li{color:var(--ink-2);align-items:center;gap:10px;font-size:12.5px;display:flex}.project-legend i{border:3px solid;border-radius:50%;flex-shrink:0;width:14px;height:14px}.project-legend span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.project-legend b{color:var(--ink);font-weight:600}.donut{position:relative}.donut svg{width:100%;display:block}.donut-total{fill:var(--ink);font-family:Saira,sans-serif;font-size:14px;font-weight:600}.donut-caption{fill:var(--steel);font-size:8px}.people-list{flex-direction:column;gap:2px;margin:0;padding:4px 18px;list-style:none;display:flex}.people-list li{color:var(--ink-2);border-bottom:1px solid #f3f1ec;align-items:center;gap:10px;padding:6px 0;font-size:12.5px;display:flex}.people-list li b{color:var(--ink);margin-left:auto;font-weight:600}.rating-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.all-tracked{text-align:center;color:#b0aca3;flex-direction:column;align-items:center;gap:10px;padding:36px 24px;display:flex}.all-tracked p{max-width:380px;font-size:12px}.chart{padding:4px 14px 0;position:relative}.chart svg{width:100%;display:block;overflow:visible}.chart .grid{stroke:#efece6;stroke-width:1px}.chart .axis{fill:var(--steel);font-size:10px}.chart .axis.weekend{fill:var(--amber-text)}.chart .crosshair{stroke:#c9c4ba;stroke-width:1px;stroke-dasharray:3 3}.chart-tip{z-index:5;pointer-events:none;background:var(--asphalt);color:var(--paper);white-space:nowrap;border-radius:6px;flex-direction:column;gap:3px;padding:8px 10px;font-size:11.5px;display:flex;position:absolute;box-shadow:0 6px 18px #0000002e}.chart-tip b{font-weight:600}.chart-tip span{color:#d9d5cc;align-items:center;gap:6px;display:flex}.chart-tip i{border-radius:2px;width:8px;height:8px;display:inline-block}.chart-legend{color:var(--ink-2);flex-wrap:wrap;gap:16px;padding:6px 18px 0;font-size:11.5px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{border-radius:2px;width:10px;height:10px}.today-board,.timesheet-timeline{margin-bottom:16px}.login-story{background-color:var(--asphalt);background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:46px 46px}.login-story h1{letter-spacing:-.02em;color:var(--paper);font-family:Saira,sans-serif;font-weight:800}.login-story .eyebrow{color:var(--amber)}.login-story p,.login-story>small{color:var(--menu-text)}.login-story .brand{color:var(--paper)}.story-timeline span{background:var(--amber)}.story-timeline span:nth-child(2){background:#3a3936}.story-timeline span:nth-child(3){background:var(--steel)}.story-timeline span:nth-child(4){background:#5c5a55}.timer-display>strong{color:var(--ink);font-family:Saira,sans-serif;font-weight:600}.desktop-shell .live-badge{display:flex}@media (width<=1300px){.kpi-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi:nth-child(4){border-right:0}.kpi:nth-child(-n+4){border-bottom:1px solid var(--line)}}@media (width<=1250px){.menu-top{letter-spacing:.04em;padding:0 8px;font-size:10.5px}.appbar .brand small{display:none}}@media (width<=900px){.dash-grid{grid-template-columns:1fr}}@media (width<=760px){.appbar{gap:10px;padding:0 12px}.appbar .mobile-menu{margin-left:auto;display:grid}.appbar nav{background:var(--asphalt);flex-direction:column;height:auto;padding:6px 0;display:none;position:absolute;top:56px;left:0;right:0;box-shadow:0 10px 30px #0000004d}.appbar nav.open{display:flex}.menu-item{flex-direction:column}.menu-top{border:0;border-left:3px solid #0000;justify-content:space-between;padding:13px 18px}.menu-top.selected{border-left-color:var(--amber)}.menu-panel,.menu-panel.mega{box-shadow:none;background:var(--asphalt-2);border-radius:0;flex-direction:column;gap:6px;min-width:0;padding:4px 0 8px 18px;position:static}.menu-group>span{color:var(--steel);padding:8px 0 4px}.menu-link,.menu-group .menu-link{color:var(--menu-text);padding:9px 18px 9px 0}.menu-link:hover,.menu-link.selected{color:#fff;background:0 0}.appbar-right{gap:4px}.appbar-link{display:none}.subbar{padding:8px 16px}.subbar-tools{width:100%;margin-left:0}.presets{overflow-x:auto}.page-content{padding:14px 16px 0}.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{border-bottom:1px solid var(--line)}.kpi:nth-child(2n){border-right:0}.projects-card{grid-template-columns:1fr;justify-items:center}.donut{width:170px}}@media print{.appbar,.subbar{display:none!important}}.timeline-scale{font-size:10px}.timeline-footer{font-size:10.5px}.timeline-person{font-size:12px}.timeline-person small,.legend,.muted-footnote,.capture-caption strong{font-size:11px}.capture-caption small,.capture-caption time{font-size:10px}.kpi-bar i.meeting,.activity-meter.meeting i{background:#7c5cd6}.chip-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:var(--ink-2);background:#e9e6df;border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:600}.chip:hover{background:#dfdbd2}.chip.selected{background:var(--asphalt);color:#fff}.type-toggles{flex-wrap:wrap;gap:14px;display:flex}.type-toggle{color:var(--ink-2);flex-direction:row;align-items:center;gap:6px;font-size:12px}.type-toggle input{width:15px;height:15px;accent-color:var(--amber)}.type-dot{background:var(--steel);border-radius:2px;width:9px;height:9px;margin-right:7px;display:inline-block}.type-dot.manual{background:var(--amber)}.type-dot.paid{background:var(--good)}.type-dot.unpaid{background:#7c5cd6}.type-dot.correction{background:var(--neutral)}.month-nav{color:#fff;align-items:center;gap:6px;font-size:12.5px;display:flex}.month-nav .icon-button{color:var(--menu-text)}.month-nav .icon-button:hover{background:var(--asphalt-2);color:#fff}.empty-state{text-align:center;color:#b0aca3;flex-direction:column;align-items:center;gap:10px;padding:70px 24px;display:flex}.empty-state strong{color:var(--ink);font-family:Saira,sans-serif;font-size:17px;font-weight:600}.empty-state p{font-size:12.5px}.status-pill.absent{color:#8e2e70;background:#f8e6f1}.centre-column{max-width:620px;margin:10px auto 0}.download-card .panel-heading{border-bottom:1px solid var(--line)}.platform{color:var(--ink-2);border-bottom:2px solid #0000;align-items:center;gap:6px;padding:6px 0;font-size:12px;font-weight:600;display:inline-flex}.platform.selected{color:var(--amber-text);border-bottom-color:var(--amber)}.download-body{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 28px 26px;display:flex}.download-body p{max-width:480px;font-size:12.5px}.download-button{background:var(--amber);color:var(--asphalt);border-radius:6px;align-items:center;gap:12px;padding:14px 28px;font-family:Saira,sans-serif;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.download-button:hover{background:var(--amber-hi)}.invite-card{max-width:760px;margin:0 auto 16px}.invite-body{flex-direction:column;gap:10px;padding:0 18px 18px;display:flex}.invite-link{border:1px solid var(--line);color:var(--steel);background:#faf9f6;border-radius:6px;align-items:center;gap:10px;padding:6px 6px 6px 12px;display:flex}.invite-link input{background:0 0;border:0;padding:6px 0;font-size:13px}.export-options{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:0 18px;display:grid}.export-option{border:1px solid var(--line);cursor:pointer;border-radius:6px;flex-direction:row;align-items:flex-start;gap:10px;padding:14px}.export-option.selected{border-color:var(--amber);background:var(--amber-soft)}.export-option input{width:16px;height:16px;accent-color:var(--amber);margin-top:2px}.export-option span{flex-direction:column;gap:4px;display:flex}.export-option strong{color:var(--ink);font-size:13px}.export-option small{font-size:11.5px;font-weight:400}.export-actions{padding:16px 18px 18px}@media (width<=760px){.menu-panel.mega{min-width:0}.chip-row{align-items:flex-start}}.invite-link .primary{white-space:nowrap;flex-shrink:0}.brand .logo{border-radius:8px;flex-shrink:0;display:block}.invite-page{max-width:760px;margin:0 auto 16px}.invite-header{justify-content:space-between;align-items:flex-end;gap:16px;margin:4px 0 14px;display:flex}.invite-header h2{font-size:20px}.invite-header p{font-size:13px}.invite-page .invite-card{max-width:none;margin:0}.invite-body{gap:8px;padding:20px 22px 18px}.email-box{border-bottom:2px solid var(--ink);background:#f4f2ed;border-radius:4px 4px 0 0;flex-direction:column;gap:0;display:flex}.email-box>span{color:var(--ink);align-items:center;gap:8px;padding:14px 16px 0;font-size:14px;font-weight:500;display:flex}.email-box textarea{font:inherit;resize:vertical;min-height:90px;color:var(--ink);background:0 0;border:0;outline:none;padding:8px 16px 14px 42px;font-size:14px}.invite-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:14px;display:flex}.access-select{width:300px;max-width:100%;position:relative}.access-button{border-bottom:2px solid var(--ink-2);text-align:left;width:100%;color:var(--ink);background:#f4f2ed;border-radius:4px 4px 0 0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.access-button span{flex-direction:column;font-size:14px;display:flex}.access-button small{color:var(--steel);font-size:10.5px}.access-menu{z-index:20;background:#fff;border-radius:4px;padding:6px 0;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 28px #0f0f1033}.access-menu button{width:100%;color:var(--ink);text-align:left;background:0 0;border-radius:0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;display:flex}.access-menu button:hover,.access-menu button.selected{background:#ebe8e1}.access-help{margin-top:6px;font-size:11.5px;display:block}.send-invites{text-transform:uppercase;letter-spacing:.06em;font-size:12px}.advanced-toggle{color:var(--ink-2);text-underline-offset:2px;background:0 0;align-self:flex-start;align-items:center;gap:4px;padding:6px 0;font-size:12.5px;text-decoration:underline;display:inline-flex}.invite-more{border-top:1px solid var(--line);color:var(--ink-2);background:#faf9f6;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 22px;font-size:12.5px;display:flex}.invite-more .chip{align-items:center;gap:6px;display:inline-flex}.csv-chip{cursor:pointer;flex-direction:row}.csv-chip input{display:none}.invite-note{color:var(--steel);margin:10px 2px 16px;font-size:12px}.invite-list{margin-bottom:16px}.groups-layout{border:1px solid var(--line);background:#fff;border-radius:4px;grid-template-columns:300px 1fr;min-height:560px;margin-bottom:16px;display:grid;box-shadow:0 1px 2px #0f0f100d}.groups-side{border-right:1px solid var(--line);flex-direction:column;min-width:0;padding-bottom:12px;display:flex}.groups-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.groups-tabs button{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);background:0 0;border-bottom:2px solid #0000;border-radius:0;padding:13px 6px;font-size:11px;font-weight:700}.groups-tabs button.selected{color:var(--amber-text);border-bottom-color:var(--amber)}.add-group{text-transform:uppercase;letter-spacing:.05em;align-self:flex-start;margin:14px 12px 4px;font-size:11.5px}.groups-search,.groups-user-search{color:var(--steel);flex-direction:row;align-items:center;gap:8px;padding:6px 14px}.groups-search input,.groups-user-search input{background:0 0;border:0;padding:8px 0;font-size:13px}.groups-list{flex-direction:column;gap:2px;padding:0 10px;display:flex;overflow:auto}.groups-list button{color:var(--ink);text-align:left;background:0 0;border-radius:6px;align-items:center;gap:10px;padding:10px;font-size:13px;font-weight:600;display:flex}.groups-list button span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.groups-list button small{color:var(--steel);font-weight:400}.groups-list button:hover{background:#f6f4ef}.groups-list button.selected{background:#ebe8e1}.groups-list .muted-line{padding:10px;font-size:12px}.groups-main{flex-direction:column;min-width:0;display:flex}.groups-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-size:13px;display:flex}.groups-user-search{border-bottom:1px solid var(--line)}.groups-body{flex-direction:column;gap:8px;padding:16px 18px;display:flex}.groups-body h3{margin-top:6px;font-size:16px;font-weight:600}.groups-body>p{color:var(--steel);margin-bottom:4px;font-size:12px}.manager-checks{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.manager-checks .consent,.member-grid .consent{color:var(--ink);align-items:center;margin:0;font-size:13px}.member-grid{color:var(--ink-2);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 18px;font-size:13px;display:grid}.switch{color:var(--ink-2);cursor:pointer;flex-direction:row;align-items:center;gap:8px;font-size:12px}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch span{background:#d4d0c7;border-radius:999px;width:34px;height:18px;transition:background .15s;position:relative}.switch span:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:left .15s;position:absolute;top:2px;left:2px}.switch input:checked+span{background:var(--good)}.switch input:checked+span:after{left:18px}.switch input:focus-visible+span{outline:3px solid #ffb38f}@media (width<=860px){.groups-layout{grid-template-columns:1fr}.groups-side{border-right:0;border-bottom:1px solid var(--line)}.invite-row{flex-direction:column}.access-select{width:100%}}.subbar-action{color:#fff;background:0 0;border-radius:5px;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.subbar-action:hover{background:var(--asphalt-2)}.date-pick{color:#fff;cursor:pointer;flex-direction:row;position:relative}.date-pick input{opacity:0;cursor:pointer;position:absolute;inset:0}.size-slider{color:var(--steel);flex-direction:row;align-items:center;gap:8px;font-size:12px}.size-slider input{width:120px;accent-color:var(--good);border:0;padding:0}.select-all{color:var(--ink);margin:0 0 12px;font-size:13px}.hour-block{grid-template-columns:90px 1fr;gap:12px;margin-bottom:18px;display:grid}.hour-label{flex-direction:column;padding-top:6px;display:flex}.hour-label strong{color:var(--ink-2);font-family:Saira,sans-serif;font-size:20px;font-weight:600}.hour-label small{font-size:11px}.moments{gap:14px;display:grid}.moments.size-1{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.moments.size-2{grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}.moments.size-3{grid-template-columns:1fr}.moment{border:1px solid var(--line);background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 1px 2px #0f0f100f}.moment.selected{outline:3px solid var(--amber);outline-offset:-1px}.moment-screens{background:#e8e5de;gap:2px;display:flex;position:relative}.moment-screen{flex:1;min-width:0;position:relative}.moment-screen .capture-image{aspect-ratio:16/10}.screen-number{color:#fff;background:#0f0f10b8;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;bottom:8px;left:8px}.moment-check{background:#fff;border-radius:4px;padding:3px;display:flex;position:absolute;top:8px;right:8px}.moment-check input{width:16px;height:16px;accent-color:var(--amber);margin:0}.moment-foot{flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex}.moment-meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.moment-meta strong{color:var(--ink);font-size:14px}.moment-app{color:var(--steel);text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.moment-activity{color:var(--steel);align-items:center;gap:8px;font-size:11px;display:flex}.moment-activity .kpi-bar{height:6px}.moment-activity b{text-align:right;min-width:34px;color:var(--ink-2);font-weight:600}@media (width<=760px){.hour-block,.moments.size-2,.moments.size-1{grid-template-columns:1fr}}.send-options{flex-wrap:wrap;align-items:center;gap:4px 14px;display:inline-flex}.send-options>span{color:var(--steel);font-size:12px}.desktop-shell.tracker{background:var(--paper);max-width:none;height:100vh;margin:0;padding:0;display:flex;overflow:hidden}.tracker .rail{background:var(--asphalt);flex-direction:column;flex-shrink:0;align-items:center;gap:18px;width:76px;padding:14px 0;display:flex}.rail-avatar{background:var(--amber);width:50px;height:50px;color:var(--asphalt);border-radius:50%;place-items:center;font-family:Saira,sans-serif;font-size:17px;font-weight:800;display:grid}.tracker .rail nav{flex-direction:column;gap:4px;width:100%;display:flex}.tracker .rail nav button{color:#8f8a80;background:0 0;border-left:4px solid #0000;border-radius:0;place-items:center;height:60px;display:grid}.tracker .rail nav button:hover{color:#fff;background:var(--asphalt-3)}.tracker .rail nav button.selected{color:#fff;border-left-color:var(--amber)}.tracker-main{flex-direction:column;flex:1;min-width:0;display:flex}.tracker-bar{background:var(--asphalt);min-height:86px;color:var(--paper);align-items:center;gap:18px;padding:12px 26px;display:flex;position:relative}.tracker-bar.state-recording{background:var(--amber);color:var(--asphalt)}.tracker-bar.state-break{background:var(--concrete);color:var(--ink)}.tracker-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tracker-title strong{white-space:nowrap;text-overflow:ellipsis;font-family:Saira,sans-serif;font-size:23px;font-weight:700;line-height:1.15;overflow:hidden}.tracker-title span{opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.tracker-clock{font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-right:78px;font-family:Saira,sans-serif;font-size:38px;font-weight:700}.tracker .live-badge{color:inherit;background:#ffffff1f;border-color:#0000;font-size:11px;display:flex}.tracker-bar.state-recording .live-badge,.tracker-bar.state-break .live-badge{background:#0f0f101a}.tracker .live-badge i{background:currentColor}.round-button{z-index:2;background:var(--asphalt);width:76px;height:76px;color:var(--amber);border:3px solid var(--paper);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-30px;right:26px;box-shadow:0 8px 22px #0f0f1059}.round-button:hover{background:#26262a}.tracker-bar.state-recording .round-button{background:var(--asphalt);color:#fff}.tracker-bar.state-break .round-button{background:var(--amber);color:var(--asphalt)}.tracker-sub{border-bottom:1px solid var(--line);min-height:52px;color:var(--ink-2);background:#fff;justify-content:flex-end;align-items:center;gap:6px;padding:0 128px 0 26px;font-size:16px;display:flex}.tracker-sub b{color:var(--ink);font-family:Saira,sans-serif;font-weight:700}.tracker-body{flex-direction:column;flex:1;gap:14px;padding:20px 22px;display:flex;overflow:auto}.tracker-card{border:1px solid var(--line);background:#fff;border-radius:6px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 1px 3px #0f0f100f}.tracker-card h2{font-size:18px}.tracker-card.picker-card{flex:1;min-height:320px;padding:0}.desktop-sign-in{align-items:flex-start;max-width:520px}.desktop-sign-in .microsoft-button{align-self:stretch}.picker{flex:1;grid-template-columns:minmax(220px,38%) 1fr;min-height:300px;display:grid}.checkin-form .picker{border:1px solid var(--line);border-radius:6px}.picker-side{border-right:1px solid var(--line);flex-direction:column;gap:6px;min-width:0;padding:16px 14px;display:flex}.picker-search{color:var(--steel);flex-direction:row;align-items:center;gap:10px;padding:8px 10px}.picker-search input{background:0 0;border:0;padding:6px 0;font-size:15px}.picker-heading-link{text-align:left;color:var(--ink);background:0 0;border-radius:6px;justify-content:space-between;padding:10px 12px;font-size:15px;font-weight:600;display:flex}.picker-heading-link span{color:var(--steel);font-weight:400}.picker-heading-link.selected,.picker-heading-link:hover{background:#f1efe9}.picker-group{text-align:left;letter-spacing:.1em;color:var(--steel);background:0 0;align-items:center;gap:6px;padding:12px 12px 6px;font-size:13px;display:flex}.picker-projects{flex-direction:column;gap:2px;display:flex;overflow:auto}.picker-project{text-align:left;color:var(--ink);background:0 0;border-radius:6px;align-items:center;gap:10px;padding:12px;font-size:15px;font-weight:600;display:flex}.picker-project:hover{background:#f6f4ef}.picker-project.selected{background:#ebe8e1}.picker-project .dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.picker-project i{background:var(--amber);border-radius:50%;width:10px;height:10px;margin-left:auto}.picker-tasks{flex-direction:column;min-width:0;display:flex;overflow:auto}.picker-task{text-align:left;color:var(--ink);background:0 0;border-bottom:1px solid #f0ede7;border-radius:0;justify-content:space-between;align-items:center;gap:12px;padding:15px 22px;font-size:16px;font-weight:600;display:flex}.picker-task:hover{background:#faf9f6}.picker-task span{flex-direction:column;gap:2px;min-width:0;display:flex}.picker-task small{font-size:12px;font-weight:400}.picker-task.active{color:var(--amber-text)}.task-timer{background:var(--amber);color:var(--asphalt);font-variant-numeric:tabular-nums;border-radius:5px;padding:4px 12px;font-family:Saira,sans-serif;font-size:15px}.picker-empty{color:var(--steel);padding:18px 22px;font-size:13px}.picker-other{color:var(--steel);border-bottom:1px solid #f0ede7;align-items:center;gap:10px;padding:8px 22px;display:flex}.picker-other input{background:0 0;border:0;padding:8px 0;font-size:15px}.tracker .recording-notice{border:1px solid var(--line);background:#faf9f6;border-radius:6px;padding:14px}.tracker .recording-notice p{margin:6px 0 10px;font-size:12.5px}.tracker .clock-button{margin-top:0}.tracker-footer{border-top:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:14px;min-height:64px;padding:10px 24px;display:flex}.footer-label{color:var(--ink-2);align-items:center;gap:8px;margin-right:6px;font-size:16px;display:flex}.break-chip{color:var(--ink);background:#ece9e2;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;display:inline-flex}.break-chip:hover{background:#e2ded5}.footer-sync{color:var(--steel);align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}.tracker .end-day{color:#fff;background:#2a2826;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex}.tracker .end-day:hover{background:var(--asphalt)}@media (width<=700px){.picker{grid-template-columns:1fr}.picker-side{border-right:0;border-bottom:1px solid var(--line)}.tracker-clock{margin-right:64px;font-size:28px}.round-button{width:62px;height:62px;bottom:-24px}.tracker-sub{padding-right:100px}.tracker .live-badge{display:none}}