@charset "UTF-8";
:root{--bg:#f8f9ff;--paper:#fff;--ink:#24334f;--body:#52617c;--muted:#6d7890;--line:#e4e8f4;--primary:#4c6dc1;--primary-dark:#3655a3;--blue-soft:#edf2ff;--amber:#96631a;--amber-bg:#fff6e5;--red:#b54d43;--red-bg:#fff1ed;--radius:18px;--shadow:0 8px 30px #21294106;font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #9caee6;outline-offset:3px}a{color:inherit;text-decoration:none}svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.35;letter-spacing:-.9px;font-weight:650}h2{font-size:18px;letter-spacing:-.35px;font-weight:650}h3{font-size:15px;font-weight:650}small{font-size:12px}strong{font-weight:650}button{border:0;background:none;color:inherit}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#fdfcff;border-right:1px solid var(--line);padding:32px 20px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 35px}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:23px;font-weight:700;letter-spacing:-2px;flex-shrink:0}.brand-text strong{font-size:18px;letter-spacing:1.3px}.brand-text span{display:block;font-size:11px;letter-spacing:2px;color:var(--muted)}.nav-caption{font-size:10px;letter-spacing:1.8px;color:var(--muted);padding:0 16px;margin:0 0 11px}.nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 15px;color:#646e8d;border-radius:11px;font-weight:500}.nav-item:hover{background:#eaedf6}.nav-item.active{background:#eaf0ff;color:var(--primary-dark);font-weight:650}.nav-item.active:after{content:"";height:5px;width:5px;background:var(--primary);border-radius:50%;margin-left:auto}.nav-secondary{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}.sidebar-foot{margin-top:auto;padding:30px 10px 0;color:var(--muted);font-size:12px}.sidebar-foot .soft-label{display:flex;gap:7px;align-items:center;color:var(--primary);margin-bottom:9px}.status-dot{height:6px;width:6px;background:#b38bc2;border-radius:50%;display:inline-block;flex-shrink:0}.main{grid-column:2;min-width:0}.topbar{height:79px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fdfcff;gap:12px}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.breadcrumb strong{color:var(--body);font-weight:500}.top-actions{display:flex;align-items:center;gap:17px}.date-label{font-size:12px;color:var(--muted)}.profile{display:flex;gap:9px;align-items:center}.avatar{height:33px;width:33px;background:#f7eaf4;color:#946584;border-radius:50%;display:grid;place-items:center;font-size:12px}.profile strong{display:block;font-size:12px}.profile small{display:block;font-size:10px;color:var(--muted)}.icon-button{height:40px;min-width:40px;display:inline-flex;justify-content:center;align-items:center;border-radius:10px;color:var(--muted)}.icon-button:hover{background:#e5e9f5}.demo-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#f4edfc;padding:9px 40px;color:#7e658e;font-size:11px;border-bottom:1px solid #e9def1}.demo-strip strong{font-size:11px}.demo-switch{display:flex;align-items:center;gap:9px}.demo-switch select{height:28px;min-height:28px;border-color:#ded8ec;font-size:11px;padding:2px 25px 2px 8px;border-radius:6px;width:105px;background-color:#fdfaff}.content{padding:31px 40px 48px;max-width:1540px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--primary);margin-bottom:7px;font-weight:650}.subtitle{font-size:12px;color:var(--muted);margin-top:7px}.heading-actions{display:flex;align-items:center;gap:8px}.btn{min-height:44px;padding:10px 18px;border-radius:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;white-space:nowrap;transition:background .15s,transform .15s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 3px 7px #4c6dc112}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{border:1px solid var(--line);background:#fff;color:var(--body)}.btn-secondary:hover{background:#f0f2f9}.btn-soft{background:var(--blue-soft);color:var(--primary)}.btn-danger{background:var(--red);color:#fff}.btn-link{padding:8px 0;min-height:36px;color:var(--primary);font-size:12px}.btn-small{min-height:36px;padding:7px 12px;font-size:12px;border-radius:8px}.full{width:100%}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 19px 15px;position:relative}.stat-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.stat-label svg{height:15px;width:15px;opacity:.7}.stat-value{font-size:25px;letter-spacing:-.8px;font-weight:650;line-height:1.3;margin-top:9px;font-variant-numeric:tabular-nums}.stat-value span{font-size:12px;letter-spacing:0;margin-left:5px;color:var(--muted);font-weight:400}.stat-note{font-size:10px;color:#8991ab;margin-top:5px}.stat-card.accent{background:#fff0f7;border-color:#f2d8e6}.stat-card.accent .stat-value{color:var(--primary-dark)}.money-sign{font-size:.6em!important;margin-right:3px;margin-left:0!important;color:inherit!important}.report-grid{display:grid;grid-template-columns:minmax(0,1fr) 307px;gap:22px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 25px;border-bottom:1px solid #e7eaf5}.card-head p{font-size:11px;color:var(--muted);margin-top:3px}.step-number{width:26px;height:26px;border:1px solid #d9dce4;background:#eef0f8;color:#656f8e;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;margin-right:9px}.card-body{padding:23px 25px}.form-section+.form-section{border-top:1px solid #e7eaf5;padding-top:23px;margin-top:24px}.section-label{font-size:11px;font-weight:600;letter-spacing:.7px;color:var(--muted);margin-bottom:14px}.payment-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:23px}.payment-tab{min-height:65px;display:flex;align-items:center;text-align:left;gap:12px;border:1px solid var(--line);border-radius:11px;padding:11px 14px;color:#6d7797}.payment-tab svg{height:21px;width:21px}.payment-tab strong{font-size:13px;display:block}.payment-tab small{font-size:10px;display:block;color:#858ea9;margin-top:1px}.payment-tab.active{border-color:#8fa7df;background:#f1f5ff;color:var(--primary-dark);box-shadow:0 0 0 1px #8fa7df10 inset}.payment-tab.active .radio-dot{background:var(--primary);border-color:var(--primary)}.radio-dot{width:13px;height:13px;border-radius:50%;border:1px solid #caced9;margin-left:auto;flex-shrink:0}.payment-tab.active .radio-dot:after{content:"";display:block;background:white;height:5px;width:5px;border-radius:50%;margin:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.field{display:block;min-width:0}.field>span,.field>label{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#505871;margin-bottom:7px}.field em{font-style:normal;font-size:10px;color:#969db4;font-weight:400}.field.wide{grid-column:1/-1}input,select,textarea{width:100%;height:44px;min-width:0;border:1px solid #d4daed;border-radius:9px;background:#fafbfd;padding:9px 12px;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s;font-size:13px}select{padding-right:28px}input:focus,select:focus,textarea:focus{border-color:#8fa7df;box-shadow:0 0 0 3px #8fa7df20;background:#fff}input::placeholder,textarea::placeholder{color:#a1a8bc;font-size:12px}input[readonly]{color:#7e88a4;background:#eef0f8}textarea{height:76px;resize:vertical}input[type=checkbox]{height:16px;width:16px;padding:0;accent-color:var(--primary)}.input-unit{position:relative}.input-unit input{padding-right:44px}.input-unit b{position:absolute;right:13px;top:12px;color:#939bb3;font-size:12px;font-weight:400;pointer-events:none}.field-hint{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.chip{padding:4px 11px;min-height:29px;border:1px solid #dbe0f0;border-radius:7px;font-size:11px;color:#747e9c}.chip:hover,.chip.selected{border-color:#bfd0f4;background:#fff1f8;color:var(--primary)}.optional-details{border-top:1px solid #e7eaf5;margin-top:25px;padding-top:17px}.optional-details summary{cursor:pointer;font-size:12px;color:#717c9b;display:flex;align-items:center;gap:8px;min-height:30px}.optional-details[open] summary{margin-bottom:15px}.optional-details summary svg{width:14px;height:14px}.readonly-value{height:44px;display:flex;align-items:center;font-size:13px;gap:7px}.readonly-value .avatar{width:25px;height:25px;font-size:10px}.summary-card{position:sticky;top:20px;overflow:hidden}.summary-top{padding:24px 24px 22px;background:#fff1f8;border-bottom:1px solid #f3dce9}.summary-top .eyebrow{color:#a46c91;font-size:9px}.summary-top h2{font-size:13px;font-weight:500;color:#88617c}.quote-total{font-size:42px;line-height:1.3;font-weight:650;letter-spacing:-1.7px;margin-top:8px;font-variant-numeric:tabular-nums;color:#9a4b75}.quote-total .money-sign{font-size:23px!important;margin-right:5px}.quote-description{font-size:10px;color:#9c8395;margin-top:4px}.summary-body{padding:22px 24px}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:13px;color:#737e94}.summary-row strong{color:#4b5774;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.summary-row.total{border-top:1px dashed #d6d9e2;padding-top:16px;margin-top:19px;color:#5a6480}.summary-row.total strong{font-weight:650;color:var(--primary)}.summary-submit{padding:0 24px 22px}.summary-submit .btn{height:48px}.summary-foot{text-align:center;margin-top:10px;font-size:10px;color:#9098b1}.balance-box{background:#eff1f8;border:1px solid #d4dbee;border-radius:10px;padding:12px 14px;margin-top:13px}.balance-box.negative{background:var(--amber-bg);border-color:#efdbb7}.balance-box .summary-row{font-size:11px;margin-bottom:7px}.balance-box .summary-row:last-child{margin:0}.negative-text{color:var(--red)!important}.negative-hint{font-size:11px;color:var(--amber);margin-top:9px;line-height:1.6}.report-note{font-size:10px;color:#828ba6;display:flex;gap:8px;line-height:1.8;padding:17px 8px}.report-note svg{width:15px;height:15px;margin-top:1px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 1px 14px}.section-heading h2{font-size:15px}.section-heading span{color:var(--muted);font-size:11px}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}th{color:#858ea9;font-size:10px;background:#f9fafd;font-weight:500;padding:13px 18px;border-bottom:1px solid var(--line)}td{padding:16px 18px;border-bottom:1px solid #e5e9f5;color:#57607b}tr:last-child td{border-bottom:0}td.primary{color:var(--ink);font-weight:500}td small{display:block;color:#8c95ae;font-size:10px;margin-top:3px}td.amount{font-variant-numeric:tabular-nums;font-weight:600;color:#323e62}.row-action{color:var(--primary);min-height:36px;font-size:11px;padding:7px 0}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:5px;font-size:10px;font-weight:500;white-space:nowrap}.badge.green{background:#edf2ff;color:#526fba}.badge.amber{background:#fff4de;color:#b08b3a}.badge.gray{background:#e8ecf6;color:#8890aa}.badge.red{background:var(--red-bg);color:var(--red)}.filterbar{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}.filterbar .field{width:155px}.filterbar .field>span{font-size:10px;margin-bottom:5px}.filterbar input,.filterbar select{height:40px;font-size:12px}.filterbar .search-field{flex:1;min-width:160px}.filterbar .btn{align-self:flex-end;height:40px;min-height:40px}.date-input{width:160px;height:42px;background:#fff}.empty{text-align:center;padding:48px 24px;color:#8891ab}.empty svg{width:30px;height:30px;margin:0 auto 13px;color:#aab0c2}.empty h3{color:#616b89;margin-bottom:5px;font-size:14px}.empty p{font-size:12px;line-height:1.8}.empty .btn{margin-top:17px}.callout{display:flex;align-items:flex-start;gap:10px;background:var(--blue-soft);color:#5d6683;border:1px solid #d8dbe3;padding:13px 15px;border-radius:10px;font-size:12px;line-height:1.7;margin-bottom:18px}.callout.amber{background:var(--amber-bg);color:var(--amber);border-color:#f0ddba}.callout svg{width:16px;height:16px;margin-top:3px}.customer-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.searchbox{max-width:360px;position:relative;flex:1}.searchbox svg{position:absolute;left:13px;top:12px;color:#929ab2;width:17px;height:17px}.searchbox input{padding-left:39px;background:#fff}.customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.customer-card{padding:23px;position:relative}.customer-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.customer-avatar{width:36px;height:36px;background:#e3e7f4;display:grid;place-items:center;font-size:13px;border-radius:10px;color:#76809d}.customer-code{font-size:10px;color:#8991ab;letter-spacing:.5px}.customer-card h3{font-size:16px;margin-top:14px;overflow-wrap:anywhere}.customer-card .balance-label{font-size:10px;color:#8f97af;margin-top:18px}.balance-number{font-size:29px;font-weight:600;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.customer-note{font-size:11px;color:#939bb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:18px;margin-top:6px}.customer-card .card-actions{display:flex;gap:10px;margin-top:19px;padding-top:16px;border-top:1px solid #e3e7f4}.card-actions .btn{flex:1;font-size:11px;min-height:37px}.customer-count{font-size:12px;color:var(--muted)}.daily-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.daily-list{padding:10px 25px}.daily-list .summary-row{padding:12px 0;border-bottom:1px solid #e3e7f4;margin:0}.daily-list .summary-row:last-child{border:0}.daily-list .summary-row strong{font-size:15px}.scope-note{font-size:10px;color:#858ea9;padding:15px 25px;border-top:1px solid #e3e7f4;line-height:1.8}.daily-bar{display:flex;gap:2px;overflow:hidden;height:9px;border-radius:8px;background:#e5e9f5;margin:18px 0}.daily-bar i{display:block;background:#9bafd9;min-width:2px}.daily-bar i:nth-child(even){background:#d6b0d1}.category-lines{padding:0 25px 10px}.category-line{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:12px 0;border-bottom:1px solid #e3e7f4}.category-line:last-child{border:0}.category-line small{font-size:10px;color:#8991ab;margin-left:6px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;align-items:start}.settings-stack{display:grid;gap:22px}.settings-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 23px;border-bottom:1px solid #e5e9f5}.settings-item:last-child{border:0}.settings-item h3{font-size:13px}.settings-item p{font-size:11px;color:#8d95ae;margin-top:4px}.settings-item .item-right{display:flex;align-items:center;gap:12px}.settings-foot{font-size:11px;color:#8890aa;padding:13px 23px;border-top:1px solid #e3e7f4;line-height:1.7}.form-error{background:var(--red-bg);color:var(--red);padding:11px 13px;border-radius:8px;font-size:12px;line-height:1.7;margin-top:14px;overflow-wrap:anywhere}.form-error:empty{display:none}.modal-overlay{position:fixed;inset:0;background:#1e253a50;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#fff;border:1px solid #d9deef;border-radius:21px;box-shadow:0 20px 80px #14192728;width:100%;max-width:470px;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden}.modal.wide{max-width:620px}.modal-head{padding:24px 26px 18px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.modal-head .eyebrow{font-size:9px}.modal-head h2{font-size:22px}.modal-body{padding:0 26px 24px;overflow:auto;min-height:0}.modal-body .form-grid{gap:17px}.modal-foot{padding:16px 26px 22px;border-top:1px solid #e3e7f4;display:flex;gap:10px;justify-content:flex-end;background:#f9fafd}.modal-foot .btn{flex:1}.confirm-total{padding:22px;background:#eaedf7;border-radius:12px;text-align:center;margin-bottom:19px}.confirm-total small{color:#818aa5;font-size:11px}.confirm-total strong{display:block;font-size:36px;letter-spacing:-1px;font-weight:650;color:#9c4b77}.detail-list .summary-row{border-bottom:1px solid #e5e9f4;padding:11px 0;margin:0;color:#828ba6}.detail-list .summary-row strong{max-width:65%;text-align:right;overflow-wrap:anywhere}.detail-list .summary-row:last-child{border:0}.confirm-warning{border:1px solid #ecd6ab;background:#fff5e1;border-radius:10px;padding:13px;margin-top:17px;color:var(--amber);font-size:12px}.check-row{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.8;margin-top:13px;color:#8c723c;cursor:pointer}.check-row input{margin-top:3px;flex-shrink:0}.ledger-intro{display:flex;justify-content:space-between;align-items:center;border-radius:12px;background:#eaedf7;padding:16px 18px;margin-bottom:13px}.ledger-intro small{font-size:11px;color:#8089a5}.ledger-intro strong{display:block;font-size:25px;letter-spacing:-.8px}.ledger-entry{padding:14px 0;border-bottom:1px solid #e3e7f4;display:flex;gap:12px;align-items:flex-start}.ledger-dot{height:29px;width:29px;border-radius:50%;display:grid;place-items:center;font-size:14px;background:#e8ebf5;color:#6d7797;margin-top:3px;flex-shrink:0}.ledger-entry>div:nth-child(2){flex:1;min-width:0}.ledger-entry h3{font-size:12px}.ledger-entry p{font-size:10px;color:#8e96af;margin-top:4px;overflow-wrap:anywhere}.ledger-entry .ledger-amount{text-align:right;font-size:13px;font-weight:600;white-space:nowrap}.ledger-entry .ledger-amount small{display:block;color:#959cb3;font-size:10px;font-weight:400}.mobile-nav{display:none}.auth-screen{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#fdfcff}.auth-art{padding:65px;display:flex;flex-direction:column;justify-content:space-between;background:#f1f3ff;border-right:1px solid #e2e8fc;position:relative;overflow:hidden}.auth-art:after{content:"";position:absolute;width:360px;height:360px;border:1px solid #f0d7e9;border-radius:50%;right:-170px;bottom:80px}.auth-art .brand{padding:0}.auth-copy{margin:80px 0;position:relative;z-index:1}.auth-copy h1{font-size:44px;line-height:1.5;letter-spacing:-2px;font-weight:600;color:#405d9f}.auth-copy p{color:#8089a5;margin-top:22px;font-size:13px;line-height:2}.auth-foot{font-size:11px;color:#8890aa}.auth-panel{display:flex;align-items:center;justify-content:center;padding:45px}.auth-card{width:100%;max-width:350px}.auth-card .eyebrow{margin-bottom:15px}.auth-card h2{font-size:27px}.auth-card .subtitle{line-height:1.9;margin:9px 0 27px}.auth-card .field{margin-bottom:18px}.auth-card .btn{margin-top:10px;height:47px}.auth-mode{margin-top:25px;text-align:center;font-size:10px;color:#9ca3b8}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-size:13px;color:var(--muted)}#toast{position:fixed;bottom:29px;left:50%;transform:translate(-50%,14px);padding:12px 22px;background:#314e84;color:#fff;max-width:calc(100% - 32px);font-size:12px;border-radius:10px;box-shadow:0 8px 30px #21294120;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:200;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-only{display:none}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.text-small{font-size:11px}.inline-add{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.inline-add .btn-link{font-size:10px;min-height:25px;padding:0}.filter-count{padding:12px 22px;color:#8891ab;font-size:10px;border-top:1px solid #e3e7f4}.mobile-order-list{display:none}.auth-loading{margin-top:12px}.row-actions{display:flex;gap:15px;flex-wrap:wrap}.row-actions .btn-link{font-size:11px}.text-wrap{white-space:normal;overflow-wrap:anywhere}.date-pill{font-size:11px;color:#8089a5;display:flex;align-items:center;gap:7px}.date-pill svg{width:14px;height:14px}.success-icon{height:45px;width:45px;border-radius:50%;background:#f1f4ff;color:var(--primary);display:grid;place-items:center;margin-bottom:17px}.success-icon svg{width:22px;height:22px}.service-label{font-size:11px;color:#858ea8;margin-top:9px}.category-total{padding:18px 25px 0;font-size:22px;font-weight:600}.settings-inline-actions{display:flex;gap:11px}.summary-loading{opacity:.45}.report-inline-date{max-width:165px}.report-success{border:1px solid #cdd9f2;background:#f4f1ff;padding:14px 18px;border-radius:12px;margin-bottom:19px;display:flex;gap:10px;align-items:flex-start;color:#536fb2;font-size:12px;line-height:1.8}.report-success svg{height:18px;width:18px;margin-top:2px}.report-success strong{font-weight:650}.danger-link{color:var(--red)}
@media(min-width:1600px){.content{padding-top:40px}.report-grid{grid-template-columns:minmax(0,1fr) 340px}.sidebar{width:240px}.shell{grid-template-columns:240px minmax(0,1fr)}.report-grid .card-body{padding:28px 30px}.form-grid{gap:22px}.form-section+.form-section{padding-top:28px;margin-top:28px}}
@media(max-width:1190px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{width:190px;padding-left:14px;padding-right:14px}.brand{padding-left:8px;gap:9px}.brand-text strong{font-size:16px}.content{padding:27px 26px 40px}.topbar{padding:0 26px}.demo-strip{padding:9px 26px}.report-grid{grid-template-columns:minmax(0,1fr) 265px;gap:17px}.card-head{padding:20px}.card-body{padding:20px}.summary-body,.summary-top{padding:22px 20px}.summary-submit{padding:0 20px 20px}.stat-card{padding:15px}.stat-value{font-size:23px}.stats{gap:10px}.form-grid{gap:16px}.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-main{grid-template-columns:minmax(0,1fr) 270px;gap:17px}.date-label{display:none}.settings-grid{grid-template-columns:1fr}.settings-stack{grid-template-columns:1fr 1fr;align-items:start}.auth-art{padding:45px}}
@media(max-width:980px){.report-grid{grid-template-columns:1fr}.summary-card{position:static}.summary-top{padding:19px 22px}.quote-total{font-size:36px}.summary-body{padding:18px 22px}.summary-submit{padding:0 22px 20px}.summary-card .summary-body{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.summary-card .balance-box{grid-column:1/-1}.summary-card .summary-row.total{margin:0;padding:0;border:0}.summary-card .summary-row{margin-bottom:11px}.summary-card .quote-description{margin-top:1px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-note{display:none}.stat-card{padding:14px 17px}.stat-value{margin-top:7px}.daily-main{grid-template-columns:1fr}.daily-side{display:grid;grid-template-columns:1fr 1fr;gap:18px}.daily-side .card{margin:0!important}.auth-art{padding:35px}.auth-copy h1{font-size:35px}.settings-stack{grid-template-columns:1fr 1fr}.heading-actions .btn{font-size:12px;padding:10px 13px}}
@media(max-width:760px){.shell{display:block}.sidebar{display:none}.main{display:block}.topbar{height:64px;padding:0 20px}.breadcrumb{font-size:12px}.breadcrumb svg,.breadcrumb>span{display:none}.breadcrumb strong{font-size:14px;color:#333f64}.breadcrumb:before{content:"M";display:inline-grid;place-items:center;height:28px;width:28px;background:var(--primary);color:white;border-radius:8px;font-size:17px;font-weight:700;margin-right:1px}.profile .avatar{height:29px;width:29px}.profile strong{font-size:11px}.profile small{font-size:9px}.top-actions{gap:7px}.content{padding:24px 18px 105px}.demo-strip{padding:8px 19px;gap:5px;font-size:9px}.demo-strip strong{font-size:9px}.demo-strip span.demo-description{max-width:200px;line-height:1.7}.demo-switch{gap:7px}.demo-switch label{display:none}.demo-switch select{width:88px;font-size:10px;padding-left:7px}.page-heading{align-items:flex-start;margin-bottom:20px;gap:10px}h1{font-size:27px}.eyebrow{font-size:9px;margin-bottom:5px}.subtitle{font-size:11px;line-height:1.8;max-width:240px}.heading-actions{align-self:center}.heading-actions .btn span{display:none}.heading-actions .btn{padding:10px 12px;min-width:42px}.heading-actions .date-input{width:137px;font-size:11px;height:40px}.date-pill{font-size:10px}.stats{gap:10px;margin-bottom:20px}.stat-card{padding:13px 15px;border-radius:12px}.stat-label{font-size:10px}.stat-label svg{height:13px;width:13px}.stat-value{font-size:24px;margin-top:8px}.stat-value span{font-size:10px}.report-grid{gap:17px}.card-head{padding:19px 20px}.card-head h2{font-size:16px}.card-head p{font-size:10px}.card-body{padding:19px}.payment-tabs{gap:9px;margin-bottom:21px}.payment-tab{padding:12px;gap:9px;min-height:62px}.payment-tab svg{height:19px;width:19px}.payment-tab strong{font-size:12px}.payment-tab small{font-size:9px}.radio-dot{width:12px;height:12px}.payment-tab.active .radio-dot:after{margin:3px;width:4px;height:4px}.form-grid{gap:17px 13px}.field>span,.field>label{font-size:11px}.field em{font-size:9px}.section-label{font-size:10px}.form-section+.form-section{margin-top:21px;padding-top:20px}.optional-details{margin-top:20px}.summary-top{padding:20px}.summary-top h2{font-size:12px}.quote-total{font-size:38px}.summary-body{padding:19px 20px!important}.summary-submit{padding:0 20px 20px}.summary-card .summary-body{display:block}.summary-card .summary-row.total{border-top:1px dashed #d6d9e2;padding-top:16px;margin-top:15px}.summary-row{font-size:11px}.summary-foot{font-size:9px}.report-note{font-size:9px;padding:12px 5px}.section-heading{margin-top:25px}.section-heading h2{font-size:14px}.section-heading span{font-size:10px}.report-recent-table{display:none}.mobile-order-list{display:block}.mobile-order{padding:17px 19px;border-bottom:1px solid #e3e7f4;display:flex;justify-content:space-between;gap:15px;cursor:pointer}.mobile-order:last-child{border:0}.mobile-order h3{font-size:12px}.mobile-order p{font-size:10px;color:#8d95ae;margin-top:5px}.mobile-order strong{font-size:14px;font-weight:600}.mobile-order>div:last-child{text-align:right}.mobile-order .badge{margin-top:5px}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:30;padding:10px 8px calc(9px + env(safe-area-inset-bottom));background:#fdfbffee;backdrop-filter:blur(15px);border-top:1px solid #d6dcee;box-shadow:0 -3px 20px #1d243903}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;color:#959db4;font-size:10px;min-height:45px;justify-content:center}.mobile-nav a svg{height:21px;width:21px}.mobile-nav a.active{color:var(--primary);font-weight:650}.mobile-only{display:initial}.desktop-only{display:none!important}.filterbar{padding:16px;gap:12px}.filterbar .field{width:calc(50% - 6px)}.filterbar .search-field{min-width:0;flex:1 1 calc(100% - 68px);width:auto}.filterbar .btn{width:52px;padding:8px}.filterbar .btn span{display:none}th{padding:12px 15px}td{padding:14px 15px}.customer-tools{gap:10px;align-items:center}.customer-tools .btn{padding:9px 12px;font-size:11px}.customer-tools .btn svg{width:16px;height:16px}.customer-tools .searchbox{min-width:0}.searchbox input{font-size:12px}.customer-count{font-size:10px}.customer-grid{grid-template-columns:1fr}.customer-card{padding:20px}.customer-card h3{margin-top:9px}.customer-avatar{width:32px;height:32px;font-size:12px}.balance-number{font-size:29px}.customer-card .balance-label{margin-top:12px}.customer-card .card-actions{margin-top:14px}.customer-card .card-actions .btn{min-height:40px}.customer-note{margin-top:4px}.daily-side{display:block}.daily-side .card{margin-bottom:17px!important}.daily-main{gap:17px}.daily-list{padding:7px 20px}.daily-list .summary-row strong{font-size:14px}.scope-note{padding:14px 20px;font-size:9px}.daily-bar{margin:15px 0}.category-lines{padding:0 20px 10px}.category-total{padding:17px 20px 0}.settings-stack{grid-template-columns:1fr}.settings-item{padding:16px 20px}.settings-item p{font-size:10px}.settings-item .item-right{gap:10px}.settings-foot{font-size:10px;padding:13px 20px}.modal-overlay{padding:16px}.modal{border-radius:17px;max-height:calc(100dvh - 32px)}.modal-head{padding:21px 21px 15px}.modal-head h2{font-size:20px}.modal-body{padding:0 21px 22px}.modal-foot{padding:15px 21px 19px}.modal-body .form-grid{gap:16px 12px}.modal-head .icon-button{height:32px;min-width:32px;margin-right:-5px;margin-top:-5px}.confirm-total{padding:18px}.confirm-total strong{font-size:33px}.detail-list .summary-row{font-size:11px}.detail-list .summary-row strong{font-size:12px}.ledger-entry{gap:9px}.ledger-entry .ledger-amount{font-size:12px}.ledger-entry p{font-size:9px}.ledger-entry .ledger-amount small{font-size:9px}.auth-screen{display:block;padding:30px 24px}.auth-art{background:none;border:0;padding:0;display:block}.auth-art .brand{padding:0}.auth-art .brand-mark{height:34px;width:34px;font-size:22px}.auth-copy,.auth-foot,.auth-art:after{display:none}.auth-panel{padding:56px 0 30px}.auth-card{max-width:360px}.auth-card h2{font-size:28px}.auth-mode{margin-top:30px}#toast{bottom:96px;font-size:11px}.callout{font-size:11px;padding:12px 13px}.row-actions{gap:12px}.report-inline-date{max-width:none}.report-success{padding:13px 15px;font-size:11px}.customer-card .customer-code{position:absolute;right:20px;top:23px}}
.mobile-submit-bar{display:none}
@media(max-width:760px){.report-mode .content{padding-bottom:180px}.report-mode .stats .stat-card:nth-child(n+3){display:none}.report-mode .stats{margin-bottom:17px}.report-mode .stats .stat-card{padding:11px 14px}.report-mode .stats .stat-value{font-size:22px;margin-top:5px}.report-mode .payment-tab small{display:none}.report-mode .payment-tab strong{white-space:nowrap}.report-mode .payment-tab{min-height:51px}.report-mode .page-heading{margin-bottom:16px}.mobile-submit-bar{display:flex;position:fixed;left:0;right:0;bottom:calc(73px + env(safe-area-inset-bottom));z-index:29;background:#fdfafff5;backdrop-filter:blur(12px);padding:12px 19px;border-top:1px solid #e8dfef;box-shadow:0 -5px 20px #1e253906;align-items:center;justify-content:space-between;gap:15px}.mobile-submit-bar small{display:block;color:#868fa9;font-size:10px}.mobile-submit-bar strong{display:block;font-size:23px;font-weight:650;letter-spacing:-.7px;color:#9c4b77;font-variant-numeric:tabular-nums}.mobile-submit-bar .btn{min-height:44px;min-width:157px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Blue / pink brand accents. Amounts and neutral surfaces retain clear contrast. */
.stat-card.accent .stat-value{color:#9a4b75}
.customer-avatar{background:#f9eaf4;color:#9b587f}
.sync-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 40px;background:#fff;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);min-height:45px}
.sync-bar>div{display:flex;gap:13px;align-items:center;flex-wrap:wrap;min-width:0}.sync-scope{color:#657495}.sync-refresh{font-size:11px;padding:5px 8px;min-height:30px;flex-shrink:0}.sync-error{color:var(--red)}.sync-wait{color:#95672a}
@media(max-width:760px){.sync-bar{padding:8px 19px;gap:8px;font-size:10px}.sync-bar>div{display:grid;gap:2px}.sync-refresh{font-size:10px;min-height:38px}.sync-scope{font-size:9px}}
.companion-field-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;min-height:19px;font-size:12px;color:#54617f}
.companion-field-heading label{cursor:pointer}
.companion-create-button{min-height:28px;margin:-5px 0;padding:4px 0;font-size:11px;line-height:20px;white-space:nowrap;color:var(--primary);border-radius:5px}
.companion-create-button:hover{color:var(--primary-dark);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.companion-field-heading{font-size:11px}.companion-create-button{font-size:10px}}

/* Customer records are shared by cash and prepaid orders. */
.customer-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:19px;margin-bottom:7px;font-size:12px}
.customer-picker-heading label{cursor:pointer}
.customer-create-button{min-height:28px;margin:-5px 0;padding:4px 0;font-size:11px;line-height:20px;border-radius:5px;white-space:nowrap}
.customer-create-button:hover{text-decoration:underline;text-underline-offset:3px}
#selected-customer-history[hidden]{display:none}
.customer-actions{flex-wrap:wrap;gap:8px}
.customer-actions .btn{min-width:0;flex:1 1 auto;padding-left:12px;padding-right:12px}
.customer-card h3,.customer-note{overflow-wrap:anywhere}
.customer-opening-details{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}
.customer-opening-details summary{min-height:36px;display:flex;align-items:center;color:var(--muted);font-size:12px;cursor:pointer}
.customer-opening-details summary:before{content:'＋';margin-right:7px;color:var(--primary)}
.customer-opening-details[open] summary{margin-bottom:13px}
.customer-opening-details[open] summary:before{content:'−'}
.customer-history-intro{display:flex;align-items:center;gap:12px;margin:3px 0 20px}
.customer-history-intro h3{font-size:17px;overflow-wrap:anywhere}
.customer-history-intro p{font-size:11px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}
.customer-history-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.customer-history-stats>div{padding:17px 19px;border:1px solid var(--line);border-radius:12px;background:#f8faff;min-width:0}
.customer-history-stats>div:last-child{background:#fff1f8;border-color:#f3dce9}
.customer-history-stats small{display:block;font-size:11px;color:var(--muted)}
.customer-history-stats strong{display:block;font-size:24px;color:var(--primary-dark);font-variant-numeric:tabular-nums;margin-top:5px;overflow-wrap:anywhere}
.customer-history-stats>div:last-child strong{color:#9a4b75}
.customer-history-stats em{font-size:12px;font-style:normal;font-weight:400}
.customer-history-payments{display:flex;flex-wrap:wrap;gap:8px 20px;margin:14px 0;color:var(--body);font-size:12px;font-variant-numeric:tabular-nums}
.customer-history-range{padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:3px}
.customer-history-order{padding:18px 0;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}
.customer-history-order:last-child{border-bottom:0;padding-bottom:0}
.customer-history-order-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}
.customer-history-order-head>div:first-child{min-width:0}
.customer-history-order h3{font-size:14px}
.customer-history-order p{color:var(--muted);font-size:11px;margin-top:5px}
.customer-history-order-amount{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}
.customer-history-order-amount strong{font-size:16px;font-variant-numeric:tabular-nums}
.customer-history-order-number{font-variant-numeric:tabular-nums;word-break:break-all}
@media(max-width:760px){.customer-picker-heading{font-size:11px}.customer-create-button{font-size:11px}.customer-actions .btn{padding-left:10px;padding-right:10px}.customer-history-stats{gap:9px}.customer-history-stats>div{padding:13px}.customer-history-stats strong{font-size:21px}.customer-history-order h3{font-size:12px}.customer-history-order p{font-size:10px}.customer-history-order-amount strong{font-size:14px}.customer-history-intro p{font-size:10px}}

/* Game / service-category configuration */
.category-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;min-height:19px;font-size:12px;color:var(--body)}
.category-picker-heading label{cursor:pointer}
.category-create-button{min-height:28px;margin:-5px 0;padding:4px 0;font-size:11px;line-height:20px;white-space:nowrap;border-radius:5px}
.category-create-button:hover{text-decoration:underline;text-underline-offset:3px}
.category-game-group+.category-game-group{border-top:1px solid var(--line)}
.category-game-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 25px;background:#f8faff}
.category-game-head h3{color:var(--primary-dark);font-size:14px;overflow-wrap:anywhere}
.category-game-head>span{color:var(--muted);font-size:10px;white-space:nowrap}
.category-service-item h3{overflow-wrap:anywhere}
.category-modal-note{margin-top:16px}
@media(max-width:760px){.category-picker-heading{font-size:11px}.category-create-button{font-size:10px}.category-game-head{padding:14px 20px}.category-game-head h3{font-size:12px}}

/* Dispatch records flow into staff payroll without a second daily entry. */
.workspace-switch{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:29px;max-width:820px}
.workspace-switch>a{display:flex;align-items:center;gap:13px;min-height:72px;padding:14px 18px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--muted);min-width:0}
.workspace-switch>a.active{background:#eef3ff;border-color:#c6d4f5;color:var(--primary-dark)}
.workspace-switch>a[href="#payroll"].active{background:#fff0f8;border-color:#efcfdf;color:#965074}
.workspace-number{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:10px;background:#f2f5fc;font-size:11px;font-weight:650;color:#7088b4}
.workspace-switch>a.active .workspace-number{background:#dfe8fc;color:var(--primary-dark)}
.workspace-switch>a[href="#payroll"].active .workspace-number{background:#f5ddea;color:#965074}
.workspace-switch strong,.workspace-switch small{display:block;overflow-wrap:anywhere}
.workspace-switch strong{font-size:13px;letter-spacing:.1px}.workspace-switch small{margin-top:3px;font-size:10px;opacity:.8}
.workspace-flow{color:#aab7d3}.workspace-flow svg{width:19px;height:19px}.payroll-nav-caption{margin-top:24px}
.payroll-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 23px}
.payroll-view-tabs{display:flex;gap:4px;background:#eaf0fb;padding:5px;border-radius:11px}
.payroll-view-tabs button{min-height:39px;padding:8px 23px;border-radius:8px;font-size:12px;color:#71809d;white-space:nowrap}
.payroll-view-tabs button.active{background:#fff;box-shadow:0 2px 7px #273e7a0b;color:var(--primary-dark);font-weight:650}
.payroll-period{display:flex;align-items:center;gap:10px;margin-left:auto;color:var(--muted);font-size:11px}
.payroll-period input{background:#fff;border:1px solid var(--line);border-radius:9px;min-height:43px;padding:8px 12px;width:166px;color:var(--ink)}
.payroll-rules-line{display:flex;gap:10px 24px;flex-wrap:wrap;padding:15px 20px;border:1px solid var(--line);background:#fff;border-radius:12px;font-size:11px;color:var(--muted)}
.payroll-rules-line b{font-weight:550;color:var(--body);margin-left:5px;font-variant-numeric:tabular-nums}
.payroll-auto-note{display:flex;align-items:flex-start;gap:8px;color:#7789ab;font-size:11px;line-height:1.9;margin:15px 0 24px;padding:0 3px}
.payroll-auto-note svg{width:15px;height:15px;margin-top:3px;color:#6b87bc}
.payroll-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;align-items:start}
.payroll-cards>.empty,.payroll-cards>.payroll-loading{grid-column:1/-1}
.payroll-loading{padding:45px;text-align:center;color:var(--muted);font-size:12px}
.payroll-staff-card{min-width:0;overflow:hidden}
.payroll-staff-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:24px 24px 21px;border-bottom:1px solid var(--line)}
.payroll-staff-identity{display:flex;align-items:center;gap:10px;min-width:0}
.payroll-staff-identity>div{min-width:0}.payroll-staff-identity .avatar{height:35px;width:35px;flex-shrink:0}
.payroll-staff-identity h3{font-size:14px;overflow-wrap:anywhere;line-height:1.7}
.payroll-staff-identity p{font-size:10px;color:var(--muted);margin-top:4px}
.payroll-staff-identity .badge{font-size:9px;font-weight:400;white-space:nowrap}
.payroll-staff-total{text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}
.payroll-staff-total small{display:block;font-size:10px;color:var(--muted)}
.payroll-staff-total strong{display:block;font-size:25px;letter-spacing:-.8px;color:#a45480;margin-top:4px;line-height:1.3}
.payroll-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:20px 24px}
.payroll-metric{min-width:0}.payroll-metric small{display:block;color:var(--muted);font-size:10px}
.payroll-metric strong{display:block;font-size:14px;margin-top:5px;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.payroll-component-list{display:grid;gap:9px;padding:0 24px 22px;color:var(--muted);font-size:11px}
.payroll-component-list>span{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;line-height:1.8}
.payroll-component-list b{font-weight:550;color:var(--body);font-variant-numeric:tabular-nums}
.payroll-component-list small{font-size:9px;color:#8f99b0;margin-left:auto}
.payroll-component-list.monthly{border-top:1px dashed #e5e8f3;margin:0 24px;padding:17px 0}
.payroll-row-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 24px;border-top:1px solid var(--line);background:#fafbff}
.payroll-row-footer .row-actions{gap:15px}.payroll-row-footer .row-actions button{min-height:30px}
.payroll-row-note{padding:0 24px 17px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.payroll-review-note{padding:0 24px 14px;background:#fafbff;color:#98a0b4;font-size:9px;overflow-wrap:anywhere}
.payroll-bottom-note{margin-top:19px;font-size:11px;line-height:1.9;color:var(--muted)}
.payroll-next{display:flex;align-items:center;justify-content:flex-end;gap:19px;padding-top:24px;color:var(--muted);font-size:11px}
.payroll-next button{min-height:40px}
.payroll-modal-intro{margin:6px 0 20px;line-height:1.9}.payroll-modal-intro:last-child{margin:20px 0 0}
.payroll-modal-person{display:flex;align-items:center;gap:12px;margin:0 0 22px}
.payroll-modal-person h3{font-size:16px;overflow-wrap:anywhere}.payroll-modal-person p{font-size:11px;color:var(--muted);margin-top:4px}
.payroll-check{display:flex;align-items:flex-start;gap:12px;padding:15px 17px;background:#f5f8ff;border:1px solid #e4eaf8;border-radius:10px;margin-bottom:12px;cursor:pointer}
.payroll-check input{margin-top:5px;width:16px;height:16px;flex-shrink:0;accent-color:var(--primary)}
.payroll-check strong{font-size:12px}.payroll-check small{display:block;font-size:10px;color:var(--muted);margin-top:4px;line-height:1.8}
.payroll-adjust-fields{margin-top:23px}
.payroll-day-detail{padding:17px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--body)}
.payroll-day-detail:last-child{border-bottom:0}.payroll-day-detail header{display:flex;align-items:center;gap:15px;margin-bottom:9px}
.payroll-day-detail header strong{font-size:12px}.payroll-day-detail header b{margin-left:auto;font-size:15px;color:#9e5079;font-variant-numeric:tabular-nums}
.payroll-day-detail>div{display:flex;gap:7px 18px;flex-wrap:wrap;color:var(--muted)}
.payroll-day-detail>p{margin-top:7px;color:var(--muted);font-size:10px;line-height:1.9}
.payroll-pending-note{margin:0 24px 18px;padding:12px 14px;border-radius:9px;background:#fff6e8;border:1px solid #f2dfbd;color:#946d35;font-size:11px;line-height:1.9}
.payroll-pending-note>span,.payroll-pending-note>small{display:block}.payroll-pending-note>button{margin-top:4px;min-height:30px;font-size:11px}
.payroll-day-confirmation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px}
.payroll-day-confirmation button{font-size:10px;min-height:30px}
@media(max-width:760px){.payroll-pending-note{margin:0 19px 16px;font-size:10px;padding:11px 12px}.payroll-pending-note>button{font-size:10px}.payroll-day-confirmation .badge{font-size:9px}.payroll-day-confirmation button{min-height:35px}}
@media(max-width:1190px){.payroll-cards{grid-template-columns:1fr}.payroll-toolbar{gap:13px}.payroll-staff-head{padding:23px}.payroll-row-footer{padding:15px 23px}}
@media(max-width:760px){.mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.workspace-switch{gap:7px;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);margin-bottom:24px}.workspace-switch>a{padding:10px 12px;min-height:65px;gap:8px;border-radius:11px}.workspace-number{height:25px;width:25px;border-radius:8px;font-size:9px}.workspace-switch strong{font-size:11px}.workspace-switch small{font-size:8px;line-height:1.7}.workspace-flow svg{width:13px;height:13px}.payroll-toolbar{gap:12px;margin-bottom:18px}.payroll-view-tabs{width:100%;padding:4px}.payroll-view-tabs button{flex:1;padding:8px 12px;min-height:41px}.payroll-period{margin-left:0;flex:1;justify-content:space-between;min-width:0}.payroll-period input{width:151px;max-width:100%;min-height:43px;font-size:12px}.payroll-rules-line{padding:13px 15px;gap:7px 16px;font-size:10px}.payroll-rules-line b{margin-left:3px}.payroll-auto-note{font-size:10px;margin-top:13px;margin-bottom:19px;line-height:1.9}.payroll-staff-head{padding:20px 19px;gap:8px}.payroll-staff-identity{gap:8px}.payroll-staff-identity .avatar{height:31px;width:31px;font-size:11px}.payroll-staff-identity h3{font-size:12px}.payroll-staff-identity p{font-size:9px}.payroll-staff-total small{font-size:9px}.payroll-staff-total strong{font-size:22px}.payroll-metrics{padding:18px 19px;gap:8px}.payroll-metric small{font-size:9px}.payroll-metric strong{font-size:12px}.payroll-component-list{padding:0 19px 20px;font-size:10px;gap:9px}.payroll-component-list.monthly{margin:0 19px;padding:16px 0}.payroll-row-footer{padding:12px 19px;gap:7px}.payroll-row-footer .row-actions{gap:12px}.payroll-row-footer .row-actions button{font-size:10px;min-height:36px}.payroll-cards{gap:17px}.payroll-row-note{padding:0 19px 16px;font-size:10px}.payroll-review-note{padding:0 19px 12px}.payroll-bottom-note{font-size:10px}.payroll-check{padding:13px}.payroll-day-detail header{gap:10px}.payroll-day-detail>div{font-size:10px;gap:5px 12px}.payroll-next{gap:12px;font-size:10px}}