@font-face{font-family:local-ui;src:local("PingFang SC")}*{box-sizing:border-box}body{margin:0;color:#263e35;background:#f7f7f2;font-family:local-ui,"Microsoft YaHei",system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button,select,input{outline-offset:4px}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #e27e46}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}.app-shell{display:flex;min-height:100vh}.sidebar{width:218px;flex-shrink:0;background:#f1f1e8;border-right:1px solid #e4e7dd;display:flex;flex-direction:column;padding:35px 20px 24px;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:750;letter-spacing:.2px}.brand-mark{display:grid;place-items:center;background:#e18b51;color:#fff;border-radius:13px;width:39px;height:43px}.brand-mark svg{width:24px;height:24px}.brand small{display:block;font-size:8px;letter-spacing:1.7px;margin-top:6px;font-weight:550;color:#859086}.nav-caption{color:#9a9d8b;font-size:11px;margin:25px 0 27px 6px}nav{display:grid;gap:9px}.nav-item{border:0;border-radius:11px;background:transparent;color:#7c8779;display:flex;align-items:center;gap:12px;padding:15px 12px;text-align:left;font-size:13px}.nav-item.active{background:#294d40;color:#fff;box-shadow:0 5px 12px #294d4015}.nav-item span{margin-left:auto;opacity:.4;font-size:10px}.sidebar-note{margin:auto 0 28px 12px;padding-top:40px;color:#7c8b71}.sidebar-note svg{width:39px;height:39px;stroke-width:1.2;color:#8eaa78}.sidebar-note p{line-height:1.9;font-family:serif;font-size:20px;letter-spacing:1px;margin:15px 0}.sidebar-note small{line-height:1.8;color:#9da38f;font-size:11px}.local-indicator{font-size:10px;color:#88917c;display:flex;align-items:center;gap:7px;margin:0 5px 15px}.local-indicator span,.live-dot{width:6px;height:6px;border-radius:50%;background:#789871;display:inline-block}.sidebar-demo{text-align:left;margin-left:4px;font-size:11px!important}main{margin-left:218px;width:calc(100% - 218px);max-width:1590px;padding:33px 38px 19px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.eyebrow{color:#929987;font-size:10px;letter-spacing:1.1px}h1{font-size:25px;letter-spacing:.4px;margin:8px 0 0;font-weight:650}h2{font-size:16px;font-weight:650;margin:0}.header-actions{display:flex;gap:9px;align-items:center}.quiet-button,.icon-button{border:1px solid #dfe4d8;background:#fcfcf7;color:#61735c;border-radius:9px;padding:10px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.quiet-button svg{width:17px;height:17px}.icon-button{padding:10px}.icon-button[aria-pressed=true]{background:#dce7d4;color:#2f513d;border-color:#8ba077}.notice{border-radius:8px;background:#ecefe4;color:#7c876c;font-size:10px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;line-height:1.6}.notice.demo{background:#fff0df;color:#b16b37}.notice button{background:none;border:0;color:inherit;font-size:11px;text-decoration:underline;cursor:pointer}.card{background:#fffef9;border:1px solid #e3e6db;border-radius:16px}.overview-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.hero{background:#e9efdb;padding:26px 29px 21px;position:relative;overflow:hidden;min-height:252px;border-color:#e0e7d1}.hero-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;gap:10px}select{background:#fffef9;border:1px solid #dce2d5;border-radius:8px;color:#3d5a45;padding:8px 12px;max-width:100%}.hero select{background:#ffffff50;border:1px solid #b4c5a660;font-size:13px;padding:7px 10px}.pill{border-radius:30px;font-size:10px;color:#5c7850;background:#d8e4c5;padding:6px 10px;white-space:nowrap}.hero-value{margin:21px 0 5px;position:relative;z-index:1;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:8px}.hero-value>span{font-size:27px;font-weight:500}.hero-value strong{font-size:clamp(34px,4.4vw,63px);font-weight:650;letter-spacing:-2px;line-height:1.15}.hero-description{color:#789066;font-size:12px;margin:9px 0 27px;position:relative;z-index:1;max-width:90%;line-height:1.5}.hero-bottom{display:flex;align-items:center;justify-content:space-between;color:#819172;font-size:10px;gap:8px;position:relative;z-index:1}.hero-bottom>span:first-child{display:flex;gap:6px;align-items:center}.hero-bottom>span:last-child{font-size:9px}.hero-plant{position:absolute;width:180px;height:180px;right:-3px;bottom:15px;color:#c9d6ae;stroke-width:2;opacity:.5}.shift-card{padding:25px 23px 21px}.card-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:8px}.card-heading>span:first-child{display:flex;align-items:center;gap:7px}.card-heading svg{width:17px;height:17px}.muted{color:#939b8a;font-size:12px}.countdown{font-size:38px;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:1px;margin:22px 0 20px;line-height:1}.countdown span{color:#a3ae9b;padding:0 5px;font-weight:300}.progress-line{display:flex;justify-content:space-between;color:#8a9480;font-size:10px;margin-bottom:7px}.progress-line b{font-weight:500;color:#5b7751}progress{width:100%;height:6px;display:block;appearance:none;border:0;border-radius:5px;overflow:hidden;background:#e8ecdf}progress::-webkit-progress-bar{background:#e8ecdf;border-radius:5px}progress::-webkit-progress-value{background:#819e65;border-radius:5px}.shift-summary{font-size:10px;color:#9aa18f;margin:10px 0 18px}.primary-button{border:0;background:#2f5444;border-radius:9px;color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-weight:500}.primary-button:hover{background:#254a3b}.primary-button span{margin-left:auto}.primary-button.compact{width:auto;padding:11px 17px}.dashboard-lower{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-top:20px}.main-column,.side-column{display:flex;flex-direction:column;gap:18px}.finance-card,.quick-card{padding:23px 24px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-top .eyebrow{display:block;margin-bottom:6px;font-size:9px}.segmented{display:flex;background:#f0f1e9;border-radius:7px;padding:3px}.segmented button{border:0;background:transparent;color:#89927e;font-size:11px;padding:6px 11px;border-radius:5px;white-space:nowrap}.segmented .active{background:#fffef9;box-shadow:0 1px 3px #253e3012;color:#3b5c46}.money-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0 22px}.money-grid>div{position:relative}.money-grid small{font-size:10px;color:#8c9581;margin-left:5px}.money-grid strong{display:block;margin-top:10px;font-size:20px;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.stat-dot{display:inline-block;width:5px;height:5px;border-radius:50%;vertical-align:middle}.green{background:#7b9b61}.orange{background:#d9a476}.gray{background:#9ca78d}.net-row{border-top:1px dashed #dde2d2;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.net-row small{background:#edf0e3;color:#8a9976;padding:3px 6px;font-size:9px;margin-left:5px}.net-row strong{font-size:25px;letter-spacing:-.6px;font-weight:600;font-variant-numeric:tabular-nums;color:#557849}.fine-print{font-size:10px;line-height:1.7;color:#9aa08f;margin:13px 0 0}.text-button{background:none;border:0;padding:0;color:#7a8b6b;font-size:10px;white-space:nowrap}.text-button:hover{text-decoration:underline}.quick-card h2{font-size:14px}.quick-expenses{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:20px 0 16px}.quick-expenses button{display:flex;flex-direction:column;align-items:center;border:0;background:none;font-size:10px;color:#8d9582;padding:0;gap:8px}.quick-expenses span{background:#f2f1e7;color:#a09478;border-radius:12px;width:44px;height:42px;display:grid;place-items:center;font-size:22px}.quick-expenses button:hover span{background:#ebe9d8}.expense-preview{border-top:1px solid #eff0e8;padding-top:13px;color:#939b87;font-size:10px;line-height:1.6}.goal-card{padding:22px;display:flex;gap:14px}.goal-icon{background:#f6ead8;color:#c49b61;width:43px;height:43px;display:grid;place-items:center;border-radius:12px;flex-shrink:0}.goal-content{width:100%;min-width:0}.goal-card h2{font-size:14px;overflow-wrap:anywhere}.goal-numbers{display:flex;justify-content:space-between;font-size:11px;color:#88977b;gap:8px;margin:17px 0 9px}.goal-numbers b{font-size:10px;font-weight:500}.goal-card progress::-webkit-progress-value{background:#c9a477}.goal-card .fine-print{margin-top:9px}.fish-card{background:#fbf1e3;border-color:#f0e3cd;padding:23px 23px 19px}.fish-card .card-heading{color:#a4875e;font-size:11px}.fish-symbol{font-size:26px;color:#b89a6a}.fish-time{font-size:33px;letter-spacing:2px;text-align:center;margin-top:22px;font-weight:500;color:#876e4c;font-variant-numeric:tabular-nums}.fish-subtitle{text-align:center;color:#baa17d;font-size:10px;margin:8px 0 20px}.fish-button{border:1px solid #dfc8a3;background:#f4e5cc;border-radius:8px;padding:11px;color:#a28050;width:100%;font-size:12px}.fish-button:hover{background:#eeddbd}.fish-button.running{background:#dfc29a;color:#6e522e}.efficiency{border-top:1px dashed #e2d4bb;padding-top:15px;margin-top:20px;display:grid;gap:13px}.efficiency>div{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:#b09c7d}.efficiency b{font-size:12px;font-weight:500;color:#947a54;font-variant-numeric:tabular-nums}.fish-card .fine-print{font-size:9px;color:#b5a48a}.purchase-card{padding:22px 23px}.purchase-card h2{margin:7px 0 18px;font-size:14px;display:flex;justify-content:space-between}.purchase-card h2 svg{color:#9ea989;width:17px;height:17px}.input-currency{display:flex;border:1px solid #e0e3d6;background:#f9f9f2;border-radius:8px;align-items:center;padding:10px 12px;gap:9px;color:#859475}.input-currency input{background:none;border:0;width:100%;color:#637a52;font-size:17px;outline-offset:5px;min-width:0}.purchase-card p{font-size:10px;color:#9aa38c;margin:16px 0 7px}.purchase-card>strong{font-size:19px;font-weight:500;color:#6a8257}.purchase-card>small{font-size:9px;color:#a8ae9c;display:block;margin-top:14px}footer{display:flex;justify-content:space-between;gap:12px;color:#a1a693;font-size:9px;padding:22px 3px 0;line-height:1.5}.view-intro{margin:10px 0 24px}.list-card{padding:25px;margin-bottom:20px}.list-card p{font-size:12px;line-height:1.9;color:#87927e}.list-card .fine-print{font-size:10px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0e5;padding:18px 0}.list-row:last-child{border-bottom:0}.list-row small{display:block;color:#a0a693;font-size:10px;margin-top:5px}.list-row .row-value{font-weight:600;font-variant-numeric:tabular-nums}.list-row>div:last-child{display:flex;gap:20px;align-items:center}.list-row button{color:#a38c74}.empty{padding:30px 0;text-align:center;color:#a3aa96;font-size:12px}.tag{font-size:10px;background:#edf1e6;border-radius:5px;color:#7a8f68;padding:7px 9px}.settings-card{padding:28px;max-width:900px;margin-bottom:20px}.settings-card .section-top{margin-bottom:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:flex;flex-direction:column;gap:9px;color:#76866b;font-size:12px;margin-bottom:19px}input:not([type=checkbox]),label>select{border:1px solid #dce3d2;background:#fafbf5;border-radius:8px;padding:12px;color:#395742;min-width:0;width:100%}label small,fieldset small{font-size:10px;color:#a0a893;line-height:1.6}.input-currency input{padding:0!important;border:0!important;background:none!important}fieldset{border:0;padding:0;margin:10px 0 22px}legend{font-size:12px;color:#76866b;padding:0;margin-bottom:12px}.weekdays{display:flex;gap:10px;margin-bottom:9px}.weekdays label{margin:0;position:relative}.weekdays input{position:absolute;opacity:0}.weekdays span{display:grid;place-items:center;border:1px solid #e0e5d7;color:#9ca38e;background:#fafbf4;border-radius:8px;width:43px;height:39px}.weekdays input:checked+span{background:#e3ecd7;color:#4e6f3d;border-color:#aabf93}.weekdays input:focus-visible+span{outline:2px solid #e4a36a;outline-offset:3px}.checkbox-label{display:flex;flex-direction:row;align-items:center;gap:8px;margin:8px 0 20px}input[type=checkbox]{accent-color:#658357}.settings-explanation{font-size:11px;color:#91a07f;background:#f1f4e9;border-radius:10px;padding:16px;line-height:1.9;margin:6px 0 24px}#settings-feedback{display:block;font-size:11px;margin-top:12px;color:#789260}.data-actions{display:flex;gap:16px;align-items:center;margin-top:20px}dialog{background:#fffef8;border:1px solid #e3e5d7;border-radius:18px;width:440px;max-width:calc(100vw - 40px);padding:26px;color:#2f4d3d;box-shadow:0 20px 70px #2c49352a}dialog::backdrop{background:#233f3259;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.close-button{border:0;background:#eef1e6;color:#879775;border-radius:50%;font-size:23px;width:29px;height:29px;line-height:1}dialog .form-grid{gap:12px}dialog .fine-print{margin:0 0 15px}.form-error{color:#ba7854;font-size:11px;line-height:1.7;min-height:0}#confirm-copy{font-size:13px;line-height:1.9;color:#7d8d70}.confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#2f5145;color:#fff;border-radius:10px;padding:13px 20px;font-size:12px;box-shadow:0 8px 20px #213e3533;z-index:99;max-width:90vw}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.mini-panel{display:none}[hidden]{display:none!important}.mini-mode .app-shell{display:none}.mini-mode{background:#e9efdb}.mini-mode .mini-panel{display:flex;flex-direction:column;padding:18px 20px 16px;height:100vh;min-height:300px}.mini-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mini-top>span{font-size:12px;display:flex;gap:6px;align-items:center;font-weight:600}.mini-top>span svg{width:17px;height:17px}.mini-top>div{display:flex;align-items:center;gap:10px}.mini-top .icon-button{padding:5px;border:0;background:transparent}.mini-top svg{width:15px;height:15px}#mini-display{align-self:flex-start;background:#ffffff60;font-size:11px;padding:5px 8px}#mini-amount{font-size:40px;font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums;display:block;margin-top:13px}#mini-countdown{font-size:11px;color:#7b8f67;margin:10px 0 12px}.mini-actions{display:flex;gap:10px;margin:18px 0 12px}.mini-actions button{width:50%;font-size:12px;padding:10px}.mini-panel>small{font-size:9px;color:#93a07e}body.amounts-hidden .row-value{letter-spacing:2px}button:hover{filter:brightness(.98)}@media(min-width:1450px){main{padding:38px 48px}.hero{min-height:265px}.hero-value strong{font-size:68px}.countdown{font-size:45px}}@media(max-width:1100px){.sidebar{width:184px;padding-left:14px;padding-right:14px}.brand{font-size:16px}.brand-mark{width:34px;height:39px}.nav-item{font-size:12px;gap:9px}main{margin-left:184px;width:calc(100% - 184px);padding:28px 23px 18px}.hero{padding:24px 23px 20px}.hero-value strong{font-size:48px}.hero-bottom{flex-wrap:wrap;row-gap:9px}.countdown{font-size:32px}.countdown span{padding:0 3px}.money-grid strong{font-size:18px}.finance-card,.quick-card{padding:22px 20px}.quick-expenses{gap:6px}.quick-expenses span{width:38px;height:38px}.goal-card{padding:20px;gap:10px}.goal-icon{width:34px;height:36px}.fish-card{padding:23px 20px}.overview-grid,.dashboard-lower{grid-template-columns:1.45fr 1fr;gap:16px}.page-header h1{font-size:22px}}@media(max-width:830px){.sidebar{width:72px;padding:28px 12px}.brand>span:last-child,.nav-caption,.nav-item span,.sidebar-note,.local-indicator,.sidebar-demo{display:none}.brand{justify-content:center}nav{margin-top:35px}.nav-item{font-size:0;padding:14px;justify-content:center}.nav-item svg{width:20px;height:20px}main{margin-left:72px;width:calc(100% - 72px);padding:25px 20px}.hero-value strong{font-size:39px}.hero{padding:23px 20px}.countdown{font-size:28px}.quick-expenses{grid-template-columns:repeat(3,1fr);row-gap:14px}.money-grid strong{font-size:15px}.net-row strong{font-size:21px}.header-actions .quiet-button{font-size:11px}.goal-icon{display:none}.form-grid{gap:15px}}@media(max-width:640px){.overview-grid,.dashboard-lower{grid-template-columns:1fr}.hero-value strong{font-size:55px}.hero{min-height:235px}.countdown{font-size:38px}.money-grid strong{font-size:21px}.quick-expenses{grid-template-columns:repeat(6,1fr)}.page-header h1{font-size:18px}.header-actions .quiet-button{font-size:0}.header-actions{gap:6px}.quiet-button svg{width:18px;height:18px}footer{flex-direction:column}.form-grid{grid-template-columns:1fr;gap:0}.weekdays{gap:6px}.weekdays span{width:32px}.section-top{gap:8px}.view-intro{align-items:flex-start}.view-intro p{line-height:1.7}.data-actions{flex-wrap:wrap}.hero-bottom{margin-top:20px}.mini-mode .mini-panel{padding:16px 18px}.list-card{padding:20px}}
.sidebar-note p{font-size:19px;letter-spacing:0}.hero-value strong.long-value{font-size:clamp(26px,3vw,43px);letter-spacing:-1px}#mini-amount.long-value{font-size:27px}.hero-value strong,#mini-amount{font-variant-numeric:tabular-nums;white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* The day's earnings are the primary focal point; every other number is secondary. */
.overview-grid{grid-template-columns:1fr;gap:12px}
.hero{min-height:323px;padding:28px 34px 25px;background:#e8efda;border-color:#dae4c9;border-radius:20px}
.hero-top{gap:18px}
.hero select{font-size:14px;padding:8px 12px;background:#f5f8ed;border-color:#cbd9ba;color:#41613a}
.hero-value{margin:24px 0 6px;gap:12px;max-width:100%}
.hero-value>span{font-size:38px;font-weight:500;color:#5d7850}
.hero-value strong{font-size:clamp(70px,8.8vw,112px);font-weight:650;letter-spacing:-4px;line-height:1.1;color:#294b37}
.hero-value strong.long-value{font-size:clamp(40px,5.8vw,74px);letter-spacing:-2px}
.hero-description{font-size:13px;color:#71865f;margin:12px 0 30px;max-width:86%;line-height:1.7}
.hero-bottom{font-size:11px;color:#7b8d69;gap:18px}
.hero-bottom>span:last-child{font-size:10px}
.hero-plant{width:245px;height:245px;right:28px;bottom:13px;opacity:.36;color:#bdcda2;stroke-width:1.3}
.hero .pill{font-size:11px;color:#648050;background:#dce8c9;padding:7px 12px}
.shift-card{display:grid;grid-template-columns:168px minmax(100px,1fr) 160px;grid-template-rows:auto 8px auto;column-gap:28px;row-gap:8px;padding:18px 26px;border-radius:12px;background:#f9faf3;border-color:#e8ebdf}
.shift-card .card-heading{grid-column:1;grid-row:1;font-size:11px;color:#829175}
.shift-card .card-heading svg{width:15px;height:15px}
.shift-card .card-heading .muted{font-size:10px}
.shift-card .countdown{grid-column:1;grid-row:2/4;font-size:27px;margin:0;letter-spacing:.5px;align-self:center;font-weight:500;color:#6b805c}
.shift-card .progress-line{grid-column:2;grid-row:1;margin:0;font-size:10px;align-self:end}
.shift-card progress{grid-column:2;grid-row:2;align-self:center;height:4px}
.shift-card .shift-summary{grid-column:2;grid-row:3;margin:0;font-size:10px}
.shift-card .primary-button{grid-column:3;grid-row:1/4;align-self:center;padding:12px 15px;font-size:12px;background:#466448}
.dashboard-lower{grid-template-columns:1.6fr 1fr;margin-top:24px;gap:20px}
.finance-card{background:#fffef9;border-color:#e8eadd}
.finance-card .money-grid strong{font-size:21px;font-weight:500;color:#536b4b}
.net-row strong{font-size:25px;font-weight:550;color:#5f7b4e}
.fish-card{background:#fcfaf3;border-color:#e8e7d9}
.fish-time{font-size:27px;letter-spacing:1.5px;margin-top:21px;color:#99815e}
.fish-card .card-heading{font-size:11px}
.fish-button{background:#f4ead7;border-color:#e6d6b6;color:#a08964}
.fish-symbol{font-size:22px;opacity:.65}
.quick-card,.goal-card,.purchase-card{border-color:#e8eadd}
.goal-card{background:#fafbf5}
.goal-card h2,.quick-card h2,.purchase-card h2{font-weight:550}
.card-heading,.section-top h2{color:#506549}
.sidebar-note{opacity:.82}
@media(max-width:1100px){
  .hero{padding:28px 28px 23px;min-height:306px}
  .hero-value strong{font-size:clamp(64px,8.7vw,96px)}
  .hero-value strong.long-value{font-size:clamp(38px,5.8vw,64px)}
  .hero-plant{width:210px;height:210px;right:17px}
  .shift-card{grid-template-columns:152px minmax(100px,1fr) 138px;column-gap:20px;padding:18px 22px}
  .shift-card .countdown{font-size:25px}
  .dashboard-lower{grid-template-columns:1.45fr 1fr;gap:16px}
}
@media(max-width:830px){
  .hero{min-height:290px;padding:25px}
  .hero-value strong{font-size:clamp(62px,9vw,80px)}
  .hero-value>span{font-size:30px}
  .hero-plant{width:182px;height:182px;opacity:.28;right:12px}
  .shift-card{grid-template-columns:136px minmax(80px,1fr) 125px;column-gap:16px;padding:17px 19px}
  .shift-card .countdown{font-size:24px}
  .shift-card .primary-button{padding:12px;font-size:11px}
  .finance-card .money-grid strong{font-size:18px}
}
@media(max-width:640px){
  .hero{min-height:276px;padding:23px}
  .hero-value strong{font-size:clamp(45px,10.5vw,67px);letter-spacing:-2px}
  .hero-value strong.long-value{font-size:32px}
  .hero-value>span{font-size:24px}
  .hero-description{font-size:12px;max-width:100%;margin-bottom:24px}
  .hero-bottom{row-gap:8px;font-size:10px;margin-top:0}
  .hero-bottom>span:last-child{font-size:9px}
  .shift-card{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:10px 18px;padding:18px}
  .shift-card .card-heading{grid-column:1;grid-row:1}
  .shift-card .countdown{grid-column:1;grid-row:2}
  .shift-card .primary-button{grid-column:2;grid-row:1/3}
  .shift-card .progress-line{display:none}
  .shift-card progress{grid-column:1/3;grid-row:3}
  .shift-card .shift-summary{grid-column:1/3;grid-row:4;font-size:9px}
  .dashboard-lower{grid-template-columns:1fr;margin-top:18px}
  .finance-card .money-grid strong{font-size:21px}
}
.hero.uncovered{background:#f3e9d8;border-color:#e9d9bf}
.hero.uncovered .hero-value strong{color:#755534}
.hero.uncovered .hero-value>span{color:#a08155}
.hero.uncovered select{background:#fff8ed;border-color:#e2cfad;color:#8b6b42}
.hero.uncovered .hero-description,.hero.uncovered .hero-bottom{color:#a18a67}
.hero.uncovered .hero-plant{color:#dfc8a0}
.hero.uncovered .pill{background:#ebdfc6;color:#9d855d}
.mini-mode.net-uncovered{background:#f3e9d8}
.mini-mode.net-uncovered #mini-amount{color:#755534}
#show-summary{grid-column:3;grid-row:4;text-align:center;margin-top:1px}
dialog{max-height:calc(100vh - 24px);overflow-y:auto}
.duration-options{display:flex;gap:10px}
.duration-options label{flex:1;position:relative;margin:0}
.duration-options input{position:absolute;opacity:0}
.duration-options span{padding:12px 9px;text-align:center;border:1px solid #e0e3d3;border-radius:9px;background:#f7f8f0;color:#8d997a}
.duration-options input:checked+span{background:#e3ecd7;border-color:#abc08f;color:#567447}
.duration-options input:focus-visible+span{outline:2px solid #dc9b64;outline-offset:3px}
#break-list-dialog{width:520px}
#summary-dialog{width:495px;background:#fbfcf5}
#summary-title{font-size:23px;font-weight:600}
.summary-earned{background:#e7efda;padding:23px;border-radius:14px;margin:22px 0}
.summary-earned span{display:block;font-size:11px;color:#80946c;margin-bottom:10px}
.summary-earned strong{display:block;font-size:42px;font-weight:600;color:#436138;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.summary-details{display:grid;gap:16px;font-size:12px}
.summary-details>div{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#8c9980}
.summary-details b{color:#667e54;font-weight:500;font-variant-numeric:tabular-nums}
.summary-details .summary-net{border-top:1px dashed #dfe7d1;padding-top:17px;font-size:14px}
.summary-net b{font-size:23px}
#summary-dialog>.primary-button{margin-top:22px}
.money-grid small{font-size:11px;color:#8b967d}
.fish-card .fine-print{font-size:10px;color:#9a9d88}
.settings-card .fine-print,.list-card .fine-print{color:#89977b}

/* Approved visual direction: warm cream, tangerine earnings, mint accents, desk cat. */
body{background:#faf6ee;color:#293932;background-image:radial-gradient(ellipse at 95% 0%,#e3f1e760,transparent 60%)}
.app-shell{display:block}
.sidebar{position:static;width:100%;padding:25px 34px 16px;background:transparent;border:0;flex-direction:row;align-items:center;gap:26px;max-width:1260px;margin:auto}
.brand{font-size:25px;gap:12px;white-space:nowrap;letter-spacing:1px}
.brand-mark{background:#58ae7d;color:#fff;width:42px;height:44px;border-radius:12px}
.brand small{font-size:8px;letter-spacing:1.4px;color:#9ba994;margin-top:5px}
.nav-caption,.sidebar-note,.local-indicator{display:none}
nav{display:flex;gap:10px;margin-left:auto}
.nav-item{font-size:13px;padding:11px 17px;gap:9px;color:#7b8b72;border-radius:24px}
.nav-item.active{background:#deefe1;color:#37684d;box-shadow:none}
.nav-item>span{display:none}
.nav-item svg{width:18px;height:18px}
.sidebar-demo{margin:0;font-size:10px!important;color:#a0aa93}
main{width:100%;max-width:1260px;margin:0 auto;padding:15px 34px 24px}
.page-header{margin-bottom:15px}
.page-header h1{font-size:19px;font-weight:500;letter-spacing:.4px;margin-top:6px;color:#75866c}
.eyebrow{color:#a0aa94}
.notice{background:#f0efe4;color:#9b9e86;font-size:10px;margin-bottom:16px}
.notice.demo{background:#f9ecd9;color:#b0956d}
.card{background:#fffdf7;border:1px solid #ede7dc;border-radius:20px;box-shadow:0 3px 10px #74644c04}
.hero{background:#fffcf6;min-height:325px;border-color:#eae5d9;padding:27px 34px 26px;box-shadow:0 5px 20px #a18e6f09}
.hero select{background:transparent;border:0;color:#33463c;font-size:20px;font-weight:650;padding:0 22px 0 0;border-radius:0}
.hero-value{margin-top:23px;gap:9px;max-width:75%}
.hero-value strong{font-size:clamp(72px,8.8vw,112px);color:#ef7b2e;letter-spacing:-4px;font-weight:650}
.hero-value>span{color:#ef7b2e;font-size:42px;font-weight:600}
.hero-description{color:#9ba183;font-size:12px;max-width:64%;margin-top:14px;margin-bottom:29px}
.hero-art{position:absolute;width:315px;height:232px;right:27px;bottom:42px;pointer-events:none}
.hero-bottom{color:#a3aa92}
.hero .pill{background:#e4f2e3;color:#71966b;font-size:10px}
.hero.uncovered{background:#fff7e9;border-color:#efdfc6}
.hero.uncovered .hero-value strong,.hero.uncovered .hero-value>span{color:#d68639}
.hero.uncovered select{background:transparent;border:0;color:#7e6642}
.hero.uncovered .hero-description{color:#a58f6d}
.hero.uncovered .hero-bottom{color:#afa084}
.hero.uncovered .pill{background:#f4e8ce;color:#ab966f}
.shift-card{background:#f7f7ee;border-color:#eaeadd;border-radius:13px}
.shift-card .primary-button{background:#5d9f75;border-radius:22px}
.countdown{color:#44634b!important}
progress::-webkit-progress-value{background:#6cbb8f}
.dashboard-lower{gap:18px;margin-top:20px}
.finance-card .money-grid strong{color:#64785a}
.finance-card .net-row strong{color:#dc8a43}
.fish-card{background:#eaf5e9;border-color:#deedda}
.fish-time{color:#4a7a57;font-weight:550}
.fish-card .card-heading{color:#65916c}
.fish-subtitle{color:#91ac83}
.fish-button{background:#6ab487;color:#fff;border-color:#6ab487;border-radius:22px;font-weight:500}
.fish-button:hover{background:#5ca77b}
.efficiency{border-color:#c9dfbf}
.efficiency b{color:#658a60}
.fish-card .fine-print{color:#90a985}
.goal-card{background:#fdfbf3}
.goal-icon{background:#f9ecd2;color:#d6a15d}
.goal-card progress::-webkit-progress-value{background:#dfad6b}
.quick-expenses span{background:#f7f0e2;color:#b6a07b}
.quiet-button,.icon-button{background:#fffdf6;border-color:#e7e7d9;color:#8c9b7d;border-radius:20px}
.primary-button{background:#559c70;border-radius:12px}
.primary-button:hover{background:#46885f}
.purchase-card>strong{color:#c89455}
.summary-earned{background:#e9f4e3}
.summary-earned strong{color:#e78337}
.mini-mode{background:#fff9ee}
.mini-mode.net-uncovered{background:#fff3e0}
#mini-amount{color:#ee8638;font-weight:650}
.mini-mode.net-uncovered #mini-amount{color:#cf8b45}
.mini-panel .primary-button{border-radius:18px}
.mini-top>span{color:#4d7a58}
@media(max-width:1100px){
  .sidebar{gap:18px;padding:22px 26px 12px}
  main{margin:0 auto;width:100%;padding:15px 26px 24px}
  .hero-art{width:275px;right:16px;bottom:35px}
  .hero-value strong{font-size:clamp(65px,8.6vw,98px)}
  .hero-value strong.long-value{font-size:clamp(42px,5.8vw,64px)}
  .nav-item{padding:10px 12px;font-size:12px}
  .brand{font-size:23px}
}
@media(max-width:830px){
  .sidebar{width:100%;position:static;padding:20px 22px 10px;gap:12px;flex-wrap:wrap}
  .brand>span:last-child{display:inline-block}
  .brand{font-size:21px}
  .brand-mark{width:36px;height:39px}
  .nav-item{font-size:11px;padding:10px;gap:7px}
  nav{margin-left:auto;gap:4px;margin-top:0}
  .sidebar-demo{display:block;font-size:9px!important}
  main{width:100%;margin:0 auto;padding:14px 22px 22px}
  .hero-art{width:215px;height:190px;right:4px;bottom:47px;opacity:.82}
  .hero-value strong{font-size:70px}
  .hero-value>span{font-size:30px}
  .hero-description{max-width:65%;font-size:11px}
  .hero select{font-size:18px}
}
@media(max-width:640px){
  .sidebar-demo{display:none}
  .sidebar{padding:20px 18px 12px}
  .brand{font-size:20px}
  nav{gap:3px;width:100%;justify-content:space-between}
  .nav-item{font-size:11px;padding:9px 12px}
  main{padding:12px 18px 20px}
  .hero-art{width:165px;opacity:.46;right:-9px;bottom:50px}
  .hero-value{max-width:100%}
  .hero-value strong{font-size:clamp(49px,10vw,65px);letter-spacing:-2px}
  .hero-description{max-width:100%}
  .hero-bottom{position:relative;z-index:1}
}
/* Keep small supporting copy readable, with strong contrast on actionable controls. */
.hero-value strong,.hero-value>span{color:#df6a1d}
.hero.uncovered .hero-value strong,.hero.uncovered .hero-value>span{color:#bd7834}
.hero-description{color:#7c876b}
.hero.uncovered .hero-description{color:#8b775a}
.hero-bottom,.hero-bottom>span:last-child{color:#7f8b73}
.fine-print,.fish-card .fine-print{color:#6d7a62}
.summary-details>div{color:#6e7d61}
.summary-details b{color:#526d44}
.summary-earned strong{color:#df6a1d}
.summary-earned span{color:#6a8159}
.primary-button,.shift-card .primary-button,.fish-button{background:#3c8057;border-color:#3c8057;color:#fff}
.primary-button:hover,.shift-card .primary-button:hover,.fish-button:hover{background:#33714b}
#mini-amount{color:#df6a1d}
.mini-mode.net-uncovered #mini-amount{color:#bd7834}
.money-grid small,.fish-subtitle,.muted{color:#77866a}
.reminder-setting{background:#f1f6e9;border-radius:13px;padding:18px 20px;margin:0 0 24px}
.reminder-setting legend{font-size:12px;padding:8px 3px;color:#739065;margin-bottom:0}
.reminder-setting .checkbox-label{margin:3px 0 10px;font-size:13px}
.reminder-setting .fine-print{font-size:10px;margin-top:0;line-height:1.8}
#reminder-dialog{text-align:center;width:475px;padding:26px 29px 29px;background:#fffaf0}
.reminder-art{background:#eaf3df;border-radius:50%;width:150px;height:150px;display:grid;place-items:center;margin:0 auto 23px}
.reminder-art img{width:184px;height:142px;transform:translateX(-5px)}
#reminder-dialog .eyebrow{color:#a4ae90;font-size:10px}
#reminder-dialog h2{font-size:25px;color:#526b42;line-height:1.5;margin-top:12px}
#reminder-dialog p{font-size:12px;color:#899577;line-height:1.8;margin:13px 0}
#reminder-dialog>small{font-size:9px;color:#a1ab92}
#reminder-dialog .primary-button{margin-top:26px}
#calendar-dialog{width:460px}
.calendar-header{display:flex;justify-content:space-between;align-items:center;margin:7px 0 20px}
.calendar-header strong{font-size:17px;font-weight:550;color:#66805a}
.calendar-header button{width:31px;height:31px;font-size:22px;padding:0;background:#f2f5e9}
.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.calendar-weekdays{text-align:center;font-size:10px;color:#9fa88f;margin-bottom:9px}
.calendar-day{min-height:47px;padding:7px 2px 5px;border:1px solid transparent;border-radius:9px;background:#f7f7ef;color:#8a957c;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
.calendar-day small{font-size:8px;line-height:1.2}
.calendar-day span{font-size:12px}
.calendar-day.empty{padding:7px 2px 5px;opacity:1;color:#b8beab;background:transparent;cursor:default}
.calendar-day.ontime{background:#e0f0df;color:#48744c;border-color:#c3ddbf}
.calendar-day.late{background:#fbe7df;color:#a45b4c;border-color:#efcfc3}
.calendar-day.early{background:#eee9e0;color:#8b7a65;border-color:#dfd6c6}
.calendar-day.working{background:#f4f4e9;color:#969a72;border-color:#e6e5d0}
.calendar-legend{display:flex;gap:13px;flex-wrap:wrap;font-size:9px;color:#9a9e88;margin:18px 0 0}
.calendar-legend .on-time{color:#739d70}.calendar-legend .late{color:#bb7b69}.calendar-legend .early{color:#a2947b}
#calendar-detail-dialog{width:470px}
.calendar-detail-stats{display:grid;gap:15px;margin:24px 0}
.calendar-detail-stats>div{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#879778}
.calendar-detail-stats b{color:#5c784c;font-weight:500;font-variant-numeric:tabular-nums}
.net-uncovered{background-color:#fbf0eb;background-image:radial-gradient(ellipse at 95% 0%,#f0d5cc55,transparent 65%)}
.hero.uncovered{background:#fff1eb;border-color:#e8c2b6;box-shadow:0 5px 20px #af5e4a08}
.hero.uncovered .hero-value strong,.hero.uncovered .hero-value>span{color:#b94037}
.hero.uncovered select{color:#964c41}
.hero.uncovered .hero-description{color:#915f50}
.hero.uncovered .pill{background:#f4dcd5;color:#a5695c}
.net-uncovered .page-header h1{color:#987267}
.net-uncovered .nav-item.active{background:#f2e0d6;color:#956a5c}
.hero.uncovered .hero-art{filter:sepia(.1) saturate(.85);opacity:.9}
.mini-mode.net-uncovered{background:#fff0e8}
.mini-mode.net-uncovered #mini-amount{color:#b94037}
.tray-extras{display:none}
.tray-detail-mode .tray-extras{display:block;margin-top:16px}
.tray-breakdown{border-top:1px dashed #dddcc9;padding-top:14px;display:grid;gap:10px}
.tray-breakdown>div{display:flex;justify-content:space-between;color:#929c80;font-size:11px}
.tray-breakdown b{font-variant-numeric:tabular-nums;font-weight:500;color:#6f855b}
#tray-expense{display:block;width:100%;margin-top:18px;text-align:center;background:#f6eddd;border:1px solid #e8d8bb;border-radius:19px;color:#ad8b5e;padding:10px;font-size:12px}
.tray-detail-mode .mini-panel{padding:18px 22px 20px;overflow-y:auto}
.tray-detail-mode #mini-amount{font-size:45px;margin-top:16px}
.tray-detail-mode #mini-countdown{line-height:1.7;font-size:11px}
.tray-detail-mode .mini-actions{margin-top:14px}
#collapse-to-tray{font-size:11px}

/* Layout follows the approved desktop mock: two hero cards, three supporting cards. */
.sidebar{padding:20px 30px 12px}
main{padding:8px 30px 22px}
.page-header{margin-bottom:11px;align-items:center}
.page-header h1{font-size:13px;margin-top:5px;color:#9ba48c}
.page-header .eyebrow{font-size:9px}
.header-actions button{padding:8px 11px;font-size:10px}
.header-actions svg{width:15px;height:15px}
.notice{padding:7px 11px;margin-bottom:14px;font-size:9px}
.overview-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:16px}
.hero{min-height:260px;padding:24px 25px 21px;border-radius:23px}
.hero select{font-size:20px}
.hero-value{margin:25px 0 8px;max-width:100%;gap:7px}
.hero-value strong{font-size:clamp(51px,5.6vw,76px);letter-spacing:-2.5px}
.hero-value strong.long-value{font-size:46px;letter-spacing:-1.5px}
.hero-value>span{font-size:32px}
.hero-art{width:210px;height:172px;right:4px;bottom:39px}
.hero-description{font-size:11px;max-width:71%;margin:9px 0 24px;line-height:1.7}
.hero-bottom{font-size:9px;gap:7px}
.hero-bottom>span:last-child{font-size:8px}
.hero .pill{font-size:9px;padding:5px 8px}
.shift-card{display:block;min-height:260px;padding:25px 26px 20px;background:#fffdf7;border-color:#ede7dc;border-radius:23px;position:relative}
.shift-card .card-heading{font-size:16px;color:#546d4a;gap:15px}
.shift-card .card-heading svg{width:19px;height:19px}
.shift-card .countdown{font-size:42px;letter-spacing:.5px;margin:24px 0 21px;color:#2e5142!important;font-weight:600}
.shift-card .progress-line{display:flex;font-size:10px;margin-bottom:9px}
.shift-card progress{height:8px;margin-bottom:11px}
.shift-card .shift-summary{font-size:10px;line-height:1.5;margin:0}
.shift-card .primary-button{display:block;width:auto;min-width:145px;padding:9px 15px;margin:15px 0 0 auto;font-size:11px;border-radius:22px}
#show-summary{display:block;text-align:right;margin-top:8px}
.dashboard-lower{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:15px;margin-top:15px;align-items:stretch}
.main-column,.side-column{display:contents}
.finance-card{grid-column:1/4;grid-row:1;padding:15px 20px;display:grid;grid-template-columns:140px 1fr 190px;align-items:center;gap:18px;border-radius:17px;background:#fafbf3}
.finance-card .section-top{display:block}
.finance-card .section-top .eyebrow{display:none}
.finance-card h2{font-size:12px;margin-bottom:9px}
.finance-card .segmented{display:inline-flex}
.finance-card .money-grid{margin:0;gap:12px}
.finance-card .money-grid strong{font-size:20px;margin-top:8px}
.finance-card .money-grid small{font-size:10px}
.finance-card .net-row{display:block;border:0;border-left:1px solid #e2e6d6;padding:0 0 0 20px;font-size:10px}
.finance-card .net-row strong{display:block;font-size:27px;margin-top:7px}
.finance-card>.fine-print{display:none}
.quick-card{grid-column:1;grid-row:2;padding:21px 20px;display:flex;flex-direction:column;gap:0}
.quick-card h2,.fixed-overview-card h2{font-size:16px;white-space:nowrap}
.quick-card h2 strong,.fixed-overview-card h2 strong{font-size:19px;color:#df7024;font-weight:600;margin-left:6px;letter-spacing:-.4px}
.quick-expenses{grid-template-columns:repeat(6,1fr);gap:5px;margin:17px 0 15px}
.quick-expenses span{width:30px;height:29px;border-radius:9px;font-size:17px}
.quick-expenses button{font-size:8px;gap:6px}
.quick-card .section-top .text-button{font-size:9px}
.expense-preview{font-size:9px;padding-top:10px;margin-top:auto;border:0}
.overview-cost-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #efede2;font-size:12px;color:#7e8c71}
.overview-cost-row b{font-size:13px;color:#52664b;font-weight:500;font-variant-numeric:tabular-nums}
.overview-cost-row:last-child{border-bottom:0}
.fixed-overview-card{grid-column:2;grid-row:2;padding:21px 20px}
.fixed-overview-card h2 svg{vertical-align:-3px;margin-right:5px;width:19px;height:19px;color:#5c9d71}
.fixed-overview-card .section-top{margin-bottom:13px}
.fixed-overview-card>.fine-print{margin-top:15px;font-size:9px;color:#a2ab92}
.fixed-overview-card .section-top .text-button{font-size:9px}
.fish-card{grid-column:3;grid-row:2;padding:21px 22px 17px;border-radius:23px}
.fish-time{font-size:29px;margin-top:16px}
.fish-subtitle{font-size:9px;margin:7px 0 15px}
.fish-button{padding:9px}
.efficiency{margin-top:15px;padding-top:12px;gap:10px}
.efficiency>div{font-size:9px}
.efficiency b{font-size:11px}
.fish-card .fine-print{font-size:9px;line-height:1.6;margin-top:10px}
.goal-card{grid-column:1/3;grid-row:3;padding:21px 22px;align-items:center}
.goal-icon{width:51px;height:54px;background:#f9edd4;border-radius:15px}
.goal-icon svg{width:27px;height:27px}
.goal-card h2{font-size:16px}
.purchase-card{grid-column:3;grid-row:3;padding:19px 22px}
.purchase-card .eyebrow{font-size:9px}
.purchase-card h2{font-size:13px;margin:5px 0 12px}
.purchase-card .input-currency{padding:8px 11px;margin-bottom:10px}
.purchase-card .input-currency input{font-size:14px}
.purchase-card p{margin:10px 0 5px;font-size:9px}
.purchase-card>strong{font-size:17px}
.purchase-card>small{font-size:8px;margin-top:9px}
footer{padding-top:16px}
@media(max-width:1000px){
  .sidebar{padding:19px 23px 11px;gap:15px}main{padding:8px 23px 20px}
  .hero{padding:23px;min-height:254px}.hero-value strong{font-size:57px}.hero-art{width:170px;right:-5px;opacity:.85}
  .hero-description{max-width:80%;font-size:10px}.hero select{font-size:18px}.hero-top .pill{font-size:8px}
  .shift-card{padding:24px 22px 19px}.shift-card .countdown{font-size:35px}.shift-card .card-heading{font-size:14px}
  .finance-card{grid-template-columns:120px 1fr 160px;gap:12px;padding:15px 18px}.finance-card .money-grid strong{font-size:17px}.finance-card .net-row strong{font-size:23px}
  .quick-card,.fixed-overview-card{padding:19px 15px}.quick-card h2,.fixed-overview-card h2{font-size:14px}.quick-card h2 strong,.fixed-overview-card h2 strong{font-size:16px;margin-left:3px}
  .quick-expenses{grid-template-columns:repeat(3,1fr);row-gap:9px}.fixed-overview-card h2 svg{display:none}
}
@media(max-width:760px){
  .overview-grid{grid-template-columns:1.2fr 1fr;gap:12px}.hero-value strong{font-size:49px}.hero-art{width:140px;opacity:.5}.hero-description{max-width:100%}.hero-value>span{font-size:25px}
  .hero-bottom>span:last-child{display:none}.shift-card .countdown{font-size:28px}.shift-card .card-heading{font-size:12px}.shift-card{padding:23px 18px}
  .dashboard-lower{grid-template-columns:1fr 1fr;gap:12px}.finance-card{grid-column:1/3;grid-template-columns:90px 1fr;gap:14px}.finance-card .net-row{grid-column:1/3;display:flex;justify-content:space-between;border:0;border-top:1px solid #e5e8db;padding:12px 0 0}.finance-card .net-row strong{margin:0;font-size:22px}
  .quick-card{grid-column:1}.fixed-overview-card{grid-column:2}.fish-card{grid-column:1;grid-row:3}.goal-card{grid-column:2;grid-row:3;display:block}.goal-icon{margin-bottom:16px}.purchase-card{grid-column:1/3;grid-row:4}
}
.sidebar{padding-top:16px;padding-bottom:9px}
.page-header h1{font-size:11px;margin-top:4px}
.hero{min-height:226px;padding:21px 24px 18px}
.hero-value{margin:18px 0 8px}
.hero-value strong{font-size:clamp(51px,5.6vw,72px)}
.hero-art{width:200px;height:155px;bottom:34px}
.hero-description{margin-bottom:19px}
.shift-card{min-height:226px;padding:21px 25px 17px}
.shift-card .countdown{font-size:39px;margin:16px 0 16px}
.shift-card .primary-button{margin-top:11px;padding:8px 14px}
.finance-card{padding-top:13px;padding-bottom:13px}
.quick-card,.fixed-overview-card{padding-top:19px;padding-bottom:17px}
.quick-expenses{margin-top:14px;margin-bottom:11px}
.overview-cost-row{padding-top:10px;padding-bottom:10px}
.fish-card{padding:19px 21px 16px}
.fish-time{font-size:27px;margin-top:12px}
.fish-subtitle{margin:6px 0 12px}
.fish-card>.fine-print{display:none}
.fish-card #effective-rate-note:not(:empty){display:block}
.efficiency{margin-top:13px;padding-top:11px;gap:8px}
.goal-card{padding:18px 22px}
.purchase-card{padding:16px 21px}
.purchase-card>.eyebrow{display:none}
.purchase-card h2{margin-top:0;margin-bottom:9px}
.purchase-card .input-currency{padding:6px 10px;margin-bottom:8px}
.purchase-card p{margin-top:6px;margin-bottom:4px}
.purchase-card>small{margin-top:6px}
#calendar-report{width:100%;justify-content:center;margin-top:17px;font-size:11px;background:#edf4e6}
#monthly-dialog{width:610px;background:#fffaf0;padding:27px}
#monthly-dialog h2{margin-top:6px;font-size:23px}
.report-controls{display:flex;align-items:center;justify-content:space-between;gap:15px}
.report-controls label{display:flex;flex-direction:row;align-items:center;margin:0;font-size:11px}
.report-controls input{width:auto;padding:7px 10px;font-size:12px}
.report-earned{background:#e9f3df;border-radius:15px;padding:22px;margin:20px 0}
.report-earned span{display:block;font-size:11px;color:#849a70}
.report-earned strong{display:block;font-size:43px;color:#df6a1d;margin-top:10px;font-weight:600;font-variant-numeric:tabular-nums}
.report-money{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}
.report-money span{font-size:11px;color:#8a997a}.report-money b{display:block;font-size:27px;color:#6f875a;margin-top:7px;font-weight:550}.report-money small{display:block;font-size:9px;color:#a0a68e;line-height:1.7;margin-top:6px}
.report-hours{display:grid;grid-template-columns:1fr 1fr 1.3fr;border-top:1px dashed #dfe5d1;border-bottom:1px dashed #dfe5d1;padding:17px 0;gap:14px}
.report-hours span{display:block;font-size:10px;color:#8c9a7d}.report-hours b{display:block;font-size:14px;font-weight:500;color:#688153;margin-top:7px;font-variant-numeric:tabular-nums}
.report-attendance{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 13px;font-size:10px}
.report-attendance span{padding:6px 8px;border-radius:6px;background:#eeeade;color:#a08f75}.report-attendance span:first-child{background:#e2efdc;color:#719467}.report-attendance span:nth-child(2){background:#f4e2d9;color:#b27966}
#report-overtime{font-size:12px;color:#859672}
.negative-money{color:#b94037!important}
.attendance-settings{background:#f2f6ea;border-radius:13px;padding:16px 18px;margin:0 0 23px}
.attendance-settings legend{padding:5px 3px;margin:0;color:#799469}
.attendance-settings label{margin-bottom:13px}
#alternating-settings small{font-size:10px;color:#879c76;line-height:1.7}
#alternate-weekdays-field{padding:13px 0 5px}
#expense-scope-note{font-size:10px;line-height:1.8}