:root{color:#202b3c;font-synthesis:none;--ink:#202b3c;--muted:#6b7582;--green:#14715c;--dark:#143e34;--line:#e2e8e5;--canvas:#eef3f0;--surface:#fff;--radius:18px;--shadow:0 9px 35px #24443707;font-synthesis:none;background:#eef3f0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Noto Sans TC,sans-serif;font-weight:400}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #217da1}button{transition:background .16s,color .16s,box-shadow .16s}a{color:var(--green);text-underline-offset:3px}h1,h2,h3,p{margin:0}h1{letter-spacing:-.065em;font-size:31px;font-weight:650;line-height:1.45}h2{letter-spacing:-.02em;font-size:16px;font-weight:650}h3{font-size:15px;line-height:1.6}small{font-size:11px}code{color:#657780;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.app-shell{background:radial-gradient(ellipse at 4% 0,#dcebe4 0,transparent 42%),radial-gradient(ellipse at 96% 5%,#e3eaf0 0,transparent 42%),var(--canvas);min-height:100dvh}.sidebar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:30;background:#f8fbf8bf;border-right:1px solid #fffd;flex-direction:column;width:232px;padding:30px 17px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:var(--ink);letter-spacing:-1px;align-items:center;gap:11px;padding:0 7px;font-size:23px;font-weight:700;text-decoration:none;display:flex}.brand>span:last-child>span{color:var(--green)}.brand-mark{background:var(--dark);color:#e5f1e9;border:1px solid #31594d;border-radius:11px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 3px 12px #183e3520}.company-label{color:#75857c;align-items:center;gap:10px;margin:35px 8px 27px;display:flex}.company-label b{color:#475b51;font-size:12px;font-weight:600;display:block}.company-label small{color:#8a9590;margin-top:5px;font-size:10px;display:block}.nav-caption{color:#8a9790;letter-spacing:.13em;margin-bottom:11px;padding:0 12px;font-size:10px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.nav-button{text-align:left;color:#67776f;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;min-height:45px;padding:11px 13px;font-size:12px;font-weight:550;display:flex}.nav-button:hover{color:#254c3b;background:#ffffffa6}.nav-button.active{color:#226145;background:#dcece2;box-shadow:inset 0 1px #ffffffc9}.nav-button small{text-align:center;background:#fff8;border-radius:6px;min-width:19px;height:19px;margin-left:auto;font-size:10px;line-height:19px}.sidebar-bottom{margin-top:auto;padding:24px 7px 0}.privacy-note{color:#698271;border-top:1px solid #dce7df;gap:9px;padding-top:16px;font-size:11px;line-height:1.6;display:flex}.privacy-note small{color:#8a978e;font-size:9px}.sidebar-bottom>.text-button{margin-top:17px}.main-shell{min-width:0;margin-left:232px}.topbar{z-index:20;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f7faf7d9;border-bottom:1px solid #ffffffbd;align-items:center;gap:20px;height:74px;padding:0 32px;display:flex;position:sticky;top:0}.breadcrumb{color:#8a958e;align-items:center;gap:12px;font-size:11px;display:flex}.breadcrumb b{color:#47594f;font-weight:550}.breadcrumb span{color:#b3beb7}.demo-pill{color:#5a7564;white-space:nowrap;background:#e5eee7;border:1px solid #d9e6db;border-radius:7px;align-items:center;gap:7px;margin-left:auto;padding:6px 10px;font-size:10px;display:flex}.demo-pill i{background:#649378;border-radius:50%;width:5px;height:5px}.role-select{color:#8a958e;align-items:center;gap:10px;font-size:10px;display:flex}.role-select select{color:#374e41;background:#fff9;border:1px solid #d8e2da;border-radius:8px;min-height:36px;padding:6px 21px 6px 10px;font-size:11px}.avatar,.small-avatar{color:#e7f1e9;background:#244b3a;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.page{max-width:1530px;margin:0 auto;padding:31px 36px 20px;animation:.18s ease-out enter}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px;display:flex}.page-heading p{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.8}.eyebrow{color:#82938a;letter-spacing:.15em;margin-bottom:7px;font-size:9px;font-weight:600;line-height:1.8}.heading-actions{flex-shrink:0;align-items:center;gap:9px;display:flex}.button{white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:41px;padding:10px 15px;font-size:11px;font-weight:600;display:inline-flex}.button.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 4px 10px #14715c15}.button.primary:hover{background:#0c5c48}.button.secondary{color:#455b4d;background:#ffffffa1;border-color:#d6e1d9;box-shadow:0 1px 2px #183e3503}.button.secondary:hover{background:#fff}.button.white{color:#1c5944;background:#fff}.icon-button{color:#7e8a82;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:0;display:inline-flex}.icon-button:hover{background:#e4ece5}.reset-button{background:#fff5;border:1px solid #d9e3db}.text-button{color:var(--green);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:5px 0;font-size:11px;font-weight:600;line-height:1.7;display:inline-flex}.text-button:hover{color:#0b4431}.muted{color:var(--muted)}.overview-grid{grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:20px;margin-bottom:22px;display:grid}.cash-hero{color:#eaf3ed;background:linear-gradient(114deg,#234f3f,#153e34 64%,#1b4f44);border-radius:20px;min-height:235px;padding:26px 28px;position:relative;overflow:hidden;box-shadow:0 10px 23px #183f3613}.hero-top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.hero-top>span:first-child{color:#c0d4c8;align-items:center;gap:9px;font-size:11px;display:flex}.currency-label{letter-spacing:.1em;background:#ffffff12;border:1px solid #ffffff1c;border-radius:5px;padding:5px 9px;font-size:9px}.cash-value{z-index:1;letter-spacing:-1.7px;font-variant-numeric:tabular-nums;margin:22px 0 28px;font-size:46px;font-weight:500;position:relative}.hero-bottom{z-index:1;color:#a4c2b2;justify-content:space-between;align-items:center;gap:10px;font-size:9px;display:flex;position:relative}.hero-bottom>span{align-items:center;gap:6px;display:flex}.hero-bottom i{background:#8dbb9e;border-radius:50%;width:5px;height:5px}.hero-bottom button{color:#d7e8de;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:10px;display:inline-flex}.hero-lines{border:1px solid #ffffff0c;border-radius:50%;width:300px;height:300px;position:absolute;top:3px;right:-75px;transform:scaleY(.7)rotate(-20deg);box-shadow:0 0 0 28px #ffffff04,0 0 0 57px #ffffff03,0 0 0 85px #ffffff02}.focus-card{box-shadow:var(--shadow);background:#fbfcf6;border:1px solid #e2e8d9;border-radius:20px;padding:23px 25px}.focus-count{letter-spacing:-1px;color:#536942;align-items:baseline;gap:11px;margin:5px 0 8px;font-size:40px;font-weight:500;display:flex}.focus-count span{letter-spacing:0;color:#7e8b6e;font-size:12px}.focus-card p{color:#87917b;margin-bottom:10px;font-size:11px;line-height:1.9}.focus-card .text-button{color:#657b4d}.stats-grid{border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffbd;border:1px solid #e3e8e2;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:23px;display:grid}.stat{border-right:1px solid var(--line);flex-direction:column;align-items:flex-start;min-width:0;padding:23px 24px;display:flex}.stat:last-child{border:0}.stat>span{color:#7b887e;font-size:11px}.stat strong{letter-spacing:-.5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:11px 0 8px;font-size:27px;font-weight:550}.stat small{color:#95a097;font-size:9px;line-height:1.7}.positive{color:var(--green)}.stats-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.two-column{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);align-items:start;gap:22px;display:grid}.panel{box-shadow:var(--shadow);border-radius:var(--radius);background:#fff;border:1px solid #e3e8e3;min-width:0;margin-bottom:22px;overflow:hidden}.panel-head{justify-content:space-between;align-items:center;gap:12px;padding:22px 24px 15px;display:flex}.panel-head h2{color:#3a4e41;font-size:14px;font-weight:600}.panel-head p{color:#98a199;margin-top:5px;font-size:9px;line-height:1.8}.bar-chart{flex-direction:column;gap:20px;padding:7px 25px 22px;display:flex}.bar-label{color:#78867c;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;font-size:11px;display:flex}.bar-label b{color:#3c4f43;font-variant-numeric:tabular-nums;font-size:11px;font-weight:550}.bar-track{background:#f1f4ef;border-radius:4px;height:10px;overflow:hidden}.bar-track i{background:#388064;border-radius:4px;min-width:1px;height:100%;display:block}.bar-track .bar-1{background:#8eae99}.bar-track .bar-2{background:#b0c4ac}.bar-track .bar-3{background:#d0d9bf}.chart-caption{color:#97a093;border-top:1px solid #eff2ed;padding:13px 24px;font-size:9px;line-height:1.8}.activity-list{padding:0 23px 8px}.activity-row{text-align:left;width:100%;min-height:65px;color:inherit;background:0 0;border-top:1px solid #eff2ed;align-items:center;gap:11px;padding:14px 0;display:flex}.activity-row:first-child{border:0}.activity-row.clickable{border-bottom:0;border-left:0;border-right:0}.activity-row.clickable:hover{background:#f5f8f3}.activity-row>div{flex:1;min-width:0}.activity-row b{font-size:10px;font-weight:500;line-height:1.8;display:block}.activity-row small{color:#9ca59b;margin-top:4px;font-size:9px;display:block}.activity-dot{background:#82a18a;border-radius:50%;flex-shrink:0;align-self:flex-start;width:6px;height:6px;margin-top:6px;box-shadow:0 0 0 4px #f1f5ed}.activity-icon,.big-icon{color:#4c7f61;background:#edf4ed;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.tour-strip{background:#e9f0e8;border:1px solid #dbe6dc;border-radius:14px;align-items:center;gap:16px;margin-top:2px;padding:21px 24px;display:flex}.tour-strip>div{flex:1}.tour-strip h3{color:#4b664f;font-size:12px}.tour-strip p{color:#7f947e;margin-top:5px;font-size:10px;line-height:1.8}.tour-strip .activity-icon{background:#f7faf3}.page-footer{color:#9da79e;border-top:1px solid #e0e8df;align-items:center;gap:20px;margin-top:28px;padding:16px 0 8px;font-size:9px;line-height:1.7;display:flex}.page-footer span:first-child{align-items:center;gap:5px;display:flex}.page-footer b{color:#85958a;letter-spacing:-.4px;margin-left:auto;font-weight:500}.info-strip,.section-note{color:#5c7b61;background:#e8f1e8;border:1px solid #d8e5da;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:15px 18px;font-size:11px;line-height:1.8;display:flex}.info-strip>span{flex:1}.info-strip b{margin-left:22px;font-weight:500}.info-strip>.text-button{margin-left:auto}.section-note>svg{flex-shrink:0}.search-box{color:#92a18e;background:#fff9;border:1px solid #dce5dd;border-radius:10px;align-items:center;gap:10px;max-width:370px;min-height:40px;margin-bottom:18px;padding:0 12px;display:flex}.search-box input{color:#4e6052;background:0 0;border:0;outline:0;width:100%;min-width:0;height:38px;font-size:11px}.journal-list{flex-direction:column;gap:11px;display:flex}.journal-card{background:#fff;border:1px solid #e0e7df;border-radius:13px;overflow:hidden}.journal-card summary{cursor:pointer;align-items:center;gap:13px;min-height:78px;padding:17px 19px;list-style:none;display:flex}.journal-card summary::-webkit-details-marker{display:none}.journal-card summary>div{flex:1;min-width:0}.journal-card b{font-size:12px;font-weight:550;display:block}.journal-card small{color:#93a08e;margin-top:5px;font-size:9px;line-height:1.8;display:block}.journal-card strong{font-variant-numeric:tabular-nums;font-size:12px;font-weight:550}.journal-icon{color:#6b8e6d;background:#eff5ed;border-radius:9px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.journal-card[open] summary>svg{transform:rotate(90deg)}.table-scroll{min-width:0;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{color:#95a28f;white-space:nowrap;background:#f8faf6;padding:13px 21px;font-size:10px;font-weight:500}td{color:#52634e;border-top:1px solid #eef2eb;padding:16px 21px;line-height:1.7}td small{color:#97a28f;margin-top:3px;font-size:9px;display:block}td b{font-weight:550}.numeric{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.bank-match{grid-template-columns:1fr 36px 1fr;align-items:center;gap:25px;padding:20px 38px 32px;display:grid}.bank-match>div{background:#fafcf8;border:1px solid #e0e8dc;border-radius:15px;flex-direction:column;align-items:flex-start;gap:12px;padding:23px;display:flex}.bank-match>div small{color:#8c9b82;font-size:11px}.bank-match>div strong{letter-spacing:-.5px;font-size:20px;font-weight:550}.bank-match>div>span:last-child{color:#8b9b7f;font-size:10px}.big-icon{width:49px;height:49px;margin-bottom:5px}.big-icon.blue{color:#7590a3;background:#edf1f6}.match-arrow{color:#96aa93}.panel-footer{border-top:1px solid #eaf0e5;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.panel-footer p{color:#8a9a80;max-width:65ch;font-size:10px;line-height:1.8}.report-rows{padding:0 24px 20px}.report-rows>div{color:#52654d;justify-content:space-between;gap:20px;padding:13px 0;font-size:12px;display:flex}.report-rows b{font-variant-numeric:tabular-nums;font-weight:550}.report-rows .report-category{color:#9aaa91;letter-spacing:.05em;border-top:1px solid #eaf0e5;margin-top:9px;padding:18px 0 8px;font-size:9px}.report-rows .report-total{color:#2e6a45;border-top:1px solid #dce7d5;margin-top:16px;padding-top:22px;font-size:16px;font-weight:600}.check-footer{color:#658258;background:#eff5ea;align-items:center;gap:8px;padding:17px 23px;font-size:11px;display:flex}.filter-line{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.filter-line>span{color:#75856c;font-size:12px}.filter-line>span b{color:#647d56;background:#dfeadb;border-radius:6px;margin-left:5px;padding:3px 6px;font-size:10px}.filter-line .search-box{width:320px;margin:0}.claim-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;display:grid}.claim-card{background:#fff;border:1px solid #e0e8dc;border-radius:17px;min-width:0;padding:23px}.claim-top{justify-content:space-between;align-items:center;margin-bottom:21px;display:flex}.badge{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;min-height:24px;padding:4px 8px;font-size:9px;line-height:1.5;display:inline-flex}.badge.pending{color:#96752e;background:#faf0d7}.badge.approved{color:#5d8949;background:#e8f2e2}.badge.paid{color:#507b9d;background:#e5eff8}.badge.returned{color:#a66b4f;background:#fae9e0}.claim-amount{color:#3a5036;letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:25px;font-weight:550}.claim-card h3{overflow-wrap:anywhere;margin-top:10px;font-size:13px;font-weight:550}.claim-card>p{color:#98a18f;margin:7px 0 9px;font-size:10px;line-height:1.9}.attachment{color:#8c9a80;overflow-wrap:anywhere;background:#f4f7f0;border-radius:7px;align-items:center;gap:7px;min-width:0;margin:17px 0;padding:9px 10px;font-size:9px;display:flex}.attachment span{overflow-wrap:anywhere;min-width:0}.claim-actions{border-top:1px solid #edf2e8;flex-wrap:wrap;align-items:center;gap:8px;padding-top:17px;display:flex}.claim-actions .button{min-height:35px;padding:8px 11px;font-size:10px}.claim-actions>small{color:#a0a992;font-size:9px}.return-reason{overflow-wrap:anywhere;background:#fff3e9;border:1px solid #f3e5d7;border-radius:7px;padding:10px;line-height:1.8;color:#ab7653!important;font-size:10px!important}.empty{color:#94a28a;text-align:center;border:1px dashed #d4e1cd;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:180px;padding:20px;display:flex}.empty h3{font-size:14px}.empty p{font-size:11px}.calendar-layout{grid-template-columns:minmax(0,1.4fr) minmax(310px,1fr)}.calendar-switch{align-items:center;gap:2px;display:flex}.calendar-switch b{color:#829076;text-align:center;min-width:86px;font-size:10px;font-weight:500}.calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;padding:2px 17px 10px;display:grid}.weekday{color:#9caa91;text-align:center;padding:12px 0;font-size:9px;display:block}.calendar-day{background:#fafcf7;border:1px solid #f2f5ee;border-radius:6px;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;min-height:66px;padding:8px 5px;display:flex}.calendar-day>b{color:#7a8d6c;font-size:11px;font-weight:500}.calendar-day.holiday{background:#fbf2e9;border-color:#f4e8da}.calendar-day.holiday>b,.calendar-day.holiday small{color:#bc8c6b}.calendar-day.today{outline-offset:-1px;background:#edf5e8;outline:1px solid #609268}.calendar-day small{overflow-wrap:anywhere;font-size:8px;line-height:1.5}.calendar-day .company-event{color:#84937f}.calendar-day .leave-event{color:#64825a;background:#dfeeda;border-radius:3px;max-width:100%;padding:1px 3px;font-size:7px}.calendar-day .leave-event.pending{color:#9e874f;background:#f9eed2}.calendar-caption{color:#9da98f;padding:8px 22px 18px;font-size:9px;line-height:1.9}.calendar-caption a{color:#8b9b7f;display:block}.leave-list{padding:0 23px 12px}.leave-list>article{border-top:1px solid #eef3e7;padding:17px 0}.leave-list>article:first-child{border:0}.leave-list>article>div:first-child{align-items:center;gap:10px;display:flex}.leave-list>article>div:first-child>div{flex:1}.small-avatar{color:#7b916c;background:#ebf1e3;width:31px;height:31px;font-size:11px}.leave-list b{font-size:11px;font-weight:550}.leave-list small{color:#9da98f;margin-top:5px;font-size:9px;line-height:1.7;display:block}.leave-list strong{color:#80916f;font-size:13px}.leave-list p{color:#9ca98e;margin:14px 0;font-size:10px;line-height:1.9}.leave-actions{align-items:center;gap:15px;display:flex}.fine-print{color:#8e9c82;margin:14px 0;font-size:10px;line-height:1.9}.mpf-equation{justify-content:space-around;align-items:center;gap:15px;padding:14px 24px 27px;display:flex}.mpf-equation>div{flex:1;padding:15px}.mpf-equation span{color:#93a083;font-size:10px;display:block}.mpf-equation strong{letter-spacing:-.5px;color:#4e6541;font-variant-numeric:tabular-nums;margin-top:10px;font-size:24px;font-weight:500;display:block}.mpf-equation>b{color:#9bac8b;font-size:16px;font-weight:400}.mpf-equation .highlight{background:#edf4e7;border-radius:13px}.people-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.person-heading{align-items:center;gap:14px;padding:9px 24px 23px;display:flex}.person-avatar{color:#6b8558;background:#e3edd9;border-radius:15px;place-items:center;width:51px;height:51px;font-size:18px;display:grid}.person-heading h3{font-size:12px;font-weight:550}.person-heading p{color:#94a283;margin:5px 0 8px;font-size:10px}.person-data{margin:0;padding:0 24px 18px}.person-data>div{border-top:1px solid #eef3e7;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;font-size:10px;display:flex}.person-data dt{color:#9aa78a}.person-data dd{color:#637a50;text-align:right;margin:0}.welcome-card{color:#e7f1e7;background:linear-gradient(115deg,#285b42,#1a4137);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;min-height:220px;margin-bottom:23px;padding:30px;display:flex}.welcome-card .eyebrow{color:#98b59b}.welcome-card h2{letter-spacing:-1px;margin:10px 0 13px;font-size:28px}.welcome-card p{color:#b2c9b3;font-size:12px;line-height:1.9}.welcome-card .button{margin-top:20px}.welcome-orbit{color:#9fc9a5;border:1px solid #ffffff12;border-radius:50%;flex-shrink:0;place-items:center;width:150px;height:130px;margin-right:35px;display:grid;position:relative;box-shadow:0 0 0 18px #ffffff04}.welcome-orbit>span{color:#557f48;background:#e0efce;border-radius:10px;place-items:center;width:35px;height:35px;display:grid;position:absolute;bottom:5px;right:13px;box-shadow:0 3px 10px #102a331c}.dialog{width:calc(100% - 36px);max-width:600px;color:var(--ink);overscroll-behavior:contain;background:#fff;border:1px solid #fffd;border-radius:21px;max-height:calc(100dvh - 48px);padding:27px;overflow:auto;box-shadow:0 30px 100px #17352a29}.dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#15342b52}.dialog-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.dialog-head h2{letter-spacing:-.5px;font-size:21px}.dialog-head .eyebrow{color:#92a180;margin:0 0 5px;font-size:8px}.modal-intro{color:#8a9b7b;margin-bottom:22px;font-size:11px;line-height:1.9}.form-grid{grid-template-columns:1fr 1fr;gap:18px 16px;display:grid}.form-grid label,.form-label{color:#6a8058;flex-direction:column;gap:8px;font-size:11px;display:flex}.span-two{grid-column:1/-1}.form-grid input:not([type=file]),.form-grid select,.form-grid textarea,.form-label textarea{color:#3f5738;background:#fafcf7;border:1px solid #d8e3d1;border-radius:9px;width:100%;min-width:0;min-height:44px;padding:11px 12px;font-size:12px}.form-grid textarea,.form-label textarea{resize:vertical;line-height:1.8}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#a0ac93}.form-grid .upload-field{text-align:center;color:#87a16d;background:#f7faf2;border:1px dashed #c7d8bb;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:22px 14px;display:flex}.upload-field b{font-size:11px;font-weight:550}.upload-field span{color:#9baa8b;font-size:9px}.upload-field input{color:#7f9468;max-width:100%;padding:7px;font-size:10px}.upload-field input::file-selector-button{color:#76915b;font:inherit;background:#fff;border:1px solid #ccdac0;border-radius:5px;padding:6px 8px}.form-footer{border-top:1px solid #eaf1e2;justify-content:flex-end;align-items:center;gap:10px;margin-top:23px;padding-top:20px;display:flex}.form-error{color:#b0624d;background:#fff1e7;border:1px solid #f3dfcd;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:11px;line-height:1.8}.detail-amount{color:#416532;letter-spacing:-.7px;margin:18px 0 13px;font-size:32px;font-weight:550}.detail-list{margin:0;padding:12px 0 0}.detail-list>div{border-bottom:1px solid #edf3e6;grid-template-columns:95px 1fr;gap:16px;padding:15px 0;font-size:11px;display:grid}.detail-list dt{color:#96a789}.detail-list dd{overflow-wrap:anywhere;margin:0;line-height:1.8}.tour-options{flex-direction:column;gap:11px;display:flex}.tour-options>button{text-align:left;color:#748b5e;background:#f9fcf4;border:1px solid #e0ead6;border-radius:12px;align-items:center;gap:14px;padding:17px;display:flex}.tour-options>button:hover{background:#eff6e5}.tour-options>button>div{flex:1;min-width:0}.tour-options b{color:#5b7846;font-size:12px;font-weight:550;display:block}.tour-options small{color:#92a67c;margin-top:5px;font-size:10px;line-height:1.8;display:block}.toast{z-index:60;color:#e8f2e1;background:#203e2ff2;border:1px solid #496844;border-radius:12px;align-items:center;gap:11px;max-width:min(620px,100vw - 36px);padding:11px 13px 11px 17px;font-size:11px;line-height:1.8;animation:.15s ease-out enter;display:flex;position:fixed;bottom:25px;left:calc(50% + 116px);transform:translate(-50%);box-shadow:0 9px 35px #17352925}.toast>svg{flex-shrink:0}.toast .icon-button{color:#adbea0;width:25px;min-width:25px;height:25px}.mobile-only,.mobile-dock{display:none}@keyframes enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width>=1600px){.page{padding-top:42px}.overview-grid{grid-template-columns:1.85fr 1fr}.cash-hero{min-height:250px}.cash-value{font-size:51px}.topbar{padding-left:39px}}@media (width<=1180px){.sidebar{width:208px;padding-inline:13px}.main-shell{margin-left:208px}.topbar{gap:14px;padding-inline:25px}.page{padding:27px 26px 20px}.page-heading h1{font-size:27px}.cash-value{font-size:39px}.cash-hero{padding:23px}.overview-grid{grid-template-columns:minmax(0,1.55fr) minmax(220px,1fr);gap:16px}.stat{padding:21px}.stat strong{font-size:24px}.two-column{grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);gap:17px}.focus-card{padding:23px 20px}.people-grid{grid-template-columns:1fr}.person-data{grid-template-columns:1fr 1fr;column-gap:35px;display:grid}.calendar-layout{grid-template-columns:1fr}.toast{left:calc(50% + 104px)}}@media (width<=900px){.sidebar{display:none}.main-shell{margin-left:0}.mobile-only{display:inline-flex}.topbar{gap:12px;height:67px;padding:0 20px}.breadcrumb{font-size:10px}.breadcrumb>span,.breadcrumb>b{display:none}.demo-pill{margin-left:auto;padding:5px 8px;font-size:9px}.role-select{gap:5px}.role-select>span{display:none}.role-select select{min-height:38px;font-size:11px}.avatar{width:30px;height:30px;font-size:11px}.page{padding:24px 23px 90px}.mobile-dock{z-index:25;bottom:max(12px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f8fcf3ed;border:1px solid #fffffff0;border-radius:20px;justify-content:space-around;gap:5px;width:440px;max-width:calc(100% - 28px);padding:7px 8px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #20422e24}.mobile-dock button{color:#8b9e7e;background:0 0;border:0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:49px;padding:6px;font-size:9px;display:flex}.mobile-dock button[aria-current=page]{color:#4b7941;background:#deebd6}.toast{bottom:95px;left:50%}.two-column{grid-template-columns:1.2fr 1fr}.page-footer{flex-wrap:wrap;gap:10px;font-size:8px}.info-strip{flex-wrap:wrap}.info-strip b{margin:3px 0 0;display:block}.info-strip>.text-button{margin-left:30px}.calendar-layout{grid-template-columns:1fr}.dialog .nav-button{min-height:49px}.dialog .nav-button.active{background:#e2efda}.dialog .nav-button small{margin-left:auto}}@media (width<=620px){h1{letter-spacing:-1.2px;font-size:26px!important}.topbar{gap:7px;padding:0 13px}.breadcrumb{display:none}.demo-pill{margin-left:0;margin-right:auto}.avatar{display:none}.role-select select{min-height:40px;padding-right:14px}.page{padding:24px 16px 105px}.eyebrow{letter-spacing:.11em;font-size:8px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:23px}.page-heading p{max-width:35ch;font-size:11px}.heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.heading-actions .button{min-height:38px;padding:9px 11px;font-size:10px}.heading-actions .reset-button{width:32px;min-width:32px;height:32px}.page-heading:has(.heading-actions .button.primary){flex-wrap:wrap}.page-heading:has(.heading-actions .button.primary)>.heading-actions{justify-content:flex-start;width:100%}.overview-grid{grid-template-columns:1fr;gap:15px;margin-bottom:18px}.cash-hero{min-height:215px;padding:22px}.cash-value{margin:21px 0 27px;font-size:43px}.hero-bottom{font-size:8px}.hero-bottom button{font-size:9px}.focus-card{grid-template-columns:1fr auto;gap:4px 15px;padding:18px 21px;display:grid}.focus-card .eyebrow{grid-column:1/2;align-self:end;margin-bottom:0}.focus-count{grid-column:1/2;gap:9px;margin:0;font-size:31px}.focus-count span{font-size:10px}.focus-card p{grid-column:1/2;margin:5px 0 0;font-size:10px}.focus-card .text-button{flex-wrap:wrap;grid-area:1/2/4/3;align-self:center;max-width:85px;font-size:10px}.stats-grid{border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.stat{min-height:111px;padding:17px 11px}.stat>span{font-size:9px;line-height:1.7}.stat strong{letter-spacing:-.6px;margin:9px 0 7px;font-size:18px}.stat small{font-size:8px;line-height:1.8}.stats-grid.four{grid-template-columns:1fr 1fr}.stats-grid.four .stat:nth-child(2){border-right:0}.stats-grid.four .stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.two-column{grid-template-columns:1fr;gap:0}.panel{border-radius:15px;margin-bottom:18px}.panel-head{padding:21px 19px 15px}.panel-head h2{font-size:13px}.panel-head p{font-size:9px}.bar-chart{gap:20px;padding:8px 20px 24px}.bar-label,.bar-label b{font-size:10px}.chart-caption{padding:13px 20px;font-size:9px}.activity-list{padding-inline:19px}.activity-row b{font-size:11px}.activity-row small{font-size:9px}.activity-row{min-height:70px}.tour-strip{grid-template-columns:36px 1fr;gap:13px;padding:19px;display:grid}.tour-strip>.activity-icon{width:36px;height:36px}.tour-strip h3{font-size:11px}.tour-strip p{font-size:9px;line-height:1.9}.tour-strip .button{grid-column:2;justify-self:start;min-height:35px;padding:8px 12px;font-size:10px}.page-footer>span:nth-child(2){order:3;width:100%}.page-footer b{font-size:10px}.button{min-height:42px}.info-strip,.section-note{align-items:flex-start;padding:14px;font-size:10px;line-height:1.9}.filter-line{flex-direction:column;align-items:flex-start;gap:12px}.filter-line .search-box{width:100%;max-width:none}.claim-grid{grid-template-columns:1fr;gap:16px}.claim-card{padding:21px}.claim-actions .button{min-height:41px;font-size:11px}.claim-card>p{font-size:11px}.badge{min-height:26px;font-size:10px}.claim-card h3{font-size:14px}.claim-card code{font-size:10px}.claim-amount{font-size:27px}.attachment{font-size:10px;line-height:1.8}.journal-card summary{flex-wrap:wrap;gap:9px;padding:16px 13px}.journal-card summary>div{min-width:calc(100% - 55px)}.journal-card summary>strong{margin-left:44px;font-size:11px}.journal-card summary>svg{margin-left:auto}.journal-card b{font-size:11px}.journal-card small{font-size:8px}.journal-card[open] summary>div{flex:1}.table-scroll th{padding:12px;font-size:9px}.table-scroll td{padding:14px 12px;font-size:10px}.payroll-table{min-width:610px}.bank-match{grid-template-columns:1fr;gap:14px;padding:10px 18px 24px}.bank-match>div{padding:20px}.bank-match>div strong{font-size:20px}.bank-match .match-arrow{justify-self:center;transform:rotate(90deg)}.panel-footer{flex-direction:column;align-items:stretch;gap:14px;padding:17px 18px}.panel-footer p{font-size:10px}.report-rows{padding-inline:19px}.report-rows>div{font-size:11px}.calendar{gap:2px;padding:0 10px 10px}.calendar-day{min-height:65px;padding:7px 4px}.calendar-day small{font-size:7px}.calendar-day .leave-event{font-size:6px}.calendar-switch{gap:0}.calendar-switch b{min-width:78px;font-size:9px}.calendar-switch .icon-button{width:29px;min-width:29px}.calendar-caption{padding-inline:18px;font-size:8px}.leave-list{padding-inline:18px}.leave-list small{font-size:9px}.leave-list b{font-size:11px}.leave-list p{font-size:10px}.leave-actions .text-button{min-height:36px;padding:8px 5px}.mpf-equation{align-items:stretch;gap:5px;padding:5px 15px 21px}.mpf-equation>div{min-width:0;padding:13px 8px}.mpf-equation>div span{font-size:8px}.mpf-equation>div strong{letter-spacing:-.7px;overflow-wrap:anywhere;font-size:17px}.mpf-equation>b{align-self:center;font-size:12px}.person-data{grid-template-columns:1fr;padding-inline:21px}.people-grid{gap:0}.person-data>div{font-size:11px}.welcome-card{align-items:flex-start;min-height:250px;padding:25px 21px;position:relative;overflow:hidden}.welcome-card h2{font-size:26px}.welcome-card p{font-size:11px}.welcome-card>div:first-child{z-index:1;max-width:100%}.welcome-orbit{opacity:.3;width:130px;height:130px;margin:0;position:absolute;bottom:-14px;right:-27px;transform:rotate(-10deg)}.welcome-card .button{font-size:10px}.dialog{border-radius:17px;width:calc(100% - 24px);max-height:calc(100dvh - 30px);padding:22px 20px}.dialog-head h2{font-size:20px}.modal-intro{font-size:11px}.form-grid{gap:16px 12px}.form-grid input:not([type=file]),.form-grid select,.form-grid textarea,.form-label textarea{min-height:46px;padding:11px 10px;font-size:16px}.form-grid label{font-size:11px}.form-footer .button{min-height:44px}.form-footer{gap:8px}.upload-field input{font-size:11px}.tour-options>button{gap:11px;padding:15px 13px}.tour-options b{font-size:12px}.tour-options small{font-size:10px}.tour-options .activity-icon{width:33px;height:33px}.toast{gap:9px;width:calc(100% - 28px);padding-left:13px;font-size:11px;bottom:92px}.toast .icon-button{flex-shrink:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (prefers-reduced-transparency:reduce){.sidebar,.topbar,.mobile-dock{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f5f8f2}.dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#20392dcc}}@media print{.sidebar,.topbar,.mobile-dock,.heading-actions,.page-footer,.toast{display:none!important}.main-shell{margin:0}.page{padding:0}.panel{box-shadow:none;break-inside:avoid}body,.app-shell{background:#fff}.table-scroll{overflow:visible}.payroll-table{min-width:0}}@media screen and (width<=620px){.icon-button,.heading-actions .reset-button,.calendar-switch .icon-button{width:44px;min-width:44px;height:44px}.role-select select,.claim-actions .button{min-height:44px}.page-heading p,.modal-intro,.fine-print,.section-note,.info-strip,.panel-footer p,.calendar-caption,.leave-list p{color:#687b61;font-size:12px;line-height:1.8}.stat>span{color:#617558;font-size:11px}.stat small{color:#74866a;font-size:10px}.panel-head p{color:#74866a;font-size:11px}.calendar-day{min-height:72px}.calendar-day>b{font-size:12px}.calendar-day small{font-size:9px}.calendar-day .leave-event{font-size:8px}.weekday{font-size:11px}.calendar-day.holiday>b,.calendar-day.holiday small{color:#97634a}.activity-row b,.claim-card>p,.attachment,.leave-list b{font-size:12px}.activity-row small,.claim-card code,.leave-list small{font-size:11px}.toast .icon-button{width:36px;min-width:36px;height:36px}.bar-label,.bar-label b,.table-scroll th{font-size:11px}.table-scroll td{font-size:12px}.mpf-equation>div span{font-size:10px}}.update-status{color:#526e61;align-items:center;gap:6px;font-size:11px;display:inline-flex}.update-status:before{content:"";background:#14715c;border-radius:50%;width:6px;height:6px}.update-banner{z-index:90;color:#202b3c;background:#fff;border:1px solid #c6dad1;border-radius:16px;align-items:center;gap:14px;max-width:560px;padding:18px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 40px #17392e26}.update-banner>svg{color:#14715c;flex-shrink:0}.update-banner b{font-size:14px}.update-banner p{margin:4px 0 0;font-size:12px;line-height:1.6}.update-banner button{flex-shrink:0;min-height:44px}.update-banner button:disabled{opacity:.5;cursor:default}@media (width<=650px){.update-banner{bottom:calc(86px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:10px;padding:14px;left:12px;right:12px}.update-banner>div{flex:1;min-width:180px}.update-banner button{margin-left:30px}.update-status{max-width:100%}}.storage-warning{color:#593a16;background:#fff5e5;border:1px solid #b16e25;border-radius:12px;margin-bottom:24px;padding:16px}.storage-warning p{margin:0 0 12px;line-height:1.6}.storage-warning>div{flex-wrap:wrap;gap:8px;display:flex}.receipt-login{place-items:center;min-height:100vh;padding:24px;display:grid}.receipt-login>.panel{width:min(100%,520px);padding:32px}.receipt-login h1{margin:12px 0;font-size:26px}.receipt-login p{margin-bottom:22px;line-height:1.7}.receipt-intake{gap:24px;margin-bottom:24px;display:grid}.receipt-upload{flex-wrap:wrap;align-items:end;gap:16px;padding:0 24px 24px;display:flex}.receipt-upload label{gap:8px;font-size:14px;display:grid}.receipt-upload p{width:100%;color:var(--muted,#596b65);font-size:13px}.receipt-intake .claim-grid,.receipt-empty{padding:0 24px 24px}.receipt-product{padding:24px}.receipt-product h2{margin-bottom:16px}.receipt-product button{font:inherit;cursor:pointer;background:#fff;border:1px solid #c9d6cf;border-radius:8px;margin:5px 5px 5px 0;padding:9px 12px}.receipt-product button:disabled{opacity:.5;cursor:default}.receipt-product label{gap:6px;margin:10px 0;display:grid}.receipt-product input,.receipt-product select,.receipt-product textarea{font:inherit;border:1px solid #c9d6cf;border-radius:8px;max-width:100%;padding:9px}.receipt-product .expense-list{padding:0;list-style:none}.receipt-product .expense-list li{border-top:1px solid #e0e8e2;padding:14px 0}.receipt-product .expense-detail{overflow-wrap:anywhere;grid-template-columns:130px 1fr;gap:10px;margin:20px 0;display:grid}.receipt-product .expense-detail dd{margin:0}.receipt-product fieldset{border:1px solid #d5dfd9;border-radius:10px;margin:16px 0;padding:16px}.receipt-product .message{background:#edf5ef;border-radius:8px;padding:12px}.receipt-product .helper{color:#596b65;margin:12px 0;font-size:13px;line-height:1.6}.receipt-snapshot-hidden #root{display:none}.h5-workspace .main-shell,.h5-content,.h5-content>*{min-width:0}.h5-workspace .company-label b,.h5-workspace .eyebrow,.h5-workspace .page-heading h1,.h5-workspace .receipt-product{overflow-wrap:anywhere}.h5-workspace .receipt-product button,.h5-workspace .receipt-product input,.h5-workspace .receipt-product select,.h5-workspace .receipt-product textarea{min-height:44px}.h5-workspace .receipt-product input[type=checkbox]{min-height:initial}.h5-workspace .receipt-product .expense-detail{grid-template-columns:minmax(75px,130px) minmax(0,1fr)}.h5-panel>p,.h5-panel>.expense-table-wrap{margin:0 24px 20px}.expense-table-wrap{max-width:100%;overflow-x:auto}.expense-table-wrap table{border-collapse:collapse;width:100%}.expense-table-wrap th,.expense-table-wrap td{text-align:left;white-space:nowrap;border-bottom:1px solid #e0e8e2;padding:14px 12px}.h5-module-status{padding:32px;line-height:1.8}.h5-module-status h2{margin:14px 0 8px}.h5-module-status p{color:#596b65}.h5-account-role{color:#596b65;margin-left:auto;font-size:12px}.h5-logout{flex-shrink:0}.h5-workspace .cash-value small{font-size:20px}.h5-workspace .currency-label{overflow-wrap:anywhere;max-width:65%}.h5-menu:not([open]){display:none}.h5-menu .nav-button{text-align:left;width:100%;min-height:44px}.h5-menu .dialog-head{z-index:1;background:#fff;position:sticky;top:-22px}.h5-menu{max-height:calc(100dvh - 48px);overflow-y:auto}.h5-list-note{margin:0 24px 20px}.h5-skip{z-index:200;color:#14715c;background:#fff;padding:12px;position:fixed;top:-100px;left:12px}.h5-skip:focus{top:12px}.h5-workspace button:focus-visible,.h5-workspace a:focus-visible{outline-offset:3px;outline:3px solid #14715c}.h5-workspace .mobile-dock button{min-height:50px}@media (width<=620px){.h5-account-role{display:none}.h5-workspace .topbar{gap:8px}.h5-workspace .demo-pill{flex-shrink:0;margin-left:auto;font-size:10px}.h5-workspace .breadcrumb{white-space:nowrap;min-width:0;overflow:hidden}.h5-workspace .h5-logout{min-height:44px;padding:8px;font-size:12px}.h5-workspace .h5-logout svg{display:none}.h5-workspace .receipt-product{padding:18px}.h5-workspace .receipt-product input,.h5-workspace .receipt-product select,.h5-workspace .receipt-product textarea{width:100%;font-size:16px}.h5-workspace .receipt-product input[type=checkbox]{width:auto}.h5-workspace .receipt-upload{padding:0 18px 18px;display:grid}.h5-workspace .receipt-upload input{width:100%;max-width:100%;font-size:14px}.h5-workspace .receipt-upload label{min-width:0}.h5-workspace .receipt-product .expense-detail{grid-template-columns:85px minmax(0,1fr)}.h5-workspace .expense-permissions,.h5-workspace .expense-help{font-size:12px;line-height:1.8}.h5-workspace .cash-hero .cash-value{font-size:48px}.h5-workspace .hero-top{align-items:start;gap:8px}.h5-workspace .currency-label{font-size:11px}.h5-workspace .h5-module-status{padding:24px}}.h5-workspace .receipt-product p{margin:10px 0;line-height:1.75}.h5-workspace .receipt-product h3{margin:18px 0 10px;font-size:15px}.h5-workspace .receipt-product .list-heading{justify-content:space-between;align-items:center;gap:12px;margin:18px 0;display:flex}.h5-workspace .receipt-product .list-heading h2{margin:0}.h5-workspace .expense-permissions{background:#f4f8f5;border:1px solid #dce6df;border-radius:12px;margin:18px 0;padding:16px 18px}.h5-workspace .expense-permissions h3{margin-top:0}.h5-workspace .expense-help{color:#596b65}.h5-workspace .expense-buttons{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.h5-workspace .expense-history{padding-left:24px}.h5-workspace .expense-history li{border-bottom:1px solid #e0e8e2;padding:10px 0}.h5-workspace .invitations{padding:0;list-style:none}.h5-workspace .invitations li{border-bottom:1px solid #e0e8e2;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.h5-workspace .invitations li span{color:#596b65;margin-top:6px;font-size:12px;display:block}