:root{--bg:#f7f8fa;--white:#fff;--ink:#25322e;--muted:#606c62;--line:#edf0ed;--green:#c5e9a2;--green-dark:#3e7154;--sage:#eaf4e2;--peach:#f7e8df;--orange:#8b5834;--radius:16px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit;text-decoration:none}button{color:inherit;background:0 0;border:0}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #8aba6c}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #b3d793}h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-weight:600}small{font-size:14px}svg{vertical-align:middle;flex-shrink:0}input,select,textarea{min-width:0}input[type=checkbox]{accent-color:#507747;flex-shrink:0;width:18px;height:18px}input[readonly]{color:#606761;background:#f5f6f4}input[type=time],input[type=date],input[type=month]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:30;background:#fff;border-right:1px solid #e9ece8;flex-direction:column;width:258px;padding:28px 20px 17px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{letter-spacing:-2.1px;align-items:center;gap:10px;margin:0 13px 37px;font-size:35px;font-weight:750;line-height:1;display:flex}.brand-mark{color:#35543b;background:#c7eaa9;border-radius:10px;place-items:center;width:31px;height:31px;display:grid;transform:rotate(-7deg)}.brand-mark svg{transform:rotate(7deg)}.brand-dot{color:#4c6e36}.workspace-switch{border:1px solid #e9ede7;border-radius:10px;align-items:center;gap:10px;margin-bottom:30px;padding:11px 9px;display:flex;overflow:hidden}.workspace-icon{background:#f0f3ed;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.workspace-switch div{flex:1;min-width:0}.workspace-switch strong{white-space:normal;text-overflow:ellipsis;font-size:14px;line-height:1.45;display:block;overflow:hidden}.workspace-switch small{color:var(--muted);margin-top:1px;font-size:14px;display:block}.nav-caption{letter-spacing:.8px;color:#636662;margin:0 12px 12px;font-size:13px;font-weight:600}.nav-item{text-align:left;color:#606761;border-radius:8px;align-items:center;gap:12px;width:100%;margin:3px 0;padding:12px 13px;font-size:14px;transition:background .15s;display:flex}.nav-item svg{stroke-width:1.6px}.nav-item:hover{background:#f6f8f4}.nav-item.active{color:#36513a;background:#eaf2e4;font-weight:600}.nav-item.active svg{stroke-width:1.9px}.nav-active-dot{background:#66894a;border-radius:50%;width:5px;height:5px;margin-left:auto}.nav-count{color:#7e5f43;background:#f5e4d6;border-radius:4px;margin-left:auto;padding:0 6px;font-size:14px}.nav-count+.nav-active-dot{display:none}.nav-divider{background:var(--line);height:1px;margin:20px 10px 13px}.sidebar-bottom{margin-top:auto;padding-top:40px}.install-card{background:linear-gradient(140deg,#f7faf1,#f1f5eb);border:1px solid #e6ebdf;border-radius:12px;padding:18px 13px 12px;position:relative}.install-illustration{color:#556b4c;margin-bottom:14px;display:inline-flex;position:relative}.install-illustration>span{background:#c3e59e;border:2px solid #f5f8ef;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:0;right:-9px}.install-card strong{font-size:14px;display:block}.install-card p{color:#61675b;margin:7px 0 12px;font-size:14px;line-height:1.8}.install-card button{border-top:1px solid #dfe7d7;justify-content:space-between;align-items:center;width:100%;padding:9px 0 0;font-size:14px;font-weight:600;display:flex}.sidebar-footer{color:#62665f;white-space:normal;flex-wrap:wrap;align-items:center;gap:5px;margin:20px 4px 0;font-size:14px;display:flex}.status-dot{background:#72a966;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.main-shell{flex:1;min-width:0;margin-left:258px}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e9ece8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;height:auto;min-height:75px;padding:16px 28px;display:flex;position:relative}.breadcrumb{color:#616661;flex-wrap:wrap;align-items:center;gap:16px;font-size:14px;display:flex}.breadcrumb strong{color:#4f5a50;font-weight:500}.slash{color:#636663}.topbar-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.connection{color:#5e685a;align-items:center;gap:7px;font-size:14px;display:flex}.connection.offline{color:#895a40}.connection.offline .status-dot{background:#c18b69}.icon-btn{color:#5f675f;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-btn:hover{background:#f2f5ef}.notification{position:relative}.notification i{background:#d5a282;border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:6px}.topbar-divider{background:#e7eae5;width:1px;height:21px}.avatar{letter-spacing:-.25px;color:#607555;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:650;display:inline-flex}.avatar.small{width:31px;height:31px;font-size:14px}.sage{color:#596b46;background:#e7efdd}.peach{color:#805e46;background:#f6e5db}.lavender{color:#6d607d;background:#eee8f5}.blue{color:#506780;background:#e5edf5}.pink{color:#7c5c6a;background:#f7e6ed}.sand{color:#74633b;background:#f4eedc}.main-shell main{max-width:1630px;margin:auto;padding:34px 37px 0}.page-intro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;margin:9px 0 29px;display:flex}.eyebrow{color:#616758;letter-spacing:.8px;align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.small-line{background:#91ac7d;width:16px;height:1px}.page-intro h1{letter-spacing:-.8px;margin:10px 0 6px;font-size:27px;font-weight:620;line-height:1.45}.intro-text>p{color:#626661;font-size:14px}.intro-actions{flex-wrap:wrap;flex-shrink:1;justify-content:flex-start;align-items:center;gap:10px;max-width:none;display:flex}.btn{white-space:normal;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 14px;font-size:14px;font-weight:600;line-height:1.45;transition:background .15s,transform .15s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:var(--green);color:#344833;border:1px solid #bcde9c;box-shadow:0 1px 2px #33402206}.btn.primary:hover{background:#b9df92}.btn.outline{color:#687363;background:#fff;border:1px solid #e5e9e1;box-shadow:0 1px 2px #33402203}.btn.dark{color:#fff;background:#26392e;border:1px solid #26392e}.btn.dark:hover{background:#344a3a}.full-width{width:100%}.segmented{background:#ecefe9;border-radius:7px;gap:2px;padding:3px;display:flex}.segmented button{color:#60675b;border-radius:5px;min-height:38px;padding:6px 10px;font-size:14px}.segmented button.selected{color:#46563f;background:#fff;box-shadow:0 1px 4px #3340220c}.role-switch{min-width:130px}.role-switch button{flex:1}.overview-top{justify-content:space-between;align-items:center;margin:0 0 15px;display:flex}.today-pill{color:#667262;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.quiet-note{color:#62665f;font-size:14px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px;display:grid}.stat-card{background:#fff;border:1px solid #e9ede6;border-radius:11px;padding:18px 19px 16px;box-shadow:0 2px 3px #28322401}.stat-title{color:#61675e;justify-content:space-between;align-items:flex-start;gap:4px;font-size:14px;line-height:1.5;display:flex}.stat-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;display:inline-flex}.stat-value{letter-spacing:-1.15px;color:#32412f;font-variant-numeric:tabular-nums;margin:8px 0 14px;font-size:31px;font-weight:600;line-height:1.3}.stat-value>small{letter-spacing:0;color:#61675e;margin-left:6px;font-size:14px;font-weight:400}.stat-value.money-stat{letter-spacing:-1px;overflow-wrap:anywhere;margin-top:12px;font-size:clamp(24px,2.3vw,32px);line-height:1.35}.stat-detail{color:#62665e;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:5px;font-size:14px;display:flex}.stat-detail .status-dot{width:4px;height:4px;margin-right:4px}.green-text{color:#516d42}.danger-text{color:#8b584f!important}.normal-text{color:var(--ink);font-weight:500}.muted{color:#61675e}.overview-middle{grid-template-columns:minmax(0,1.75fr) minmax(270px,1fr);gap:22px;margin-bottom:22px;display:grid}.panel{background:#fff;border:1px solid #e8ece5;border-radius:11px;min-width:0;overflow:hidden;box-shadow:0 2px 4px #28322401}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;padding:21px 22px 17px;display:flex}.section-heading h2{letter-spacing:-.2px;font-size:18px}.section-heading p{color:#61675c;margin-top:5px;font-size:14px}.text-btn{color:#5c6953;align-items:center;gap:5px;padding:4px 0;font-size:14px;font-weight:500;display:inline-flex}.text-btn:hover{text-decoration:underline}.chart-period{color:#606758;background:#f7f8f4;border:1px solid #e9ede3;border-radius:5px;align-items:center;gap:10px;padding:5px 9px;font-size:14px;display:flex}.chart-legend{color:#61675a;flex-wrap:wrap;justify-content:flex-end;gap:16px;padding:0 22px;font-size:14px;display:flex}.chart-legend>span,.calendar-legend>span{align-items:center;gap:5px;display:flex}.legend-dot{border-radius:2px;width:7px;height:7px;display:inline-block}.sage-bg{background:#bfde9e}.peach-bg{background:#ecccb5}.lavender-bg{background:#d7c9e5}.weekly-chart{gap:12px;height:187px;margin:18px 23px 17px 18px;display:flex}.chart-y{color:#62665d;text-align:right;flex-direction:column;justify-content:space-between;width:28px;padding-bottom:52px;font-size:14px;display:flex}.chart-body{flex:1;position:relative}.chart-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 52px}.chart-lines i{border-top:1px dashed #edf0e8;width:100%;height:1px}.chart-bars{justify-content:space-around;gap:15px;height:100%;padding:0 12px;display:flex;position:relative}.bar-group{flex-direction:column;flex:1;align-items:center;min-width:0;max-width:55px;height:100%;display:flex}.bar-pair{justify-content:center;align-items:flex-end;gap:5px;width:100%;height:calc(100% - 52px);display:flex;position:relative}.bar{border-radius:4px 4px 0 0;width:17px;max-width:34%;transition:height .3s}.bar.ontime{background:#c4dda8}.bar.late{background:#eed5c2}.bar-group>span{color:#62665e;text-align:center;height:52px;padding-top:8px;font-size:14px;line-height:1.5}.bar-group.current>span{color:#556c42;font-weight:600}.bar-group.current .ontime{background:#a9ca82}.bar-group>span small{color:#636660;font-size:14px;font-weight:400;line-height:1.2;display:block}.chart-footnote{color:#61675c;border-top:1px solid #f1f3ee;align-items:center;gap:6px;margin:0 22px;padding:12px 0;font-size:14px;display:flex}.clock-card{background:#eef4e5;border:1px solid #e0e8d7;border-radius:11px;padding:20px 22px 17px;position:relative;overflow:hidden}.clock-card:before{content:"";opacity:.6;pointer-events:none;border:1px solid #dce8cc;border-radius:50%;width:150px;height:150px;position:absolute;top:-80px;right:-85px;box-shadow:0 0 0 22px #e5edda,0 0 0 23px #dce8cc,0 0 0 45px #eaf1e0}.clock-card-heading{justify-content:space-between;align-items:center;display:flex;position:relative}.clock-label{letter-spacing:1px;color:#5b6a4e;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.clock-decoration{color:#596a4b}.digital-clock{letter-spacing:-1.7px;font-variant-numeric:tabular-nums;color:#435638;margin:13px 0 2px;font-size:44px;font-weight:600;line-height:1.25}.clock-date{color:#5f6852;margin-bottom:17px;font-size:14px}.clock-state{color:#606857;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;font-size:14px;display:flex}.clock-state strong{color:#5b6a4b;font-size:14px;font-weight:500}.clock-state .badge{color:#596a47;background:#e0ebd3;padding:3px 7px;font-size:14px}.clock-action{margin:17px 0 11px}.clock-action .btn{justify-content:flex-start;width:100%;min-height:37px;padding:10px 12px;font-size:14px}.clock-action .btn>svg:last-child{margin-left:auto}.clock-action .btn>svg:first-child{margin-left:0}.clock-note{color:#5e6952;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;font-size:14px;display:flex}.clock-note .text-btn{font-size:14px}.table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow:auto}table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%}thead th{color:#62675c;background:#fafbf8;border-top:1px solid #f1f3ed;border-bottom:1px solid #edf0e8;padding:12px 22px;font-size:14px;font-weight:600}td{color:#5f6857;border-bottom:1px solid #f0f2ed;padding:16px 22px;font-size:14px}td strong{color:#56654b;font-size:14px;font-weight:500}td small{color:#62675b;margin-top:4px;font-size:14px;display:block}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fdfefb}.person-cell{align-items:center;gap:10px;display:flex}.person-cell strong{color:#56674b;font-size:15px;font-weight:600;line-height:1.4;display:block}.person-cell small{color:#606758;margin-top:4px;font-size:14px;display:block}.tabular{font-variant-numeric:tabular-nums;letter-spacing:.1px}.badge{white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:4px 8px;font-size:14px;font-weight:500;line-height:1.4;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:4px;height:4px}.badge.green{color:#566b44;background:#eff5e8}.badge.neutral{color:#616759;background:#f3f4ef}.badge.orange{color:#77614d;background:#faf1e9}.badge.red{color:#815d50;background:#f9eeeb}.policy-inline{color:#606759;border:1px dashed #dfe5d6;border-radius:8px;align-items:center;gap:10px;margin:20px 0 0;padding:13px 16px;font-size:14px;line-height:1.9;display:flex}.policy-inline>svg{color:#5e6951}.policy-inline p{flex:1}.policy-inline p strong{color:#5c6950;font-weight:500}.policy-inline>button{white-space:nowrap;color:#5c694d;align-items:center;gap:5px;font-size:14px;display:flex}.page-footer{color:#62675c;border-top:1px solid #e9ede3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:30px;padding:20px 0;font-size:14px;display:flex}.page-footer>span{align-items:center;gap:9px;display:flex}.mini-brand{letter-spacing:-.6px;color:#5d6953;font-size:14px;font-weight:700}.footer-star{color:#5e6951;font-size:14px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.toolbar-right{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;max-width:100%;display:flex}.compact-toolbar{margin-top:16px;margin-bottom:14px}.filter-tabs{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.filter-tabs button{color:#606758;border-radius:6px;align-items:center;gap:7px;min-height:42px;padding:8px 12px;font-size:14px;display:flex}.filter-tabs button.active{color:#556c45;background:#eaf1e3;font-weight:600}.filter-tabs button span{background:#ecf0e6;border-radius:4px;place-items:center;min-width:17px;padding:1px 4px;font-size:14px;display:grid}.filter-tabs button.active span{color:#546c43;background:#d8e6cb}.search-box{color:#616757;background:#fff;border:1px solid #e7ebe1;border-radius:7px;align-items:center;gap:9px;min-width:210px;padding:9px 11px;display:flex}.search-box input{color:#5b6a4c;background:0 0;border:0;outline:0;width:100%;font-size:16px}.search-box input::placeholder{color:#61675a}.row-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.row-actions .text-btn{font-size:14px}.type-pill{color:#5d694d;background:#f0f3e8;border-radius:5px;padding:4px 8px;font-size:14px;display:inline-flex}.type-pill.fulltime,.calendar-chip.fulltime{color:#586b45;background:#edf4e5}.type-pill.parttime,.calendar-chip.parttime{color:#6d607a;background:#f0ebf6}.type-pill.probation,.calendar-chip.probation{color:#74624e;background:#f9eee6}.month-control{background:#fff;border:1px solid #e4e9dd;border-radius:7px;align-items:center;gap:5px;height:auto;min-height:44px;padding:4px;display:flex}.month-control>button{color:#5e6855;border-radius:4px;place-items:center;width:32px;height:32px;display:grid}.month-control>button:hover{background:#eef3e7}.month-control label{color:#5c694e;align-items:center;gap:7px;padding:0 8px;display:flex}.month-control input{color:#586b4a;background:0 0;border:0;outline:0;width:150px;font-size:16px}.summary-strip{color:#5f6857;background:#fff;border:1px solid #e5ebdc;border-radius:10px;justify-content:space-between;gap:22px;padding:18px 23px;font-size:14px;display:flex}.summary-strip strong{color:#586b46;letter-spacing:-.5px;margin-right:5px;font-size:17px;font-weight:600}.compact-toolbar select{color:#5c6950;background:#fff;border:1px solid #e1e8d8;border-radius:6px;max-width:100%;min-height:44px;padding:8px 10px;font-size:16px}.below-note{color:#606857;align-items:flex-start;gap:7px;margin-top:15px;font-size:14px;display:flex}.correction-list{padding:0 22px}.correction-row{border-bottom:1px solid #edf1e7;align-items:flex-start;gap:13px;padding:23px 0;display:flex}.correction-row:last-child{border:0}.correction-content{flex:1;min-width:0}.correction-content h3{align-items:center;gap:13px;font-size:14px;display:flex}.correction-content p{color:#606858;margin:9px 0;font-size:14px;line-height:1.8}.correction-content small{color:#60675a;margin:4px 0;font-size:14px;display:block}.calendar-layout{grid-template-columns:minmax(0,1fr) 275px;align-items:start;gap:20px;display:grid}.calendar-legend{color:#5e6853;gap:16px;font-size:14px;display:flex}.calendar-weekdays{background:#fafbf7;border-bottom:1px solid #eaf0e1;grid-template-columns:repeat(7,1fr);min-width:630px;display:grid}.calendar-weekdays span{text-align:center;color:#5f6856;padding:16px 4px;font-size:14px}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));min-width:630px;display:grid}.calendar-day{text-align:left;border-bottom:1px solid #edf1e7;border-right:1px solid #edf1e7;flex-direction:column;gap:8px;min-height:113px;padding:9px 7px;display:flex;position:relative}.calendar-day:nth-child(7n){border-right:0}.calendar-day:hover{background:#fbfdf8}.calendar-day.selected{background:#f4f8ed;box-shadow:inset 0 0 0 1px #b9cf9d}.calendar-day.outside{background:#fafbf8}.day-number{color:#5c694e;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.calendar-day.today .day-number{color:#587246;background:#c1dca3;border-radius:50%}.calendar-shift-chips{flex-direction:column;gap:3px;width:100%;min-width:0;display:flex}.calendar-chip{white-space:normal;text-overflow:ellipsis;overflow-wrap:anywhere;border-radius:3px;padding:2px 4px;font-size:14px;line-height:1.5;display:block;overflow:hidden}.calendar-chip i{vertical-align:middle;background:currentColor;border-radius:50%;width:3px;height:3px;margin-right:3px;display:inline-block}.calendar-shift-chips>small{color:#616759;font-size:14px}.day-detail>.section-heading{border-bottom:1px solid #edf1e6;padding:20px 17px}.day-shift-list{padding:0 17px}.day-shift{border-bottom:1px solid #eef2e8;padding:16px 0}.day-shift:last-child{border-bottom:0}.day-shift>.person-cell strong{font-size:14px}.day-shift-hours{color:#5c6950;flex-wrap:wrap;align-items:center;gap:6px;margin:13px 0 5px;font-size:14px;display:flex}.day-shift-hours strong{color:#586b49;font-weight:500}.day-shift-hours>span{color:#5f6858;margin-left:auto;font-size:14px}.day-shift>small{color:#60675a;font-size:14px}.day-shift>.row-actions{margin-top:8px}.day-detail>.btn{width:calc(100% - 34px);margin:14px 17px}.day-detail .empty{padding:30px 15px}.day-detail .empty p,.day-detail .empty h3{font-size:14px}.payroll-banner{background:#ecf3e3;border:1px solid #dce8ce;border-radius:12px;justify-content:space-between;align-items:center;margin:0 0 22px;padding:27px 31px;display:flex;position:relative;overflow:hidden}.payroll-banner:after{content:"";opacity:.6;pointer-events:none;border:1px solid #dce8d0;border-radius:50%;width:230px;height:230px;position:absolute;top:-80px;right:-15px;box-shadow:0 0 0 22px #e5efd9,0 0 0 23px #dce8d0,0 0 0 45px #e8f0de}.payroll-banner h2{letter-spacing:-1.4px;color:#5b7843;margin:10px 0 6px;font-size:40px;font-weight:600;line-height:1.2}.payroll-banner p{color:#5d6951;font-size:14px}.payroll-banner-icon{z-index:1;color:#5a6a4c;margin-right:30px;position:relative}.pay-cell{color:#576b44!important;font-size:14px!important}.rate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:23px;display:grid}.rate-card{background:#fff;border:1px solid #e6eddd;border-radius:10px;padding:21px}.rate-card h3{letter-spacing:-.5px;color:#576b46;margin:14px 0 8px;font-size:23px}.rate-card h3 small{color:#606857;letter-spacing:0;margin-left:6px;font-size:14px;font-weight:400}.rate-card p{color:#606858;font-size:14px}.rate-card p strong{color:#5d6951;font-weight:500}.settings-layout{grid-template-columns:minmax(0,1fr) minmax(300px,350px);align-items:start;gap:23px;display:grid}.settings-main,.settings-side{flex-direction:column;gap:20px;display:flex}.settings-card{padding:24px}.settings-title{align-items:center;gap:13px;margin-bottom:16px;display:flex}.settings-card h2{color:#596a49;letter-spacing:-.2px;font-size:18px}.settings-card p{color:#606856;font-size:14px;line-height:1.8}.settings-title p{margin-top:5px;font-size:14px}.rule-row{border-bottom:1px solid #edf1e6;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 0;display:flex}.rule-row:last-child{border:0;padding-bottom:0}.rule-row h3{color:#5a6a4b;margin:0 0 5px;font-size:16px}.rule-row p{max-width:none;font-size:14px}.rule-row>strong{color:#5b6a4c;white-space:nowrap;font-size:14px}.rule-row>svg{color:#5d6951}.rounding-examples{border-bottom:1px solid #edf1e6;flex-wrap:wrap;justify-content:space-between;gap:5px;padding:12px 0;display:flex}.rounding-examples>span{color:#5d694f;background:#f6f9f0;border-radius:4px;align-items:center;gap:5px;padding:5px 7px;font-size:14px;display:flex}.workspace-form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.workspace-form .field{flex:1}.workspace-form>.btn{min-height:37px;margin-bottom:15px}.account-row{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 20px;display:flex}.account-row>div{flex:1;min-width:0}.account-row strong{color:#5c694e;font-size:16px}.account-row small{color:#5f6856;overflow-wrap:anywhere;font-size:14px;display:block}.settings-card .section-heading{padding:0 0 16px}.audit-list>div{border-bottom:1px solid #f0f3e9;align-items:flex-start;gap:11px;padding:12px 0;display:flex}.audit-list>div:last-child{border:0}.audit-dot{background:#d9e7c8;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px;display:block}.audit-list p{overflow-wrap:anywhere;min-width:0}.audit-list strong{color:#5c6a4d;font-size:14px;font-weight:500;display:block}.audit-list small{color:#61675a;margin-top:3px;font-size:14px;display:block}.calculator>.eyebrow{margin-bottom:8px;font-size:14px}.calculator>p{margin:7px 0 20px;font-size:14px}.calculator-result{background:#f0f5e8;border:1px solid #e4ecd9;border-radius:8px;margin-top:20px;padding:8px 14px}.calculator-result>div{color:#5f6855;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;font-size:14px;display:flex}.calculator-result strong{color:#596b47;font-size:14px;font-weight:500}.calculator-result>.calculator-pay{border-top:1px solid #dfe8d3;margin-top:3px;padding-top:14px;padding-bottom:8px}.calculator-pay strong{letter-spacing:-.5px;font-size:20px}.install-side{color:#5d6951;background:#eff4e7;border:1px dashed #d9e5cc;border-radius:11px;padding:25px}.install-side h3{color:#5a6a49;margin:13px 0 8px;font-size:14px}.install-side p{color:#5f6855;margin-bottom:17px;font-size:14px;line-height:1.8}.install-side .btn{background:#f7faf2}.install-side small{color:#5f6856;text-align:center;margin-top:12px;font-size:14px;display:block}.empty{text-align:center;flex-direction:column;align-items:center;padding:45px 20px;display:flex}.empty-icon{color:#5f6855;background:#f2f6ec;border:1px solid #eaf0e1;border-radius:15px;place-items:center;width:53px;height:53px;margin-bottom:17px;display:grid}.empty h3{color:#5c6a4c;margin-bottom:7px;font-size:14px}.empty p{color:#616759;max-width:350px;font-size:14px;line-height:1.8}.empty .btn{margin-top:20px}.loading-panel{color:#5c694d;justify-content:center;align-items:center;gap:12px;height:360px;font-size:14px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.welcome-card{text-align:center;background:#fff;border:1px solid #e3ebd8;border-radius:18px;flex-direction:column;align-items:center;max-width:680px;margin:35px auto;padding:45px 35px 25px;display:flex;box-shadow:0 15px 50px #33402204}.welcome-symbol{color:#596b46;background:#edf4e4;border-radius:26px;place-items:center;width:90px;height:90px;margin:0 0 25px;display:grid;transform:rotate(-6deg)}.welcome-symbol svg{transform:rotate(6deg)}.welcome-card>.eyebrow{font-size:14px}.welcome-card h2{letter-spacing:-.6px;color:#566b43;margin:13px 0 10px;font-size:28px}.welcome-card>p{color:#606857;max-width:450px;margin-bottom:25px;font-size:14px;line-height:1.9}.welcome-card>.btn{padding:12px 18px;font-size:14px}.welcome-card>.text-btn{margin:12px 0 25px}.welcome-points{color:#606856;border-top:1px solid #edf2e5;justify-content:center;gap:25px;width:100%;padding-top:22px;font-size:14px;display:flex}.welcome-points span{align-items:center;gap:5px;display:flex}.onboarding-strip{background:#fff;border:1px solid #e6ecde;border-radius:10px;align-items:center;gap:18px;margin:0 0 22px;padding:20px 23px;display:flex}.onboarding-number{color:#5c694e;background:#eef5e6;border:1px solid #e0eccf;border-radius:10px;flex-shrink:0;place-items:center;width:37px;height:37px;font-size:14px;display:grid}.onboarding-strip>div{flex:1}.onboarding-strip h3{color:#586b44;margin-bottom:4px;font-size:14px}.onboarding-strip p{color:#606856;font-size:14px}.demo-banner{color:#6f6446;background:#faf6e9;border:1px solid #e5dfc6;border-radius:7px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:10px 13px;font-size:14px;display:flex}.demo-banner>span,.demo-banner button{align-items:center;gap:6px;display:flex}.demo-banner button{white-space:nowrap;font-size:14px;font-weight:500}.warning-banner{color:#756248;background:#fcf5ed;border:1px solid #f0e1ce;border-radius:8px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 15px;font-size:14px;display:flex}.toast{color:#eff6e7;z-index:100;background:#30422e;border:1px solid #506347;border-radius:10px;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 34px);padding:12px 14px;font-size:14px;display:flex;position:fixed;bottom:25px;left:calc(50% + 117px);transform:translate(-50%);box-shadow:0 5px 30px #33402225}.toast .icon-btn{color:#b3c59f;width:23px;height:23px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80;background:#20321bb3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:#fff;border:1px solid #f1f5e9;border-radius:19px;width:510px;max-width:100%;max-height:calc(100dvh - 48px);padding:30px;position:relative;overflow:auto;box-shadow:0 25px 100px #1a2a1530}.modal-close{position:absolute;top:17px;right:17px}.modal-symbol{color:#596b48;background:#edf5e5;border-radius:13px;place-items:center;width:48px;height:48px;margin-bottom:21px;display:grid}.modal h2{letter-spacing:-.6px;color:#576b43;font-size:22px}.modal-subtitle{color:#5f6854;margin:10px 0 24px;font-size:14px;line-height:1.9}.field{color:#5a6a4b;flex-direction:column;gap:8px;margin-bottom:15px;font-size:14px;display:flex}.field>span{font-weight:600}.field input,.field select,.field textarea{color:#586b49;background:#fff;border:1px solid #e0e9d5;border-radius:7px;width:100%;min-height:44px;padding:10px 11px;font-size:16px}.field input::placeholder,.field textarea::placeholder{color:#606857}.field input[readonly]{color:#5c694f;background:#f5f8f0}.field textarea{resize:vertical;line-height:1.8}.field small{color:#5f6856;font-size:14px;font-weight:400;line-height:1.6}.two-fields{grid-template-columns:1fr 1fr;gap:15px;display:grid}.notice-box{color:#5e6855;background:#f5f8ef;border:1px solid #e7efdd;border-radius:8px;gap:9px;margin-bottom:5px;padding:12px;font-size:14px;display:flex}.notice-box svg{color:#5c694f;margin-top:2px}.notice-box p{color:#5d6952;font-size:14px;line-height:1.9}.modal-actions{border-top:1px solid #edf2e6;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:19px;display:flex}.modal-actions .btn{min-height:38px;font-size:14px}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.preset-grid>button{color:#5e6855;background:#fafcf6;border:1px solid #e5edda;border-radius:7px;min-width:0;min-height:72px;padding:10px 5px}.preset-grid>button.active{color:#596a49;background:#eef5e4;border-color:#bad09f;box-shadow:0 0 0 1px #bad09f}.preset-grid strong{font-size:14px;display:block}.preset-grid small{margin-top:4px;font-size:14px;display:block}.shift-preview{color:#5b6a4c;background:#f0f7e6;border:1px solid #e3eecf;border-radius:7px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:12px 13px;font-size:14px;display:flex}.shift-preview strong{color:#586b44;margin-left:auto;font-size:14px}.checkbox-field{color:#5c694f;align-items:center;gap:8px;margin:15px 0;font-size:14px;display:flex}.repeat-box{background:#f7faf1;border-radius:8px;margin-bottom:15px;padding:15px 14px 1px}.install-step{border-bottom:1px solid #edf3e4;margin-bottom:8px;padding:17px 0}.install-step b{color:#586b48;font-size:14px;font-weight:500}.install-step p{color:#5d6952;margin-top:8px;font-size:14px;line-height:1.9}.checkout-summary{background:#f3f8eb;border:1px solid #e4eed5;border-radius:9px;margin-bottom:17px;padding:16px}.checkout-summary>span{color:#5c694f;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.checkout-summary strong{color:#586b47;font-size:14px;font-weight:500}.checkout-summary>span:last-child{border-top:1px solid #e0eccf;margin-top:7px;padding-top:14px}.checkout-summary>span:last-child strong{font-size:20px}.review-comparison{color:#5c694f;background:#f7faf0;border:1px solid #e9f0dd;justify-content:space-between;align-items:center;gap:15px;margin:20px 0;padding:18px;display:flex}.review-comparison small{color:#5e6854;margin-bottom:5px;font-size:14px;display:block}.review-comparison strong{font-size:14px;font-weight:500}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mobile-menu,.sidebar-scrim{display:none}.intro-text>p,.quiet-note,.section-heading p,.clock-date,.clock-state,.clock-note,.chart-footnote,.stat-detail,.stat-title,.breadcrumb,.connection,.person-cell small,td small,.below-note,.policy-inline,.settings-card p,.empty p,.calendar-weekdays span,.calendar-legend,.correction-content p,.correction-content small,.rate-card p,.modal-subtitle,.field small,.notice-box p,.install-step p,.welcome-card>p{color:#5e6859}.settings-card h2,.settings-card h3,.modal h2,.empty h3,.welcome-card h2{color:#516548}.field,.field input,.field select,.field textarea{color:#586d4d}.field input::placeholder,.field textarea::placeholder,.search-box input::placeholder{color:#5f6859}.stat-detail .green-text{color:#4f6d3d}.badge.green{color:#4f6d3c}.badge.neutral{color:#5f6856}.badge.orange{color:#7f5f41}.badge.red{color:#875a4c}.type-pill.fulltime{color:#556c40}.type-pill.parttime{color:#705e80}.type-pill.probation{color:#776148}.late-text{color:#815d46!important}td strong,.person-cell strong{color:#4f6047}thead th{color:#5f6857;font-weight:600}.calculator-result>div{color:#5b694e}.calculator-result strong{color:#5e7d47}.rounding-examples>span{color:#5c694e}.modal .btn.primary{color:#466036}.modal .notice-box{color:#596a49}.page-footer{color:#616759;flex-wrap:wrap;gap:12px}@media (width>=1500px){.sidebar{width:258px;padding-left:23px;padding-right:23px}.main-shell{margin-left:258px}.main-shell main{padding:40px 48px 0}.topbar{flex-wrap:wrap;gap:18px;height:auto;min-height:75px;padding:16px 28px}.stat-grid{gap:22px}.stat-card{padding:22px 24px 20px}.stat-title{align-items:flex-start;font-size:14px;line-height:1.5}.stat-value{font-size:35px}.stat-value.money-stat{overflow-wrap:anywhere;font-size:clamp(24px,2.3vw,32px)}.stat-detail{flex-wrap:wrap;align-items:flex-start;font-size:14px}.overview-middle{grid-template-columns:1.9fr 1fr}.clock-card{padding:24px 28px}.digital-clock{font-size:49px}.clock-state{flex-wrap:wrap;gap:12px;font-size:14px}.clock-state strong,.clock-date,.clock-action .btn{font-size:14px}.section-heading h2{font-size:18px}.section-heading p{font-size:14px}.weekly-chart{height:211px}.clock-note,.clock-label{font-size:14px}.person-cell strong{font-size:15px}.person-cell small,td small,td,td strong,.badge,.today-pill{font-size:14px}.eyebrow{letter-spacing:.8px;font-size:13px}.page-intro h1{font-size:31px}.intro-text>p,.nav-item{font-size:14px}}@media (width<=1200px){.sidebar{width:258px;padding-left:15px;padding-right:15px}.main-shell{margin-left:258px}.main-shell main{padding:28px 25px 0}.topbar{flex-wrap:wrap;gap:18px;height:auto;min-height:75px;padding:16px 28px}.page-intro{flex-wrap:wrap;align-items:flex-start}.page-intro h1{font-size:24px}.intro-actions{flex-shrink:1;justify-content:flex-start;max-width:none}.stat-grid{gap:12px}.stat-card{padding:15px}.stat-value.money-stat{overflow-wrap:anywhere;font-size:clamp(24px,2.3vw,32px)}.stat-detail{flex-wrap:wrap;align-items:flex-start;font-size:14px}.stat-detail>span:last-child{white-space:normal;max-width:100%}.overview-middle{gap:17px}.clock-card{padding:19px 18px}.digital-clock{font-size:38px}.settings-layout{grid-template-columns:1fr;gap:16px}.settings-card{padding:20px}.calendar-layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.calendar-day{min-height:105px;padding:7px 4px}.calendar-chip{white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.calendar-legend{gap:11px}.toast{left:calc(50% + 105px)}.topbar-actions{flex-wrap:wrap;gap:14px}td,thead th{padding-left:17px;padding-right:17px}}@media (width<=1000px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-title{align-items:flex-start;font-size:14px;line-height:1.5}.stat-value.money-stat{overflow-wrap:anywhere;font-size:clamp(24px,2.3vw,32px)}.stat-detail{flex-wrap:wrap;align-items:flex-start;font-size:14px}.stat-value{margin:9px 0 10px}.overview-middle{grid-template-columns:1fr}.clock-card{grid-template-columns:1fr 1fr;column-gap:28px;padding:23px;display:grid}.clock-card-heading{grid-column:1/-1}.digital-clock{grid-area:2/1;margin-top:18px;font-size:44px}.clock-date{grid-area:3/1;margin-bottom:0}.clock-state{flex-wrap:wrap;grid-column:2;gap:12px;margin:8px 0}.clock-action{grid-area:4/1/7;align-self:end;margin:12px 0 0}.clock-note{text-align:center;flex-wrap:wrap;grid-column:2;justify-content:flex-start;font-size:14px}.clock-card>.clock-state:nth-of-type(3){grid-row:2;align-self:end}.clock-card>.clock-state:nth-of-type(4){grid-row:3;align-self:start}.weekly-chart{height:210px}.settings-layout{grid-template-columns:1fr}.settings-side{grid-template-columns:1fr 1fr;align-items:start;display:grid}.calendar-layout{grid-template-columns:1fr}.day-detail .day-shift-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.day-detail .empty{padding:20px}.day-detail .empty-icon{display:none}.calendar-chip{white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.calendar-day{min-height:120px}.intro-actions{flex-shrink:1;justify-content:flex-start;max-width:none}.page-footer>span:last-child{display:none}.onboarding-strip{gap:12px;padding:18px}.onboarding-strip .btn{padding:8px 10px;font-size:14px}.onboarding-strip h3,.onboarding-strip p{font-size:14px}}@media (width<=760px){.sidebar{width:278px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-scrim{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#20321b70;display:block;position:fixed;inset:0}.main-shell{width:100%;margin-left:0}.topbar{flex-wrap:wrap;gap:18px;height:auto;min-height:75px;padding:16px 28px}.breadcrumb{flex-wrap:wrap;gap:10px;font-size:14px}.mobile-menu{margin-left:-7px;display:inline-flex}.breadcrumb>span:first-of-type,.breadcrumb>.slash{display:none}.topbar-actions{flex-wrap:wrap;gap:14px}.connection{font-size:14px}.topbar-divider{display:none}.main-shell main{padding:25px 20px 0}.page-intro{flex-wrap:wrap;gap:15px;margin-top:3px;margin-bottom:25px}.page-intro h1{font-size:25px}.eyebrow{letter-spacing:.8px;font-size:13px}.intro-text>p{font-size:14px;line-height:1.8}.intro-actions{flex-shrink:1;justify-content:flex-start;max-width:none}.intro-actions>.btn{padding:8px 11px;font-size:14px}.role-switch{min-width:125px}.quiet-note,.today-pill{font-size:14px}.stat-grid{gap:12px;margin-bottom:17px}.stat-card{padding:15px 17px}.stat-title{align-items:flex-start;font-size:14px;line-height:1.5}.stat-value{font-size:30px}.stat-value.money-stat{overflow-wrap:anywhere;font-size:clamp(24px,2.3vw,32px)}.stat-detail{flex-wrap:wrap;align-items:flex-start;font-size:14px}.overview-middle{gap:17px;margin-bottom:17px}.today-attendance .section-heading{padding:19px}.policy-inline{align-items:flex-start;gap:8px;padding:11px 12px;font-size:14px}.policy-inline>svg{margin-top:3px}.policy-inline>button{display:none}.section-heading h2{font-size:18px}.section-heading p{font-size:14px}.toolbar{gap:14px;margin-bottom:17px}.toolbar-right{flex-wrap:wrap;gap:7px;min-width:0;max-width:100%}.search-box{min-width:190px}.filter-tabs{gap:2px}.filter-tabs button{min-height:42px;padding:7px 9px;font-size:14px}.employee-table td{padding-top:14px;padding-bottom:14px}.calendar-day{min-height:110px}.calendar-day .calendar-chip{white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.calendar-legend{gap:10px;font-size:14px}.summary-strip{flex-wrap:wrap;gap:15px;padding:16px}.summary-strip>span{width:calc(50% - 8px);font-size:14px}.summary-strip strong{font-size:16px}.settings-side{gap:17px}.settings-card{padding:21px}.rate-grid{gap:11px}.rate-card{padding:15px 13px}.rate-card h3{font-size:21px}.rate-card h3 small{font-size:14px}.payroll-banner{padding:25px}.payroll-banner h2{font-size:37px}.payroll-banner p{font-size:14px}.payroll-banner-icon{margin-right:0}.toast{left:50%}.demo-banner{align-items:flex-start;gap:12px}.demo-banner>span{align-items:flex-start;font-size:14px}.demo-banner>span svg{margin-top:1px}.demo-banner button{font-size:14px}.onboarding-strip{flex-wrap:wrap;padding:18px}.onboarding-strip>div{min-width:calc(100% - 58px)}.onboarding-strip>.btn{margin-left:50px}.correction-row{flex-wrap:wrap;gap:10px}.correction-row>.btn{margin-left:46px}.welcome-card{padding:35px 22px 23px}.welcome-card h2{font-size:25px}.welcome-points{gap:14px;font-size:14px}.welcome-points svg{width:14px}}@media (width<=500px){.main-shell main{padding:22px 16px 0}.topbar{flex-wrap:wrap;gap:18px;height:auto;min-height:75px;padding:16px 28px}.page-intro{flex-flow:column wrap;gap:17px;margin-bottom:22px}.page-intro h1{margin-top:9px;font-size:25px}.intro-actions{flex-direction:row-reverse;flex-shrink:1;justify-content:flex-start;width:100%;max-width:none}.intro-actions:has(.role-switch){flex-direction:row}.intro-actions>.btn{font-size:14px}.stat-card{padding:13px}.stat-title{align-items:flex-start;font-size:14px;line-height:1.5}.stat-icon{border-radius:8px;width:28px;height:28px}.stat-icon svg{width:16px}.stat-value{font-size:28px}.stat-value.money-stat{overflow-wrap:anywhere;margin-top:13px;font-size:clamp(24px,2.3vw,32px)}.stat-value>small{font-size:14px}.stat-detail{flex-wrap:wrap;align-items:flex-start;gap:3px;font-size:14px}.overview-top{gap:8px}.quiet-note{display:none}.today-pill{font-size:14px}.clock-card{padding:23px;display:block}.digital-clock{margin-top:15px;font-size:46px}.clock-date{margin-bottom:17px}.clock-state{flex-wrap:wrap;gap:12px;margin:12px 0;font-size:14px}.clock-state strong{font-size:14px}.clock-action{margin-top:20px}.clock-action .btn{font-size:14px}.clock-note{text-align:center;flex-wrap:wrap;justify-content:center;margin-top:12px}.section-heading{flex-wrap:wrap;align-items:flex-start;padding:19px 17px 16px}.section-heading h2{font-size:18px}.section-heading .text-btn{font-size:14px}.chart-legend{flex-wrap:wrap;font-size:14px}.weekly-chart{gap:8px;height:190px;margin:20px 19px 16px 15px}.chart-bars{gap:8px;padding:0 3px}.bar{width:13px}.bar-pair{gap:3px;height:calc(100% - 52px)}.chart-footnote{margin:0 17px;font-size:14px}.toolbar{align-items:flex-start}.toolbar-right{flex-wrap:wrap;justify-content:space-between;width:100%;min-width:0;max-width:100%}.search-box{width:100%}.compact-toolbar .search-box{flex:1;min-width:150px}.compact-toolbar select{max-width:100%;min-height:44px;font-size:16px}.filter-tabs{gap:3px}.filter-tabs button{min-height:42px;padding:7px 8px}.calendar-legend{justify-content:space-between;width:100%;font-size:14px}.calendar-day{gap:5px;min-height:89px;padding:7px 3px}.calendar-weekdays span{padding:13px 0;font-size:14px}.calendar-day .calendar-chip{white-space:normal;overflow-wrap:anywhere;padding:1px 3px;font-size:14px;line-height:1.5}.calendar-chip i{display:none}.calendar-shift-chips>small{font-size:14px}.day-number{width:28px;height:28px;font-size:14px}.day-detail .day-shift-list{grid-template-columns:1fr}.day-shift-list{gap:0!important}.settings-side{grid-template-columns:1fr}.settings-card{padding:21px 19px}.settings-card h2{font-size:18px}.rule-row{flex-wrap:wrap;align-items:flex-start;gap:12px}.rule-row p{max-width:none;font-size:14px}.rule-row h3{font-size:16px}.rule-row>strong{font-size:14px}.rounding-examples>span{gap:3px;padding:5px;font-size:14px}.rounding-examples>span svg{width:10px}.workspace-form{flex-wrap:wrap;display:block}.workspace-form>.btn{margin-top:-2px;margin-bottom:12px}.account-row>.text-btn{font-size:14px}.rate-grid{grid-template-columns:1fr;gap:10px}.rate-card{grid-template-columns:1fr 1fr;align-items:center;padding:17px;display:grid}.rate-card .type-pill{justify-self:start}.rate-card h3{text-align:right;margin:0;font-size:22px}.rate-card p{grid-column:1/-1;margin-top:9px}.rate-card h3 small{font-size:14px}.payroll-banner{padding:23px 21px}.payroll-banner h2{font-size:33px}.payroll-banner-icon svg{width:43px}.payroll-banner p{font-size:14px}.payroll-banner:after{right:-90px}.payroll-banner .eyebrow{font-size:14px}.below-note{font-size:14px;line-height:1.8}.policy-inline{line-height:1.9}.modal-backdrop{padding:14px}.modal{border-radius:15px;max-height:calc(100dvh - 28px);padding:25px 21px}.modal h2{font-size:20px}.modal-subtitle{margin-bottom:21px;font-size:14px}.field{font-size:14px}.two-fields{gap:12px}.modal-actions{flex-wrap:wrap;gap:8px;margin-top:21px}.modal-actions .btn{padding:10px 12px;font-size:14px}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preset-grid>button{min-height:72px;padding:9px 3px}.preset-grid strong,.preset-grid small{font-size:14px}.toast{width:calc(100% - 32px);font-size:14px;bottom:17px}.toast>span{flex:1}.review-comparison{gap:9px;padding:15px 12px}.review-comparison strong{font-size:14px}.connection{display:none}.welcome-points{flex-wrap:wrap;gap:12px}.welcome-card{margin:8px 0 25px;padding-top:32px}.welcome-card h2{font-size:23px}.welcome-card>p{font-size:14px}.demo-banner{display:block}.demo-banner button{margin-top:8px}.intro-actions .role-switch{min-width:135px}.warning-banner{font-size:14px;line-height:1.8}.page-footer{flex-wrap:wrap;gap:12px;margin-top:24px;font-size:14px}.onboarding-strip{padding:16px}.onboarding-strip>div p{font-size:14px;line-height:1.8}.day-detail>.section-heading{padding:17px}.summary-strip strong{font-size:15px}}.calendar-panel{-webkit-overflow-scrolling:touch;overflow-x:auto}.calendar-legend,.overview-top,.policy-inline{flex-wrap:wrap}.chart-footnote{align-items:flex-start;line-height:1.6}.chart-body{min-width:0}.bar-group{max-width:64px}.settings-main,.settings-side,.intro-text{min-width:0}.employee-filter{color:#485d40;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.employee-filter select,select.employee-filter{color:#344833;background:#fff;border:1px solid #d8e1d0;border-radius:8px;max-width:100%;min-height:44px;padding:10px 12px;font-size:16px}.employee-picker{border:1px solid #dfe7d7;border-radius:8px;gap:4px;min-width:0;max-height:270px;margin:0 0 18px;padding:14px;display:grid;overflow:auto}.employee-picker legend{color:#485d40;padding:0 6px;font-size:14px;font-weight:600}.employee-picker>label{cursor:pointer;color:#344833;border-radius:6px;align-items:flex-start;gap:10px;padding:10px 8px;font-size:15px;line-height:1.5;display:flex}.employee-picker>label:hover{background:#f1f6e9}.employee-picker input[type=checkbox]{margin-top:3px}.employee-picker small{color:#5b6a52;font-size:14px;display:block}.work-hours{margin:18px 0 8px}.work-hours .two-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.work-hours .btn{margin-bottom:12px}.qr-station,.qr-panel,.attendance-qr-panel{min-width:0;padding:24px}.qr-station h2,.qr-panel h2,.attendance-qr-panel h2{color:#344833;font-size:22px;line-height:1.4}.qr-station p,.qr-help,.attendance-qr-panel p{color:#52624a;font-size:15px;line-height:1.65}.qr-panel,.attendance-qr-panel{flex-direction:column;gap:16px;display:flex}.qr-code,.attendance-qr-code{max-width:100%;image-rendering:pixelated;background:#fff;border:1px solid #dce4d4;border-radius:12px;align-self:center;padding:16px;line-height:0}.qr-code>svg,.qr-code>img,.qr-code>canvas,.attendance-qr-code>svg,.attendance-qr-code>img,.attendance-qr-code>canvas,svg.qr-code,img.attendance-qr-code,canvas.attendance-qr-code{shape-rendering:crispedges;width:280px;max-width:100%;height:auto;image-rendering:pixelated;display:block}.qr-status,.attendance-qr-status{color:#35583c;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.qr-expiry{font-variant-numeric:tabular-nums;color:#344833;font-size:16px;font-weight:600}.qr-actions,.attendance-qr-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.qr-actions .btn,.attendance-qr-actions .btn{min-height:44px}.qr-scanner video,video.qr-scanner,.attendance-qr-video{aspect-ratio:4/3;object-fit:cover;background:#1f2b23;border:1px solid #dce4d4;border-radius:10px;width:100%;max-height:360px;display:block}.qr-help{overflow-wrap:anywhere}.qr-error,.qr-success,.attendance-qr-message{overflow-wrap:anywhere;border-radius:8px;padding:12px 14px;font-size:15px;line-height:1.6}.qr-error{color:#963d30;background:#fcf0ec;border:1px solid #e7c5b9}.qr-success{color:#35583c;background:#edf5e6;border:1px solid #cbdcba}.attendance-qr-message{color:#405c35;background:#f1f6e9;border:1px solid #dce7d2}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-layout{grid-template-columns:1fr}.calendar-day{min-height:125px}.clock-card .qr-panel{grid-column:1/-1}}@media (width<=760px){.topbar{padding:12px 20px}.topbar-actions{gap:8px}.main-shell main{padding:24px 20px 0}.settings-side{grid-template-columns:1fr}.intro-actions>.btn{font-size:14px}.page-intro h1{font-size:28px}.calendar-legend{justify-content:flex-start;gap:12px}.qr-station,.qr-panel,.attendance-qr-panel{padding:20px}.qr-code,.attendance-qr-code{padding:12px}.onboarding-strip .btn{margin-left:0}.policy-inline{font-size:14px}}@media (width<=500px){.topbar{padding:12px 16px}.main-shell main{padding:22px 16px 0}.breadcrumb{gap:8px;font-size:14px}.topbar-actions{gap:4px}.stat-grid{gap:10px}.stat-card{padding:14px 12px}.stat-title{flex-wrap:wrap;gap:8px}.stat-value.money-stat{font-size:24px}.today-pill{flex-wrap:wrap}.section-heading{gap:10px}.section-heading h2{font-size:18px}.toolbar-right{align-items:stretch}.search-box{flex:100%;min-width:0}.compact-toolbar select{flex:100%;max-width:100%}.employee-filter,.employee-filter select{width:100%}.two-fields{grid-template-columns:1fr;gap:0}.work-hours .two-fields{grid-template-columns:1fr}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal{padding:26px 20px}.modal h2{padding-right:26px}.modal-actions .btn{flex:160px}.clock-action .btn{font-size:14px}.digital-clock{font-size:44px}.weekly-chart{gap:6px;margin-left:12px;margin-right:12px}.chart-bars{gap:5px;padding:0}.chart-legend{justify-content:flex-start;padding:0 17px}.qr-station,.qr-panel,.attendance-qr-panel{padding:18px}.qr-actions .btn,.attendance-qr-actions .btn{flex:150px}.account-row>.text-btn{font-size:14px}.rate-card{grid-template-columns:1fr;gap:8px}.rate-card h3{text-align:left}.rounding-examples>span{padding:6px 8px;font-size:14px}.payroll-banner{gap:12px}.payroll-banner h2{font-size:30px}.payroll-banner-icon{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.brand{letter-spacing:0;gap:9px;margin-left:4px;margin-right:0}.brand-name{letter-spacing:.5px;white-space:normal;font-size:18px;font-weight:750;line-height:1.3}.brand-name>small{letter-spacing:.3px;color:#61675a;margin-top:5px;font-size:13px;font-weight:500;line-height:1.5;display:block}.brand-mark{flex-shrink:0}.brand .brand-mark{width:32px;height:34px}.auth-loading{color:#576b45;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.auth-page{background:#fff;grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.auth-story{background:#edf4e5;flex-direction:column;padding:46px 10%;display:flex;position:relative;overflow:hidden}.auth-brand{margin:0}.auth-story-content{margin:auto 0;padding:60px 0 50px;position:relative}.auth-story-content>.eyebrow{letter-spacing:1.3px;color:#5b6a4a;font-size:14px}.auth-story h1{letter-spacing:-1.8px;color:#405b35;margin:23px 0 20px;font-size:49px;font-weight:600;line-height:1.28}.auth-story h1>span{color:#586b3f}.auth-story-content>p{color:#5a6a4e;max-width:370px;font-size:14px;line-height:1.9}.auth-story>small{color:#5d6952;font-size:14px}.auth-art{align-items:center;height:205px;margin:8px 0;display:flex;position:relative}.auth-art-ring{border:1px solid #d8e6ca;border-radius:50%;width:166px;height:166px;position:absolute;top:27px;left:30px;box-shadow:0 0 0 18px #e5efda,0 0 0 19px #dbe8ce,0 0 0 37px #e8f0df}.auth-art-clock{color:#576b45;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative;left:64px;transform:rotate(-6deg)}.auth-art-clock>span{background:#fff;border:1px solid #dce8cf;border-radius:7px;align-items:center;gap:6px;padding:8px 13px;font-size:14px;display:flex;box-shadow:0 5px 20px #4d653510}.auth-art-coffee{color:#5a6a4c;background:#dfebd2;border:1px solid #d2e1c1;border-radius:15px;place-items:center;width:61px;height:61px;display:grid;position:absolute;top:45px;left:238px;transform:rotate(10deg)}.auth-story-points{color:#5a6a4d;flex-wrap:wrap;gap:20px;margin-top:15px;font-size:14px;display:flex}.auth-story-points>span{white-space:normal;align-items:center;gap:6px;display:flex}.auth-main{flex-direction:column;justify-content:center;padding:50px 12%;display:flex;position:relative}.auth-form-wrap{width:100%;max-width:370px;margin:auto}.auth-form-icon{color:#596b47;background:#eff5e8;border:1px solid #e0ebd6;border-radius:15px;place-items:center;width:52px;height:52px;margin-bottom:26px;display:grid}.auth-form-wrap>.eyebrow{letter-spacing:1.4px;font-size:14px}.auth-form-wrap>h2{letter-spacing:-.8px;color:#405835;margin:13px 0 11px;font-size:28px;line-height:1.4}.auth-form-wrap>p{color:#5d6953;margin-bottom:30px;font-size:14px;line-height:1.9}.auth-form-wrap .field{gap:9px;margin-bottom:20px;font-size:14px}.auth-form-wrap .field>input{min-height:43px}.auth-input{color:#5d6951;border:1px solid #dfe8d4;border-radius:8px;align-items:center;gap:10px;min-height:46px;padding:0 13px;display:flex}.auth-input>input{flex:1;min-width:0;font-size:16px;background:0 0!important;border:0!important;outline:0!important;padding:10px 0!important}.auth-input:focus-within{outline:2px solid #c4d9b2}.auth-input>button{color:#5d6956;place-items:center;display:grid}.auth-forgot{color:#5c6951;margin:0 0 24px;font-size:14px;line-height:1.8}.auth-submit{min-height:44px;font-size:16px!important}.auth-submit>svg:last-child{margin-left:auto}.auth-submit>svg:first-child:not(:only-child){margin-left:0}.auth-error{color:#855b4a;background:#fcf1ec;border:1px solid #f0dfd2;border-radius:7px;margin:0 0 18px;padding:11px 13px;font-size:14px;line-height:1.8}.auth-privacy{color:#5f6854;border-top:1px solid #edf1e7;gap:9px;margin-top:24px;padding-top:20px;font-size:14px;line-height:1.8;display:flex}.auth-privacy svg{margin-top:2px}.auth-main-foot{color:#606758;text-align:center;margin-top:40px;font-size:14px}.auth-logout{margin:20px auto 0;font-size:14px;display:flex}@media (width>=1500px){.auth-story{padding-left:13%;padding-right:11%}.auth-story h1{font-size:56px}.auth-main{padding-left:15%;padding-right:15%}.auth-form-wrap{max-width:410px}.auth-form-wrap>h2{font-size:31px}.auth-story-content>p{max-width:400px;font-size:14px}.auth-story-points{flex-wrap:wrap;font-size:14px}}@media (width<=1000px){.auth-story{padding:35px 9%}.auth-main{padding:40px 10%}.auth-story h1{font-size:40px}.auth-story-content>.eyebrow{font-size:14px}.auth-story-points{flex-wrap:wrap;gap:13px}.auth-form-wrap>h2{font-size:25px}.auth-art-coffee{left:195px}.auth-art{transform-origin:0;transform:scale(.9)}}@media (width<=760px){.auth-page{grid-template-columns:1fr}.auth-story{padding:25px 24px}.auth-story-content,.auth-story>small{display:none}.auth-story .brand{margin:0}.auth-story .brand-name{font-size:17px}.auth-main{min-height:calc(100dvh - 85px);padding:42px 25px 25px}.auth-form-wrap{max-width:410px}.auth-form-wrap>h2{font-size:27px}.auth-form-wrap>.eyebrow{font-size:14px}.auth-main-foot{margin-top:40px}.auth-form-icon{margin-bottom:23px}}.shift-notifications{margin-bottom:24px}.notification-details{padding-left:24px;line-height:1.8}.notification-status,.notification-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.notification-status{color:#405835;font-weight:600}.notification-actions{margin:18px 0}.shift-notifications>p{line-height:1.7}.shift-notifications>.notice-box{align-items:flex-start;gap:12px;display:flex}.shift-notifications>.notice-box svg{flex-shrink:0}.shift-hours{background:#f7faf4;border:1px solid #dce6d4;border-radius:10px;min-width:0;margin:18px 0;padding:16px}.shift-hours legend{color:#405835;padding:0 6px;font-size:16px;font-weight:650}.shift-hours>p{color:#536448;margin:0 0 14px;font-size:14px;line-height:1.7}.shift-hours .field{margin-bottom:0}