@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');

:root{--ink:#1a302f;--ink-2:#405452;--muted:#8b9b97;--line:#e8eeea;--line-strong:#dce5df;--canvas:#f6f8f5;--paper:#fff;--pine:#1e534a;--pine-dark:#183f39;--sage:#dcebe3;--sage-2:#edf5ef;--mint:#a4c9b1;--coral:#e38a70;--coral-light:#fff0e9;--gold:#d1a04a;--blue:#7fa5ba;--lilac:#aa9aca;--radius:16px;--shadow:0 10px 28px rgba(32,64,52,.045);font-family:'DM Sans','Noto Sans SC',sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}.hidden{display:none!important}body{margin:0;background:var(--canvas);font-size:13px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(108,163,130,.25);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}
.app-shell{min-height:100vh}.app-shell.auth-locked{visibility:hidden}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#102a2b;color:#dbe9e3;display:flex;flex-direction:column;padding:25px 15px 14px;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 27px}.brand strong{display:block;color:#fff;font-size:15px;letter-spacing:.04em;font-weight:700}.brand small{display:block;margin-top:2px;color:#84a39a;font:700 9px 'DM Sans',sans-serif;letter-spacing:.19em}.brand-mark{width:34px;height:34px;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:7px;border:1px solid #426d60;border-radius:11px;transform:rotate(-8deg)}.brand-mark span{display:block;width:5px;background:#96c5a6;border-radius:6px 6px 2px 2px;transform:skew(-14deg)}.brand-mark span:first-child{height:12px}.brand-mark span:last-child{height:20px}.workspace-switcher{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #2e4a48;background:#193737;border-radius:12px;margin:0 2px 23px}.workspace-switcher>div:nth-child(2){flex:1;min-width:0}.workspace-switcher span:not(.chevron){display:block;font-size:10px;color:#87a49b}.workspace-switcher strong{display:block;margin-top:2px;color:#f3f8f4;font-size:11px;font-weight:600;white-space:nowrap}.chevron{font-size:15px;color:#98aaa4}.side-nav{overflow-y:auto;scrollbar-width:none;flex:1}.side-nav::-webkit-scrollbar{display:none}.nav-caption{margin:20px 11px 7px;color:#75918a;font-size:9px;letter-spacing:.1em;font-weight:700}.nav-item{width:100%;height:41px;display:flex;align-items:center;gap:11px;margin:2px 0;padding:0 12px;border:0;border-radius:9px;background:transparent;color:#a8beb6;text-align:left;font-size:12px;transition:.18s}.nav-item:hover{background:#1a3c39;color:#fff}.nav-item.active{color:#fff;background:#275246;box-shadow:inset 3px 0 0 #9fcaad}.nav-icon{width:17px;text-align:center;color:#9ab9a9;font-size:16px}.nav-count{margin-left:auto;padding:2px 7px;border-radius:8px;background:#315e4d;color:#d9f1de;font-size:9px}.nav-count.warm{background:#664d3e;color:#ffd5be}.sidebar-bottom{margin-top:12px}.insight-note{display:flex;gap:10px;padding:12px 11px;background:#193838;border:1px solid #2a4947;border-radius:11px}.note-icon{color:#e8bd75;font-size:17px}.insight-note strong{font-size:10px;color:#e4eee8}.insight-note p{margin:4px 0 0;color:#95aaa1;font-size:10px;line-height:1.6}.sidebar-footer{display:flex;align-items:center;gap:7px;padding:16px 7px 2px;color:#719088;font-size:9px}.sidebar-footer span:last-child{margin-left:auto}.status-dot,.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#70ba8c}.main-shell{min-height:100vh;margin-left:245px}.topbar{height:72px;position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 35px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.breadcrumb{display:flex;gap:10px;align-items:center;color:#9aa8a2;font-size:11px}.breadcrumb i{font-style:normal;color:#ced7d1}.breadcrumb strong{color:#526762;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:18px}.global-search{height:35px;width:220px;display:flex;align-items:center;gap:8px;border:1px solid #e7ece8;background:#f8faf8;border-radius:9px;padding:0 10px;color:#97a7a1}.global-search span{font-size:19px}.global-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px}.global-search input::placeholder{color:#a7b2ad}.icon-button{position:relative;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;color:#69807a;font-size:16px}.notification b{position:absolute;width:6px;height:6px;right:7px;top:6px;border-radius:50%;background:var(--coral);border:1px solid white}.profile-button{display:flex;align-items:center;gap:9px;padding:0;border:0;background:transparent;text-align:left}.profile-copy strong,.profile-copy small{display:block}.profile-copy strong{font-size:11px}.profile-copy small{margin-top:2px;color:#94a39d;font-size:9px}.avatar{width:31px;height:31px;display:inline-grid;place-items:center;flex:none;border-radius:50%;background:#dae9dc;color:#3f6d55;font-size:11px;font-weight:700}.avatar-sm{width:31px;height:31px}.avatar-md{width:38px;height:38px;font-size:13px}.avatar-lg{width:48px;height:48px;font-size:16px}.avatar-xs{width:21px;height:21px;margin-right:4px;font-size:8px;vertical-align:middle}.a1{background:#e2eee1;color:#4e795c}.a2{background:#f4e5da;color:#9e6a4f}.a3{background:#e6e2f0;color:#746493}.a4{background:#e5ece9;color:#627a70}.green-bg{background:#e0efe3!important;color:#4d7959!important}.peach-bg{background:#fae9df!important;color:#a4684e!important}.lilac-bg{background:#ece7f6!important;color:#75669a!important}.blue-bg{background:#e3eef3!important;color:#5e8395!important}.coral-bg{background:#ffebe5!important;color:#be715a!important}.mint-bg{background:#e3f0e6!important;color:#4f795d!important}.main-shell .content{max-width:1570px;margin:0 auto;padding:31px 35px 48px}.page-view{display:none;animation:fadeIn .25s ease}.page-view.active{display:block}@keyframes fadeIn{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}.page-heading{margin-bottom:25px}.heading-with-actions{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.eyebrow{margin:0 0 7px;color:#95a49d;font-size:10px;letter-spacing:.06em}.page-heading h1{margin:0;color:#203835;font:700 25px/1.25 'Manrope','Noto Sans SC',sans-serif;letter-spacing:-.04em}.wave{display:inline-block;color:#d9a86d;font-size:17px;transform:rotate(14deg)}.heading-subtitle{margin:8px 0 0;color:#889892;font-size:11px}.heading-actions{display:flex;align-items:center;gap:9px}.button{height:37px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid transparent;border-radius:9px;font-size:10px;font-weight:600;transition:.18s}.button-primary{background:var(--pine);color:#fff;box-shadow:0 4px 10px rgba(30,83,74,.12)}.button-primary:hover{background:#28665a;transform:translateY(-1px)}.button-secondary{background:#fff;border-color:var(--line);color:#59706a}.button-secondary:hover{border-color:#b6cbc0;background:#fbfdfb}.button-light{background:#fff;color:var(--pine);border-color:rgba(255,255,255,.6)}.text-button{padding:0;border:0;background:transparent;color:#69837a;font-size:10px;font-weight:600}.text-button span{margin-left:4px}.panel{background:var(--paper);border:1px solid #eaf0eb;border-radius:var(--radius);box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{margin:0;color:#263f3b;font-size:13px;font-weight:700}.panel-heading p{margin:5px 0 0;color:#9aa8a2;font-size:9px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.stat-card{position:relative;min-height:140px;overflow:hidden;padding:17px 17px 14px;background:#fff;border:1px solid #e9efea;border-radius:15px;box-shadow:var(--shadow)}.stat-primary{background:#1c5147;border-color:#1c5147;color:#fff}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#84958e;font-size:10px}.stat-primary .stat-top{color:#b5d0c2}.stat-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#edf4ef;color:#528064;font-weight:700;font-size:12px}.stat-icon.coral{color:#d3785d;background:#fff1eb}.stat-icon.mint{color:#4c8762;background:#e9f4eb}.stat-icon.lilac{color:#826ca2;background:#f0edf6}.stat-value{margin-top:12px;font:700 23px 'Manrope','DM Sans',sans-serif;letter-spacing:-.05em;color:#27423c}.stat-primary .stat-value{color:#fff}.stat-unit{font-size:13px;letter-spacing:0;color:#81938b}.stat-primary .stat-unit{color:#bad1c5}.stat-footer{display:flex;align-items:center;gap:7px;margin-top:7px;color:#a1ada8;font-size:9px}.trend{font-size:9px;font-weight:700}.trend.up{color:#4d9b67}.trend.down{color:#d78a69}.stat-primary .trend.up{color:#b6e2c2}.sparkline{height:36px;position:absolute;bottom:10px;right:15px;left:54%;display:flex;align-items:flex-end;gap:5px;opacity:.9}.sparkline i{flex:1;min-width:4px;border-radius:5px 5px 0 0;background:rgba(175,220,190,.55)}.progress-track{height:4px;margin-top:15px;border-radius:5px;background:#eff3f0}.progress-track span{height:100%;display:block;border-radius:5px;background:#e6a17f}.progress-label{display:block;margin-top:7px;color:#a3afaa;font-size:8px}.avatar-stack{display:flex;align-items:center;margin-top:12px}.avatar-stack .avatar{border:2px solid #fff;margin-right:-6px}.avatar-stack small{margin-left:12px;color:#9aa8a2;font-size:8px}.mini-breakdown{display:flex;gap:12px;margin-top:12px;color:#a0ada8;font-size:8px}.mini-breakdown span{display:flex;align-items:center;gap:4px}.mini-breakdown b{color:#667a73;font-weight:600}.dot-green{background:#74b487}.dot-orange{background:#e8a07b}.dot-grey{background:#b7c2bc}
.dashboard-grid{display:grid;gap:15px;margin-bottom:15px}.top-grid{grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr)}.bottom-grid{grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr)}.revenue-panel,.activity-panel,.table-panel,.quick-panel{padding:18px}.revenue-panel{min-height:276px}.range-switch{display:flex;padding:3px;border-radius:8px;background:#f3f6f3}.range-switch button{height:23px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#91a098;font-size:9px}.range-switch button.active{background:#fff;color:#315b4d;box-shadow:0 1px 3px #dfe7e1}.legend{display:flex;align-items:center;gap:16px;margin-top:17px;color:#87958e;font-size:9px}.legend-dot{width:7px;height:7px;display:inline-block;margin-right:5px;border-radius:50%}.legend-dot.green{background:#5f9e72}.legend-dot.peach{background:#e9a07e}.legend strong{margin-left:auto;color:#2f4e42;font-size:15px}.chart-area{height:164px;display:flex;gap:10px;margin-top:5px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;padding:5px 0 21px;color:#aab5b0;font-size:8px}.chart-grid{position:relative;flex:1;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:22px}.chart-grid>i{height:1px;background:#edf1ed}.chart-bars{position:absolute;inset:0 3% 22px;display:flex;align-items:flex-end;justify-content:space-around;gap:10px}.chart-bars>span{position:relative;width:8.4%;min-width:15px;max-width:37px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#b7d5bf,#e6f0e8)}.chart-bars>span.today{background:linear-gradient(180deg,#478865,#8fbea0)}.chart-bars b{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);color:#99a69f;white-space:nowrap;font-size:8px;font-weight:500}.trend-line{position:absolute;inset:0 3% 22px;width:94%;height:calc(100% - 22px);pointer-events:none}.activity-panel{min-height:276px}.activity-list{margin-top:13px}.activity-item{display:flex;align-items:flex-start;gap:9px;padding:11px 0;border-bottom:1px solid #f0f3f0}.activity-item:last-child{border-bottom:0}.activity-avatar{width:27px;height:27px;display:grid;place-items:center;flex:none;border-radius:9px;font-size:10px;font-weight:700}.activity-item>div{min-width:0;flex:1}.activity-item p{margin:0;color:#50635c;font-size:10px}.activity-item p strong{color:#334a43}.activity-item small{display:block;margin-top:3px;color:#9ca9a3;font-size:8px}.activity-item time{color:#a9b3ae;font-size:8px;white-space:nowrap}.table-panel{padding-bottom:10px}.table-panel .panel-heading{margin-bottom:13px}.table-scroll{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{height:32px;padding:0 10px;text-align:left;border-bottom:1px solid #edf1ed;color:#9aa8a1;font-size:8px;font-weight:600}td{height:55px;padding:6px 10px;border-bottom:1px solid #f0f3f0;color:#60736c;font-size:9px}tbody tr:last-child td{border-bottom:0}td strong{color:#3a5049;font-size:9px;font-weight:600}td b{color:#34544a;font-size:10px}td small{display:block;margin-top:3px;color:#a1ada7;font-size:8px}td .avatar{margin-right:3px}.muted{color:#9daaa4!important;font-weight:400}.project-dot{width:7px;height:7px;display:inline-block;margin-right:6px;border-radius:50%;vertical-align:1px}.project-dot.green{background:#75b187}.project-dot.peach{background:#e7a082}.project-dot.lilac{background:#a492c5}.project-dot.blue{background:#7faabe}.tiny-flag{display:inline-block;margin-left:4px;padding:2px 5px;border-radius:4px;background:#fff0e8;color:#c2775e;font-size:7px;font-style:normal;font-weight:700;vertical-align:1px}.tiny-flag.debt{background:#fff0eb;color:#cb7258}.tiny-flag.negotiated{background:#fff0e8;color:#be745c}.tag{display:inline-flex;align-items:center;min-height:19px;padding:2px 7px;border-radius:6px;font-size:8px;font-weight:600}.tag.success{color:#4c875e;background:#eaf4ec}.tag.warning{color:#a97437;background:#fcf2df}.tag.debt{color:#bb6a55;background:#fff0eb}.tag.neutral{color:#73837c;background:#eef2ef}.debt-text,.coral-text{color:#c96f57!important}.success-text{color:#4d8a61}.quick-panel{padding-bottom:15px}.quick-actions{margin-top:10px}.quick-actions button{width:100%;display:flex;align-items:center;gap:9px;padding:9px 0;border:0;border-bottom:1px solid #eff3ef;background:transparent;text-align:left}.quick-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;font-size:12px;font-weight:700}.quick-actions button>div{flex:1}.quick-actions strong,.quick-actions small{display:block}.quick-actions strong{color:#435951;font-size:9px}.quick-actions small{margin-top:2px;color:#a1ada6;font-size:8px}.quick-actions button>span:last-child{color:#9aa9a1}.quote-card{position:relative;margin-top:13px;padding:12px 12px 10px 28px;border-radius:10px;background:#f3f6f1}.quote-card>span{position:absolute;left:10px;top:5px;color:#9cb99f;font:700 24px Georgia}.quote-card p{margin:0;color:#6c7e72;font-family:'Noto Sans SC',sans-serif;font-size:8px;line-height:1.7}.quote-card small{display:block;margin-top:5px;color:#a3ada4;font-size:7px;text-align:right}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:11px 8px 2px;color:#a1aca7;font-size:8px}.pagination{display:flex;align-items:center;gap:4px}.pagination button{width:23px;height:23px;border:1px solid #e9eeea;border-radius:6px;background:#fff;color:#82928b;font-size:9px}.pagination button.active{border-color:#dbe9dd;background:#edf5ee;color:#397351}.pagination span{padding:0 3px}.sub-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px;border:1px solid #e9efea;border-radius:14px;background:#fff;box-shadow:var(--shadow)}.sub-stat-grid>div{min-height:87px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:13px 19px;border-right:1px solid #edf1ed}.sub-stat-grid>div:last-child{border:0}.sub-stat-grid span{color:#91a099;font-size:9px}.sub-stat-grid b{margin-top:4px;color:#304b42;font:700 17px 'Manrope',sans-serif}.sub-stat-grid small{margin-top:2px;color:#a1ada7;font-size:8px}.full-panel{min-height:300px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.filter-pills{display:flex;align-items:center;gap:4px}.filter-pills button{height:29px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#87968f;font-size:9px}.filter-pills button b{margin-left:3px;color:#9aa8a1;font-size:8px}.filter-pills button.active{background:#edf5ef;color:#37674d;font-weight:700}.filter-pills button.active b{color:#568766}.toolbar-right{display:flex;align-items:center;gap:7px}.toolbar-right select,.toolbar-right .date-input,.toolbar-right input{height:30px;padding:0 8px;border:1px solid #e9eeea;border-radius:7px;background:#fff;color:#73847c;font-size:8px}.person-cell{display:flex;align-items:center;gap:9px}.person-cell>div{display:flex;flex-direction:column}.person-cell strong{color:#354c44;font-size:10px}.person-cell small{margin-top:4px;color:#a0aca6;font-size:8px}.referral-pill,.rule-pill{display:inline-flex;padding:3px 6px;border-radius:5px;background:#eff5ee;color:#6a8b6b;font-size:8px}.customer-row td{height:67px}.debt-row{background:linear-gradient(90deg,#fff9f6 0%,#fff 35%)}.customer-row .debt-text{font-size:8px}.report-banner{display:flex;align-items:center;gap:12px;margin:-4px 0 15px;padding:12px 15px;border:1px solid #e6eee8;border-radius:12px;background:linear-gradient(100deg,#eaf4eb,#f4f7ef)}.banner-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#dcecdf;color:#49805c;font-size:14px}.report-banner>div:nth-child(2){flex:1}.report-banner strong{color:#42604d;font-size:10px}.report-banner p{margin:3px 0 0;color:#83968b;font-size:8px}.report-stats{margin-top:0}.report-stats>div{min-height:75px}.report-stats b{font-size:15px}.amount-in{color:#4d8a60!important;font-weight:600}.amount-out{color:#c97960!important;font-weight:600}.activity-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px}.activity-summary>div{padding:15px 17px;border:1px solid #e8efea;border-radius:13px;background:#fff}.activity-summary span,.activity-summary small{display:block;color:#8f9e96;font-size:9px}.activity-summary b{display:block;margin:7px 0 1px;color:#2e4a41;font:700 18px 'Manrope',sans-serif}.section-label{display:flex;align-items:center;justify-content:space-between;margin:20px 1px 12px}.section-label h2{margin:0;color:#344d44;font-size:13px}.section-label span{color:#98a69e;font-size:9px}.activity-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.campaign-card{position:relative;overflow:hidden;min-height:220px;padding:16px;border:1px solid #e4eee5;border-radius:15px;background:linear-gradient(140deg,#f1f8ee,#e0efe2)}.campaign-card:after{content:'';position:absolute;width:125px;height:125px;right:-45px;top:27px;border:1px solid rgba(81,134,92,.13);border-radius:50%;box-shadow:0 0 0 15px rgba(81,134,92,.035),0 0 0 32px rgba(81,134,92,.025)}.campaign-card.lavender{border-color:#e9e3f1;background:linear-gradient(140deg,#f8f5fb,#eeeaf7)}.campaign-card.lavender:after{border-color:rgba(128,103,164,.13);box-shadow:0 0 0 15px rgba(128,103,164,.035),0 0 0 32px rgba(128,103,164,.025)}.campaign-card.draft{border-style:dashed;border-color:#dfe7e2;background:#fcfdfb}.campaign-top,.campaign-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.campaign-label{padding:3px 7px;border-radius:6px;background:rgba(255,255,255,.72);color:#668667;font-size:8px;font-weight:600}.lavender .campaign-label{color:#8373a1}.draft .campaign-label{color:#929f97}.campaign-top button{border:0;background:transparent;color:#82968a;font-size:16px}.campaign-card h3{position:relative;z-index:1;margin:13px 0 4px;color:#31513e;font-size:17px}.lavender h3{color:#554b72}.campaign-card p{position:relative;z-index:1;max-width:250px;margin:0;color:#748a76;font-size:9px;line-height:1.7}.lavender p{color:#89819b}.campaign-offer{position:relative;z-index:1;display:flex;align-items:center;gap:15px;margin:16px 0 15px}.campaign-offer>div{display:flex;flex-direction:column}.campaign-offer small{color:#91a28f;font-size:8px}.campaign-offer strong{margin-top:2px;color:#365641;font:700 17px 'Manrope',sans-serif}.lavender .campaign-offer strong{color:#65577e}.campaign-offer>span{color:#a1b09e;font-size:14px}.muted-offer strong{font-size:11px;color:#9aa59e!important}.campaign-footer{padding-top:9px;border-top:1px solid rgba(102,141,107,.15);color:#869989;font-size:8px}.lavender .campaign-footer{border-color:#e2ddee;color:#958aa8}.campaign-footer .text-button{font-size:8px}.referral-rule{display:flex;align-items:center;gap:13px;padding:16px}.referral-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#fff1e8;color:#cb805f;font-size:17px}.referral-rule>div:nth-child(2){flex:1}.referral-rule strong{color:#455b51;font-size:10px}.referral-rule p{margin:5px 0 0;color:#8d9b94;font-size:9px}.referral-rule p b{color:#566f5b}.referral-rule>.text-button{margin-left:8px}.ledger-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:17px}.ledger-kpi{position:relative;padding:15px 16px;border:1px solid #e9efea;border-radius:13px;background:#fff;box-shadow:var(--shadow)}.ledger-kpi:before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 4px 4px 0;background:#70a67a}.ledger-kpi.coral-accent:before{background:#df8a70}.ledger-kpi.peach-accent:before{background:#dfa67b}.ledger-kpi.blue-accent:before{background:#8cadbd}.ledger-kpi span,.ledger-kpi small{display:block;color:#91a098;font-size:8px}.ledger-kpi b{display:block;margin:6px 0;color:#344f45;font:700 16px 'Manrope',sans-serif}.ledger-icon{width:24px;height:24px;display:inline-grid;place-items:center;margin-right:7px;border-radius:7px;font-size:8px;font-weight:700;vertical-align:middle}.ledger-icon.green-bg,.ledger-icon.peach-bg,.ledger-icon.lilac-bg,.ledger-icon.blue-bg,.ledger-icon.coral-bg{background:unset}.ledger-access-note{display:flex;align-items:center;gap:11px;margin-bottom:17px;padding:12px 15px;border:1px solid #dfece2;border-radius:11px;background:#f0f7f1}.access-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#dfeee2;color:#4d875e}.ledger-access-note>div{flex:1}.ledger-access-note strong{color:#46624d;font-size:10px}.ledger-access-note p{margin:3px 0 0;color:#839589;font-size:8px}.personal-ledger-head{display:flex;justify-content:space-between;align-items:center;margin:20px 2px 15px}.personal-ledger-head .person-cell{gap:12px}.personal-ledger-head .eyebrow{margin-bottom:4px}.personal-ledger-head h2{display:flex;align-items:center;gap:8px;margin:0;color:#30483f;font-size:15px}.personal-ledger-head small{display:block;margin-top:4px;color:#96a39b;font-size:8px}.personal-date{display:flex;align-items:center;gap:7px}.personal-date button{width:25px;height:25px;border:1px solid #e6ece7;border-radius:7px;background:#fff;color:#8c9a93}.personal-date strong{font-size:9px}.personal-date input{height:28px;margin-left:5px;padding:0 7px;border:1px solid #e6ece7;border-radius:7px;color:#82918a;font-size:8px}.personal-stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:15px}.personal-stat-grid article{min-height:98px;padding:13px 14px;border:1px solid #e8efea;border-radius:12px;background:#fff;box-shadow:var(--shadow)}.personal-stat-grid article>span{display:block;color:#8f9f97;font-size:8px}.personal-stat-grid article>b{display:block;margin:9px 0 4px;color:#345347;font:700 16px 'Manrope','DM Sans',sans-serif}.personal-stat-grid article>b small{font-size:9px}.personal-stat-grid article>small{display:block;color:#9ba8a1;font-size:8px}.personal-stat-grid .personal-total{background:#1f574b;border-color:#1f574b}.personal-stat-grid .personal-total>span,.personal-stat-grid .personal-total>small{color:#b9d5c6}.personal-stat-grid .personal-total>b{color:#fff;font-size:19px}.personal-orders{margin-bottom:15px}.inline-panel-heading{padding:2px 2px 12px}.visibility-hint{color:#99a69f;font-size:8px}.negotiated-row{background:#fffaf7}.negotiated-row td:first-child{border-left:2px solid #e9ab8a}.shared-ledger .panel-heading{padding-bottom:12px}.shared-totals{display:flex;align-items:center;gap:15px;color:#a0aca5;font-size:8px}.shared-totals b{margin-left:4px}.shared-ledger table td{height:47px}.shared-ledger table td>small{display:inline-block;margin-left:5px}.shared-ledger .table-footer{padding-bottom:4px}
.report-filter{display:flex;align-items:center;gap:6px;margin:-6px 0 15px;padding:10px 13px;border:1px solid #e8efea;border-radius:11px;background:#fff;color:#92a098;font-size:9px}.report-filter button{height:25px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#8b9992;font-size:8px}.report-filter button.active{background:#edf5ef;color:#477758}.report-filter select{border:0;background:transparent;color:#576d63;font-size:9px}.filter-divider{height:17px;width:1px;margin:0 9px;background:#e9eeea}.report-update{margin-left:auto;color:#a4afa9;font-size:8px}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:14px}.analytics-main,.ranking-panel,.insight-panel{padding:18px}.analytics-numbers{display:flex;gap:35px;margin:20px 0 6px}.analytics-numbers>div{display:flex;flex-direction:column}.analytics-numbers span{color:#99a69f;font-size:8px}.analytics-numbers b{margin-top:4px;color:#345246;font:700 17px 'Manrope',sans-serif}.analytics-numbers small{margin-top:4px;color:#a0aba5;font-size:8px}.report-chart{height:190px;display:flex;gap:9px}.report-y{display:flex;flex-direction:column;justify-content:space-between;padding:0 0 18px;color:#a6b1ab;font-size:8px}.report-chart-body{position:relative;flex:1;display:flex;flex-direction:column}.report-lines{position:absolute;inset:0 0 20px;display:flex;flex-direction:column;justify-content:space-between}.report-lines i{height:1px;background:#eff2ef}.report-columns{position:absolute;inset:0 0 20px;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;padding:0 7px}.report-columns>span{position:relative;flex:1;max-width:31px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#77a986,#dcecdf)}.report-columns>span i{position:absolute;inset:0 0 auto;height:50%;border-radius:4px 4px 0 0;background:rgba(229,159,125,.74)}.chart-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#a8b2ac;font-size:7px}.ranking-list{margin-top:17px}.ranking-list>div{display:grid;grid-template-columns:19px 1fr 84px 54px;align-items:center;gap:8px;margin:13px 0}.ranking-list em{color:#a7b1aa;font:700 9px 'Manrope',sans-serif;font-style:normal}.ranking-list>div:first-child em{color:#c79b50}.ranking-list strong{color:#597067;font-size:8px;font-weight:500}.ranking-list b{color:#3f594d;font-size:8px;text-align:right}.ranking-bar{height:5px;border-radius:5px;background:#f0f3ef}.ranking-bar i{height:100%;display:block;border-radius:5px;background:#91bb99}.ranking-list>div:nth-child(2) .ranking-bar i{background:#c4d8c5}.ranking-list>div:nth-child(3) .ranking-bar i{background:#e7b899}.ranking-list>div:nth-child(4) .ranking-bar i{background:#c3b9d7}.ranking-list>div:nth-child(5) .ranking-bar i{background:#c4d6df}.analytics-lower{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:14px;margin-top:14px}.employee-ranking{margin-top:9px}.employee-rank-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #eef2ef}.employee-rank-row:last-child{border:0}.rank-number{width:18px;height:18px;display:grid;place-items:center;border-radius:6px;background:#f2f3f0;color:#87948e;font-size:9px;font-weight:700}.rank-number.gold{background:#f9f0dd;color:#b88d3f}.rank-number.silver{background:#eff1f2;color:#7c8a91}.rank-number.bronze{background:#f7e9e1;color:#aa7658}.employee-rank-row>div{flex:1}.employee-rank-row>div strong,.employee-rank-row>div small{display:block}.employee-rank-row>div strong{color:#4c6258;font-size:9px}.employee-rank-row>div small{margin-top:3px;color:#9ca9a2;font-size:8px}.employee-rank-row>b{color:#47604f;font-size:9px}.insight-panel{background:#f5f8f2;border-color:#e6eee4}.insight-header{display:flex;align-items:center;gap:9px}.insight-spark{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#e5efe0;color:#6f9d70;font-size:16px}.insight-header h2{margin:0;color:#4b654e;font-size:11px}.insight-header p{margin:3px 0 0;color:#9aa994;font-size:8px}.insight-list{margin:14px 0 12px}.insight-list p{margin:0;padding:9px 0;border-bottom:1px solid #e8eee5;color:#7c8b7c;font-size:8px;line-height:1.7}.insight-list p:last-child{border:0}.insight-list p>span{margin-right:8px;color:#a2b296;font-size:7px}.insight-list b,.insight-list strong{color:#557657}.full-button{width:100%;height:31px;border-color:#e3ebe1;background:#fff;font-size:8px}
.settings-grid{display:grid;grid-template-columns:210px 1fr;gap:14px}.settings-nav{padding:10px}.settings-nav button{width:100%;display:flex;align-items:center;gap:10px;height:39px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:#83938a;text-align:left;font-size:9px}.settings-nav button span{width:17px;text-align:center;font-size:14px}.settings-nav button.active{background:#edf5ef;color:#427150;font-weight:600}.settings-form{padding:20px}.settings-form .panel-heading{padding-bottom:16px;border-bottom:1px solid #edf1ed}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 15px;margin-top:17px}.form-grid label{display:flex;flex-direction:column;gap:6px;color:#77877f;font-size:9px}.form-grid label>span{font-weight:600}.form-grid label em{color:#d8795c;font-style:normal}.form-grid input,.form-grid select,.form-grid textarea{width:100%;height:36px;padding:0 10px;border:1px solid #e5ece6;border-radius:8px;background:#fff;color:#4f655a;font-size:9px}.form-grid textarea{height:68px;padding:9px;resize:vertical;line-height:1.6}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:15px;border-top:1px solid #edf1ed}
.modal-backdrop{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(12,32,29,.48);backdrop-filter:blur(4px)}.modal-backdrop.hidden{display:none}.modal-card{width:min(700px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:23px 25px 20px;border:1px solid #edf2ed;border-radius:18px;background:#fff;box-shadow:0 22px 80px rgba(8,31,25,.2);animation:modalIn .22s ease}@keyframes modalIn{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start}.modal-header .eyebrow{margin-bottom:3px}.modal-header h2{margin:0;color:#29433b;font-size:19px}.close-button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #e8eeea;border-radius:8px;background:#fff;color:#7f8e87;font-size:20px;line-height:1}.modal-intro{margin:8px 0 16px;color:#8c9a93;font-size:9px}.report-modal .form-grid{gap:12px 13px;margin-top:0}.report-modal .form-grid input,.report-modal .form-grid select{height:34px}.report-modal .form-grid input[readonly]{background:#f6f8f5;color:#6b8075}.report-modal .form-grid textarea{height:52px}.check-row{display:flex;gap:19px;margin-top:13px}.check-label{position:relative;display:flex;align-items:center;gap:7px;color:#73847b;font-size:9px}.check-label input{position:absolute;opacity:0}.fake-check{width:14px;height:14px;border:1px solid #d8e3da;border-radius:4px;background:#fff}.check-label input:checked+.fake-check{background:#4c8c60;border-color:#4c8c60}.check-label input:checked+.fake-check:after{content:'✓';display:block;color:#fff;font-size:10px;line-height:12px;text-align:center}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:19px;padding-top:14px;border-top:1px solid #edf1ed}.form-hint{color:#83938a;font-size:8px}.modal-footer>div{display:flex;gap:7px}.toast{position:fixed;z-index:30;left:50%;bottom:24px;display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:10px;background:#183f39;color:#fff;box-shadow:0 8px 28px #102a2b38;opacity:0;pointer-events:none;transform:translate(-50%,15px);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast>span{color:#a6d3ad}.toast p{margin:0;font-size:10px}
.member-preview-shell{display:flex;flex-direction:column;align-items:center;gap:12px;max-height:calc(100vh - 24px)}.preview-toolbar{width:min(390px,100%);display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.35);border-radius:12px;background:#fff}.preview-toolbar>div{display:flex;align-items:center;gap:7px}.preview-toolbar strong{color:#425850;font-size:10px}.preview-toolbar small{color:#9aa69f;font-size:8px}.preview-dot{width:7px;height:7px;border-radius:50%;background:#77b083}.phone-frame{position:relative;width:332px;height:min(716px,calc(100vh - 95px));min-height:550px;padding:8px;border:4px solid #1d332f;border-radius:39px;background:#142521;box-shadow:0 20px 60px #0a231e55}.phone-notch{position:absolute;z-index:2;left:50%;top:10px;width:85px;height:17px;border-radius:0 0 12px 12px;background:#142521;transform:translateX(-50%)}.phone-screen{position:relative;height:100%;overflow:hidden;border-radius:30px;background:#f8faf6}.mini-status{height:30px;display:flex;justify-content:space-between;align-items:center;padding:1px 15px 0;color:#2b4139;font-size:8px;font-weight:700}.mini-page{display:none;height:calc(100% - 79px);overflow:auto;padding:4px 14px 12px;scrollbar-width:none}.mini-page.active{display:block}.mini-page::-webkit-scrollbar{display:none}.mini-greeting{margin:5px 0 13px}.mini-greeting small{color:#94a39a;font-size:8px}.mini-greeting h3{margin:4px 0 0;color:#294139;font-size:15px}.mini-greeting h3 span{color:#d8a665}.balance-card{padding:14px;border-radius:15px;background:linear-gradient(135deg,#27624f,#17453d);color:#fff;box-shadow:0 9px 17px rgba(25,76,62,.15)}.balance-top{display:flex;justify-content:space-between;color:#cee0d3;font-size:8px}.mini-chip{padding:3px 6px;border-radius:7px;background:rgba(255,255,255,.19);color:inherit;font-size:7px}.balance-card>strong{display:block;margin-top:10px;font:700 27px 'Manrope',sans-serif;letter-spacing:-.04em}.balance-card>strong span{font-size:15px}.balance-detail{display:flex;gap:10px;margin-top:5px;color:#b5d2c0;font-size:7px}.balance-actions{display:flex;gap:8px;margin-top:13px}.balance-actions button{height:28px;flex:1;border:1px solid rgba(255,255,255,.25);border-radius:7px;background:rgba(255,255,255,.08);color:#fff;font-size:8px}.balance-actions button:first-child{border-color:#d9eadb;background:#e9f3e9;color:#315c47;font-weight:700}.mini-section-head{display:flex;justify-content:space-between;align-items:center;margin:17px 1px 9px}.mini-section-head strong{color:#344a40;font-size:10px}.mini-section-head span{color:#91a097;font-size:7px}.mini-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mini-projects>div{min-width:0;display:flex;flex-direction:column}.mini-project-img{height:64px;display:grid;place-items:center;margin-bottom:6px;border-radius:10px;font-size:18px;font-weight:700}.mini-projects strong{color:#45594e;font-size:7px}.mini-projects small{margin-top:2px;color:#9da9a1;font-size:6px}.mini-transaction,.mini-ledger-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #eef1ed}.mini-transaction-icon,.mini-ledger-item>span:first-child{width:27px;height:27px;display:grid;place-items:center;flex:none;border-radius:8px;font-size:8px;font-weight:700}.mini-transaction>div,.mini-ledger-item>div{flex:1}.mini-transaction strong,.mini-ledger-item strong{display:block;color:#52665b;font-size:8px}.mini-transaction small,.mini-ledger-item small{display:block;margin-top:3px;color:#9fa9a2;font-size:6px}.mini-transaction>b,.mini-ledger-item>b{color:#738378;font-size:8px}.mini-transaction>b.income,.mini-ledger-item>b.income{color:#4b8a60}.mini-tabbar{position:absolute;inset:auto 0 0;height:49px;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #edf0ec;background:#fff}.mini-tabbar button{display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:transparent;color:#9aa69e;font-size:6px}.mini-tabbar button span{font-size:14px;line-height:1}.mini-tabbar button.active{color:#3c7953}.mini-title{height:34px;display:flex;align-items:center;justify-content:space-between;color:#455b50;font-size:9px}.mini-title button{border:0;background:transparent;color:#7a8b80;font-size:12px}.mini-order-tabs{display:flex;gap:15px;padding:8px 0;color:#9ba79f;font-size:8px}.mini-order-tabs button{padding:0 0 5px;border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;font-size:8px}.mini-order-tabs button.active{border-color:#4e8b61;color:#477954}.mini-order-card{margin-top:9px;padding:12px;border:1px solid #edf0ec;border-radius:11px;background:#fff}.mini-order-card>div:first-child,.mini-order-card>div:last-child{display:flex;align-items:center;justify-content:space-between}.mini-order-card strong{color:#41574b;font-size:9px}.green-chip{background:#edf5ed;color:#4e875d}.orange-chip{background:#fff2e5;color:#b77e43}.mini-order-card>small{display:block;margin:7px 0 12px;color:#9ba69f;font-size:7px}.mini-order-card b{color:#52685b;font-size:9px}.mini-order-card>div:last-child button{padding:5px 8px;border:1px solid #dceade;border-radius:6px;background:#f4f8f3;color:#568060;font-size:7px}.mini-balance-total{display:flex;flex-direction:column;align-items:center;margin:12px 0;padding:20px 10px;border-radius:13px;background:linear-gradient(135deg,#286451,#19473d);color:#fff}.mini-balance-total small{color:#c7decc;font-size:8px}.mini-balance-total strong{margin-top:5px;font:700 24px 'Manrope',sans-serif}.mini-balance-total span{margin-top:4px;color:#bfd4c4;font-size:7px}.mini-ledger-item{padding:10px 0}.mini-profile{display:flex;flex-direction:column;align-items:center;padding:28px 0 20px}.mini-profile h3{margin:9px 0 2px;color:#3c5147;font-size:12px}.mini-profile small{color:#9ba79f;font-size:7px}.mini-menu{overflow:hidden;border:1px solid #edf0eb;border-radius:11px;background:#fff}.mini-menu button{width:100%;display:flex;justify-content:space-between;padding:12px;border:0;border-bottom:1px solid #eff2ee;background:transparent;color:#566b60;text-align:left;font-size:8px}.mini-menu button:last-child{border:0}.mini-menu button span{color:#a3ada6;font-size:13px}
@media(max-width:1250px){.sidebar{width:215px}.main-shell{margin-left:215px}.main-shell .content{padding-right:24px;padding-left:24px}.topbar{padding:0 24px}.stat-grid{gap:10px}.stat-card{padding:14px}.stat-value{font-size:20px}.top-grid,.bottom-grid{grid-template-columns:minmax(0,1.55fr) minmax(250px,1fr)}.personal-stat-grid{grid-template-columns:repeat(3,1fr)}.activity-cards{grid-template-columns:repeat(2,1fr)}.campaign-card.draft{display:none}}
@media(max-width:980px){.sidebar{width:68px;padding:19px 9px 10px}.brand{justify-content:center;padding:0 0 24px}.brand>div:last-child,.workspace-switcher>div:not(.avatar),.workspace-switcher>.chevron,.nav-caption,.nav-item:not(.active) .nav-count,.nav-item{font-size:0}.workspace-switcher{justify-content:center;padding:7px;margin:0 0 17px}.workspace-switcher .avatar{font-size:11px}.nav-item{justify-content:center;height:42px;padding:0;margin:3px 0;border-radius:10px}.nav-item .nav-icon{font-size:17px}.nav-count{position:absolute;margin-left:24px;margin-top:-22px;font-size:8px}.sidebar-bottom{display:none}.main-shell{margin-left:68px}.top-grid,.bottom-grid{grid-template-columns:1fr}.activity-panel{min-height:0}.activity-list{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.analytics-grid,.analytics-lower{grid-template-columns:1fr}.activity-cards{grid-template-columns:repeat(2,1fr)}.campaign-card.draft{display:block}.settings-grid{grid-template-columns:170px 1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.sub-stat-grid{grid-template-columns:repeat(2,1fr)}.sub-stat-grid>div:nth-child(2){border-right:0}.sub-stat-grid>div:nth-child(-n+2){border-bottom:1px solid #edf1ed}.ledger-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.sidebar{width:55px;padding:12px 6px}.brand-mark{width:31px;height:31px}.nav-item{height:39px}.main-shell{margin-left:55px}.topbar{height:58px;padding:0 12px}.breadcrumb{font-size:9px}.topbar-actions{gap:8px}.global-search{width:33px;padding:0 8px;border:0;background:transparent}.global-search input{display:none}.global-search span{font-size:20px}.profile-copy,.profile-button>.chevron,.notification{display:none}.main-shell .content{padding:20px 12px 35px}.page-heading{margin-bottom:18px}.heading-with-actions{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:21px}.heading-actions{width:100%}.heading-actions .button{flex:1;padding:0 8px;font-size:9px}.heading-subtitle{font-size:9px}.stat-grid{gap:8px}.stat-card{min-height:128px;padding:12px}.stat-value{font-size:18px}.stat-top{font-size:8px}.stat-unit{font-size:10px}.stat-footer{font-size:8px}.mini-breakdown{gap:5px;font-size:7px}.mini-breakdown span:nth-child(3){display:none}.top-grid,.bottom-grid{gap:10px}.revenue-panel,.activity-panel,.table-panel,.quick-panel{padding:13px}.activity-list{grid-template-columns:1fr}.activity-item:nth-child(n+3){display:none}.panel-heading h2{font-size:11px}.range-switch button{padding:0 7px}.chart-area{height:145px}.sub-stat-grid>div{min-height:72px;padding:10px}.sub-stat-grid b{font-size:14px}.sub-stat-grid span{font-size:8px}.toolbar{align-items:flex-start;flex-direction:column}.toolbar-right{width:100%;justify-content:flex-end}.filter-pills{max-width:100%;overflow:auto}.filter-pills button{white-space:nowrap;padding:0 8px}.table-scroll{margin:0 -3px;width:calc(100% + 6px)}table{min-width:720px}th{font-size:8px}.table-footer{gap:8px}.pagination button:nth-of-type(n+4),.pagination span{display:none}.activity-summary{grid-template-columns:repeat(2,1fr);gap:8px}.activity-summary>div{padding:12px}.activity-summary b{font-size:15px}.activity-cards{grid-template-columns:1fr}.campaign-card{min-height:200px}.campaign-card.draft{display:none}.referral-rule{align-items:flex-start;flex-wrap:wrap;padding:12px}.referral-rule>div:nth-child(2){min-width:calc(100% - 55px)}.referral-rule>.tag{margin-left:49px}.referral-rule>.text-button{margin-left:auto}.ledger-kpis{gap:8px}.ledger-kpi{padding:12px}.ledger-kpi b{font-size:14px}.project-overview{grid-template-columns:repeat(2,1fr);gap:8px}.project-overview>div{padding:11px}.project-overview b{font-size:14px}.project-category-row{align-items:flex-start;flex-direction:column}.project-category-row .toolbar-right{justify-content:flex-start}.project-hint{align-items:flex-start}.project-hint .text-button{display:none}.report-filter{flex-wrap:wrap}.report-update{width:100%;margin-left:0;text-align:right}.settings-grid{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto;gap:3px;padding:6px}.settings-nav button{width:auto;flex:none;height:34px;font-size:8px}.settings-nav button span{display:none}.settings-form{padding:14px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal-backdrop{padding:9px}.modal-card{padding:17px 15px}.report-modal .form-grid{grid-template-columns:1fr 1fr;gap:9px}.modal-footer{align-items:flex-start;flex-direction:column}.form-hint{line-height:1.6}.check-row{flex-direction:column;gap:8px}.personal-ledger-head{align-items:flex-start;flex-direction:column;gap:12px}.personal-date{width:100%}.personal-date input{margin-left:auto}.personal-stat-grid{grid-template-columns:repeat(2,1fr)}.personal-stat-grid article{min-height:83px;padding:10px}.personal-stat-grid article>b{font-size:14px}.personal-stat-grid .personal-total{grid-column:1/-1;min-height:72px}.personal-stat-grid .personal-total>b{font-size:18px}.shared-totals{flex-wrap:wrap;justify-content:flex-end;gap:7px}.shared-totals .text-button{width:100%;text-align:right}.ledger-access-note{align-items:flex-start}.ledger-access-note>.tag{display:none}.visibility-hint{display:none}.phone-frame{width:min(332px,calc(100vw - 22px));min-height:0;height:min(700px,calc(100vh - 100px))}.preview-toolbar{width:min(332px,calc(100vw - 22px))}.preview-toolbar small{display:none}}

.backend-auth-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,rgba(16,36,42,.94),rgba(30,79,68,.94));backdrop-filter:blur(8px)}
.backend-auth-overlay.hidden{display:none}
.backend-auth-card{width:min(430px,100%);padding:30px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#fff;box-shadow:0 25px 90px rgba(0,0,0,.28)}
.backend-auth-card .brand-line{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:#29483e}
.backend-auth-card .brand-line>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e1efe2;color:#4d8b61;font-size:20px}
.backend-auth-card h2{margin:0;color:#29433b;font-size:22px}.backend-auth-card p{margin:8px 0 20px;color:#87988e;font-size:12px;line-height:1.7}.backend-auth-card form{display:grid;gap:13px}.backend-auth-card label{display:grid;gap:6px;color:#667b70;font-size:11px;font-weight:600}.backend-auth-card input{height:42px;padding:0 12px;border:1px solid #e1ebe3;border-radius:9px;background:#fbfdfb;color:#334e43;font:inherit}.backend-auth-card input:focus{outline:2px solid #b8d7bc;border-color:#78a981}.backend-auth-card button{height:42px;border:0;border-radius:9px;background:#2f705b;color:#fff;font-weight:700;cursor:pointer}.backend-auth-card button:disabled{opacity:.65;cursor:wait}.backend-auth-error{min-height:18px;margin:0!important;color:#c46f5d!important;font-size:11px!important}.backend-auth-hint{margin-top:15px!important;color:#a1ada6!important;font-size:10px!important;text-align:center}.backend-logout-button{margin-left:8px;border:0;background:transparent;color:#8ca096;font-size:10px;cursor:pointer}.backend-syncing{position:fixed;right:18px;bottom:18px;z-index:40;padding:8px 11px;border:1px solid #dcebe0;border-radius:8px;background:#f4faf5;color:#5a8062;font-size:10px;box-shadow:0 8px 24px rgba(34,76,53,.1)}
@media(max-width:650px){.backend-auth-overlay{padding:12px}.backend-auth-card{padding:23px 18px;border-radius:17px}.backend-auth-card h2{font-size:19px}}
.project-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.project-overview>div{padding:14px 17px;border:1px solid #e8efea;border-radius:13px;background:#fff;box-shadow:var(--shadow)}.project-overview span,.project-overview small{display:block;color:#8f9e96;font-size:8px}.project-overview b{display:block;margin:6px 0 1px;color:#304e42;font:700 17px 'Manrope',sans-serif}.project-category-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:12px;border:1px solid #e8efea;border-radius:11px;background:#fff}.project-cover{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;font-size:14px;font-weight:700}.project-hint{display:flex;align-items:center;gap:9px;margin-top:12px;padding:11px 13px;border:1px solid #e8ece8;border-radius:10px;background:#fbfdfb;color:#91a098}.project-hint>span{color:#76a07c;font-size:13px}.project-hint p{flex:1;margin:0;font-size:8px;line-height:1.7}.project-hint .text-button{font-size:8px;white-space:nowrap}.mini-projects>div{cursor:pointer}.mini-projects>div:hover .mini-project-img{transform:translateY(-2px);box-shadow:0 5px 10px rgba(43,83,63,.1)}.mini-project-img{transition:.18s}
.mini-booking-button{width:100%;height:19px;margin-top:5px;border:1px solid #dceade;border-radius:5px;background:#f2f8f1;color:#568060;font-size:7px}.mini-projects>div:hover .mini-booking-button{background:#e6f1e6}
.mini-member-activities{margin-top:14px}.mini-member-activity{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #eef1ed}.mini-member-activity strong{color:#52665b;font-size:8px}.mini-member-activity small{color:#4b8a60;font-size:7px;text-align:right}.mini-empty-note{display:block;margin:18px 0;color:#9aa69f;font-size:8px;text-align:center}.mini-member-login{margin:8px 0 14px;padding:12px;border:1px solid #e7eee8;border-radius:11px;background:#fff}.mini-member-login-heading{display:flex;flex-direction:column;gap:3px;margin-bottom:9px}.mini-member-login-heading strong{color:#41574b;font-size:10px}.mini-member-login-heading small{color:#9ba69f;font-size:7px}.mini-member-login form{display:grid;gap:7px}.mini-member-login label{display:grid;gap:3px;color:#74847b;font-size:7px}.mini-member-login input{height:28px;padding:0 7px;border:1px solid #e1ebe3;border-radius:6px;background:#fbfdfb;color:#40574b;font-size:8px}.mini-member-login button,.mini-member-action{height:28px;border:0;border-radius:6px;background:#2f705b;color:#fff;font-size:8px;font-weight:700}.mini-member-login-error{min-height:12px;margin:5px 0 0;color:#c46f5d;font-size:7px}.mini-member-action{width:100%;margin-top:8px;background:#edf5ed;color:#4e875d}.mini-order-card>div:last-child button{cursor:pointer}
@media(max-width:650px){.project-overview{grid-template-columns:repeat(2,1fr);gap:8px}.project-overview>div{padding:11px}.project-overview b{font-size:14px}.project-category-row{align-items:flex-start;flex-direction:column}.project-category-row .toolbar-right{justify-content:flex-start}.project-hint{align-items:flex-start}.project-hint .text-button{display:none}}
@media(max-width:650px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .app-shell{width:100%;max-width:100%;overflow-x:hidden}
  .sidebar{width:55px;overflow:hidden}
  .brand>div:last-child,.workspace-switcher>div:nth-child(2),.workspace-switcher>.chevron{display:none}
  .brand{padding-left:0;padding-right:0}
  .main-shell{width:calc(100vw - 55px);max-width:calc(100vw - 55px);overflow:hidden}
  .main-shell .content{width:100%;max-width:100%;overflow:hidden}
  .page-view,.page-heading,.dashboard-grid,.stat-grid{width:100%;max-width:100%;min-width:0}
  .heading-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;width:100%;gap:7px}
  .heading-actions .button{width:100%;min-width:0;height:42px;min-height:42px;padding-left:6px;padding-right:6px;white-space:nowrap}
  .stat-grid{grid-template-columns:1fr}
  .stat-card{min-width:0;width:100%}
  .top-grid,.bottom-grid{width:100%;min-width:0}
  .panel{min-width:0}
  .table-scroll{scrollbar-width:thin;scrollbar-color:#b8cbbc #f2f5f2}
  .table-scroll:before{content:'左右滑动查看完整表格 →';position:sticky;left:0;z-index:1;display:block;width:max-content;padding:0 8px 5px 0;background:#fff;color:#91a097;font-size:8px}
}
@media(max-width:650px){
  .sidebar{inset:auto 0 0 0;width:100vw;height:calc(64px + env(safe-area-inset-bottom));display:block;padding:4px 5px env(safe-area-inset-bottom);overflow:hidden;border-top:1px solid #34514b}
  .brand,.workspace-switcher,.sidebar-bottom{display:none}
  .side-nav{display:flex;align-items:center;width:100%;height:100%;gap:3px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
  .side-nav::-webkit-scrollbar{display:none}
  .side-nav .nav-caption{display:none}
  .nav-item,.nav-item:not(.active){display:flex;flex:0 0 64px;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:64px;height:53px;margin:0;padding:3px 2px;border-radius:9px;color:#a8beb6;font-size:8px!important;white-space:nowrap}
  .nav-item.active{color:#fff;background:#275246;box-shadow:inset 0 -2px 0 #9fcaad}
  .nav-item .nav-icon{width:auto;height:17px;font-size:15px;line-height:17px}
  .nav-item .nav-count{display:none}
  .main-shell{width:100vw;max-width:100vw;margin-left:0;overflow:hidden}
  .main-shell .content{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
}
.mobile-nav-arrow{display:none}
@media(max-width:650px){
  .sidebar:not(.has-nav-overflow) .mobile-nav-arrow{display:none!important}
  .mobile-nav-arrow{position:absolute;top:50%;z-index:3;width:25px;height:43px;display:grid;place-items:center;border:1px solid rgba(214,237,224,.48);border-radius:10px;background:rgba(17,49,47,.92);box-shadow:0 3px 10px rgba(4,24,22,.22);color:#eff8f1;font-size:25px;line-height:1;transform:translateY(-50%);transition:opacity .2s,background .2s,transform .2s}
  .mobile-nav-arrow:hover{background:#2c6555}
  .mobile-nav-arrow:active{transform:translateY(-50%) scale(.94)}
  .mobile-nav-arrow-left{left:5px}.mobile-nav-arrow-right{right:5px}
  .mobile-nav-arrow.is-disabled{opacity:.28;box-shadow:none;pointer-events:none}
  .side-nav{padding-left:29px;padding-right:29px}
}

/* The native select popup is rendered by the browser and can escape the mobile viewport.
   Keep the form select as the source of truth, while the visible control uses the app theme. */
.select-control{position:relative;display:inline-flex;min-width:0;max-width:100%;vertical-align:middle}
.select-native{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
.select-trigger{width:100%;min-width:116px;height:30px;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:0 9px;border:1px solid #e9eeea;border-radius:7px;background:#fff;color:#73847c;font-size:8px;line-height:1;white-space:nowrap;text-align:left;box-shadow:0 2px 5px rgba(32,64,52,.025);transition:border-color .18s,background .18s,box-shadow .18s}
.select-trigger:hover,.select-control.is-open .select-trigger{border-color:#b8d0c0;background:#fbfdfb;box-shadow:0 3px 9px rgba(32,64,52,.08)}
.select-control.is-invalid .select-trigger{border-color:#e3a087;background:#fff9f6;box-shadow:0 0 0 3px rgba(227,138,112,.12)}
.select-trigger:focus-visible{outline:3px solid rgba(108,163,130,.25);outline-offset:2px}
.select-trigger-label{min-width:0;overflow:hidden;text-overflow:ellipsis}
.select-chevron{position:relative;width:8px;height:8px;flex:none;margin-top:-4px;border-right:1.5px solid #6f897d;border-bottom:1.5px solid #6f897d;transform:rotate(45deg);transition:transform .18s,border-color .18s}
.select-control.is-open .select-chevron{margin-top:4px;transform:rotate(225deg);border-color:#397557}
.select-menu{position:fixed;z-index:60;display:none;overflow-y:auto;padding:4px;border:1px solid #dfe9e1;border-radius:10px;background:#fff;box-shadow:0 12px 30px rgba(23,59,46,.16);overscroll-behavior:contain}
.select-menu.is-open{display:block}
.select-option{width:100%;height:32px;display:flex;align-items:center;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#61766b;font-size:9px;line-height:1.2;text-align:left;white-space:nowrap}
.select-option:hover,.select-option:focus-visible{background:#f1f7f1;color:#376b4d;outline:0}
.select-option.is-selected{background:#e4f1e6;color:#397557;font-weight:700}
.select-option.is-selected:before{content:'✓';margin-right:6px;color:#5b996d;font-size:9px}
.toolbar-right .select-control{flex:none}
.report-filter .select-control{flex:none}
.form-grid .select-control{width:100%}
.form-grid .select-trigger{min-width:0;height:36px;padding:0 10px;border-radius:8px;background:#fff;color:#4f655a;font-size:9px}
@media(max-width:650px){
  .toolbar-right{max-width:100%}
  .toolbar-right .select-control{max-width:100%}
  .project-category-row .select-control{width:auto;max-width:100%}
  .report-filter .select-control{max-width:100%}
  .select-trigger{min-width:108px}
}

.setup-banner{display:flex;align-items:center;gap:12px;margin:-7px 0 16px;padding:12px 14px;border:1px solid #e0ece2;border-radius:12px;background:linear-gradient(100deg,#edf7ef,#f7faf4)}
.setup-banner-icon{width:31px;height:31px;display:grid;place-items:center;flex:none;border-radius:9px;background:#dbeede;color:#4f8a61;font-size:15px}
.setup-banner>div{min-width:0;flex:1}.setup-banner strong{display:block;color:#42604d;font-size:10px}.setup-banner p{margin:3px 0 0;color:#82948a;font-size:8px}.setup-banner .button{height:31px;flex:none;font-size:8px}.setup-banner.is-complete{border-color:#dcebe0;background:#f4f8f3}.setup-banner.is-complete .setup-banner-icon{background:#e3f0e5;color:#3f8057}
.record-import-note{display:flex;align-items:center;gap:8px;margin-top:16px;padding:10px 12px;border:1px solid #e8efe9;border-radius:9px;background:#f8fbf8;color:#82938a}.record-import-note>span{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#e5f1e6;color:#548665;font-size:12px}.record-import-note p{flex:1;margin:0;font-size:8px;line-height:1.6}.record-import-actions{display:flex;align-items:center;gap:9px;flex:none}.record-import-actions .text-button{font-size:8px;white-space:nowrap}.record-import-actions .text-button+ .text-button{padding-left:9px;border-left:1px solid #dce7df}
.setup-role-note,.manager-only-note{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:10px 12px;border:1px solid #e5eee6;border-radius:9px;background:#f8fbf7}.setup-role-note>span,.manager-only-note>span{width:24px;height:24px;display:grid;place-items:center;flex:none;border-radius:7px;background:#e4f1e5;color:#4b855d;font-size:12px}.setup-role-note strong{display:block;color:#4d6855;font-size:9px}.setup-role-note small{display:block;margin-top:3px;color:#89978d;font-size:8px}.manager-only-note{color:#6b8371;font-size:8px;line-height:1.6}.manager-only-note>span{font-weight:700}
.reconcile-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 14px}.reconcile-summary>div{padding:10px 11px;border:1px solid #e7efe8;border-radius:9px;background:#f8fbf8}.reconcile-summary span{display:block;color:#94a39a;font-size:8px}.reconcile-summary strong{display:block;margin-top:5px;color:#42604e;font-size:11px}.reconcile-summary .coral-text{color:#c96f57!important}
.table-action-button{height:24px;padding:0 7px;border:1px solid #d9e8dc;border-radius:6px;background:#f3f8f3;color:#4e815b;font-size:8px;font-weight:600;white-space:nowrap}.table-action-button:hover{border-color:#adccb4;background:#eaf4eb}.table-action-button.is-reconciled{border-color:#dce9de;background:#eef6ef;color:#67916e}.row-more.is-reconciled{color:#6a9972;font-weight:700}
.record-modal,.setup-modal,.reconcile-modal{width:min(700px,100%)}
@media(max-width:650px){
  .setup-banner{align-items:flex-start;flex-wrap:wrap;gap:9px;padding:11px}.setup-banner>div{width:calc(100% - 43px);flex:none}.setup-banner .button{width:100%;margin-left:40px}.record-import-note{align-items:flex-start;flex-wrap:wrap}.record-import-note p{min-width:calc(100% - 32px)}.record-import-actions{width:100%;justify-content:flex-end}.reconcile-summary{grid-template-columns:1fr 1fr}.reconcile-summary>div:last-child{grid-column:1/-1}.record-modal .form-grid,.setup-modal .form-grid,.reconcile-modal .form-grid{grid-template-columns:1fr}.record-modal .form-grid .full,.setup-modal .form-grid .full,.reconcile-modal .form-grid .full{grid-column:auto}.record-import-actions .text-button{height:29px}.table-action-button{height:26px}
}
.record-choice{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.record-choice input[type="hidden"]{display:none}.record-choice button{min-height:32px;padding:0 10px;border:1px solid #e5ece6;border-radius:8px;background:#fff;color:#75877e;font-size:9px;font-weight:600;transition:.15s}.record-choice button:hover{border-color:#cbdccf;background:#f8fbf8}.record-choice button.active{border-color:#c8ddcb;background:#edf5ef;color:#3e744e;box-shadow:inset 0 0 0 1px rgba(73,128,84,.04)}.record-modal .form-grid>label:has(.record-choice){min-width:0}
.record-import-note.hidden{display:none}
[data-reconcile-audit]{display:block;margin-top:4px;color:#78917d;font-size:8px}
@media(max-width:650px){.record-choice{gap:5px}.record-choice button{min-height:35px;padding:0 9px;font-size:10px}}

/* Employee commission and reward flows */
.compact-actions {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}
.compact-actions .button { flex: none; }
.employee-general-cell,
.employee-special-cell,
.employee-recharge-cell,
.employee-special-reward-cell { min-width: 110px; }
.employee-special-cell > small,
.employee-recharge-cell > small,
.employee-special-reward-cell > small,
.employee-general-cell > small {
  display: block;
  margin-top: 4px;
  color: #96a39b;
  font-size: 8px;
}
.recharge-rule-pill {
  display: inline-flex;
  max-width: 100%;
  padding: 3px 6px;
  border-radius: 5px;
  background: #eff5ee;
  color: #6a8b6b;
  font-size: 8px;
  white-space: nowrap;
}
.reward-amount {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 7px;
  border: 1px solid #dbe9dd;
  border-radius: 7px;
  background: #f2f8f2;
  color: #4c8159;
  font: 700 10px 'Manrope', sans-serif;
  white-space: nowrap;
}
.reward-amount:hover { border-color: #a9c9ae; background: #eaf4eb; }
.reward-amount.muted { border-color: #e8ede9; background: #f8faf8; color: #9ba8a0; }
.personal-reward { font-size: 15px; }
.employee-recharge-cell,
.employee-special-cell { line-height: 1.5; }
.commission-modal,
.special-reward-modal { width: min(600px, 100%); }
.commission-modal .form-grid { margin-top: 0; }
.commission-modal .form-grid textarea,
.record-modal .form-grid textarea { min-height: 68px; height: 78px; }
.input-suffix { position: relative; width: 100%; }
.input-suffix input { padding-right: 30px !important; }
.input-suffix > span {
  position: absolute;
  top: 50%;
  right: 11px;
  color: #88978e;
  font-size: 9px;
  transform: translateY(-50%);
}
.field-note {
  display: block;
  margin-top: 4px;
  color: #94a199;
  font-size: 8px;
  line-height: 1.5;
}
.campaign-employee-reward {
  width: fit-content;
  max-width: 100%;
  margin: 0 0 11px !important;
  padding: 5px 8px;
  border: 1px solid rgba(100, 145, 104, .16);
  border-radius: 7px;
  background: rgba(255, 255, 255, .58);
  color: #628064 !important;
  font-size: 8px !important;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.campaign-card.draft .campaign-employee-reward { color: #85948a !important; }
.persisted-campaign .campaign-footer { justify-content: flex-start; }
.campaign-actions { display: flex; flex: none; gap: 6px; }
.campaign-top .campaign-actions button {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(90, 130, 98, .2);
  border-radius: 7px;
  background: rgba(255, 255, 255, .75);
  color: #456a51;
  font-size: 9px;
  white-space: nowrap;
}
.campaign-top .campaign-actions button:hover { background: #fff; border-color: #8dad94; }
.campaign-top .campaign-actions button:focus-visible { outline: 2px solid #5d9970; outline-offset: 2px; }
.campaign-top .campaign-actions [data-activity-action="unpublish"] { color: #b36b55; }
.persisted-campaign h3 { overflow-wrap: anywhere; }
.campaign-card.offline { border-color: #e3e9e4; background: linear-gradient(140deg, #f4f6f3, #edf1ed); }
.campaign-card.offline .campaign-label { color: #7e8c83; }
.rule-preview {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 14px;
  padding: 11px 12px;
  border: 1px solid #e6eee7;
  border-radius: 9px;
  background: #f8fbf8;
}
.rule-preview > span { flex: none; color: #8c9b91; font-size: 8px; }
.rule-preview strong { color: #52705a; font-size: 8px; line-height: 1.7; font-weight: 600; }
.reward-detail-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 4px 0 12px;
  padding: 13px 14px;
  border: 1px solid #e6eee7;
  border-radius: 10px;
  background: #f7faf6;
}
.reward-detail-summary span:not(.tag) { display: block; color: #8c9b91; font-size: 8px; }
.reward-detail-summary strong { display: block; margin-top: 4px; color: #355548; font: 700 18px 'Manrope', sans-serif; }
.special-reward-list {
  display: grid;
  gap: 8px;
  max-height: min(42vh, 360px);
  overflow: auto;
  padding-right: 3px;
}
.special-reward-item { padding: 12px 13px; border: 1px solid #e9efea; border-radius: 10px; background: #fff; }
.special-reward-item-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.special-reward-item-top strong { color: #477e55; font: 700 13px 'Manrope', sans-serif; }
.special-reward-item-top time { color: #96a29a; font-size: 8px; }
.special-reward-item p { margin: 7px 0 5px; color: #53685d; font-size: 9px; line-height: 1.6; overflow-wrap: anywhere; }
.special-reward-item > small { color: #9aa69f; font-size: 8px; }
.reward-empty { padding: 28px 12px; border: 1px dashed #e0e9e1; border-radius: 10px; color: #9aa69f; font-size: 9px; text-align: center; }
@media (max-width: 650px) {
  .compact-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; gap: 6px; }
  .compact-actions .button { width: 100%; min-width: 0; height: 39px; padding: 0 4px; font-size: 8px; white-space: nowrap; }
  .employee-general-cell,
  .employee-special-cell,
  .employee-recharge-cell,
  .employee-special-reward-cell { min-width: 105px; }
  .commission-modal .form-grid { grid-template-columns: 1fr; }
  .commission-modal .form-grid .full { grid-column: auto; }
  .commission-modal .modal-footer,
  .special-reward-modal .modal-footer { align-items: flex-start; flex-direction: column; }
  .commission-modal .modal-footer > div,
  .special-reward-modal .modal-footer > div { width: 100%; justify-content: flex-end; }
  .rule-preview { flex-direction: column; gap: 5px; }
  .special-reward-list { max-height: 40vh; }
}

.customer-registration-time {
  color: #73847c;
  font-size: 8px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

@media (max-width: 1250px) {
  .campaign-card.draft.persisted-campaign { display: block; }
}

@media (max-width: 650px) {
  .campaign-card.draft.persisted-campaign { display: block; }
}