@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap";:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--ink:#172033;--muted:#748098;--line:#e8ecf3;--primary:#536dfe;--primary-dark:#425ae1;--soft-blue:#eef1ff;--green:#23a889;--soft-green:#eafaf5;--orange:#ee9a42;--soft-orange:#fff5e9;--purple:#a071dd;--soft-purple:#f5edff;--red:#e76868;--soft-red:#fff0f0;--card-shadow:0 7px 28px #293a610b;background:#f6f8fc;font-family:DM Sans,Noto Sans TC,sans-serif}*{box-sizing:border-box}body{background:#f6f8fc;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #536dfe38}.app-shell{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #edf0f5;flex-direction:column;flex:0 0 244px;width:244px;padding:27px 15px 18px;display:flex}.brand{color:var(--ink);letter-spacing:-.6px;align-items:center;gap:10px;padding:0 13px;font-size:19px;font-weight:800;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#6883ff,#4a61e9);border-radius:10px 10px 10px 4px;place-items:center;width:31px;height:31px;display:grid;box-shadow:0 5px 12px #536dfe40}.club-switcher{border:1px solid var(--line);color:var(--ink);background:#fcfdff;border-radius:14px;align-items:center;gap:9px;margin:34px 2px 26px;padding:11px 10px;display:flex}.club-avatar{color:#fff;background:linear-gradient(145deg,#f6a26e,#ec795f);border-radius:11px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:grid}.club-switcher-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.club-switcher-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.club-switcher-text span{color:var(--muted);font-size:10px}.side-nav{flex:1}.nav-caption{color:#a6afc0;letter-spacing:.08em;text-transform:uppercase;margin:0 11px 10px;font-size:10px;font-weight:700}.nav-item,.side-link{color:#7b879c;text-align:left;background:0 0;border-radius:11px;align-items:center;gap:13px;width:100%;margin:2px 0;padding:12px;transition:all .18s;display:flex;position:relative}.nav-item:hover,.side-link:hover{color:var(--ink);background:#f7f9fd}.nav-item.active{color:var(--primary);background:var(--soft-blue);font-weight:700}.nav-item span,.side-link span{flex:1;font-size:13px}.nav-item em{color:#fff;background:var(--orange);text-align:center;border-radius:8px;min-width:20px;padding:2px 5px;font-size:10px;font-style:normal}.sidebar-bottom{border-top:1px solid #eef1f5;padding-top:14px}.profile{align-items:center;gap:9px;padding:13px 10px 2px;display:flex}.profile>div:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.profile strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.profile span{color:var(--muted);font-size:10px}.profile>svg{color:#abb4c3}.avatar,.top-avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;font-size:12px;font-weight:700;display:grid}.main-content{flex:1;min-width:0}.topbar{justify-content:flex-end;align-items:center;height:74px;padding:0 4.5%;display:flex;position:relative}.mobile-brand{color:var(--ink);align-items:center;gap:9px;font-size:17px;font-weight:800;display:none}.mobile-brand .brand-mark{border-radius:9px 9px 9px 3px;width:28px;height:28px}.topbar-actions{align-items:center;gap:14px;display:flex}.icon-button{color:#7d899e;background:0 0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{color:var(--ink);background:#eef1f7}.notification-button{position:relative}.notification-dot{background:var(--orange);border:2px solid #f6f8fc;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.notification-popover{z-index:6;border:1px solid var(--line);background:#fff;border-radius:15px;width:260px;padding:15px 17px;position:absolute;top:58px;right:4.5%;box-shadow:0 14px 45px #293a6120}.notification-popover strong{font-size:13px}.notification-popover p{color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.45}.page-wrap{max-width:1160px;margin:0 auto;padding:12px 4.5% 60px}.page-header{justify-content:space-between;align-items:flex-end;gap:18px;margin:20px 0 28px;display:flex}.eyebrow{color:var(--primary);letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800}h1,h2,h3,p{margin:0}.page-header h1{color:var(--ink);letter-spacing:-.9px;font-size:clamp(25px,3vw,32px);line-height:1.15}.page-header p{color:var(--muted);margin-top:8px;font-size:13px}.page-header-action{flex-shrink:0}.pill-button,.secondary-button,.primary-button,.filter-button,.search-button{white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex}.pill-button{color:#66738a;border:1px solid var(--line);background:#fff;padding:9px 13px}.pill-button:hover,.secondary-button:hover,.filter-button:hover,.search-button:hover{background:#fdfdff;border-color:#cdd6ea}.primary-button{color:#fff;background:var(--primary);min-height:40px;padding:10px 15px;box-shadow:0 5px 14px #536dfe2a}.primary-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.secondary-button{color:#59677e;border:1px solid var(--line);background:#fff;min-height:40px;padding:9px 14px}.secondary-button.small-button{min-height:34px;padding:7px 11px}.button-row{gap:9px;display:flex}.hero-balance{color:#fff;background:linear-gradient(115deg,#536dfe 0%,#6e83ff 65%,#8195ff 100%);border-radius:23px;justify-content:space-between;align-items:center;min-height:184px;padding:29px 34px;display:flex;position:relative;overflow:hidden;box-shadow:0 13px 32px #536dfe32}.hero-balance:before,.hero-balance:after{content:"";border:1px solid #ffffff25;border-radius:50%;position:absolute}.hero-balance:before{width:255px;height:255px;top:-147px;right:4%}.hero-balance:after{width:190px;height:190px;bottom:-137px;right:19%}.hero-label{color:#eff1ff;margin-bottom:8px;font-size:13px;display:block}.hero-number{letter-spacing:-1.5px;font-size:clamp(31px,5vw,45px);font-weight:800;line-height:1.05}.hero-sub{color:#dfe4ff;align-items:center;gap:8px;margin-top:12px;font-size:11px;display:flex}.trend-up{color:#d9ffef;background:#ffffff20;border-radius:8px;align-items:center;gap:2px;padding:3px 7px 3px 4px;font-weight:700;display:inline-flex}.balance-orb{z-index:1;color:#fff;background:#ffffff1c;border:1px solid #ffffff35;border-radius:50%;place-items:center;width:84px;height:84px;margin-right:7%;display:grid;box-shadow:0 0 0 14px #ffffff08,0 0 0 28px #ffffff05}.quick-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:17px 0;display:grid}.quick-action{min-height:64px;color:var(--ink);box-shadow:var(--card-shadow);text-align:left;background:#fff;border:1px solid #edf0f5;border-radius:15px;align-items:center;gap:12px;padding:10px 14px;transition:all .18s;display:flex}.quick-action:hover{border-color:#cbd5ef;transform:translateY(-2px);box-shadow:0 9px 28px #293a6110}.quick-action>span:nth-child(2){flex:1;font-size:13px;font-weight:700}.quick-icon{border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.quick-icon.blue,.stat-icon.blue,.report-icon.blue,.attention-icon.blue{color:var(--primary);background:var(--soft-blue)}.quick-icon.green,.stat-icon.green,.report-icon.green,.attention-icon.green{color:var(--green);background:var(--soft-green)}.quick-icon.orange,.stat-icon.orange,.report-icon.orange,.attention-icon.orange{color:var(--orange);background:var(--soft-orange)}.quick-icon.purple,.stat-icon.purple,.report-icon.purple,.attention-icon.purple{color:var(--purple);background:var(--soft-purple)}.quick-chevron{color:#bac2d0}.stat-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:17px;display:grid}.stat-card{box-shadow:var(--card-shadow);background:#fff;border:1px solid #edf0f5;border-radius:16px;align-items:flex-start;gap:12px;padding:18px;display:flex}.stat-icon{border-radius:11px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.stat-card>div:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.stat-card span,.summary-strip span,.fee-summary span,.report-summary span{color:var(--muted);font-size:11px}.stat-card strong{letter-spacing:-.4px;font-size:20px}.stat-card small{color:#a0a9b9;font-size:10px}.content-grid{grid-template-columns:1.2fr .8fr;gap:17px;margin-bottom:17px;display:grid}.panel{box-shadow:var(--card-shadow);background:#fff;border:1px solid #edf0f5;border-radius:18px}.chart-panel,.attention-panel,.recent-panel,.project-strip,.budget-panel,.reimbursement-panel,.fee-list-panel,.members-panel,.mcp-panel,.settings-list,.audit-panel,.export-panel{padding:22px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-heading h2{letter-spacing:-.2px;font-size:15px}.panel-heading p{color:var(--muted);margin-top:5px;font-size:11px}.more-link,.text-button{color:var(--primary);background:0 0;align-items:center;gap:3px;padding:3px 0;font-size:11px;font-weight:700;display:inline-flex}.more-link:hover,.text-button:hover{color:var(--primary-dark)}.chart{gap:12px;height:188px;margin-top:22px;display:flex}.chart-y{color:#a6afc0;flex-direction:column;justify-content:space-between;width:27px;padding:0 0 20px;font-size:9px;display:flex}.chart-bars{background:repeating-linear-gradient(#0000 0 59px,#f0f2f7 60px);flex:1;justify-content:space-around;align-items:flex-end;gap:11px;padding:0 4px;display:flex;position:relative}.bar-column{color:#a6afc0;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;font-size:9px;display:flex}.bar-track{background:#f1f3f8;border-radius:8px 8px 3px 3px;align-items:flex-end;width:25px;height:calc(100% - 25px);display:flex;overflow:hidden}.bar-fill{background:linear-gradient(#7f96ff,#536dfe);border-radius:8px 8px 3px 3px;width:100%}.chart-legend{color:var(--muted);gap:16px;margin:12px 0 0 39px;font-size:10px;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.legend-dot.blue{background:var(--primary)}.legend-dot.green{background:var(--green)}.muted-icon{color:#b1bbc9}.attention-list{margin-top:20px}.attention-item{border-bottom:1px solid #f0f2f6;align-items:center;gap:10px;padding:12px 0;display:flex}.attention-item:last-child{border-bottom:0}.attention-icon{border-radius:10px;flex-shrink:0;place-items:center;width:33px;height:33px;display:grid}.attention-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.attention-copy strong{font-size:11px}.attention-copy span{color:var(--muted);font-size:10px}.text-button{flex-shrink:0}.empty-attention{text-align:center;flex-direction:column;align-items:center;padding:27px 0 20px;display:flex}.empty-attention div{margin-bottom:10px;font-size:28px}.empty-attention strong{font-size:12px}.empty-attention span{color:var(--muted);margin-top:5px;font-size:10px}.recent-panel,.project-strip{margin-bottom:17px}.transaction-list{margin-top:15px}.transaction-row{border-bottom:1px solid #f0f2f6;align-items:center;gap:11px;min-height:64px;padding:9px 0;display:flex}.transaction-row:last-child{border-bottom:0}.transaction-icon{border-radius:12px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.transaction-icon.income{color:var(--green);background:var(--soft-green)}.transaction-icon.expense{color:var(--primary);background:var(--soft-blue)}.transaction-icon.small{border-radius:9px;width:29px;height:29px}.transaction-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.transaction-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.transaction-info span,.transaction-meta span{color:var(--muted);font-size:10px}.transaction-meta{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.transaction-meta strong{font-size:12px}.positive{color:var(--green)!important}.warning-text{color:var(--orange)!important}.danger-text{color:var(--red)!important}.project-mini-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px;display:grid}.project-mini{background:#fafbfe;border:1px solid #f0f2f7;border-radius:14px;padding:14px}.project-mini-top{justify-content:space-between;align-items:center;display:flex}.project-emoji{border-radius:9px;place-items:center;width:29px;height:29px;font-size:15px;display:grid}.project-emoji.large{border-radius:13px;width:42px;height:42px;font-size:22px}.project-percent{color:var(--muted);font-size:10px;font-weight:700}.project-mini>strong{margin:12px 0 9px;font-size:11px;display:block}.progress-track{background:#edf0f5;border-radius:10px;height:5px;overflow:hidden}.progress-track>div{border-radius:inherit;height:100%}.project-mini>span:last-child{color:var(--muted);margin-top:9px;font-size:10px;display:block}.summary-strip,.fee-summary,.report-summary{box-shadow:var(--card-shadow);background:#fff;border:1px solid #edf0f5;border-radius:16px;grid-template-columns:repeat(4,1fr);margin-bottom:17px;display:grid}.summary-strip>div,.fee-summary>div,.report-summary>div{border-right:1px solid #f0f2f6;padding:18px 20px}.summary-strip>div:last-child,.fee-summary>div:last-child,.report-summary>div:last-child{border-right:0}.summary-strip span,.fee-summary span,.report-summary span{margin-bottom:7px;display:block}.summary-strip strong,.fee-summary strong{font-size:18px}.filter-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.segmented{background:#f4f6fa;border-radius:9px;padding:3px;display:inline-flex}.segmented button{color:#8994a7;background:0 0;border-radius:7px;padding:7px 12px;font-size:11px}.segmented button.selected{color:var(--ink);background:#fff;font-weight:700;box-shadow:0 2px 6px #293a610d}.segmented span{color:#afb8c8;margin-left:4px;font-size:9px}.search-button,.filter-button{color:#7c889b;border:1px solid var(--line);background:#fff;padding:8px 11px}.table-head,.table-row{grid-template-columns:1.6fr 1.2fr 1fr .9fr .9fr;align-items:center;gap:12px;display:grid}.table-head{color:#a3adbd;border-bottom:1px solid #eef1f5;padding:0 12px 10px;font-size:10px}.table-row{min-height:61px;color:var(--muted);border-bottom:1px solid #f0f2f6;padding:8px 12px;font-size:11px}.table-row:last-child{border-bottom:0}.table-title{color:var(--ink);align-items:center;gap:9px;display:flex}.table-title strong{font-size:11px}.table-row>strong{color:var(--ink);text-align:right;font-size:12px}.mobile-table-list{display:none}.hint-card,.process-card{color:#6d5a2e;background:#fff8e9;border:1px solid #f8e7bc;border-radius:14px;align-items:center;gap:11px;margin-top:17px;padding:15px 18px;display:flex}.hint-card>svg,.process-icon{color:#e6a435}.hint-card div,.process-card>div:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.hint-card strong,.process-card strong{font-size:11px}.hint-card span,.process-card span{color:#a18952;font-size:10px}.hint-card button,.process-card button{color:#ba8020;white-space:nowrap;background:0 0;align-items:center;gap:3px;font-size:11px;font-weight:700;display:inline-flex}.reimbursement-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:17px;display:grid}.reimbursement-stats>div{box-shadow:var(--card-shadow);background:#fff;border:1px solid #edf0f5;border-radius:15px;align-items:center;gap:11px;padding:15px 17px;display:flex}.reimbursement-stats span{color:var(--muted);margin-bottom:4px;font-size:10px;display:block}.reimbursement-stats strong{font-size:16px}.reimbursement-row{border-bottom:1px solid #f0f2f6;align-items:center;gap:12px;min-height:76px;padding:12px 0;display:flex}.reimbursement-row:last-child{border-bottom:0}.receipt-preview{color:#e6a435;background:#fff7e8;border:1px solid #f6e5bc;border-radius:8px;flex-shrink:0;place-items:center;width:40px;height:46px;display:grid;transform:rotate(-2deg)}.reimbursement-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.reimbursement-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.reimbursement-main span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.reimbursement-amount{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.reimbursement-amount>strong{font-size:12px}.status-pill,.fee-status{white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.status-pill.orange{color:#bf7a22;background:var(--soft-orange)}.status-pill.blue{color:var(--primary);background:var(--soft-blue)}.status-pill.green,.fee-status.paid{color:var(--green);background:var(--soft-green)}.status-pill.red{color:var(--red);background:var(--soft-red)}.reimbursement-actions{gap:6px;margin-left:8px;display:flex}.approve-button,.reject-button{border-radius:8px;align-items:center;gap:4px;padding:7px 9px;font-size:10px;font-weight:700;display:inline-flex}.approve-button{color:var(--green);background:var(--soft-green)}.reject-button{color:#9b6870;background:#fff2f2}.process-card{color:#745a28;background:#fff8e9;border-color:#f7e7bd;margin-top:17px}.process-icon{color:#e7a434;background:#ffefc9;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.project-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:17px;display:grid}.project-card,.add-project-card{min-height:226px;box-shadow:var(--card-shadow);background:#fff;border:1px solid #edf0f5;border-radius:17px;padding:19px}.project-card-head{justify-content:space-between;align-items:flex-start;display:flex}.project-card h3{margin-top:16px;font-size:15px}.project-deadline{color:var(--muted);margin-top:5px;font-size:10px;display:block}.project-amount{align-items:baseline;gap:3px;margin-top:22px;display:flex}.project-amount strong{font-size:19px}.project-amount span{color:var(--muted);font-size:10px}.project-card .progress-track{margin-top:10px}.project-foot{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.add-project-card{color:var(--muted);box-shadow:none;background:#fbfcff;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;display:flex}.add-project-card>div{width:43px;height:43px;color:var(--primary);background:var(--soft-blue);border-radius:14px;place-items:center;display:grid}.add-project-card strong{color:var(--ink);margin-top:13px;font-size:12px}.add-project-card span{margin-top:5px;font-size:10px}.budget-total{color:var(--muted);background:#f7f8fc;border-radius:6px;padding:5px 8px;font-size:10px}.budget-overview{align-items:center;gap:50px;margin-top:25px;display:flex}.budget-donut{background:conic-gradient(var(--primary) 0 32%, #eaf0ff 32% 100%);border-radius:50%;flex-shrink:0;place-items:center;width:140px;height:140px;display:grid}.budget-donut:before{content:"";background:#fff;border-radius:50%;width:102px;height:102px;position:absolute}.budget-donut>div{z-index:1;flex-direction:column;align-items:center;display:flex}.budget-donut strong{font-size:24px}.budget-donut span{color:var(--muted);margin-top:3px;font-size:10px}.budget-breakdown{flex:1;max-width:520px}.breakdown-row{border-bottom:1px solid #f0f2f6;justify-content:space-between;align-items:center;padding:11px 0;font-size:11px;display:flex}.breakdown-row:last-child{border-bottom:0}.breakdown-row>span{align-items:center;gap:8px;display:flex}.breakdown-row i{border-radius:50%;width:6px;height:6px;display:inline-block}.breakdown-row small{color:var(--muted);font-size:10px;font-weight:400}.fee-hero{color:#fff;background:linear-gradient(118deg,#23a889,#42baa0);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:17px;padding:27px 32px;display:flex;box-shadow:0 12px 30px #23a88928}.fee-hero>div:first-child>span{color:#d9fff4;font-size:11px}.fee-hero h2{margin-top:7px;font-size:20px}.fee-hero strong{letter-spacing:-.7px;margin-top:13px;font-size:31px;display:block}.fee-hero strong small{font-size:12px;font-weight:500}.fee-hero p{color:#d9fff4;margin-top:6px;font-size:10px}.fee-circle{background:#ffffff1e;border:1px solid #ffffff4a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:101px;height:101px;display:flex}.fee-circle strong{margin:0;font-size:24px}.fee-circle span{color:#d9fff4;margin-top:2px;font-size:10px}.fee-summary{grid-template-columns:repeat(4,1fr)}.member-fee-list{margin-top:15px}.member-fee-row,.member-row{border-bottom:1px solid #f0f2f6;align-items:center;gap:10px;min-height:57px;padding:8px 0;display:flex}.member-fee-row:last-child,.member-row:last-child{border-bottom:0}.member-fee-row>div:nth-child(2),.member-row>div:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.member-fee-row strong,.member-row strong{font-size:11px}.member-fee-row span:not(.fee-status),.member-row span{color:var(--muted);font-size:10px}.fee-status{margin-left:auto}.fee-status.unpaid{color:var(--orange);background:var(--soft-orange)}.dots-button{color:#a6b0bf;background:0 0;place-items:center;padding:4px;display:grid}.report-summary{grid-template-columns:repeat(3,1fr)}.report-summary strong{letter-spacing:-.5px;font-size:23px;display:block}.report-summary small{color:#a0a9b9;margin-top:6px;font-size:10px;display:block}.report-grid{grid-template-columns:repeat(2,1fr);gap:13px;margin-bottom:17px;display:grid}.report-card{color:var(--ink);box-shadow:var(--card-shadow);text-align:left;background:#fff;border:1px solid #edf0f5;border-radius:16px;align-items:center;gap:12px;padding:18px;display:flex}.report-card:hover{border-color:#cbd5ef;transform:translateY(-1px)}.report-icon{border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.report-card>div:nth-child(2){flex-direction:column;gap:5px;display:flex}.report-card strong{font-size:12px}.report-card span{color:var(--muted);font-size:10px}.report-download{color:#b2bbca;margin-left:auto}.export-panel{align-items:center;gap:16px;display:flex}.export-art{width:53px;height:53px;color:var(--primary);background:var(--soft-blue);border-radius:16px;place-items:center;display:grid;position:relative}.export-sheet{background:#fff;border-radius:3px;width:25px;height:29px;padding:7px 4px;position:absolute;top:8px;left:10px;transform:rotate(-10deg)}.export-sheet div{background:#ced8ff;border-radius:2px;height:2px;margin-bottom:4px}.export-art>svg{color:var(--green);position:absolute;bottom:7px;right:7px}.export-panel>div:nth-child(2){flex:1}.export-panel h2{font-size:14px}.export-panel p{color:var(--muted);margin-top:5px;font-size:11px}.more-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.members-panel,.mcp-panel,.settings-list,.audit-panel{min-height:100%}.member-list{margin-top:12px}.member-permission{color:var(--muted);background:#f7f8fc;border-radius:5px;margin-left:auto;padding:4px 7px;font-size:9px!important}.mcp-panel{color:#fff;background:linear-gradient(130deg,#273452,#44588e);border:0;align-items:center;gap:18px;display:flex;position:relative;overflow:hidden}.mcp-panel:after{content:"";border:1px solid #ffffff18;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-120px;right:-120px;box-shadow:0 0 0 27px #ffffff08,0 0 0 54px #ffffff05}.mcp-visual{flex-shrink:0;width:93px;height:100px;position:relative}.mcp-center{z-index:2;color:#fff;background:#536dfe;border-radius:16px;place-items:center;width:47px;height:47px;display:grid;position:absolute;top:28px;left:23px;box-shadow:0 6px 20px #0003}.mcp-orbit{border:1px solid #ffffff35;border-radius:50%;position:absolute;transform:rotate(-28deg)}.orbit-one{width:82px;height:43px;top:31px;left:5px}.orbit-two{width:62px;height:88px;top:10px;left:16px;transform:rotate(32deg)}.orbit-dot{z-index:3;color:#ffd37e;background:#ffffff17;border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;display:grid;position:absolute}.dot-one{top:11px;right:9px}.dot-two{color:#b8c5ff;bottom:9px;left:7px}.mcp-copy{z-index:1}.mcp-copy .eyebrow{color:#bfcaff}.mcp-copy h2{font-size:16px}.mcp-copy p{color:#d3daf0;max-width:315px;margin-top:8px;font-size:11px;line-height:1.55}.endpoint{color:#d8e0ff;background:#17223b80;border:1px solid #ffffff19;border-radius:7px;align-items:center;gap:7px;width:fit-content;max-width:100%;margin-top:13px;padding:6px 8px;font-size:9px;display:flex}.endpoint code{color:#fff;font-size:9px}.endpoint button{color:#becaff;background:0 0;place-items:center;margin-left:4px;display:grid}.copy-icon{font-size:15px}.settings-list{padding:10px}.setting-row{width:100%;color:var(--ink);text-align:left;background:0 0;border-radius:11px;align-items:center;gap:12px;padding:13px 11px;display:flex}.setting-row:hover{background:#f8f9fc}.setting-icon{width:33px;height:33px;color:var(--primary);background:var(--soft-blue);border-radius:10px;place-items:center;display:grid}.setting-row:nth-child(2) .setting-icon{color:var(--green);background:var(--soft-green)}.setting-row:nth-child(3) .setting-icon{color:var(--orange);background:var(--soft-orange)}.setting-row:nth-child(4) .setting-icon{color:var(--purple);background:var(--soft-purple)}.setting-row>div:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.setting-row strong{font-size:11px}.setting-row span{color:var(--muted);font-size:10px}.setting-row>svg{color:#bac2d0}.audit-row{align-items:flex-start;gap:10px;margin-top:17px;display:flex}.audit-dot{background:var(--primary);width:7px;height:7px;box-shadow:0 0 0 4px var(--soft-blue);border-radius:50%;flex-shrink:0;margin:4px 2px 0}.audit-row>div:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.audit-row strong{font-size:11px}.audit-row span,.audit-row time{color:var(--muted);font-size:10px}.audit-row time{white-space:nowrap}.danger-zone{color:#b26d74;background:0 0;align-items:center;gap:7px;margin-top:17px;padding:10px 0;font-size:11px;display:inline-flex}.mobile-nav{display:none}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#26335266;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:21px;width:min(100%,430px);max-height:calc(100vh - 40px);padding:24px;animation:.18s ease-out pop;overflow:auto;box-shadow:0 25px 70px #1523442a}.modal-head{justify-content:space-between;align-items:flex-start;gap:13px;margin-bottom:21px;display:flex}.modal-head h2{letter-spacing:-.4px;font-size:20px}.modal-head p{color:var(--muted);margin-top:6px;font-size:11px}.modal-form{flex-direction:column;gap:15px;display:flex}.modal-form label{color:#5f6c82;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.modal-form input,.modal-form select{width:100%;color:var(--ink);background:#fcfdff;border:1px solid #e2e7f0;border-radius:10px;outline:0;padding:11px 12px;font-size:13px}.modal-form input::placeholder{color:#b6bdc9}.modal-form input:focus,.modal-form select:focus{border-color:#9eacff;box-shadow:0 0 0 3px #536dfe12}.form-two{grid-template-columns:1fr 1fr;gap:11px;display:grid}.full-button{width:100%;margin-top:5px}.receipt-toggle{color:var(--ink);text-align:left;background:#fbfcff;border:1px solid #e7ebf2;border-radius:11px;align-items:center;gap:10px;padding:11px;display:flex}.receipt-toggle>span{width:30px;height:30px;color:var(--muted);background:#eef1f6;border-radius:9px;place-items:center;display:grid}.receipt-toggle.checked{background:#f5fdf9;border-color:#bfe9dc}.receipt-toggle.checked>span{color:var(--green);background:var(--soft-green)}.receipt-toggle>div:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.receipt-toggle strong{font-size:11px}.receipt-toggle small{color:var(--muted);font-size:9px;font-weight:400}.toggle{background:#dce2eb;border-radius:12px;width:28px;height:16px;padding:2px}.toggle i{background:#fff;border-radius:50%;width:12px;height:12px;transition:all .16s;display:block}.checked .toggle{background:var(--green)}.checked .toggle i{transform:translate(12px)}.upload-zone{min-height:127px;color:var(--muted);background:#fbfcff;border:1px dashed #bfc9dc;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.upload-zone:hover,.upload-zone.uploaded{border-color:var(--primary);background:var(--soft-blue)}.upload-zone>div{width:42px;height:42px;color:var(--primary);background:#e9edff;border-radius:13px;place-items:center;display:grid}.upload-zone strong{color:var(--ink);font-size:12px}.upload-zone span{font-size:10px}.hidden-file-input{display:none}.toast{z-index:30;color:#fff;background:#243252;border-radius:12px;align-items:center;gap:9px;max-width:330px;padding:12px 15px;font-size:12px;animation:.24s ease-out toast-in;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 14px 35px #26345235}.toast-icon{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:22px;height:22px;display:grid}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.sidebar{flex-basis:216px;width:216px}.content-grid{grid-template-columns:1fr}.attention-panel{min-height:200px}.project-grid{grid-template-columns:repeat(2,1fr)}.more-grid{grid-template-columns:1fr}.mcp-panel{min-height:210px}.budget-overview{gap:30px}}@media (width<=680px){body{padding-bottom:66px}.sidebar{display:none}.topbar{justify-content:space-between;height:65px;padding:0 19px}.mobile-brand{display:flex}.page-wrap{padding:9px 17px 38px}.page-header{align-items:flex-start;margin:19px 0 21px}.page-header h1{font-size:27px}.page-header p{font-size:12px}.page-header-action .pill-button{padding:8px;font-size:0}.page-header-action .pill-button svg{margin:0}.hero-balance{border-radius:19px;min-height:165px;padding:25px 22px}.balance-orb{width:65px;height:65px;margin-right:2%}.hero-number{font-size:34px}.quick-grid{gap:8px}.quick-action{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;min-height:94px;padding:12px}.quick-action>span:nth-child(2){flex:initial;font-size:11px;line-height:1.25}.quick-chevron{display:none}.quick-icon{width:31px;height:31px}.stat-grid{grid-template-columns:1fr;gap:8px}.stat-card{padding:13px}.stat-card strong{font-size:17px}.stat-card>div:nth-child(2){flex:1}.stat-card small{align-self:flex-end;margin-top:-17px}.content-grid{gap:9px;margin-bottom:9px}.chart-panel,.attention-panel,.recent-panel,.project-strip,.budget-panel,.reimbursement-panel,.fee-list-panel,.members-panel,.mcp-panel,.settings-list,.audit-panel,.export-panel{border-radius:16px;padding:17px}.chart{height:155px;margin-top:19px}.chart-bars{gap:6px}.bar-track{width:21px}.project-mini-grid{gap:7px}.project-mini{padding:11px}.project-mini>strong{font-size:10px}.project-grid{grid-template-columns:1fr 1fr;gap:9px}.project-card,.add-project-card{min-height:210px;padding:14px}.project-card h3{font-size:13px}.project-amount{margin-top:16px}.project-amount strong{font-size:16px}.summary-strip,.fee-summary,.report-summary{grid-template-columns:repeat(2,1fr)}.summary-strip>div,.fee-summary>div,.report-summary>div{border-bottom:1px solid #f0f2f6;padding:14px}.summary-strip>div:nth-child(2),.fee-summary>div:nth-child(2),.report-summary>div:nth-child(2){border-right:0}.summary-strip>div:nth-child(3),.summary-strip>div:nth-child(4),.fee-summary>div:nth-child(3),.fee-summary>div:nth-child(4),.report-summary>div:nth-child(3){border-bottom:0}.page-header-action .primary-button{padding:10px 11px;font-size:11px}.button-row .secondary-button{display:none}.filter-bar{flex-direction:column;align-items:stretch}.segmented{width:100%}.segmented button{flex:1}.search-button{align-self:flex-end}.desktop-table{display:none}.mobile-table-list{display:block}.reimbursement-stats{grid-template-columns:1fr;gap:8px}.reimbursement-stats>div{padding:12px}.reimbursement-row{flex-wrap:wrap}.reimbursement-main{min-width:calc(100% - 54px)}.reimbursement-amount{align-items:flex-start;margin-left:52px}.reimbursement-actions{width:calc(100% - 52px);margin-left:52px}.fee-hero{padding:23px 20px}.fee-hero h2{font-size:17px}.fee-hero strong{font-size:27px}.fee-circle{width:75px;height:75px}.fee-circle strong{font-size:19px}.budget-overview{flex-direction:column;align-items:flex-start;gap:18px}.budget-donut{width:115px;height:115px}.budget-donut:before{width:84px;height:84px}.budget-donut strong{font-size:21px}.budget-breakdown{width:100%}.report-grid{grid-template-columns:1fr;gap:9px}.report-card{padding:14px}.export-panel{flex-wrap:wrap;align-items:flex-start}.export-panel>div:nth-child(2){min-width:calc(100% - 70px)}.export-panel .secondary-button{margin-left:69px}.mcp-panel{flex-direction:column;align-items:flex-start;padding:19px}.mcp-visual{align-self:center;height:88px}.mcp-copy p{max-width:none}.mobile-nav{z-index:10;background:#fff;border-top:1px solid #e9edf4;justify-content:space-around;align-items:stretch;height:66px;padding:6px 7px 5px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 18px #26345208}.mobile-nav .nav-item{text-align:center;border-radius:10px;flex-direction:column;flex:1;justify-content:center;gap:3px;width:auto;padding:5px 3px}.mobile-nav .nav-item span{flex:initial;font-size:9px}.mobile-nav .nav-item em{min-width:15px;padding:1px 4px;font-size:8px;position:absolute;top:2px;right:19%}.toast{max-width:none;bottom:79px;left:16px;right:16px}.modal-backdrop{align-items:end;padding:12px}.modal{border-radius:20px 20px 15px 15px;max-height:calc(100vh - 24px);padding:20px}.form-two{gap:8px}}.search-field{color:#9aa5b8;background:#fbfcff;border:1px solid #dfe5ef;border-radius:9px;align-items:center;gap:7px;min-width:245px;padding:5px 8px;display:flex}.search-field input{width:180px;color:var(--ink);background:0 0;border:0;outline:0;padding:3px 0;font-size:11px}.search-field input::placeholder{color:#b6bfcd}.search-field button{color:#a3adbd;background:0 0;place-items:center;padding:3px;display:grid}.row-edit-button{color:#a1adbf;background:0 0;border-radius:7px;place-items:center;padding:5px;display:grid}.row-edit-button:hover{color:var(--primary);background:var(--soft-blue)}.danger-modal-button{color:#b26d74;background:#fff4f4;border:1px solid #f3d8d8;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;padding:10px;font-size:11px;font-weight:700;display:inline-flex}.filter-select{color:#7c889b;border:1px solid var(--line);background:#fff;border-radius:9px;outline:0;min-width:108px;padding:8px 10px;font-size:10px}.filter-select:focus{border-color:#aab7ff}.fee-status{cursor:pointer;border:0}.payment-request-list{margin-bottom:17px}.payment-request-row{border-bottom:1px solid #f0f2f6;grid-template-columns:minmax(150px,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.payment-request-row:last-child{border-bottom:0}.payment-request-row>div:first-child{flex-direction:column;gap:4px;display:flex}.payment-request-row strong{font-size:12px}.payment-request-row span{color:var(--muted);font-size:10px}.row-link{color:var(--primary);background:var(--soft-blue);border-radius:8px;align-items:center;gap:4px;padding:7px 9px;font-size:10px;font-weight:700;display:inline-flex}.payment-entry-chips{flex-wrap:wrap;grid-column:1/-1;gap:7px;display:flex}.payment-entry-chips>span{padding:3px 0}.mode-switch{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode-switch button{color:var(--muted);border:1px solid var(--line);text-align:left;background:#f7f8fb;border-radius:12px;grid-template-columns:auto 1fr;gap:4px 8px;padding:13px;display:grid}.mode-switch button svg{grid-row:span 2}.mode-switch button span{color:var(--ink);font-size:12px;font-weight:700}.mode-switch button small{font-size:10px}.mode-switch button.selected{color:var(--primary);background:var(--soft-blue);border-color:#b9c8ff}.payment-lines{flex-direction:column;gap:8px;display:flex}.payment-lines>strong{color:var(--ink);margin-top:3px;font-size:12px}.payment-line{align-items:center;gap:8px;display:flex}.payment-line>span{color:var(--ink);flex:1;font-size:11px}.payment-line input:first-child{flex:1}.payment-line input[type=number]{width:95px}.payment-method-editor{grid-template-columns:120px 1fr;gap:8px;display:grid}.public-payment-shell{background:linear-gradient(145deg,#eef3ff,#f6fffb);place-items:center;min-height:100vh;padding:24px;display:grid}.public-payment-card{background:#fff;border:1px solid #e8edf5;border-radius:24px;width:min(100%,520px);padding:30px;box-shadow:0 18px 50px #26395d18}.public-payment-card h1{margin:10px 0 7px;font-size:28px}.public-payment-card>p{color:var(--muted);margin-bottom:21px;font-size:12px}.public-payment-brand{color:var(--ink);align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.public-payment-methods{background:#f7f9fd;border-radius:14px;flex-direction:column;gap:9px;margin:20px 0;padding:15px;display:flex}.public-payment-methods h2{margin-bottom:2px;font-size:13px}.public-payment-methods div{flex-direction:column;gap:3px;display:flex}.public-payment-methods strong{font-size:11px}.public-payment-methods span,.public-payment-status span{color:var(--muted);font-size:10px;line-height:1.45}.public-payment-message{color:var(--green);margin-top:13px;font-size:11px;font-weight:700}.public-payment-status{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin-top:22px;padding-top:18px;display:flex}.public-payment-status strong{font-size:12px}.assistant-panel{grid-column:1/-1;padding:20px}.assistant-heading{align-items:center;gap:10px;display:flex}.assistant-icon{color:#fff;background:linear-gradient(145deg,#7388ff,#536dfe);border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.assistant-heading h2{font-size:15px}.assistant-heading p{color:var(--muted);margin-top:4px;font-size:10px}.assistant-form{gap:8px;margin-top:16px;display:flex}.assistant-form input{min-width:0;color:var(--ink);background:#fbfcff;border:1px solid #e2e7f0;border-radius:10px;outline:0;flex:1;padding:11px 12px;font-size:12px}.assistant-form input:focus{border-color:#aab7ff;box-shadow:0 0 0 3px #536dfe12}.assistant-form .primary-button{min-width:84px}.assistant-form .primary-button:disabled{opacity:.65;cursor:wait}.assistant-answer{color:#4c5b77;white-space:pre-wrap;background:#f7f8fc;border-radius:9px;max-height:160px;margin:12px 0 0;padding:12px;font-family:inherit;font-size:10px;line-height:1.55;overflow:auto}.assistant-prompts{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.assistant-prompts button{color:var(--primary);background:var(--soft-blue);border-radius:7px;padding:6px 9px;font-size:10px}.ocr-button{width:100%;min-height:40px;color:var(--primary);background:#f5f6ff;border-color:#cbd3ff}.ocr-button:disabled{opacity:.65;cursor:wait}.ocr-note{color:#59677e;background:#f7f8fc;border-radius:9px;padding:9px 11px;font-size:10px;line-height:1.5}.table-head,.table-row{grid-template-columns:1.6fr 1.2fr 1fr .9fr .9fr auto}.check-list,.permission-list{flex-direction:column;gap:9px;display:flex}.check-row{width:100%;color:var(--ink);text-align:left;background:#fbfcff;border:1px solid #e7ebf2;border-radius:11px;align-items:center;gap:10px;padding:11px;display:flex}.check-row>span{color:#fff;background:#e0e5ed;border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.check-row.selected{background:#f5f6ff;border-color:#c8d0ff}.check-row.selected>span{background:var(--primary)}.check-row>div{flex-direction:column;gap:3px;display:flex}.check-row strong,.permission-list strong{font-size:11px}.check-row small,.permission-list span{color:var(--muted);font-size:10px;line-height:1.45}.permission-list>div{background:#fbfcff;border:1px solid #e7ebf2;border-radius:11px;flex-direction:column;gap:5px;padding:11px;display:flex}.handover-warning{color:#795b25;background:#fff8e9;border:1px solid #f5e6bd;border-radius:11px;flex-direction:column;gap:6px;margin-bottom:15px;padding:11px;font-size:10px;line-height:1.5;display:flex}.handover-warning strong{font-size:11px}@media (width<=680px){.assistant-form{flex-direction:column}.assistant-form .primary-button{width:100%}}.more-shortcuts{flex-wrap:wrap;gap:8px;margin:-8px 0 17px;display:flex}.more-shortcuts button{color:#66738a;border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:700;display:inline-flex}.more-shortcuts button:hover{color:var(--primary);border-color:#cbd5ef}.landing-page{color:#17233f;background:#f8f9ff;min-height:100vh;overflow:hidden}.landing-nav{align-items:center;gap:30px;width:min(1180px,100% - 48px);height:76px;margin:0 auto;display:flex}.landing-brand{color:#243252;letter-spacing:-.4px;white-space:nowrap;align-items:center;gap:9px;font-size:16px;font-weight:850;text-decoration:none;display:inline-flex}.landing-brand .brand-mark{color:#fff;background:linear-gradient(145deg,#7084ff,#536dfe);border-radius:10px 10px 10px 4px;place-items:center;width:31px;height:31px;display:grid;box-shadow:0 7px 16px #536dfe2b}.landing-brand small{color:#8792a8;letter-spacing:0;font-size:10px;font-weight:600}.landing-links{align-items:center;gap:25px;margin-left:auto;display:flex}.landing-links a,.landing-footer a{color:#68758d;font-size:11px;font-weight:700;text-decoration:none}.landing-links a:hover,.landing-footer a:hover{color:#536dfe}.landing-login{border-radius:10px;width:auto;min-width:122px;margin:0;padding:9px 13px;font-size:11px}.landing-login span{width:21px;height:21px;font-size:7px}.landing-hero{grid-template-columns:.95fr 1.05fr;align-items:center;gap:45px;width:min(1180px,100% - 48px);min-height:560px;margin:0 auto;padding:58px 0 74px;display:grid}.landing-hero-copy{z-index:1;position:relative}.landing-kicker{color:#65738c;align-items:center;gap:8px;margin-bottom:18px;font-size:11px;font-weight:800;display:flex}.landing-kicker span{color:#536dfe;background:#edf0ff;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;display:inline-flex}.landing-kicker b{color:#269276;font-size:10px;font-weight:800}.landing-hero h1{color:#17233f;letter-spacing:-2.8px;max-width:570px;margin:0;font-size:clamp(41px,5vw,63px);line-height:1.12}.landing-hero h1 em{color:#536dfe;font-style:normal}.landing-hero-copy>p{color:#67758e;max-width:500px;margin:23px 0 0;font-size:15px;line-height:1.8}.landing-actions{align-items:center;gap:11px;margin-top:27px;display:flex}.landing-actions .primary-button{border-radius:11px;padding:13px 17px;font-size:12px}.landing-secondary{padding:12px 15px;font-size:11px}.landing-proof{color:#7c889e;flex-wrap:wrap;gap:14px;margin-top:23px;font-size:10px;display:flex}.landing-proof span{align-items:center;gap:5px;display:inline-flex}.landing-proof svg{color:#30a888}.landing-visual{place-items:center;min-height:440px;display:grid;position:relative}.landing-glow{filter:blur(2px);border-radius:50%;position:absolute}.landing-glow-one{background:#e4e9ff;width:390px;height:390px}.landing-glow-two{background:#eef5ff;width:240px;height:240px;transform:translate(110px,88px)}.mock-browser{z-index:1;background:#fff;border:8px solid #fff;border-radius:18px;width:min(100%,480px);position:relative;overflow:hidden;transform:rotate(2deg);box-shadow:0 28px 60px #293b6b25,0 5px 16px #293b6b12}.mock-topbar{background:#f3f5fb;align-items:center;gap:5px;height:27px;padding:0 12px;display:flex}.mock-topbar>span{background:#d8dce8;border-radius:50%;width:6px;height:6px}.mock-topbar>span:first-child{background:#ff9f9a}.mock-topbar>span:nth-child(2){background:#ffd47f}.mock-topbar>span:nth-child(3){background:#91d6b9}.mock-topbar small{color:#a6afc0;margin-left:9px;font-size:8px}.mock-body{background:#fafbfe;padding:22px}.mock-greeting{justify-content:space-between;align-items:center;display:flex}.mock-greeting small,.mock-grid small{color:#9aa6ba;font-size:9px;display:block}.mock-greeting strong{color:#233152;letter-spacing:-.9px;margin-top:6px;font-size:28px;display:block}.mock-orb{color:#fff;background:linear-gradient(145deg,#8294ff,#536dfe);border-radius:14px;place-items:center;width:43px;height:43px;display:grid}.mock-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.mock-grid>div{background:#fff;border:1px solid #edf0f6;border-radius:10px;padding:12px 10px}.mock-grid strong{color:#2a3859;margin-top:5px;font-size:13px;display:block}.mock-income{color:#29a182!important}.mock-list{background:#fff;border:1px solid #edf0f6;border-radius:11px;margin-top:17px;padding:6px 12px}.mock-list>div{border-bottom:1px solid #f0f2f6;align-items:center;gap:8px;padding:10px 0;display:flex}.mock-list>div:last-child{border-bottom:0}.mock-list span{color:#596780;flex:1;font-size:9px}.mock-list b{color:#405071;font-size:9px}.mock-dot{border-radius:50%;width:8px;height:8px}.mock-dot.green{background:#4ab898}.mock-dot.blue{background:#7689ff}.mock-dot.orange{background:#ffaf6c}.mock-footer{color:#a0aabc;justify-content:space-between;margin-top:13px;font-size:8px;display:flex}.mock-pill{color:#36a486;align-items:center;gap:4px;display:inline-flex}.mock-float{z-index:2;background:#fff;border:1px solid #edf0f5;border-radius:11px;align-items:center;gap:8px;padding:10px 12px;display:flex;position:absolute;box-shadow:0 13px 35px #293b6b1b}.mock-float-line{top:73px;right:-6px;transform:rotate(-3deg)}.mock-float-line>span{color:#06c755;background:#e7f9ed;border-radius:9px;place-items:center;width:27px;height:27px;font-size:7px;font-weight:900;display:grid}.mock-float strong,.mock-float small{display:block}.mock-float strong{color:#465474;font-size:9px}.mock-float small{color:#31a283;margin-top:4px;font-size:8px}.mock-float-check{color:#2fa485;bottom:67px;right:-12px;transform:rotate(3deg)}.mock-float-check span{color:#52617d;font-size:9px;font-weight:800}.landing-trust{color:#8b96a9;border-top:1px solid #e7eaf4;border-bottom:1px solid #e7eaf4;justify-content:center;align-items:center;gap:17px;width:min(1180px,100% - 48px);margin:0 auto;padding:17px 0;font-size:10px;display:flex}.landing-trust i{background:#c5cbd8;border-radius:50%;width:3px;height:3px}.landing-section,.landing-steps,.landing-faq{width:min(1080px,100% - 48px);margin:0 auto;padding:110px 0}.landing-section-head{max-width:560px;margin-bottom:37px}.landing-section-head.compact{margin-bottom:30px}.landing-label{color:#536dfe;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:850;display:inline-block}.landing-section-head h2,.landing-school h2,.landing-free h2,.landing-cta h2{color:#1a2745;letter-spacing:-1.4px;margin:0;font-size:clamp(28px,3.5vw,42px);line-height:1.2}.landing-section-head p{color:#718097;max-width:500px;margin-top:14px;font-size:13px;line-height:1.7}.landing-feature-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.landing-feature-card{background:#fff;border:1px solid #e9edf5;border-radius:17px;min-height:188px;padding:23px;box-shadow:0 8px 22px #293b6b07}.landing-feature-card:hover{border-color:#ced6fb;transform:translateY(-2px);box-shadow:0 15px 32px #293b6b0d}.landing-icon{border-radius:12px;place-items:center;width:38px;height:38px;margin-bottom:19px;display:grid}.landing-icon.blue{color:#536dfe;background:#edf0ff}.landing-icon.orange{color:#ed9456;background:#fff1e5}.landing-icon.green{color:#2e9c7c;background:#e5f8f0}.landing-icon.purple{color:#906bd6;background:#f0eaff}.landing-icon.teal{color:#2c9cad;background:#e5f7fa}.landing-icon.navy{color:#536789;background:#e9eef8}.landing-feature-card h3,.landing-step h3{color:#2d3b5c;font-size:14px}.landing-feature-card p,.landing-step p{color:#78859a;margin-top:9px;font-size:11px;line-height:1.65}.landing-steps{padding-top:0}.landing-step-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.landing-step{background:#fff;border:1px solid #e9edf5;border-radius:17px;padding:23px;position:relative}.step-number{color:#d6dcf1;letter-spacing:-1px;font-size:22px;font-weight:850;position:absolute;top:20px;right:21px}.step-icon{color:#536dfe;background:#eef1ff;border-radius:13px;place-items:center;width:40px;height:40px;margin-bottom:25px;display:grid}.landing-step:nth-child(2) .step-icon{color:#29a180;background:#e8f8f2}.landing-step:nth-child(3) .step-icon{color:#e09255;background:#fff1e5}.landing-free{color:#fff;background:linear-gradient(135deg,#283759,#445b96);border-radius:26px;grid-template-columns:1.1fr .9fr;align-items:center;gap:65px;width:min(1080px,100% - 48px);margin:0 auto;padding:54px 60px;display:grid;box-shadow:0 22px 50px #2837591f}.landing-label.light{color:#bac7ff}.landing-free h2{color:#fff}.landing-free p{color:#d9def0;max-width:510px;margin:16px 0 23px;font-size:12px;line-height:1.75}.light-button{color:#30426b;background:#fff;border-radius:10px;align-items:center;gap:7px;padding:11px 14px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.landing-checks{background:#ffffff12;border:1px solid #ffffff1f;border-radius:15px;gap:12px;padding:21px 23px;display:grid}.landing-checks div{color:#f1f4ff;align-items:center;gap:9px;font-size:11px;display:flex}.landing-checks svg{color:#97e2c4}.landing-school{grid-template-columns:1fr .92fr;align-items:start;gap:75px;width:min(1080px,100% - 48px);margin:0 auto;padding:116px 0 110px;display:grid}.school-copy>p{color:#718097;max-width:520px;margin-top:16px;font-size:13px;line-height:1.75}.school-points{gap:16px;margin-top:30px;display:grid}.school-points>div{align-items:flex-start;gap:11px;display:flex}.school-points>div>svg{color:#536dfe;flex-shrink:0;margin-top:2px}.school-points span{flex-direction:column;gap:4px;display:flex}.school-points strong{color:#334261;font-size:12px}.school-points small{color:#7c889d;font-size:10px;line-height:1.5}.school-inquiry-form{background:#fff;border:1px solid #e8ecf5;border-radius:19px;flex-direction:column;gap:12px;padding:25px;display:flex;box-shadow:0 13px 34px #293b6b0b}.form-heading{align-items:center;gap:10px;margin-bottom:7px;display:flex}.form-heading>span{color:#536dfe;background:#eef1ff;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.form-heading h3{color:#2c3a5b;font-size:15px}.form-heading p{color:#8490a3;margin-top:4px;font-size:10px}.school-inquiry-form label{color:#69768c;flex-direction:column;gap:6px;font-size:10px;font-weight:800;display:flex}.school-inquiry-form input,.school-inquiry-form textarea{color:#263654;width:100%;font:inherit;background:#fbfcff;border:1px solid #e1e6f0;border-radius:9px;outline:0;padding:10px 11px;font-size:11px;font-weight:500}.school-inquiry-form textarea{resize:vertical;min-height:67px;line-height:1.5}.school-inquiry-form input:focus,.school-inquiry-form textarea:focus{border-color:#aeb9ff;box-shadow:0 0 0 3px #536dfe12}.school-inquiry-form .form-two{gap:9px}.school-inquiry-form .full-button{margin-top:3px}.inquiry-status{color:#258365;background:#eaf8f1;border-radius:8px;margin:0;padding:9px 10px;font-size:10px;line-height:1.5}.inquiry-status.error{color:#ad6067;background:#fff0f0}.form-note{color:#a1aabb;font-size:9px;line-height:1.45}.landing-faq{padding-top:0}.faq-list{gap:9px;display:grid}.faq-list details{background:#fff;border:1px solid #e8ecf5;border-radius:12px;padding:17px 18px}.faq-list summary{color:#344261;cursor:pointer;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list p{color:#77849a;max-width:700px;margin-top:10px;font-size:11px;line-height:1.65}.landing-cta{background:#eef1ff;border-radius:21px;justify-content:space-between;align-items:center;gap:25px;width:min(1080px,100% - 48px);margin:0 auto;padding:39px 46px;display:flex}.landing-cta h2{font-size:27px}.landing-cta .primary-button{flex-shrink:0}.landing-footer{color:#96a1b2;align-items:center;gap:20px;width:min(1080px,100% - 48px);margin:0 auto;padding:35px 0;font-size:10px;display:flex}.landing-footer .landing-brand{margin-right:auto;font-size:13px}.landing-footer .landing-brand .brand-mark{width:27px;height:27px}.landing-footer>div:last-child{align-items:center;gap:15px;display:flex}.landing-footer button{color:#68758d;background:0 0;padding:0;font-size:10px;font-weight:700}@media (width<=900px){.landing-hero{grid-template-columns:1fr;gap:25px;padding-top:55px}.landing-hero-copy{text-align:center;max-width:640px;margin:0 auto}.landing-kicker,.landing-actions,.landing-proof{justify-content:center}.landing-hero-copy>p{margin-left:auto;margin-right:auto}.landing-visual{min-height:410px}.landing-feature-grid{grid-template-columns:repeat(2,1fr)}.landing-school{gap:40px}.landing-free{gap:35px;padding-left:42px;padding-right:42px}}@media (width<=680px){.landing-nav{gap:10px;width:calc(100% - 34px);height:68px}.landing-brand small,.landing-links{display:none}.landing-brand{font-size:15px}.landing-login{min-width:109px;margin-left:auto;padding:8px 10px}.landing-hero,.landing-trust,.landing-section,.landing-steps,.landing-free,.landing-school,.landing-faq,.landing-cta,.landing-footer{width:calc(100% - 34px)}.landing-hero{min-height:0;padding:43px 0 45px}.landing-hero h1{letter-spacing:-2px;font-size:40px}.landing-hero-copy>p{font-size:13px}.landing-actions{flex-direction:column;align-items:stretch}.landing-actions a{justify-content:center}.landing-proof{gap:8px 12px;line-height:1.3}.landing-visual{min-height:310px;margin-top:7px}.landing-glow-one{width:270px;height:270px}.mock-browser{border-width:5px}.mock-body{padding:14px}.mock-greeting strong{font-size:23px}.mock-float{display:none}.landing-trust{white-space:nowrap;justify-content:flex-start;gap:10px;padding:14px 0;overflow:auto}.landing-trust i{flex-shrink:0}.landing-section,.landing-school{padding-top:75px;padding-bottom:75px}.landing-feature-grid,.landing-step-grid{grid-template-columns:1fr;gap:10px}.landing-feature-card{min-height:0;padding:19px}.landing-icon{margin-bottom:14px}.landing-free{border-radius:20px;grid-template-columns:1fr;gap:27px;padding:31px 24px}.landing-free h2,.landing-school h2{font-size:29px}.landing-school{grid-template-columns:1fr;gap:37px}.school-inquiry-form{padding:19px}.school-inquiry-form .form-two{grid-template-columns:1fr 1fr}.landing-faq{padding-bottom:70px}.landing-cta{flex-direction:column;align-items:flex-start;padding:29px 24px}.landing-cta h2{font-size:25px}.landing-footer{flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:28px}.landing-footer .landing-brand{margin-right:0}.landing-footer>div:last-child{flex-wrap:wrap}}.school-admin-modal{flex-direction:column;gap:15px;display:flex}.school-admin-summary{grid-template-columns:1.5fr .7fr 1fr;gap:8px;display:grid}.school-admin-summary>div{background:#f8f9fd;border-radius:10px;flex-direction:column;gap:5px;padding:11px;display:flex}.school-admin-summary span{color:#8b96aa;font-size:9px}.school-admin-summary strong{color:#30405f;font-size:12px}.school-admin-list{flex-direction:column;gap:8px;max-height:260px;display:flex;overflow:auto}.school-admin-row{background:#fff;border:1px solid #e6eaf2;border-radius:11px;align-items:center;gap:9px;padding:10px;display:flex}.school-admin-row .club-avatar{flex-shrink:0;width:31px;height:31px}.school-admin-club{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.school-admin-club strong{color:#30405f;font-size:11px}.school-admin-club span{color:#8a95a8;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.school-admin-balance{color:#2f9b7b;flex-direction:column;align-items:flex-end;font-size:11px;font-weight:800;display:flex}.school-admin-balance small{color:#9aa4b6;margin-top:3px;font-size:8px;font-weight:500}.school-admin-create{flex-direction:column;gap:10px;padding-top:4px;display:flex}.school-admin-create strong{color:#43516d;font-size:11px}.school-admin-create input{width:100%;color:var(--ink);background:#fcfdff;border:1px solid #e2e7f0;border-radius:10px;outline:0;padding:10px 11px;font-size:11px}.school-admin-message{color:#2b896c;background:#eaf8f1;border-radius:8px;margin:0;padding:9px 10px;font-size:10px;line-height:1.5}@media (width<=680px){.school-admin-summary{grid-template-columns:1fr 1fr}.school-admin-summary>div:first-child{grid-column:1/-1}.school-admin-balance{display:none}.school-admin-row .row-edit-button{margin-left:auto}}.member-role-select{color:#8290a6;background:0 0;border:0;outline:0;margin-top:4px;padding:2px 4px;font-size:9px}.member-role-select:focus{color:var(--primary)}.login-gate{background:radial-gradient(circle at 50% 10%,#eef1ff,#f6f8fc 50%);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{text-align:center;background:#fff;border:1px solid #edf0f5;border-radius:24px;flex-direction:column;align-items:center;width:min(100%,390px);padding:36px 30px 30px;display:flex;box-shadow:0 18px 55px #293a6112}.login-card .brand-mark{border-radius:13px 13px 13px 5px;width:42px;height:42px;margin-bottom:18px}.login-card h1{letter-spacing:-.6px;font-size:25px}.login-card p{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.65}.line-login-button{color:#fff;background:#06c755;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:24px;padding:12px 16px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.line-login-button span{color:#06c755;background:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:8px;font-weight:800;display:grid}.login-card small{color:#a0a9b9;margin-top:17px;font-size:10px;line-height:1.5}.auth-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1d294d66;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.auth-panel{text-align:center;background:#fff;border:1px solid #e6eaf4;border-radius:22px;width:min(100%,430px);max-height:calc(100vh - 36px);padding:30px;position:relative;overflow:auto;box-shadow:0 25px 70px #1d294d30}.auth-panel>.brand-mark{width:40px;height:40px;margin:0 auto 15px}.auth-panel h2{color:var(--ink);letter-spacing:-.6px;font-size:24px}.auth-intro{color:var(--muted);margin:9px auto 19px;font-size:12px;line-height:1.6}.auth-close{color:#8994a8;background:#f6f8fc;border-radius:9px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:13px;right:13px}.auth-close:hover{color:var(--ink);background:#edf0f7}.social-login-list{gap:9px;display:grid}.social-login{border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:42px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.social-login span{border-radius:8px;place-items:center;min-width:26px;height:26px;font-size:10px;display:grid}.social-login.google{color:#263653;background:#fff;border:1px solid #dfe4ee}.social-login.google span{color:#4285f4;background:#f1f5ff;font-size:16px;font-weight:900}.social-login.line{color:#fff;background:#06c755}.social-login.line span{color:#06c755;background:#fff;font-size:8px}.social-login.disabled{opacity:.55;cursor:not-allowed}.auth-divider{color:#a0a9b9;align-items:center;gap:10px;margin:18px 0 14px;font-size:10px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#edf0f5;flex:1;height:1px}.auth-form{text-align:left;gap:12px;display:grid}.auth-form label{color:#68758c;gap:6px;font-size:11px;font-weight:800;display:grid}.auth-form input{width:100%;color:var(--ink);background:#fbfcff;border:1px solid #dfe5f0;border-radius:9px;outline:0;padding:11px 12px;font-size:13px}.auth-form input:focus{border-color:#aab7ff;box-shadow:0 0 0 3px #536dfe14}.auth-form .full-button{margin-top:3px}.auth-message{color:#2b896c;background:#eaf8f1;border-radius:8px;margin:12px 0 0;padding:9px 10px;font-size:11px;line-height:1.5}.auth-switches{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:15px;display:flex}.auth-switches button{color:var(--primary);background:0 0;padding:0;font-size:11px;font-weight:700}.auth-note{color:#a0a9b9;margin-top:17px;font-size:10px;line-height:1.5;display:block}button:disabled,select:disabled{opacity:.6;cursor:not-allowed}.procurement-page{min-height:100vh;color:var(--ink);background:linear-gradient(160deg,#f7f8ff 0%,#fff 58%)}.procurement-header{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:24px 28px;display:flex}.procurement-badge{color:#536dfe;background:#eef0ff;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.procurement-main{max-width:1100px;margin:0 auto;padding:38px 28px 80px}.procurement-title h1{letter-spacing:-.04em;margin:9px 0 8px;font-size:clamp(30px,5vw,48px)}.procurement-title p{color:var(--muted);margin:0}.procurement-auth{gap:16px;margin-top:28px;padding:22px;display:grid}.procurement-auth>div:first-child{gap:4px;display:grid}.procurement-auth>div:first-child span{color:var(--muted);font-size:12px}.procurement-auth-row{gap:10px;display:flex}.procurement-auth-row input{min-width:0;color:var(--ink);background:#fff;border:1px solid #dfe4f0;border-radius:10px;flex:1;padding:12px 13px}.procurement-message{color:#c44545;margin:0;font-size:12px}.procurement-list{margin-top:18px;padding:20px}.procurement-row{border-top:1px solid #edf0f6;grid-template-columns:minmax(180px,1.2fr) minmax(160px,1fr) 120px;align-items:center;gap:18px;padding:17px 0;display:grid}.procurement-row-main,.procurement-row-contact{gap:5px;display:grid}.procurement-row-main span,.procurement-row-contact span,.procurement-row-main small{color:var(--muted);font-size:12px;line-height:1.5}.procurement-row select{width:100%;color:var(--ink);background:#fff;border:1px solid #dfe4f0;border-radius:9px;padding:10px}.procurement-empty{color:var(--muted);text-align:center;justify-items:center;gap:8px;margin-top:24px;padding:58px 24px;display:grid}.procurement-empty svg{color:#536dfe}.club-switcher{width:100%;font:inherit;text-align:left;cursor:pointer}.workspace-modal{gap:16px;display:grid}.workspace-list{gap:7px;max-height:265px;display:grid;overflow:auto}.workspace-row{background:#fcfdff;border:1px solid #edf0f5;border-radius:12px;align-items:center;gap:9px;padding:10px;display:flex}.workspace-row.current{background:#f5f6ff;border-color:#cbd3ff}.workspace-copy{flex:1;gap:3px;min-width:0;display:grid}.workspace-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.workspace-copy span,.workspace-current{color:var(--muted);font-size:10px}.workspace-balance{color:var(--ink);font-size:11px}.workspace-current{white-space:nowrap}.workspace-create{border-top:1px solid #edf0f5;gap:10px;padding-top:15px;display:grid}.workspace-create strong{font-size:12px}.workspace-create input,.workspace-create select{width:100%;color:var(--ink);background:#fcfdff;border:1px solid #e2e7f0;border-radius:9px;padding:10px 11px;font-size:12px}.payment-lines .upload-zone.compact{min-height:78px;padding:12px}.payment-receipt-link{margin-bottom:2px}@media (width<=720px){.procurement-header,.procurement-main{padding-left:18px;padding-right:18px}.procurement-header{align-items:flex-start;gap:14px}.procurement-badge{font-size:10px}.procurement-auth-row{flex-direction:column}.procurement-row{grid-template-columns:1fr;gap:10px}.procurement-row select{max-width:220px}}