@font-face{font-family:Unbounded;src:url('assets/unbounded-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--ink:#111;--muted:#555;--line:#e6e1dc;--cream:#fcf8f5;--oat:#fcf8f1;--blush:#fff7fb;--paper:#faf7f2;--pink:#ec008c;--green:#17603d;--red:#9e301e}*{box-sizing:border-box}body{margin:0;background:#faf7f2;color:var(--ink);font:400 13px/1.7 Unbounded,sans-serif}button,input,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a,a:visited{color:var(--ink)}a:hover{color:var(--pink)}button:focus-visible,a:focus-visible{outline:2px solid var(--pink);outline-offset:4px}button:disabled{cursor:default}::selection{background:#e6e1dc;color:#111}button{border:0;background:none}h1,h2,h3,p{margin:0;font-weight:400}h1{font-size:28px;line-height:1.4;letter-spacing:-.025em}h2{font-size:19px;line-height:1.5;letter-spacing:-.02em}h3{font-size:15px}small,.small{font-size:11px}strong{font-weight:400}header{min-height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:35px;padding:18px 32px;background:white}.brand{display:flex;align-items:center;gap:22px}.brand img{width:132px;height:auto;display:block}.brand span{border-left:1px solid var(--line);padding-left:22px;font-size:13px}nav{display:flex;align-items:center;gap:24px;margin-left:12px}nav button{min-height:48px;padding:8px 0;border-bottom:2px solid transparent}nav button.active{border-color:var(--ink)}.preview{margin-left:auto;font-size:10px;color:var(--muted);white-space:nowrap}.preview a{display:block;text-underline-offset:4px}main{padding:28px 32px 40px;width:100%;max-width:1800px;margin:auto}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading p{color:var(--muted);font-size:12px;margin-top:5px}.date{min-height:44px;display:flex;align-items:center;border:1px solid var(--line);padding:8px 14px;border-radius:6px;white-space:nowrap}.summaries{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:30px}.summary{padding:24px 26px;background:var(--cream);border-radius:12px}.summary:nth-child(2){background:var(--blush)}.summary-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.name-button{font-size:18px;text-align:left;padding:0;min-height:44px;text-underline-offset:5px}.name-button:hover{text-decoration:underline}.status{font-size:10px;display:inline-flex;align-items:center;gap:7px;color:var(--muted)}.status i{width:6px;height:6px;display:inline-block;background:#777;border-radius:50%}.status.active{color:var(--green)}.status.active i{background:var(--green)}.totals{display:flex;align-items:end;gap:38px;margin:12px 0 22px}.totals span{display:block;font-size:10px;color:var(--muted)}.totals strong{display:block;font-size:23px;line-height:1.6;font-variant-numeric:tabular-nums}.totals>div:last-child strong{font-size:17px}.chart{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;border-bottom:1px solid var(--line);padding-bottom:12px}.day-bar{min-width:0;display:flex;flex-direction:column;align-items:center;padding:0;min-height:155px;font-variant-numeric:tabular-nums}.bar-value{font-size:11px;white-space:nowrap;margin-bottom:7px}.bar-track{height:86px;width:36px;border:1px solid #d8d0c8;background:#eee9e3;display:flex;align-items:end;border-radius:4px;overflow:hidden}.bar-fill{width:100%;background:#444;border-radius:2px}.summary:nth-child(2) .bar-fill{background:#777}.bar-day{font-size:10px;color:var(--muted);margin-top:7px}.day-bar[aria-pressed=true] .bar-fill{background:var(--pink)}.day-bar:hover .bar-track{outline:1px solid var(--ink);outline-offset:3px}.chart-note{font-size:9px;color:var(--muted);margin-top:10px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 14px}.section-heading p{font-size:10px;color:var(--muted)}.week-grid{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.grid-row{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(5,minmax(105px,1fr)) minmax(120px,1.1fr);align-items:stretch}.grid-row+.grid-row{border-top:1px solid var(--line)}.grid-row.head{background:var(--paper);font-size:10px;color:var(--muted)}.grid-row>div,.grid-row>button{padding:17px 12px;text-align:center;min-width:0}.grid-row>div:first-child,.grid-row>button:first-child{text-align:left;padding-left:22px}.grid-row>button{font-size:12px;min-height:72px}.grid-row>button:hover{background:var(--cream)}.grid-row .cell-selected{background:var(--cream);box-shadow:inset 0 -2px var(--pink)}.grid-row small{display:block;color:var(--red);font-size:9px;margin-top:3px}.grid-row .week-total{background:#fcf8f1;display:flex;align-items:center;justify-content:center;font-size:14px;font-variant-numeric:tabular-nums}.grid-row .employee-name{font-size:13px}.mobile-day{display:none}.detail{margin-top:24px;background:var(--oat);border-radius:12px;padding:24px 26px}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.tag{font-size:10px;color:var(--red)}.detail-values{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:22px 0}.detail-values span{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.detail-values strong{font-size:14px;font-variant-numeric:tabular-nums}.timeline{display:flex;height:27px;border-radius:4px;overflow:hidden;background:#e2d9cd}.timeline .gap{background:#d8c7b5;flex-shrink:0}.timeline .paid{background:#444;display:flex;align-items:center;justify-content:center;color:white;font-size:10px}.timeline-labels{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;margin-top:7px}.explanation{font-size:11px;margin-top:14px;color:#444}.footnote{font-size:10px;color:var(--muted);margin-top:24px}.employee-week{margin-top:22px;overflow:auto}.employee-week table{border-collapse:collapse;width:100%;font-size:11px}.employee-week td,.employee-week th{padding:12px 8px;border-bottom:1px solid var(--line);text-align:left;font-weight:400}.employee-week th{font-size:10px;color:var(--muted)}[hidden]{display:none!important}.employee-list{display:grid;grid-template-columns:1fr 1fr;gap:22px}.employee-list article{background:var(--cream);padding:24px;border-radius:12px}.employee-list p{margin-top:12px;color:var(--muted)}.phone-main{max-width:520px;padding:24px 20px 40px}.phone-header{min-height:90px;padding:16px 20px;gap:10px;justify-content:space-between}.phone-header .brand img{width:110px}.phone-header .brand span{font-size:10px;padding-left:14px}.today{background:white;padding:23px;border-radius:12px}.today .detail-values{grid-template-columns:1fr 1fr;gap:18px}.today h1{font-size:22px}.today .detail-values strong{font-size:12px}.pay-now{padding:20px 0;border-top:1px solid var(--line);text-align:center}.pay-now p{font-size:11px;color:var(--muted)}.pay-now strong{display:block;font-size:32px;margin:6px 0}.clock-button{background:var(--ink);color:white;border:1px solid var(--ink);width:100%;min-height:54px;border-radius:6px;margin-top:20px}.clock-button:hover{background:white;color:var(--ink)}.phone-week{margin-top:24px;background:#fcf8f1;padding:22px;border-radius:12px}.phone-week .totals{justify-content:space-between;gap:16px}.phone-week .totals strong{font-size:20px}.phone-week .chart{gap:10px}.phone-week .bar-track{width:30px}.phone-week .bar-value{font-size:9px}.phone-week .day-bar{min-height:140px}.phone-record{padding:18px 0;border-bottom:1px solid var(--line)}.phone-record summary{cursor:pointer;min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.phone-record p{font-size:10px;color:var(--muted);margin-top:8px}.phone-record .amount{white-space:nowrap}.phone-nav{display:flex;gap:24px;justify-content:center;padding-top:20px;font-size:11px}.phone-nav a{min-height:44px;display:flex;align-items:center}.phone-main .footnote{text-align:center}
@media(max-width:1100px){header{gap:20px;padding:16px 24px}nav{gap:18px;margin-left:0}.grid-row{grid-template-columns:minmax(150px,1.4fr) repeat(5,minmax(85px,1fr)) minmax(105px,1fr)}.grid-row>div,.grid-row>button{padding-inline:8px}.grid-row>div:first-child,.grid-row>button:first-child{padding-left:14px}main{padding:24px}.detail-values strong{font-size:12px}}
@media(max-width:800px){body{font-size:12px}header{flex-wrap:wrap;padding:16px 20px;gap:6px 22px}.brand img{width:110px}.brand span{font-size:11px}.preview{font-size:9px}nav{order:3;width:100%;gap:25px}nav button{font-size:11px;min-height:42px}.preview a{display:none}main{padding:24px 20px}h1{font-size:24px}.page-heading{align-items:start;flex-direction:column;gap:12px}.page-heading p{font-size:10px}.date{font-size:11px}.summary{padding:20px}.summaries{gap:16px}.totals{gap:20px}.totals strong{font-size:19px}.totals>div:last-child strong{font-size:15px}.chart{gap:8px}.bar-track{width:29px}.bar-value{font-size:9px}.name-button{font-size:15px}.status{font-size:9px}.summary-top{align-items:start;flex-direction:column;gap:0}.grid-row{grid-template-columns:minmax(135px,1.3fr) repeat(5,minmax(73px,1fr)) minmax(95px,1fr)}.grid-row>button{font-size:10px}.grid-row .employee-name{font-size:10px}.grid-row.head{font-size:9px}.grid-row>div,.grid-row>button{padding-inline:5px}.detail-values{grid-template-columns:1fr 1fr}.detail-heading h2{font-size:16px}.employee-list{grid-template-columns:1fr}}
@media(max-width:680px){.summaries{grid-template-columns:1fr}.summary-top{flex-direction:row;align-items:center}.summary{padding:22px}.totals{justify-content:space-between}.totals strong{font-size:23px}.totals>div:last-child strong{font-size:19px}.chart{gap:15px}.bar-value{font-size:10px}.bar-track{width:34px}.section-heading{display:block}.section-heading p{margin-top:6px}.grid-row.head{display:none}.grid-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:12px 8px}.grid-row>button:first-child{grid-column:1/4;padding:8px;text-align:left;min-height:44px;font-size:14px}.grid-row .week-total{grid-column:4/6;grid-row:1;padding:8px;background:none;font-size:13px;justify-content:end}.grid-row>button.day-cell{grid-row:2;padding:10px 2px;font-size:9px;min-height:85px}.grid-row small{font-size:8px}.mobile-day{display:block;margin-bottom:8px;color:var(--muted);font-size:9px}.grid-row>button.day-cell.cell-selected{border-radius:4px}.detail{padding:21px 18px}.detail-heading{align-items:start;flex-direction:column;gap:5px}.detail-values{gap:20px 12px}.detail-values strong{font-size:10px}.detail-values span{font-size:9px}.timeline-labels{font-size:8px}.detail-heading h2{font-size:15px}.explanation{font-size:10px}.brand{gap:14px}.brand span{padding-left:14px}.preview{max-width:90px;white-space:normal;text-align:right}.phone-header{flex-wrap:nowrap}.employee-week{font-size:10px}.employee-week table{min-width:570px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

@media(max-width:680px){.employee-week{overflow:visible}.employee-week table{display:block;min-width:0}.employee-week thead{display:none}.employee-week tbody{display:block}.employee-week tr{display:grid;grid-template-columns:1fr 1fr;padding:12px 0;border-bottom:1px solid var(--line);gap:10px 16px}.employee-week td{display:block;border:0;padding:0;font-size:10px;min-width:0}.employee-week td:first-child{grid-column:1/-1;font-size:12px}.employee-week td::before{content:attr(data-label);display:block;color:var(--muted);font-size:9px;margin-bottom:4px}.employee-week td:first-child::before{display:none}}

/* Owner-approved refinement: black type and distinct chart colors. */
:root{--ink:#000;--muted:#000;--red:#000;--green:#000}
body,button,input,select,a,a:visited,a:hover,.explanation{color:#000}
.summary{background:#f2f8ff}.summary:nth-child(2){background:#f0fbf7}
.bar-track{background:#dfefff;border-color:#c0d5e8}.bar-fill{background:#2988db}
.summary:nth-child(2) .bar-track{background:#d9efe8;border-color:#badbcf}
.summary:nth-child(2) .bar-fill{background:#1b9b7b}
.day-bar[aria-pressed=true] .bar-fill{background:#2988db}
.summary:nth-child(2) .day-bar[aria-pressed=true] .bar-fill{background:#1b9b7b}
.day-bar[aria-pressed=true] .bar-track{outline:2px solid #ec008c;outline-offset:4px}
.bar-day,.bar-value,.totals strong{color:#000}
.status i{background:#000}.status.active i{background:#1b9b7b}
.timeline .paid{background:#a8dfcc;color:#000}.timeline .gap{background:#f2cf96}
.grid-row small{color:#000;background:#fff0d6;border-radius:3px;display:table;margin:4px auto 0;padding:1px 4px}
.grid-row .cell-selected{background:#fff7fb}
.educator-row>div{display:flex;align-items:center;justify-content:center;font-size:10px}
.educator-row>div:first-child{justify-content:start;font-size:12px}
.role-label{display:block;font-size:9px;margin-top:3px}
.review-note{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;margin-top:18px;border:1px solid var(--line);border-radius:8px;background:#fcf8f5;font-size:10px}
.review-note span{max-width:85ch}.review-note button{border:1px solid #ec008c;border-radius:5px;min-height:44px;padding:8px 16px;background:#fff7fb;color:#000;white-space:nowrap}
.clock-button{background:#fff7fb;color:#000;border-color:#ec008c}
@media(max-width:680px){.educator-row>div:first-child{grid-column:1/4;min-height:44px;padding:8px}.educator-row>div.week-total{grid-column:4/6;grid-row:1;justify-content:end}.educator-row .not-scheduled{grid-column:1/-1;grid-row:2;min-height:44px;justify-content:start;padding:8px}.educator-row .desktop-only{display:none}.review-note{flex-direction:column;align-items:start}.totals>div:last-child strong{font-size:18px}}

.period-summary{padding:24px 26px;margin-bottom:26px;border:1px solid #e6e1dc;border-radius:12px;background:#fff}
.period-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}
.period-dates{display:flex;gap:14px}.period-dates label{font-size:10px;display:flex;flex-direction:column;gap:6px}
.period-dates input{min-height:44px;padding:8px 12px;width:190px;border:1px solid #d7d2ce;border-radius:5px;background:white;color:#000;font-size:11px}
.period-dates input:focus-visible{outline:2px solid #ec008c;outline-offset:3px}
.period-grand{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px;background:#fcf8f1;padding:18px 22px;border-radius:8px}
.period-grand span{display:block;font-size:11px;margin-bottom:5px}.period-grand strong{display:block;font-size:28px;font-variant-numeric:tabular-nums}
.period-row{display:grid;grid-template-columns:1fr 180px 190px;gap:20px;padding:11px 4px;border-bottom:1px solid #e6e1dc;font-size:12px;align-items:center}
.period-row>span:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.period-row.period-columns{font-size:10px;padding-top:0}.period-note{font-size:9px;margin-top:15px}
#period-error{font-size:11px;background:#fff0d6;padding:12px;border-radius:5px;margin-bottom:14px}
@media(max-width:800px){.period-heading{align-items:start;flex-direction:column}.period-grand strong{font-size:24px}.period-row{grid-template-columns:1fr 130px 140px;font-size:11px}}
@media(max-width:500px){.period-summary{padding:20px 16px}.period-dates{gap:10px;width:100%}.period-dates label{width:calc(50% - 5px);font-size:9px}.period-dates input{width:100%;min-width:0;padding:8px 6px;font-size:9px}.period-grand{padding:16px 13px;gap:12px}.period-grand span{font-size:9px}.period-grand strong{font-size:19px;white-space:nowrap}.period-row{grid-template-columns:1fr 75px 90px;gap:7px;font-size:9px}.period-row.period-columns{font-size:8px}.period-note{font-size:9px}}

.today .clock-button{margin-top:0;margin-bottom:8px;min-height:56px;font-size:16px}.phone-clock-note{text-align:center;font-size:10px;margin-bottom:20px}.today .pay-now{padding-bottom:0}.phone-nav{padding-top:10px}

/* Live application controls inherit the approved beige and blue concept. */
textarea{font:inherit;color:#000}input,select,textarea{width:100%;min-height:44px;border:1px solid #cfc8c1;border-radius:5px;padding:10px 12px;background:#fff;font-size:11px}input[type=checkbox]{width:19px;min-height:19px;height:19px;accent-color:#ec008c;flex-shrink:0}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ec008c;outline-offset:3px}label{display:flex;flex-direction:column;gap:7px;font-size:10px;min-width:0}button,a{color:#000}button:disabled{opacity:.45;cursor:not-allowed}button:disabled:hover{background:inherit}header .account{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:10px;flex-wrap:wrap}.account button{min-height:44px;text-decoration:underline;text-underline-offset:4px}.primary,.outline{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border-radius:5px;font-size:11px;text-decoration:none;line-height:1.6;text-align:center}.primary{background:#ec008c;border:1px solid #ec008c;color:#fff}.primary:hover{color:#ec008c;background:#fff}.outline{background:#fff;border:1px solid #bdb4ac;color:#000}.outline:hover{border-color:#000;background:#fcf8f1}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.actions>button:not(.primary):not(.outline){min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:10px}.notice{position:sticky;top:0;z-index:10;margin:0;padding:16px 32px;background:#e6f7ec;border-bottom:1px solid #b6dcc4;font-size:11px}.notice.error,.flag{background:#fff0d6;color:#000}.flag{padding:10px 12px;border-radius:5px;font-size:10px;margin:14px 0}.loading,.empty{padding:24px 0;font-size:12px}.empty-state{padding:36px;background:#fcf8f1;border:1px solid #e6e1dc;border-radius:12px;margin:24px 0}.empty-state p{margin:12px 0 22px;max-width:65ch;font-size:12px}.signin-main{max-width:620px;padding-block:64px}.signin{padding:38px;background:#fff;border-radius:12px;border:1px solid #e6e1dc}.signin h1{font-size:27px;margin:12px 0 18px}.signin p{font-size:11px;margin-bottom:24px}.signin form{display:grid;gap:18px;margin:24px 0}.signin form p{margin:0}.eyebrow{font-size:10px}.row-button{display:grid;width:100%;text-align:left}.row-button:hover{background:#fcf8f1}.period-dates{align-items:end;flex-wrap:wrap}.period-dates label{width:auto}.period-dates input{width:175px}.period-dates button{height:44px}.period-row>span{overflow-wrap:anywhere}.chart{min-height:150px}.data-grid-head,.data-grid-row{display:grid;grid-template-columns:minmax(160px,1.4fr) repeat(var(--days),minmax(0,1fr))}.data-grid-head{background:#fcf8f1;font-size:9px}.data-grid-head span,.data-grid-row button{padding:16px 7px;text-align:center;min-width:0;overflow-wrap:anywhere}.data-grid-head span:first-child,.data-grid-row button:first-child{text-align:left;padding-left:20px}.data-grid-row button{min-height:68px;font-size:10px}.data-grid-row{border-top:1px solid #e6e1dc}.data-grid-row button:hover{background:#fff7fb}.data-grid-row small{display:table;margin:5px auto 0;font-size:8px;background:#fff0d6;border-radius:3px;padding:1px 3px}.punch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-top:1px solid #e6e1dc}.punch-row strong{font-size:12px}.punch-row .small{margin-top:4px;overflow-wrap:anywhere}.detail>.actions{margin-top:14px}.employee-list .actions{margin-top:20px}.employee-list article{background:#fff;border:1px solid #e6e1dc}.employee-list article:nth-child(2n){background:#fcf8f1}footer{display:flex;justify-content:center;gap:18px;font-size:9px;padding:24px 20px;flex-wrap:wrap}footer a,footer button{min-height:36px;display:inline-flex;align-items:center}footer{align-items:center}dialog{border:1px solid #e6e1dc;border-radius:12px;background:#faf7f2;color:#000;width:min(760px,calc(100% - 32px));padding:26px;max-height:90dvh;overflow:auto}dialog::backdrop{background:rgba(0,0,0,.3)}.modal-top{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}.modal-top h2{font-size:18px}.modal-top button{min-width:44px;min-height:44px;margin-top:-10px}form{display:grid;gap:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:6px}.form-actions>button:not(.primary){min-height:44px;padding:10px}.form-error{background:#fff0d6;padding:12px;font-size:11px;border-radius:5px}.check{flex-direction:row;align-items:center;gap:10px;line-height:1.6;min-height:40px}.schedule-fields{display:grid;gap:10px}.schedule-day{display:grid;grid-template-columns:minmax(120px,1fr) 125px 25px 125px;gap:10px;align-items:center}.schedule-day>span{font-size:10px;text-align:center}.schedule-day input[type=time]{padding:8px}.audit-list article{border-top:1px solid #e6e1dc;padding:20px 0}.audit-list article>p{font-size:10px;margin:8px 0}.audit-list h3{font-size:13px}.audit-list summary{font-size:10px;cursor:pointer;min-height:40px;padding-top:10px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.6 Unbounded,sans-serif;background:#fff;padding:14px}hr{border:0;border-top:1px solid #e6e1dc;margin:26px 0}.rate-history{margin-bottom:20px;font-size:11px}.device-list{font-size:9px;margin:18px 0;max-height:200px;overflow:auto}.device-list p{padding:6px 0;overflow-wrap:anywhere}.payroll-person{padding:16px 0;border-top:1px solid #e6e1dc}.payroll-person p{font-size:11px;margin-top:7px}#transfer-form{margin-top:28px}code{font:inherit;overflow-wrap:anywhere}.help{max-width:850px}.help p{font-size:12px;margin:16px 0 28px}.help h2{margin-top:30px}.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}.employee-mode header{min-height:90px;padding:16px 20px;gap:10px;justify-content:space-between}.employee-mode header .brand img{width:110px}.employee-mode header .brand span{font-size:10px;padding-left:14px}.employee-mode .account{max-width:170px;gap:0;justify-content:end;text-align:right}.employee-mode .account>span{width:100%}.employee-mode .period-dates{margin-top:18px;gap:10px}.employee-mode .period-dates label{width:calc(50% - 5px)}.employee-mode .period-dates input{width:100%;min-width:0;padding:8px 6px;font-size:9px}.employee-mode .period-dates button{width:100%}.employee-mode .phone-record .punch-row{flex-direction:column;align-items:start}.employee-mode .phone-record p.flag{padding:10px}.employee-mode .phone-record .actions{gap:8px}.employee-mode .phone-record>button{min-height:44px;text-decoration:underline;font-size:10px}.location-choice{font-size:9px;margin-bottom:18px}.phone-main .chart{gap:7px}.phone-main .bar-track{width:27px}.phone-main .bar-value{font-size:8px}.phone-main .bar-day{font-size:8px}.phone-main .totals strong{font-size:17px}.phone-main .totals{align-items:start}.phone-main .totals>div{max-width:50%}.phone-main .actions{justify-content:space-between}.phone-main .phone-record summary{font-size:10px}.phone-main .phone-record .amount{font-size:10px}
@media(max-width:1000px){.data-grid-head,.data-grid-row{grid-template-columns:minmax(115px,1.3fr) repeat(var(--days),minmax(0,1fr))}.data-grid-row button{font-size:9px}.account>span{display:none}.period-heading{align-items:start;flex-direction:column}}
@media(max-width:680px){header .account{gap:12px;font-size:9px}.signin-main{padding-top:30px}.signin{padding:25px 20px}.signin h1{font-size:23px}.notice{padding:14px 20px;font-size:10px}.period-dates{width:100%;gap:10px}.period-dates label{width:calc(50% - 5px)}.period-dates input{width:100%;min-width:0;font-size:9px}.period-dates button{width:100%}.data-grid-head{display:none}.data-grid-row{grid-template-columns:repeat(var(--days),minmax(0,1fr));padding:10px 5px}.data-grid-row button:first-child{grid-column:1/-1;padding:10px;text-align:left;font-size:13px;min-height:44px}.data-grid-row button{font-size:8px;padding:12px 2px;min-height:90px}.data-grid-row .mobile-day{font-size:7px;line-height:1.6}.data-grid-row small{font-size:7px}.punch-row{flex-direction:column;align-items:start}.form-grid{grid-template-columns:1fr;gap:18px}.schedule-day{grid-template-columns:1fr 90px 16px 90px;gap:6px}.schedule-day .check{font-size:9px}.schedule-day input[type=time]{font-size:9px;padding:5px}.schedule-day input[type=checkbox]{width:16px;height:16px;min-height:16px}.modal-top h2{font-size:15px}dialog{padding:22px 16px}.modal-top{gap:10px}.phone-main{padding-inline:16px}.today{padding:22px 18px}.phone-week{padding:22px 18px}.phone-main .day-bar{min-height:140px}.employee-mode .account>span{display:block}.employee-mode .account{max-width:130px}.employee-mode .brand{gap:10px}.employee-mode .brand span{padding-left:10px;font-size:9px}.employee-mode header .brand img{width:100px}}
.phone-main .bar-value{font-size:10px}.phone-main .bar-day{font-size:9px}
.employee-mode header{flex-wrap:nowrap}.employee-mode .account{max-width:110px}.employee-mode .account>span{overflow-wrap:anywhere}
@media(max-width:680px){.data-grid-row{grid-template-columns:repeat(4,minmax(0,1fr))}.data-grid-row button{font-size:10px;min-height:76px}.data-grid-row .mobile-day,.data-grid-row small{font-size:9px}.chart .bar-value{font-size:10px}.chart{gap:8px}.bar-track{width:28px}}