:root{font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:#243b3b;background:#f5f7f8;font-synthesis:none;--teal:#087f71;--teal-dark:#06665c;--muted:#849293;--line:#e7eded;--surface:#fff;--red:#c4605a;--amber:#b98228}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{transition:background .15s,box-shadow .15s,color .15s}button:focus-visible,a:focus-visible{outline:3px solid #68c7ba;outline-offset:3px}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:29px;font-weight:650;letter-spacing:-1px}h2{font-size:16px;font-weight:650}h3{font-size:14px}small{font-size:12px}.muted{color:var(--muted)}.small{font-size:12px}.positive{color:var(--teal)}.negative{color:var(--red)}.strong{font-weight:650}.num{text-align:right;font-variant-numeric:tabular-nums}.right{text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #dfe7e6;color:#405555;border-radius:8px;padding:10px 15px;font-size:13px;font-weight:550;white-space:nowrap;min-height:39px}.btn svg{width:17px;height:17px}.btn:hover{background:#f2f7f6;border-color:#bdcfcb}.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 3px 7px #087f7112}.btn.primary:hover{background:var(--teal-dark)}.btn.danger{background:#be5a53;color:white;border-color:#be5a53}.full{width:100%}.text-btn{border:0;background:none;color:var(--teal);padding:6px 0;display:inline-flex;align-items:center;gap:3px;font-size:12px;white-space:nowrap}.text-btn:hover{color:var(--teal-dark);text-decoration:underline}.text-btn.neutral{color:#718484}.text-btn svg{width:14px;height:14px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#7d9190;width:32px;height:32px;border-radius:6px}.icon-btn:hover{background:#e9f1ef;color:var(--teal)}.boot{padding:100px 20px;text-align:center;color:var(--muted)}.eyebrow{font-size:10px;color:#8a9c99;letter-spacing:2px;font-weight:600;margin-bottom:10px}
.workspace{display:flex;min-height:100vh}.sidebar{width:238px;background:#fff;border-right:1px solid var(--line);position:fixed;left:0;top:0;bottom:0;display:flex;flex-direction:column;padding:31px 20px 0;z-index:20}.brand{display:flex;gap:10px;align-items:center;font-size:20px;font-weight:650;letter-spacing:.5px}.brand img{width:37px;height:37px}.brand small{display:block;font-size:8px;letter-spacing:1.5px;font-weight:550;color:#8fa09d;margin-top:4px}.workspace-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9aa9a6;letter-spacing:1px;margin:40px 12px 14px}.workspace-label span{font-size:9px;background:#f5f7f6;border-radius:4px;padding:3px 5px;letter-spacing:0}.nav-item{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:13px 15px;color:#748583;font-size:13px;text-align:left;border-radius:8px;margin-bottom:6px;position:relative}.nav-item svg{width:19px;height:19px}.nav-item:hover{background:#f6f9f8}.nav-item.active{background:#e9f5f1;color:var(--teal);font-weight:650}.nav-dot{height:5px;width:5px;background:#c5d9d4;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto}.sidebar-tip{background:#f7faf9;padding:18px 14px;border:1px solid #edf2ef;border-radius:10px;margin-top:45px}.sidebar-tip>svg{color:#8caea4;width:23px;height:23px;margin-bottom:9px;display:block}.sidebar-tip b{font-size:11px;font-weight:600;color:#617b72}.sidebar-tip p{font-size:10px;color:#99aaa3;line-height:1.9;margin-top:6px}.help-link{display:flex;align-items:center;width:100%;gap:9px;padding:20px 5px;border:0;background:none;font-size:12px;color:#849591}.help-link svg{width:16px;height:16px}.help-link svg:last-child{margin-left:auto;width:12px}.profile{margin:0 -20px;padding:18px 16px;display:flex;gap:10px;align-items:center;border-top:1px solid var(--line)}.avatar{background:#e6efec;border:1px solid #dce8e2;color:#6b8b7c;border-radius:50%;height:36px;width:36px;display:grid;place-items:center;font-size:13px;flex-shrink:0}.profile b{font-size:11px;display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile small{display:block;font-size:9px;color:#98a4a1;margin-top:5px}.profile .icon-btn{margin-left:auto;width:25px}.main-area{margin-left:238px;width:calc(100% - 238px);display:flex;flex-direction:column}.topbar{height:73px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fff;border-bottom:1px solid var(--line)}.topbar>div{display:flex;align-items:center;gap:16px}.breadcrumb{color:#9ba6a6;font-size:11px}.breadcrumb span{margin:0 12px;color:#c3cccc}.breadcrumb b{color:#667d78;font-weight:500}.topbar-right{font-size:11px;color:#91a29d}.demo-pill{font-size:10px;display:flex;align-items:center;gap:5px;border-radius:5px;background:#f0f7f3;color:#6d9180;padding:6px 8px}.demo-pill i{width:5px;height:5px;border-radius:50%;background:#80ad90}.date-today{display:flex;gap:7px;align-items:center}.date-today svg{width:14px;height:14px}.mobile-menu{display:none}#content{padding:33px 38px 40px;max-width:1680px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:18px}.page-heading p{color:#8d9b9a;font-size:12px;margin-top:10px;line-height:1.8}.heading-actions{display:flex;gap:10px;flex-shrink:0}.app-footer{padding:18px 38px;border-top:1px solid var(--line);color:#9daaa7;font-size:10px;display:flex;justify-content:space-between}.separator{margin:0 10px;color:#d5dedb}.filters{display:flex;align-items:center;gap:10px;margin-bottom:21px;flex-wrap:wrap}.filter-date{display:flex;align-items:center;gap:9px;background:white;border:1px solid #e1e8e6;border-radius:7px;padding:0 11px;height:37px}.filter-date svg{width:15px;height:15px;color:#8c9b96}.filter-date input{border:0;padding:0;font-size:11px;width:112px;height:32px;color:#73877f;background:transparent;box-shadow:none}.filter-date span{font-size:11px;color:#a4b0aa}.filters select{width:auto;min-width:119px;height:37px;font-size:11px;padding:6px 28px 6px 12px;margin:0}.filters .btn{min-height:36px;height:37px;padding:7px 14px;font-size:11px}.filter-note{margin-left:auto;font-size:10px;color:#a0aca8}.panel>.filters{padding:19px 22px;margin:0;border-bottom:1px solid var(--line)}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{background:white;border:1px solid var(--line);border-radius:11px;padding:21px 22px;min-height:150px;box-shadow:0 2px 2px #243b3b01}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#7a8d88;font-size:11px;margin-bottom:14px}.stat-icon{display:grid;place-items:center;height:29px;width:29px;border-radius:8px;background:#f1f6f4;color:#87a199}.stat-icon svg{width:16px;height:16px}.stat-card strong{font-size:27px;font-weight:650;letter-spacing:-.8px;font-variant-numeric:tabular-nums;white-space:nowrap;display:block}.stat-card strong em{font-size:12px;font-weight:400;color:#95a5a0;font-style:normal;margin-left:7px}.stat-note{font-size:10px;color:#a1ada8;margin-top:13px}.stat-card.highlight{background:#087f71;border-color:#087f71;color:#fff;position:relative;overflow:hidden}.stat-card.highlight:after{content:"";position:absolute;right:-24px;bottom:-42px;width:140px;height:140px;border:1px solid #ffffff16;border-radius:50%;box-shadow:0 0 0 25px #ffffff05,0 0 0 50px #ffffff03;pointer-events:none}.stat-card.highlight .stat-top,.stat-card.highlight .stat-note{color:#b4d9cf}.stat-card.highlight .stat-icon{background:#ffffff15;color:#c1e4da}.stat-card.amber .stat-icon{background:#faf4e9;color:#b69b65}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;gap:10px}.panel-heading p{font-size:10px;color:#9ca9a4;margin-top:6px}.panel-heading>svg{width:17px;height:17px;color:#b0beba}.tiny-label{font-size:9px;font-weight:400;color:#91a09b;background:#f4f7f5;border:1px solid #edf1ee;border-radius:4px;padding:2px 5px;vertical-align:middle;margin-left:5px}.count-chip{font-size:10px;font-weight:500;background:#eff5f1;color:#8b9f93;padding:2px 7px;border-radius:4px;margin-left:7px}.dashboard-middle{display:grid;grid-template-columns:1.65fr 1fr;gap:21px;margin-bottom:19px}.bar-chart{height:181px;display:flex;padding:2px 25px 0 22px;margin-top:4px}.chart-grid{width:65px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;color:#a1afa8;font-size:9px;padding-bottom:26px;position:relative}.chart-grid span:after{content:"";position:absolute;left:65px;width:calc(100vw - 850px);max-width:650px;height:1px;background:#f0f3f1;transform:translateY(4px);pointer-events:none}.bars{display:flex;align-items:stretch;justify-content:space-around;gap:12px;width:100%;z-index:1}.bar-column{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0;max-width:65px}.bar-track{height:155px;width:100%;max-width:36px;display:flex;align-items:flex-end}.chart-bar{width:100%;border-radius:5px 5px 0 0;background:#c2e0d6;position:relative;min-height:3px}.chart-bar.last{background:var(--teal)}.bar-column small{font-size:9px;color:#8d9e94;padding-top:10px;white-space:nowrap}.bar-tip{display:none;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);background:#254b42;padding:5px 7px;color:white;font-size:10px;border-radius:5px;white-space:nowrap}.chart-bar:hover .bar-tip,.chart-bar:focus .bar-tip{display:block}.chart-legend{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#8b9b93;margin:23px 24px 22px}.chart-legend i{width:6px;height:6px;border-radius:2px;background:var(--teal)}.chart-legend span{margin-left:auto;color:#a5b1aa}.category-list{padding:0 24px 19px}.category-row{display:flex;align-items:center;gap:11px;margin-bottom:17px}.category-row:last-child{margin-bottom:0}.category-letter{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;font-size:11px;font-weight:600}.category-row>div{flex:1;min-width:0}.category-text{display:flex;justify-content:space-between;font-size:11px;gap:5px}.category-text b{font-weight:500;color:#6c8076}.category-text span{font-variant-numeric:tabular-nums;font-size:11px}.category-text small{display:inline-block;text-align:right;width:33px;font-size:9px;color:#a1aea4}.category-track{margin-top:8px;height:4px;border-radius:3px;background:#f2f5f3;overflow:hidden}.category-track i{height:100%;display:block;border-radius:3px}.cat-0{background:#e4f2ec;color:#5c9c86}.cat-1{background:#e8eff8;color:#7d9bc1}.cat-2{background:#f2eefa;color:#a28ebf}.cat-3{background:#fbf2e3;color:#c3a25b}.cat-4{background:#ecf0f2;color:#98a6af}.category-track .cat-0{background:#71b199}.category-track .cat-1{background:#a3bcd9}.category-track .cat-2{background:#c4b5d9}.category-track .cat-3{background:#dfc890}.category-track .cat-4{background:#b7c3c9}.balance-strip{display:flex;align-items:center;gap:24px;background:#edf4f1;border:1px solid #e1ece5;border-radius:8px;padding:14px 19px;margin-bottom:22px;color:#769183;font-size:10px;flex-wrap:wrap}.balance-strip>span:first-child{display:flex;align-items:center;gap:8px;color:#648374}.balance-strip svg{width:16px;height:16px}.balance-strip b{margin-left:8px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.balance-strip>.muted{margin-left:auto;color:#99ada0;font-size:9px}
.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{background:#fafcfb;color:#94a49c;font-weight:500;white-space:nowrap;padding:13px 22px;border-bottom:1px solid var(--line);text-align:left}th.num,td.num{text-align:right}th.right,td.right{text-align:right}td{padding:16px 22px;color:#687e73;border-bottom:1px solid #eff3f0;white-space:nowrap;line-height:1.6}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdfc}td small{display:block;color:#a0aea5;font-size:9px;margin-top:3px}td.strong{color:#3f594c;font-size:12px}.order-link{border:0;background:none;color:#567567;padding:0;font:inherit;font-weight:600;letter-spacing:.3px}.order-link:hover{color:var(--teal)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;font-size:9px;border-radius:4px;line-height:1.5;white-space:nowrap}.badge i{height:4px;width:4px;border-radius:50%;background:currentColor}.badge.pending{background:#fbf3e3;color:#b79750}.badge.settled{background:#ecf6ef;color:#70a07a}.badge.cancelled{background:#f0f3f2;color:#9aa69e}.table-actions{display:flex;justify-content:flex-end;align-items:center;gap:13px}.amount-breakdown{font-size:10px;line-height:1.8;color:#81958a}.amount-breakdown span{color:#c1cec5;margin:0 5px}.custom-label{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-top:1px solid var(--line);font-size:10px;color:#9aaba0}.pagination b{font-weight:600;color:#758e7d}.pagination>div{display:flex;align-items:center;gap:15px}.page-btn{width:29px;height:29px;display:grid;place-items:center;border:1px solid #e5ede7;border-radius:6px;background:white;font-size:19px;color:#7a9382}.footnote{display:flex;gap:8px;align-items:center;font-size:10px;color:#9cac9e;margin:18px 3px;line-height:1.8}.footnote svg{width:14px;height:14px}.member-cell{display:flex;gap:10px;align-items:center}.member-cell b{font-weight:500}.small-avatar{width:31px;height:31px;font-size:11px}.type-tag{background:#f3f6f4;border-radius:4px;color:#82968a;padding:4px 7px;font-size:10px}.reason-cell{white-space:normal;min-width:140px;max-width:270px;word-break:break-word}.empty{text-align:center;padding:55px 20px;color:#a1b3a7}.empty>svg{width:35px;height:35px;margin-bottom:12px;color:#b8c9bd}.empty h3{font-size:13px;color:#839989;font-weight:500}.empty p{font-size:11px;margin-top:9px}.error-panel{padding:45px;text-align:center}.error-panel p{margin:15px 0;color:var(--red)}
label{display:block;font-size:12px;color:#6d8174;margin-bottom:19px;line-height:1.6}input,textarea,select{display:block;border:1px solid #dfe7e1;background:#fff;color:#3d5b47;border-radius:7px;padding:11px 12px;width:100%;margin-top:7px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:#7cb69b;box-shadow:0 0 0 3px #e4f1e9}input::placeholder,textarea::placeholder{color:#b5c0b8;font-size:11px}textarea{resize:vertical;min-height:80px}input[type=number]{font-variant-numeric:tabular-nums}input::-webkit-inner-spin-button{opacity:.3}.form-error{color:#bd635a;font-size:12px;line-height:1.8}.form-error:not(:empty){background:#fdf0ee;border:1px solid #f7dcd7;padding:10px 12px;border-radius:6px;margin-bottom:17px}.form-hint{color:#9aab9e;font-size:11px;line-height:1.9}.report-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:25px;max-width:1100px}.report-panel .panel-heading{border-bottom:1px solid var(--line)}.pill{font-size:10px;color:#9aaba0;background:#f3f7f4;padding:5px 10px;border-radius:5px}.form-content{padding:26px}.report-amounts{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px}.report-amounts label>span{display:flex;align-items:center;gap:7px}.mini-category{font-style:normal;width:20px;height:20px;display:grid;place-items:center;font-size:10px;border-radius:5px}.money-input{display:flex;align-items:center;border:1px solid #dfe7e1;border-radius:7px;margin-top:8px;height:44px;overflow:hidden;background:white}.money-input>span{padding-left:13px;color:#9bac9f;font-size:15px}.money-input input{border:0;margin:0;box-shadow:none;height:42px;font-size:16px;color:#355742;padding:8px 10px;min-width:0}.money-input:focus-within{border-color:#7cb69b;box-shadow:0 0 0 3px #e4f1e9}.custom-section{background:#f8faf8;border:1px solid #e9efea;padding:18px;border-radius:9px;margin:7px 0 23px}.custom-section h3{margin-bottom:17px;font-size:12px;font-weight:500}.custom-fields{display:grid;grid-template-columns:1.4fr 1fr;gap:15px}.custom-fields label{margin-bottom:0;font-size:11px}.custom-fields input{height:42px}.report-submit{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:22px 26px;gap:15px}.report-submit>div{display:flex;flex-direction:column;gap:5px;font-size:11px}.report-submit strong{font-size:24px;color:var(--teal);font-weight:600}.wallet-card{background:linear-gradient(120deg,#087f71,#116e62);color:white;border-radius:12px;padding:25px;margin-bottom:21px}.wallet-card>span{font-size:12px;color:#bfded0;display:flex;align-items:center;gap:9px}.wallet-card>strong{display:block;font-size:34px;font-weight:550;margin:22px 0 26px;letter-spacing:-.5px}.wallet-card>div{border-top:1px solid #ffffff20;padding-top:16px;display:flex;justify-content:space-between;font-size:11px;color:#bbd9ca}.wallet-card b{color:#fff;font-weight:500}.wallet-card b.negative{color:#ffceaa}.rules-card{padding:23px}.rules-card h3{display:flex;align-items:center;gap:8px;color:#6c8c77;font-size:12px;margin-bottom:23px}.rules-card h3 svg{width:16px;height:16px}.rules-card p{display:flex;gap:13px;color:#acc0ae;font-size:11px;margin-top:18px;line-height:1.9;font-variant-numeric:tabular-nums}.rules-card p span{color:#98a99a}.login-layout{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.login-story{padding:50px 65px;background:#edf3f0;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:before{content:"";width:650px;height:650px;border-radius:50%;border:1px solid #d8e5dc;position:absolute;left:-140px;top:37%;box-shadow:0 0 0 65px #e4ede766,0 0 0 130px #e4ede733}.login-story .brand{z-index:1;font-size:22px}.login-story .brand span{font-size:9px;letter-spacing:2px;color:#98b0a1;margin-left:6px}.story-copy{position:relative;margin:auto 0;z-index:1;padding:80px 0}.story-copy .eyebrow{color:#6b977d;letter-spacing:3px;font-size:11px;margin-bottom:25px}.story-copy h1{font-size:48px;line-height:1.6;letter-spacing:1px;color:#214c38;font-weight:600}.story-copy>p{color:#8ba693;line-height:2.2;margin-top:23px;font-size:14px}.story-card{display:flex;align-items:center;gap:14px;margin-top:50px;background:#ffffffa0;border:1px solid #ffffffb0;border-radius:10px;padding:19px;max-width:355px;box-shadow:0 8px 25px #244e3610}.story-icon{display:grid;place-items:center;background:#dcebe1;color:#639076;width:35px;height:35px;border-radius:50%}.story-card b{color:#4e725c;font-size:12px;font-weight:550}.story-card small{display:block;color:#9ab09f;font-size:10px;margin-top:7px}.story-footer{display:flex;justify-content:space-between;color:#a5b8a9;font-size:10px;z-index:1}.login-form-wrap{display:flex;justify-content:center;align-items:center;background:#fff;padding:50px}.login-form{max-width:360px;width:100%}.small-logo{display:grid;place-items:center;width:39px;height:39px;background:#edf5ee;color:#7a9c82;border-radius:11px;margin-bottom:23px}.login-form h2{font-size:28px;color:#365b43;margin-bottom:11px}.login-form>.muted{font-size:12px;color:#9aaca0;margin-bottom:35px}.login-form label{font-size:12px;color:#7d9686;margin-bottom:19px}.login-form input{height:45px;margin-top:9px}.login-form .btn.primary{height:45px;margin-top:8px}.demo-box{border:1px dashed #dce9df;background:#f9fbf9;border-radius:8px;padding:17px;margin-top:27px}.demo-tag{font-size:10px;color:#789f82;background:#e9f3eb;border-radius:4px;padding:3px 7px}.demo-box p{font-size:11px;color:#9caf9f;margin-top:13px}.demo-actions{display:flex;gap:10px;margin:14px 0 10px}.demo-actions .btn{font-size:11px;flex:1}.demo-box>small{font-size:9px;color:#adbdaf}.login-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#b3c0b5;font-size:10px;margin-top:30px}.login-note svg{width:12px;height:12px}
dialog{border:1px solid #dde8df;border-radius:14px;padding:0;width:480px;max-width:calc(100vw - 30px);max-height:90vh;color:#3c5b46;box-shadow:0 25px 100px #0f302d30}dialog::backdrop{background:#193d364d;backdrop-filter:blur(3px)}.modal-head{padding:23px 25px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);gap:10px}.modal-head h2{font-size:19px}.modal-head p{font-size:11px;color:#96aa9b;margin-top:9px;line-height:1.6}.modal-body{padding:24px 25px}.modal-body>p{font-size:12px;line-height:1.9}.modal-foot{display:flex;justify-content:flex-end;gap:10px;background:#fafcfb;border-top:1px solid var(--line);padding:16px 25px}.modal-summary{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f1f7f3;border:1px solid #e6efe8;border-radius:8px;margin-bottom:23px;font-size:12px;color:#8b9f91}.modal-summary strong{font-size:20px;color:var(--teal);font-weight:600}.payout-preview{display:flex;justify-content:space-between;align-items:center;padding:15px 0 20px;font-size:12px;color:#8da393}.payout-preview strong{font-size:27px;color:var(--teal);font-weight:600}.detail-status{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.detail-status strong{font-size:24px}.detail-list{margin:10px 0 0}.detail-list>div{display:flex;justify-content:space-between;gap:25px;padding:10px 0;font-size:12px}.detail-list dt{color:#9bac9d;white-space:nowrap}.detail-list dd{margin:0;word-break:break-word;text-align:right}.help-content h3{font-size:13px;color:#5f856c;margin-bottom:8px}.help-content p{font-size:12px;color:#94a798;line-height:2;margin-bottom:20px}.help-content p:last-child{margin-bottom:0}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#244f3d;color:white;padding:13px 22px;border-radius:9px;font-size:13px;box-shadow:0 4px 20px #23483425;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;line-height:1.7}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#a5544c}
@media(min-width:1500px){.stat-card strong{font-size:32px}.stat-card{padding:24px}.bar-chart{height:210px}.bar-track{height:184px}.category-row{margin-bottom:23px}.chart-grid span:after{width:calc(100vw - 850px)}}
@media(max-width:1200px){.sidebar{width:210px;padding-left:16px;padding-right:16px}.profile{margin-left:-16px;margin-right:-16px}.main-area{margin-left:210px;width:calc(100% - 210px)}#content{padding:28px 25px}.topbar{padding:0 25px}.stats-grid{gap:12px}.stat-card{padding:17px 15px;min-height:141px}.stat-card strong{font-size:23px}.stat-top{font-size:10px}.stat-note{font-size:9px}.panel-heading{padding:20px}.dashboard-middle{grid-template-columns:1.3fr 1fr;gap:16px}.balance-strip{gap:16px}.balance-strip>.muted{display:none}th,td{padding-left:17px;padding-right:17px}.login-story{padding:40px}.story-copy h1{font-size:40px}.login-story .brand span{display:none}.chart-grid span:after{width:calc(100vw - 780px)}}
@media(max-width:950px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-middle{grid-template-columns:1fr}.distribution .category-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.category-row{margin-bottom:0}.chart-grid span:after{width:calc(100vw - 400px)}.report-layout{grid-template-columns:1fr}.report-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wallet-card{margin:0;height:fit-content}.filters{gap:8px}.filter-note{display:none}.stats-grid.three{grid-template-columns:1fr}.login-story{padding:30px}.story-copy h1{font-size:34px}.login-form-wrap{padding:35px}.story-copy>p{font-size:12px}.date-today{display:none}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:238px;box-shadow:5px 0 40px #1b40361a;padding-top:25px}.sidebar.mobile-open{transform:translateX(0)}.main-area{margin-left:0;width:100%}.mobile-menu{display:inline-flex}.topbar{height:60px;padding:0 17px;position:sticky;top:0;z-index:10}.topbar>div{gap:7px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 5px}.topbar-right{gap:8px!important}.demo-pill{font-size:9px}.topbar-right>.icon-btn{width:25px}.page-heading{align-items:flex-start;margin-bottom:23px;gap:10px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.page-heading h1{font-size:24px}.page-heading p{font-size:11px;max-width:260px}.heading-actions .btn{font-size:11px;padding:8px 10px;min-height:35px;margin-top:19px}.heading-actions .btn svg{width:14px;height:14px}#content{padding:24px 16px}.stat-card{padding:16px;min-height:138px}.stat-card strong{font-size:23px}.stat-note{line-height:1.7}.stat-icon{width:25px;height:25px}.stat-top{gap:3px}.stats-grid{gap:11px;margin-bottom:18px}.stats-grid.three{grid-template-columns:1fr}.filters{gap:9px;margin-bottom:18px}.filter-date{width:100%;justify-content:space-between;height:39px}.filter-date input{width:42%;font-size:11px}.filters select{flex:1;min-width:95px}.filters>.text-btn{padding:7px}.panel>.filters{padding:15px}.dashboard-middle{gap:17px}.panel-heading{padding:20px 17px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:9px}.panel-heading>.small{font-size:9px}.chart-grid span:after{width:calc(100vw - 150px)}.bar-chart{padding:0 17px}.chart-grid{width:55px}.chart-grid span:after{left:55px}.bars{gap:10px}.distribution .category-list{display:block;padding:0 18px 22px}.category-row{margin-bottom:19px}.category-row:last-child{margin-bottom:0}.balance-strip{padding:13px 15px;gap:14px;font-size:9px}.balance-strip>span:first-child{width:100%}.balance-strip b{font-size:12px;margin-left:6px}.app-footer{padding:17px;font-size:9px}.app-footer>span:last-child{display:none}th,td{padding:13px 15px}.footnote{align-items:flex-start}.report-aside{display:flex;flex-direction:column}.wallet-card{order:-1}.report-layout{display:flex;flex-direction:column-reverse;gap:18px}.rules-card{display:none}.wallet-card{padding:19px}.wallet-card>strong{font-size:30px;margin:15px 0}.wallet-card>div{padding-top:12px}.report-amounts{gap:4px 15px}.form-content{padding:20px}.custom-fields{grid-template-columns:1fr}.custom-section{padding:15px}.report-submit{padding:18px 20px}.report-submit .btn{font-size:12px}.login-layout{display:block;background:#fff;min-height:100vh}.login-story{padding:25px 25px 30px;min-height:0;background:#edf4ee}.login-story .brand{font-size:20px}.login-story .brand img{width:33px;height:33px}.story-copy{padding:25px 0 0}.story-copy .eyebrow{display:none}.story-copy h1{font-size:25px;line-height:1.5;letter-spacing:0}.story-copy h1 br{display:none}.story-copy>p,.story-card,.story-footer{display:none}.login-form-wrap{padding:30px 25px}.login-form{max-width:400px}.small-logo{display:none}.login-form h2{font-size:22px}.login-form>.muted{margin-bottom:24px}.demo-box{margin-top:23px}.modal-head{padding:20px}.modal-body{padding:20px}.modal-foot{padding:15px 20px}.pagination{padding:15px}.chart-legend span{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.status-filters {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 14px 22px;
  border-bottom: 1px solid var(--line);
}
.status-filter {
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 7px 11px;
  background: transparent;
  color: #637d70;
  font: inherit;
  font-size: 12px;
}
.status-filter:hover { background: #f2f7f4; }
.status-filter.active {
  border-color: #cbe4dc;
  background: #eaf5f0;
  color: #087466;
  font-weight: 600;
}
.queue-count {
  padding: 0 6px;
  border-radius: 10px;
  background: #ffffff30;
  font-variant-numeric: tabular-nums;
}
.btn.confirm-btn { min-height: 32px; padding: 6px 12px; }
.order-effect { font-weight: 600; }
.mobile-order-label { display: none; }
#report-impact { font-weight: 600; line-height: 1.5; }
.report-sign-hint { margin-bottom: 14px; }
.report-field { min-width: 0; }
.report-field label { margin-bottom: 0; }
.report-amounts .report-field { margin-bottom: 15px; }
.report-sign {
  flex: 0 0 44px;
  align-self: stretch;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-right: 1px solid var(--line);
  background: var(--surface);
  color: var(--teal);
  font-size: 18px;
  font-weight: 650;
}
.report-sign:hover { background: #eef5f1; }
.report-sign:focus-visible { outline-offset: -3px; }
.report-sign[aria-pressed="true"] { color: #9d4038; background: #fceeea; }
.filter-order {
  width: 178px;
  max-width: 100%;
  height: 37px;
  margin: 0;
  font-size: 12px;
}
.export-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 16px;
}
.export-presets .status-filter[aria-pressed="true"] {
  border-color: #cbe4dc;
  background: #eaf5f0;
  color: #087466;
  font-weight: 600;
}
.ledger-reference { display: block; margin-top: 5px; color: var(--teal); }
.ledger-reference svg { width: 12px; height: 12px; }
.detail-links { padding-top: 12px; border-top: 1px solid var(--line); }
.nav-scrim { display: none; }
.audit-filter-actions { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.audit-breakdown {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 14px 22px;
  border-bottom: 1px solid var(--line);
}
.audit-breakdown li { display: flex; gap: 8px; align-items: center; padding: 5px 9px; border: 1px solid var(--line); border-radius: 6px; font-size: 11px; }
.audit-breakdown strong { color: var(--teal); font-variant-numeric: tabular-nums; }
.audit-detail small { font-size: inherit; overflow-wrap: anywhere; }

@media (max-width: 700px) {
  .heading-actions { flex-wrap: wrap; justify-content: flex-end; }
  .status-filters { padding: 12px 14px; }
  .order-list table, .order-list tbody { display: block; }
  .order-list thead { display: none; }
  .order-list tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px 12px;
    padding: 15px;
    border-bottom: 1px solid var(--line);
  }
  .order-list tbody tr:last-child { border-bottom: 0; }
  .order-list tbody td {
    padding: 0;
    border: 0;
    font-size: 12px;
  }
  .order-list .order-reference { grid-row: 1; grid-column: 1; white-space: normal; }
  .order-list .order-status { grid-row: 1; grid-column: 2; justify-self: end; }
  .order-list .order-date, .order-list .order-breakdown { display: none; }
  .order-list .order-total { grid-row: 2; grid-column: 1; text-align: left; }
  .order-list .order-change { grid-row: 2; grid-column: 2; align-self: end; }
  .order-list .order-actions { grid-row: 3; grid-column: 1 / -1; }
  .mobile-order-label { display: block; font-size: 10px; font-weight: 400; color: #637d70; }
  .filter-order { flex: 1 1 180px; width: 100%; }
  .ledger-list table, .ledger-list tbody { display: block; }
  .ledger-list thead { display: none; }
  .ledger-list tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "time kind" "name amount" "balances balances" "reason actor";
    gap: 8px 12px;
    padding: 15px;
    border-bottom: 1px solid var(--line);
  }
  .ledger-list tbody tr:last-child { border-bottom: 0; }
  .ledger-list tbody td { padding: 0; border: 0; font-size: 12px; overflow-wrap: anywhere; }
  .ledger-list .ledger-time { grid-area: time; }
  .ledger-list .ledger-kind { grid-area: kind; justify-self: end; }
  .ledger-list .ledger-name { grid-area: name; white-space: normal; }
  .ledger-list .ledger-amount { grid-area: amount; }
  .ledger-list .ledger-balances { grid-area: balances; text-align: left; }
  .ledger-list .ledger-reason { grid-area: reason; min-width: 0; }
  .ledger-list .ledger-actor { grid-area: actor; text-align: right; white-space: normal; }
}

.login-layout { position: relative; }
.login-theme-toggle { position: absolute; top: 20px; right: 22px; z-index: 2; }
.login-theme-toggle .icon-btn { background: var(--surface); border: 1px solid var(--line); width: 39px; height: 39px; }
.topbar-right > .icon-btn { width: 36px; height: 36px; }
.settings-link { padding: 13px 5px 0; }
.settings-account { display: flex; gap: 12px; align-items: center; }
.settings-account p { font-size: 12px; margin-top: 4px; overflow-wrap: anywhere; }
.settings-section { border-top: 1px solid var(--line); padding-top: 16px; margin-top: 16px; }
.settings-section h3 { margin-bottom: 10px; }
.theme-choices { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 6px; }
.theme-choices .status-filter { min-height: 38px; border-color: var(--line); }
.theme-choices [aria-pressed="true"] { background: #eaf5f0; color: var(--teal-dark); border-color: #bbdcd3; font-weight: 650; }
.password-visibility { min-height: 32px; }
.adjust-direction { border: 0; padding: 0; margin: 0 0 19px; min-inline-size: 0; }
.adjust-direction legend { padding: 0; margin-bottom: 7px; font-size: 12px; }
.adjust-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.adjust-options label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
}
.adjust-options label:has(:checked) {
  background: #eaf5f0;
  border-color: var(--teal);
  color: var(--teal-dark);
  font-weight: 650;
}
.adjust-options input[type="radio"] { width: 16px; height: 16px; padding: 0; margin: 0; accent-color: var(--teal); }
.adjust-options input[type="radio"]:focus-visible { outline: 2px solid var(--teal); outline-offset: 3px; }

:root[data-theme="dark"] {
  color-scheme: dark;
  color: #e3eeeb;
  background: #111c1c;
  --surface: #192626;
  --line: #354744;
  --muted: #a4b8b0;
  --teal: #78debf;
  --teal-dark: #adf5e0;
  --red: #ffaaa4;
  --amber: #f0ca83;
  --raised: #233330;
  --field: #13201f;
  --selected: #21443b;
}
:root[data-theme="dark"] :is(.sidebar, .topbar, .panel, .stat-card, .login-form-wrap, .login-layout, dialog) {
  background: var(--surface);
  border-color: var(--line);
  color: inherit;
}
:root[data-theme="dark"] :is(.btn, .page-btn, .filter-date, .money-input, input, textarea, select) {
  background: var(--field);
  border-color: var(--line);
  color: #dbe9e3;
}
:root[data-theme="dark"] :is(.btn:hover, .page-btn:hover, .nav-item:hover, .icon-btn:hover, .status-filter:hover, tbody tr:hover) { background: var(--raised); }
:root[data-theme="dark"] .btn.primary { background: #086c5b; border-color: #248773; color: white; }
:root[data-theme="dark"] .btn.primary:hover { background: #137762; }
:root[data-theme="dark"] .btn.danger { background: #9e4945; border-color: #a9514d; color: white; }
:root[data-theme="dark"] .btn.danger:hover { background: #a9514d; }
:root[data-theme="dark"] :is(input, select, textarea):focus,
:root[data-theme="dark"] .money-input:focus-within { border-color: #6dbda7; box-shadow: 0 0 0 3px #6dbda72b; }
:root[data-theme="dark"] :is(input, textarea)::placeholder { color: #9aacaa; }
:root[data-theme="dark"] .filter-date input { background: transparent; box-shadow: none; }
:root[data-theme="dark"] .filter-date input:focus-visible { outline: 2px solid #6dbda7; outline-offset: 1px; }
:root[data-theme="dark"] .money-input input { box-shadow: none; }
:root[data-theme="dark"] :is(.sidebar-tip, .workspace-label span, .stat-icon, .tiny-label, .count-chip, .balance-strip, .type-tag, .pill, .custom-section, .small-logo, .demo-box, .modal-summary, .modal-foot, th) {
  background: var(--raised);
  border-color: var(--line);
  color: var(--muted);
}
:root[data-theme="dark"] :is(.demo-pill, .demo-tag, .avatar, .story-icon) { background: var(--selected); color: var(--teal); border-color: var(--line); }
:root[data-theme="dark"] :is(.nav-item.active, .status-filter.active, .theme-choices [aria-pressed="true"], .export-presets .status-filter[aria-pressed="true"]) {
  background: var(--selected);
  border-color: #396458;
  color: var(--teal);
}
:root[data-theme="dark"] :is(.eyebrow, .nav-item, .icon-btn, .brand small, .workspace-label, .sidebar-tip b, .sidebar-tip p, .help-link, .profile small, .breadcrumb, .breadcrumb span, .breadcrumb b, .topbar-right, .page-heading p, .app-footer, .separator, .filter-date svg, .filter-date span, .filter-note, .stat-top, .stat-note, .stat-card strong em, .panel-heading p, .chart-grid, .bar-column small, .chart-legend, .chart-legend span, .category-text b, .category-text small, .balance-strip > span:first-child, .balance-strip > .muted, .amount-breakdown, .amount-breakdown span, .pagination, .pagination b, .footnote, .empty, .empty h3, .empty > svg, .form-hint, .money-input > span, .rules-card h3, .rules-card p, .rules-card p span, .modal-head p, .payout-preview, .detail-list dt, .help-content h3, .help-content p, .status-filter, .mobile-order-label, .text-btn.neutral, label, td small) { color: var(--muted); }
:root[data-theme="dark"] .nav-item.active,
:root[data-theme="dark"] .status-filter.active,
:root[data-theme="dark"] .icon-btn:hover { color: var(--teal); }
:root[data-theme="dark"] :is(td, .order-link) { color: #c2d3cb; border-color: var(--line); }
:root[data-theme="dark"] td.strong { color: #e3eeeb; }
:root[data-theme="dark"] :is(.order-link:hover, td.positive) { color: var(--teal); }
:root[data-theme="dark"] td.negative { color: var(--red); }
:root[data-theme="dark"] .chart-grid span::after,
:root[data-theme="dark"] .category-track { background: var(--line); }
:root[data-theme="dark"] .chart-bar:not(.last) { background: #57947f; }
:root[data-theme="dark"] .stat-card.highlight { background: #125c4d; border-color: #2b7966; color: white; }
:root[data-theme="dark"] .stat-card.highlight :is(.stat-top, .stat-note) { color: #c1e5d9; }
:root[data-theme="dark"] .wallet-card { background: linear-gradient(120deg, #125c4d, #17483e); }
:root[data-theme="dark"] :is(.badge.pending, .stat-card.amber .stat-icon, .category-letter.cat-3, .mini-category.cat-3) { background: #41351f; color: var(--amber); }
:root[data-theme="dark"] :is(.badge.settled, .category-letter.cat-0, .mini-category.cat-0) { background: var(--selected); color: var(--teal); }
:root[data-theme="dark"] :is(.badge.cancelled, .category-letter.cat-4, .mini-category.cat-4) { background: #303d42; color: #c7d8df; }
:root[data-theme="dark"] :is(.category-letter.cat-1, .mini-category.cat-1) { background: #26364d; color: #b8d2ff; }
:root[data-theme="dark"] :is(.category-letter.cat-2, .mini-category.cat-2) { background: #3b3050; color: #ddc6f4; }
:root[data-theme="dark"] .form-error:not(:empty) { background: #452b2b; border-color: #794341; color: var(--red); }
:root[data-theme="dark"] .report-sign:hover { background: var(--raised); }
:root[data-theme="dark"] .report-sign[aria-pressed="true"] { background: #452b2b; color: var(--red); }
:root[data-theme="dark"] .adjust-options label:has(:checked) { background: var(--selected); color: var(--teal-dark); }
:root[data-theme="dark"] .login-story { background: #192e2a; }
:root[data-theme="dark"] .login-story::before { border-color: #344c43; box-shadow: 0 0 0 65px #31493d45, 0 0 0 130px #31493d30; }
:root[data-theme="dark"] .story-card { background: var(--surface); border-color: var(--line); }
:root[data-theme="dark"] :is(.story-copy h1, .story-card b, .login-form h2) { color: #e3eeeb; }
:root[data-theme="dark"] :is(.login-story .brand span, .story-copy .eyebrow, .story-copy > p, .story-card small, .story-footer, .login-form > .muted, .login-form label, .demo-box p, .demo-box > small, .login-note) { color: var(--muted); }
:root[data-theme="dark"] dialog::backdrop { background: #070e0ecc; }
:root[data-theme="dark"] #toast { background: #225646; }
:root[data-theme="dark"] #toast.error { background: #863e39; }

@media (max-width: 700px) {
  .login-theme-toggle { top: 19px; right: 19px; }
  .topbar-right > .icon-btn, .mobile-menu { width: 44px; height: 44px; flex-shrink: 0; }
  .topbar { padding-inline: 12px; }
  .topbar > div:first-child { min-width: 0; }
  .breadcrumb { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .topbar .topbar-right { gap: 3px !important; }
  .sidebar { visibility: hidden; overflow-y: auto; }
  .sidebar.mobile-open { visibility: visible; }
  .nav-scrim:not([hidden]) { display: block; position: fixed; inset: 0; z-index: 15; background: #0e242671; border: 0; }
  .page-heading { display: block; }
  .heading-actions { justify-content: flex-start; margin-top: 13px; }
  .heading-actions .btn { margin-top: 0; min-height: 44px; }
  .filters .btn, .filters .text-btn, .status-filter, .pagination .page-btn,
  .table-actions button, .report-submit .btn, .modal-foot .btn { min-height: 44px; }
  .pagination .page-btn { width: 44px; }
  .table-actions { flex-wrap: wrap; gap: 5px 12px; }
  .table-actions .text-btn { padding-inline: 6px; }
  dialog { max-height: calc(100dvh - 24px); }
  dialog input:not([type="radio"]), dialog select, dialog textarea,
  .login-form input, .form-content :is(input, textarea) { font-size: 16px; }
  .filters select { min-width: 0; }
  .audit-filters select { flex: 1 1 45%; }
  .audit-breakdown { padding-inline: 15px; }
  .team-list table, .team-list tbody, .audit-list table, .audit-list tbody { display: block; }
  .team-list thead, .audit-list thead { display: none; }
  :is(.team-list, .audit-list) tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
    gap: 8px 12px;
    padding: 15px;
    border-bottom: 1px solid var(--line);
  }
  :is(.team-list, .audit-list) tbody tr:last-child { border-bottom: 0; }
  :is(.team-list, .audit-list) tbody td { padding: 0; border: 0; font-size: 12px; white-space: normal; overflow-wrap: anywhere; }
  .team-list tbody tr { grid-template-areas: "name status" "account balance" "role balance" "actions actions"; }
  .team-name { grid-area: name; }
  .team-account { grid-area: account; }
  .team-role { grid-area: role; }
  .team-status { grid-area: status; text-align: right; }
  .team-balance { grid-area: balance; align-self: center; }
  .team-actions { grid-area: actions; }
  .team-actions .table-actions { justify-content: flex-start; align-items: center; }
  .audit-list tbody tr { grid-template-areas: "time action" "actor target" "detail detail"; }
  .audit-time { grid-area: time; }
  .audit-action { grid-area: action; text-align: right; }
  .audit-actor { grid-area: actor; }
  .audit-target { grid-area: target; }
  .audit-detail { grid-area: detail; min-width: 0; max-width: none; }
}
@media (max-width: 700px) and (max-height: 680px) {
  .sidebar-tip { display: none; }
  .workspace-label { margin-top: 22px; }
}