:root{font-family:Arial,Helvetica,sans-serif;color:#171717;background:#f4eedf;--jf-accent:#176239;--jf-accent-dark:#175f39;--jf-accent-text:#174d32;--jf-accent-border:#7ea18d;--jf-accent-soft:#edf7ef;--jf-accent-mobile:#247044}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#f7f1e5;color:#171717}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.login,.panel,.timecard{background:#fffaf0;border:1px solid #aebcaf;border-radius:14px;box-shadow:0 3px 12px #243e2f14}.login{width:min(440px,100%);padding:24px}.login h1{margin-top:0;color:var(--jf-accent-text)}label{display:block;font-weight:800;font-size:13px;margin:11px 0 5px;color:var(--jf-accent-text)}input,select,textarea{width:100%;padding:11px;border:1px solid #aebcaf;border-radius:8px;background:#fffdf8;color:#111}textarea{min-height:90px}.primary{background:var(--jf-accent)!important;color:#fff!important;border:0!important;border-radius:8px;padding:11px 15px;font-weight:900}.owner-header{background:#fffdf8;color:#111;padding:0 20px;min-height:52px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #e3e8e3}.owner-header-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.owner-header-brand h1{margin:0;font-size:1.0625rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owner-header-logo{width:28px;height:28px;object-fit:contain;border-radius:6px;background:#fff;flex-shrink:0}.owner-header-toolbar{display:flex;align-items:center;gap:2px;flex-shrink:0}.owner-header-icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;color:#66736a}.owner-header-icon-button:hover,.owner-header-icon-button:focus-visible{background:#f0f2ef;color:#111;outline:none}.owner-header-icon-button.active{background:var(--jf-accent-soft);color:var(--jf-accent)}.owner-header-text-button{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 10px;border:0;border-radius:6px;background:transparent;color:#66736a;font-weight:600;font-size:13px;line-height:1;white-space:nowrap}.owner-header-text-button:hover,.owner-header-text-button:focus-visible{background:#f0f2ef;color:#111;outline:none}.owner-header-toolbar-divider{width:1px;height:18px;margin:0 6px;background:#e0e4df;flex-shrink:0}.owner-header-toolbar-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.owner-header-toolbar-icon svg{display:block;width:18px;height:18px}.employee-mobile-header{display:none}main{width:min(1120px,100%);margin:auto;padding:18px}.banner{background:#fff2c9;border:1px solid #d9bd61;border-radius:9px;padding:10px 12px;margin-bottom:12px;color:#705914}nav{display:flex;gap:8px;margin-bottom:14px}nav button{background:#fffdf7;border:1px solid #aebcaf;border-radius:8px;padding:10px 14px;font-weight:800;color:var(--jf-accent-dark)}nav button.active{background:var(--jf-accent);color:#fff}.employee-layout{display:grid;grid-template-columns:370px 1fr;gap:14px}.panel{padding:16px}.panel h2{margin-top:0;color:var(--jf-accent-dark)}.two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.actions button{padding:9px 12px;border-radius:8px;border:1px solid #aebcaf;background:#fffdf7;font-weight:800;color:var(--jf-accent-text)}.employee{border:1px solid #bcc8bd;border-radius:11px;padding:13px;margin-bottom:10px}.employee strong,.employee small{display:block}.employee small{color:#66736a;margin-top:3px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.chips span{background:#edf3ec;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}.checkbox-label{display:flex!important;gap:8px;align-items:center;margin-top:12px}.checkbox-label input{width:auto}.project-card{border:1px solid #bcc8bd;border-radius:11px;padding:13px;margin-bottom:10px}.project-card-head strong,.project-card-head small{display:block}.project-card-title{font-size:1.28rem;line-height:1.2}.project-card-subtitle{color:#66736a;margin-top:4px;font-size:.95rem}.project-card-head small{color:#66736a;margin-top:3px}.project-timecard-badge{display:inline-flex;align-items:center;border-radius:999px;font-weight:700;line-height:1.1;white-space:nowrap;font-size:11px;padding:5px 10px;margin-top:10px}.project-timecard-badge-visible{background:#edf7ef;color:#176239;border:1px solid #7ea18d}.project-timecard-badge-hidden{background:#eef1ee;color:#66736a;border:1px solid #bcc8bd}.project-list-empty{margin:0;color:#66736a;font-weight:700}.project-card-clickable{cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.project-card-clickable:hover,.project-card-clickable:focus-visible{background:#f7fbf7;border-color:#7ea18d;box-shadow:0 2px 10px #1762391a;outline:none}.project-detail{width:100%;max-width:none;padding:20px 22px 24px}.project-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #d5dfd7}.project-detail-title h2{margin:8px 0 4px;color:#174d32;font-size:28px;line-height:1.1}.project-detail-customer{margin:0 0 8px;color:#66736a;font-weight:700}.project-detail-back{border:0;background:transparent;color:#176239;padding:0;font-weight:900;text-decoration:underline}.project-detail-actions{flex-shrink:0}.project-detail-loading,.project-detail-empty-note{margin:0;color:#66736a;font-weight:700}.project-detail-warning{margin:0 0 16px;padding:10px 12px;border-radius:9px;border:1px solid #d9bd61;background:#fff2c9;color:#705914;font-weight:800}.project-metric-incomplete{border-style:dashed}.project-detail-section{margin-top:22px}.project-detail-section h3{margin:0 0 12px;color:#174d32;font-size:18px}.project-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.project-metric{border:1px solid #bcc8bd;border-radius:10px;background:#fffdf8;padding:12px 14px}.project-metric-label{display:block;font-size:12px;font-weight:800;color:#66736a;margin-bottom:6px}.project-metric-value{display:block;font-size:22px;color:#111;line-height:1.1}.project-metric-note{display:block;margin-top:6px;font-size:11px;font-weight:700;color:#66736a}.project-metric.margin-good{border-color:#7ea18d;background:#edf7ef}.project-metric.margin-good .project-metric-value{color:#176239}.project-metric.margin-warn{border-color:#d9bd61;background:#fff8df}.project-metric.margin-warn .project-metric-value{color:#8a6d12}.project-metric.margin-bad{border-color:#d89a90;background:#fff1ee}.project-metric.margin-bad .project-metric-value{color:#a13b2c}.project-labor-progress-labels{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:800;color:#174d32;margin-bottom:8px}.project-progress-track{width:100%;height:14px;border-radius:999px;background:#e6eee8;overflow:hidden}.project-progress-fill{height:100%;border-radius:999px;background:#176239;transition:width .2s ease}.project-progress-fill.project-progress-over{background:#a13b2c}.project-labor-overage{margin:8px 0 0;color:#a13b2c;font-size:12px;font-weight:800}.project-detail-table-wrap{overflow:auto;border:1px solid #bcc8bd;border-radius:10px;background:#fffdf8}.project-detail-table{width:100%;border-collapse:collapse;min-width:560px}.project-detail-table th,.project-detail-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e2e9e3;font-size:13px}.project-detail-table th{background:#edf3ec;color:#174d32;font-weight:900}.project-detail-table tr:last-child td{border-bottom:0}.project-manual-labor-table input{width:100%;max-width:120px;min-width:80px}.project-manual-labor-actions{margin-top:12px}.project-form-note{margin:0 0 12px;font-size:13px;color:#4a5d50;line-height:1.45}.projects-page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.projects-page-header h2{margin:0}.projects-page-panel{width:min(1480px,calc(100vw - 36px));max-width:none;margin-left:50%;transform:translate(-50%);padding:22px 24px 20px}.projects-page-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-bottom:18px;min-height:320px}.projects-page-column{display:flex;flex-direction:column;min-height:0;min-width:0}.projects-page-column:first-child{padding-right:20px}.projects-page-column:last-child{padding-left:20px;border-left:2px solid #aebcaf}.projects-page-column-heading{display:flex;align-items:center;gap:12px;margin:0 0 14px;color:#175f39;font-size:28px;font-weight:900;line-height:1.15}.projects-page-column-icon{font-size:34px;line-height:1}.projects-page-column-body{flex:1;min-height:0;max-height:min(68vh,760px);overflow-y:auto;padding-right:4px;scrollbar-gutter:stable}.projects-page-completed-wrap{border-top:2px solid #d5dfd7;padding-top:18px}.owner-projects-completed .completed-project-card{display:flex;align-items:stretch;gap:18px;margin-bottom:12px}.completed-project-card-main{flex:1;min-width:0;display:flex;align-items:center}.completed-project-card-main .project-card-head{width:100%}.completed-project-card-main .project-card-head strong{font-size:18px}.completed-project-card-main .project-card-head small{font-size:14px;margin-top:4px}.completed-project-card-divider{width:1px;align-self:stretch;background:#c5d0c8;flex-shrink:0}.completed-project-card-metrics{display:flex;align-items:center;gap:22px;flex-shrink:0}.completed-project-gp-group{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.completed-project-gp-row{display:flex;align-items:center;gap:10px}.project-internal-badge{display:inline-flex;align-items:center;border-radius:999px;font-weight:700;line-height:1.1;white-space:nowrap;background:#eef3ff;color:#2f4f8f;border:1px solid #b8c9eb;font-size:11px;padding:4px 9px;margin-top:6px}.project-card-head .project-internal-badge{display:inline-flex}.project-invoice-badge{display:inline-flex;align-items:center;border-radius:999px;font-weight:800;line-height:1.1;white-space:nowrap}.project-invoice-badge-needs{background:#fff8df;color:#8a6d12;border:1px solid #d9bd61;font-size:12px;padding:7px 12px;box-shadow:0 1px #8a6d1214}.project-invoice-badge-invoiced{background:#edf7ef;color:#176239;border:1px solid #7ea18d;font-size:11px;padding:4px 9px}.project-mark-invoiced-button{border:1px solid #799080;background:#fffdf7;color:#175f39;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:800}.project-mark-invoiced-button:hover,.project-mark-invoiced-button:focus-visible{background:#edf7ef;outline:none}.chips .project-invoice-badge-invoiced,.chips .project-invoice-badge-needs,.chips .project-internal-badge{margin-left:2px}.completed-project-gp,.completed-project-profit{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:120px}.completed-project-gp{border-radius:10px;padding:10px 14px}.completed-project-gp.margin-good{background:#edf7ef}.completed-project-gp.margin-good .completed-project-metric-value{color:#176239}.completed-project-gp.margin-warn{background:#fff8df}.completed-project-gp.margin-warn .completed-project-metric-value{color:#8a6d12}.completed-project-gp.margin-bad{background:#fff1ee}.completed-project-gp.margin-bad .completed-project-metric-value{color:#a13b2c}.completed-project-metric-label{font-size:12px;font-weight:800;color:#66736a;letter-spacing:.02em;text-transform:uppercase}.completed-project-metric-value{font-size:28px;font-weight:900;line-height:1.05}.completed-project-profit-positive{color:#176239}.completed-project-profit-negative{color:#a13b2c}.project-material-section .project-material-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px}.project-material-balance-block{display:flex;flex-direction:column;gap:4px}.project-material-balance-label{font-size:13px;font-weight:800;color:#355242;text-transform:uppercase;letter-spacing:.04em}.project-material-balance-value{font-size:34px;line-height:1.1;color:#174d32}.project-material-form{margin-bottom:16px;padding:16px;background:#fffdf8}.project-material-form h4{margin:0 0 12px;color:#174d32}.project-material-table{min-width:820px}.project-material-type{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.project-material-type-invoice{background:#e7f2ea;color:#174d32}.project-material-type-credit{background:#fff1df;color:#8a4d00}.project-material-type-return{background:#f3e8ff;color:#5b3a86}.project-material-amount-positive{font-weight:800;color:#174d32}.project-material-amount-negative{font-weight:800;color:#8a4d00}.project-material-running-total td{background:#edf3ec;border-top:2px solid #bcc8bd;font-weight:900;color:#174d32}.project-material-actions{white-space:nowrap;text-align:right}.project-material-actions button{margin-left:8px;padding:6px 10px;font-size:12px}@media(max-width:900px){.project-material-balance-value{font-size:28px}.project-material-header,.project-detail-header{flex-direction:column;align-items:stretch}.project-detail-actions{width:100%;justify-content:flex-start}.project-detail-title h2{font-size:24px}}.danger{color:#a13b2c!important}.picker{max-width:340px;margin-bottom:12px}.owner-timecards-panel{margin-bottom:16px}.owner-timecard-toolbar{display:flex;flex-direction:column;gap:0;max-width:340px;margin-bottom:12px}.owner-timecard-toolbar .picker{margin-bottom:12px}.owner-timecard-actions{margin-bottom:0}.owner-timecard-actions button{width:100%}.owner-timecard-empty{padding:20px;color:#555}.owner-timecard{overflow:hidden}.heading,.footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px}.heading{border-bottom:1px solid #bdc8bf}.heading h2{margin:0}.heading p{margin:4px 0 0;color:#555f58}.open,.closed{border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.open{background:#fff0b8;color:#6d5610}.closed{background:#dcebdd;color:#175f39}.summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px;background:#f7f2e8;border-bottom:1px solid #bdc8bf}.summary span,.footer span{display:block;color:#175f39;font-size:12px;font-weight:900;text-transform:uppercase}.summary strong,.footer strong{display:block;font-size:25px;margin-top:3px}.summary small{display:block;color:#745d19;margin-top:4px}.days{display:grid;gap:8px;padding:12px}.day{display:grid;grid-template-columns:180px 1fr 65px;gap:10px;align-items:center;width:100%;padding:13px;border:2px solid #bdc8bf;border-radius:11px;background:#fffaf0;color:#111;text-align:left}.day.done{border-color:#257343;background:#eef5eb}.day small{display:block;color:#66736a}.day p{margin:3px 0}.footer{border-top:1px solid #bdc8bf}.footer-total{min-width:0}.footer-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.danger-button{background:#a13b2c!important;color:#fff!important;border:0!important;border-radius:8px;padding:11px 15px;font-weight:900}.danger-button:disabled{opacity:.7;cursor:not-allowed}.timecard-error-banner{margin:0;padding:12px 16px;background:#fdecea;border-bottom:1px solid #e8b4b0;color:#8f2f25;font-weight:700;line-height:1.45}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#12261bb3;padding:16px;overflow:auto;z-index:100}.modal{width:min(620px,100%);margin:22px auto;background:#fffaf0;border-radius:14px;padding:18px;border:1px solid #aebcaf}.modal hr{border:0;border-top:1px solid #bdc8bf;margin:18px 0}.end{justify-content:flex-end}.employee-phone-screen,.employee-day-entry-screen,.employee-pto-screen,.employee-past-screen,.employee-past-week-screen{display:none}@media(max-width:780px){body:has(.employee-mobile-header),body:has(.employee-phone-screen),body:has(.employee-day-entry-screen),body:has(.employee-pto-screen),body:has(.employee-past-screen),body:has(.employee-past-week-screen){background:#fbf5e9}.employee-mobile-header{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 12px 9px;background:#176239;color:#fff;border-bottom:3px solid #124d2d;box-shadow:0 3px 10px #12261b38;position:sticky;top:0;z-index:40}.employee-mobile-header .employee-timecard-title-block{flex:1;min-width:0}.employee-mobile-header .employee-screen-label{display:block;margin:0 0 3px;color:#fff;font-size:18px;font-weight:900;letter-spacing:.03em;line-height:1}.employee-mobile-header .employee-name{margin:0 0 3px;color:#fff;font-size:24px;font-weight:900;line-height:1.02}.employee-week-ending{margin:0;color:#edf3ec;font-size:11px;font-weight:700;line-height:1.2}.employee-header-logo{width:auto;max-width:56px;max-height:56px;object-fit:contain;flex-shrink:0;align-self:center}.owner-header{padding:0 14px;min-height:48px;gap:12px}.owner-header-brand h1{font-size:1rem}.employee-layout,.two,.summary{grid-template-columns:1fr}.day{grid-template-columns:1fr 55px}.day>div:nth-child(2){grid-column:1/-1}.heading,.footer{align-items:flex-start;flex-direction:column}.footer-buttons,.footer-buttons .danger-button,.footer-buttons .primary,.footer-buttons button,.footer button{width:100%}body:has(.employee-bottom-nav) main,body:has(.employee-mobile-header) main,body:has(.employee-phone-screen) main,body:has(.employee-day-entry-screen) main,body:has(.employee-pto-screen) main,body:has(.employee-past-screen) main,body:has(.employee-past-week-screen) main{width:100%;max-width:none;padding:0;padding-bottom:calc(74px + env(safe-area-inset-bottom))}body:has(.employee-day-entry-screen) main{padding-bottom:0}body:has(.employee-bottom-nav) .banner,body:has(.employee-mobile-header) .banner,body:has(.employee-phone-screen) .banner,body:has(.employee-day-entry-screen) .banner,body:has(.employee-pto-screen) .banner,body:has(.employee-past-screen) .banner,body:has(.employee-past-week-screen) .banner{margin:12px 16px}.employee-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:5px 6px calc(5px + env(safe-area-inset-bottom));background:#fffaf0;border-top:1.5px solid #247044;box-shadow:0 -4px 14px #12261b1a}.employee-bottom-nav button{min-height:52px;padding:4px 2px 6px;border:0;border-radius:4px;background:transparent;color:#555f58;font-size:11px;font-weight:800;letter-spacing:.01em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.employee-bottom-nav-icon{width:26px;height:26px;display:block;flex-shrink:0}.employee-bottom-nav button.active{color:var(--jf-accent);background:#edf3ec;font-weight:900}.employee-phone-screen{display:flex;flex-direction:column;width:100%;max-width:none;min-height:calc(100dvh - 162px - env(safe-area-inset-bottom));margin:0;padding:8px 10px 10px;background:transparent;border:0;box-shadow:none;color:#111}.employee-pto-screen,.employee-past-screen,.employee-past-week-screen{display:block;width:100%;max-width:none;margin:0;padding:10px 10px 12px;background:transparent;border:0;box-shadow:none;color:#111;min-height:calc(100dvh - 162px - env(safe-area-inset-bottom))}.employee-pto-panel{padding:12px;border:1.5px solid #247044;border-radius:4px;background:#fffaf0;margin-bottom:12px}.employee-pto-feature-label{margin:0 0 8px;text-align:center;color:#111;font-size:14px;font-weight:900;letter-spacing:.04em}.employee-pto-feature-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;margin-bottom:12px;padding:14px 12px;border:1.5px solid #247044;border-radius:4px;background:#fbf5e9;color:#111}.employee-pto-feature-box span{font-size:12px;font-weight:900;letter-spacing:.04em}.employee-pto-feature-box strong{margin:8px 0 2px;color:#176239;font-size:42px;font-weight:900;line-height:1}.employee-pto-feature-box small{font-size:13px;font-weight:800}.employee-pto-secondary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.employee-pto-secondary div{padding:8px 6px;text-align:center;color:#111}.employee-pto-secondary span{display:block;margin-bottom:4px;font-size:10px;font-weight:900;letter-spacing:.03em}.employee-pto-secondary strong{font-size:14px;font-weight:800}.employee-pto-history h3{margin:0 0 8px;color:#111;font-size:15px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.employee-pto-history-list{display:grid;gap:8px}.employee-pto-history-row{display:grid;grid-template-columns:1fr 52px 72px;align-items:center;gap:8px;padding:10px 12px;border:1.5px solid #247044;border-radius:4px;background:#fffaf0;color:#111}.employee-pto-history-row span{font-size:13px;font-weight:700}.employee-pto-history-row strong{text-align:right;font-size:16px;font-weight:900}.employee-pto-history-empty{margin:0;color:#555f58;font-size:14px}.employee-past-list{display:grid;gap:8px}.employee-past-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px;border:1.5px solid #247044;border-radius:4px;background:#fffaf0;color:#111;text-align:left}.employee-past-row>div{display:grid;gap:4px}.employee-past-row span{font-size:14px;font-weight:700}.employee-past-row small{font-size:11px;font-weight:900;letter-spacing:.03em}.employee-past-row small.closed{color:#175f39}.employee-past-row small.open{color:#6d5610}.employee-past-row strong{font-size:22px;font-weight:900;color:#176239}.employee-past-empty{margin:0;color:#555f58;font-size:14px}.employee-past-week-screen .employee-past-day-row{display:grid;grid-template-columns:128px minmax(0,1fr) 64px;align-items:center;margin-bottom:8px;padding:0;overflow:hidden;border:1.5px solid #247044;border-radius:4px;background:#fffaf0;color:#111}.employee-past-week-screen .employee-back-button{margin-top:10px}.employee-day-list{flex:1;display:flex;flex-direction:column;min-height:0;border:1.5px solid #247044;border-radius:4px;overflow:hidden;background:#fffaf0}.employee-day-row{flex:1;width:100%;min-height:58px;display:grid;grid-template-columns:124px minmax(0,1fr) 72px;align-items:stretch;padding:0;border:0;border-bottom:1px solid #7fa28b;border-radius:0;background:#fffaf0;color:#111;text-align:left;box-shadow:inset 0 1px #ffffff8c}.employee-day-row:last-child{border-bottom:0}.employee-day-row.has-time{background:#fbf5e9}.employee-day-row:disabled{opacity:.72}.employee-day-date{display:flex;flex-direction:column;justify-content:center;padding:10px;border-right:1px solid #7fa28b;color:#111}.employee-day-date strong{font-size:12px;font-weight:900;letter-spacing:.03em;color:#111}.employee-day-date span{margin-top:4px;font-size:12px;font-weight:700;color:#111}.employee-day-jobs{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 12px;font-size:15px;font-weight:700;color:#111;overflow:hidden}.employee-day-jobs span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111}.employee-day-jobs em{color:#555f58;font-size:14px;font-style:italic;font-weight:600}.employee-day-hours{position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:8px 28px 8px 8px;border-left:1px solid #7fa28b;color:#111}.employee-day-hours strong{font-size:24px;font-weight:900;line-height:1;color:#111}.employee-day-hours span{margin-top:3px;font-size:10px;font-weight:800;letter-spacing:.03em;color:#111}.employee-day-hours b{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#176239;font-size:30px;font-weight:400;line-height:1}.employee-day-hours .add-time-icon{position:static;transform:none;color:#176239;font-size:30px;font-weight:700}.employee-weekly-total{display:flex;align-items:center;justify-content:space-between;min-height:54px;margin-top:8px;padding:10px 14px;border:1.5px solid #247044;border-radius:4px;background:#fffaf0;color:#111;box-shadow:inset 0 1px #ffffff8c;flex-shrink:0}.employee-weekly-total>span{font-size:14px;font-weight:900;letter-spacing:.04em;color:#111}.employee-weekly-total>div{display:flex;align-items:baseline;gap:6px;color:#111}.employee-weekly-total strong{font-size:32px;font-weight:900;line-height:1;color:#176239}.employee-weekly-total small{font-size:13px;font-weight:800;color:#111}.employee-close-button{width:100%;min-height:50px;margin-top:8px;padding:12px;border:0;border-radius:4px;background:#176239;color:#fff;font-size:15px;font-weight:900;letter-spacing:.03em;flex-shrink:0}.employee-closed-message{width:100%;margin-top:8px;padding:14px 12px;border:1.5px solid #7fa28b;border-radius:4px;background:#dfeadf;color:#175f39;text-align:center;font-size:15px;font-weight:900;letter-spacing:.03em;flex-shrink:0}.employee-back-button{width:100%;min-height:46px;border:1.5px solid #247044;border-radius:4px;background:#fbf5e9;color:#111;font-size:15px;font-weight:900}.employee-day-entry-screen{display:block;width:100%;max-width:560px;min-height:calc(100vh - 24px);margin:0 auto;padding:16px 16px 28px;background:#fffaf0;border:1.5px solid #247044;border-radius:4px;box-shadow:inset 0 1px #ffffffa6,0 4px 18px #243e2f1a;color:#111}.employee-day-entry-header{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:16px;border-bottom:1.5px solid #247044}.employee-day-entry-back{flex-shrink:0;border:1.5px solid #247044;border-radius:4px;background:#fbf5e9;color:#111;padding:8px 12px;font-size:14px;font-weight:800}.employee-day-entry-header h2{margin:0;color:#111;font-size:22px;font-weight:900;line-height:1.15}.employee-day-entry-form label{color:#111;font-weight:800}.employee-day-entry-section{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #7fa28b}.employee-day-entry-section:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}.employee-day-entry-section h3{margin:0 0 12px;color:#111;font-size:15px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.employee-day-entry-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1.5px solid #247044}.employee-day-entry-actions button{padding:10px 14px;border-radius:4px;border:1.5px solid #247044;background:#fbf5e9;color:#111;font-weight:800}.modal{width:100%;min-height:calc(100vh - 20px);margin:4px auto;border-radius:14px}}@media(max-width:470px){.employee-mobile-header{padding:9px 10px 8px}.employee-mobile-header .employee-screen-label{font-size:15px}.employee-mobile-header .employee-name{font-size:20px}.employee-week-ending{font-size:10px}.employee-header-logo{max-width:56px;max-height:56px}.employee-phone-screen{min-height:calc(100dvh - 156px - env(safe-area-inset-bottom));padding:6px 8px 8px}.employee-pto-screen,.employee-past-screen,.employee-past-week-screen,.employee-day-entry-screen{padding:8px 8px 10px}.employee-pto-feature-box strong{font-size:36px}.employee-past-row strong{font-size:20px}.employee-day-row{grid-template-columns:112px minmax(0,1fr) 66px;min-height:54px}.employee-day-date{padding:8px}.employee-day-jobs{padding:8px 10px;font-size:14px}.employee-day-hours strong{font-size:22px}.employee-day-hours b,.employee-day-hours .add-time-icon{font-size:26px}.employee-weekly-total{min-height:50px;padding:8px 12px}.employee-weekly-total strong{font-size:28px}.employee-close-button{min-height:48px;font-size:14px}.employee-day-entry-header h2{font-size:19px}}.settings-page{display:flex;flex-direction:column;gap:14px}.settings-page-heading{margin:0 0 4px;color:var(--jf-accent-dark)}.settings-section{margin:0}.settings-section h3{margin:0 0 4px;color:var(--jf-accent-dark);font-size:1.15rem}.settings-section-note{margin:0 0 14px;color:#66736a;font-size:.92rem;line-height:1.45}.settings-logo-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0 4px}.settings-logo-preview{width:72px;height:72px;object-fit:contain;border-radius:10px;border:1px solid #aebcaf;background:#fffdf8;padding:6px}.settings-logo-placeholder{width:72px;height:72px;display:grid;place-items:center;border-radius:10px;border:1px dashed #aebcaf;background:#fffdf8;color:#66736a;font-size:12px;font-weight:800;text-align:center;padding:8px}.settings-file-input{width:auto;padding:0;border:0;background:transparent}.settings-accent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;margin-top:12px}.settings-accent-option{display:flex;align-items:center;gap:10px;border:1px solid #aebcaf;border-radius:10px;background:#fffdf8;padding:10px 12px;font-weight:800;color:#111;text-align:left}.settings-accent-option:hover,.settings-accent-option:focus-visible{border-color:var(--jf-accent-border);background:var(--jf-accent-soft);outline:none}.settings-accent-option.selected{border-color:var(--jf-accent);box-shadow:0 0 0 2px #1762391f}.settings-accent-swatch{width:22px;height:22px;border-radius:999px;border:1px solid rgba(0,0,0,.12);flex-shrink:0}.settings-future-note{margin:0;color:#66736a;font-size:.88rem;font-style:italic}.login-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:8px}.login-logo{width:72px;height:72px;object-fit:contain}@media(max-width:780px){.settings-accent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}