:root{--lime:#d6fa65;--ink:#17251c;--muted:#748078;--paper:#f6f7f3}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.brand-panel{background:#17291e;color:#fff;padding:44px 48px;display:flex;flex-direction:column;position:relative;overflow:hidden}.brand{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;letter-spacing:1px}.brand-icon{background:var(--lime);color:var(--ink);width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:23px;font-style:italic;letter-spacing:-3px;padding-right:3px}.brand-light{font-weight:400;color:#a6b4a9;margin-left:-4px}.brand-copy{margin:auto 0;padding:70px 0 24px;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.brand-copy .eyebrow{color:var(--lime)}.brand-copy h1{font-size:clamp(48px,5.4vw,82px);line-height:1.04;letter-spacing:-4px;margin:25px 0}.brand-copy p{color:#abb9ae;font-size:15px;line-height:1.8}.weight-art{height:150px;display:flex;align-items:center;justify-content:center;transform:rotate(-24deg);margin:32px 0 18px;filter:drop-shadow(0 20px 15px #0005)}.weight-art div{background:linear-gradient(90deg,#789947,#c2e47a,#8aaa51);border:1px solid #d6fa6540;border-radius:12px;width:37px;height:94px}.weight-art div:nth-child(2),.weight-art div:nth-child(4){height:135px;width:45px}.weight-art div:nth-child(3){height:27px;width:145px;border-radius:0;background:linear-gradient(#76856c,#c2c9b8,#65765b)}.brand-footer{font-size:9px;letter-spacing:2px;color:#a6b4a9;display:flex;gap:10px;align-items:center}.status-dot{display:inline-block;width:7px;height:7px;background:#a7d24b;border-radius:50%;flex-shrink:0}.form-panel{padding:60px;display:flex;align-items:center;justify-content:center;position:relative}.form-wrap{width:100%;max-width:370px}.muted{color:var(--muted)}h2{font-size:39px;letter-spacing:-1.7px;margin:18px 0 12px}.lime-text{color:#83a93a}.subtitle{font-size:14px;color:var(--muted);line-height:1.6}form{margin-top:35px}label{font-size:12px;font-weight:700;display:block;margin-bottom:10px}input{width:100%;padding:15px 16px;border:1px solid #d9ded6;border-radius:8px;background:#fff;font-size:13px;color:var(--ink)}input:focus{outline:2px solid #90ac58;border-color:transparent}.password-label{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.text-button{border:0;background:none;font-size:10px;color:#68765e;padding:0 0 10px}.primary-button{width:100%;background:var(--lime);border:0;border-radius:8px;padding:16px 20px;display:flex;justify-content:space-between;font-size:13px;font-weight:700}.primary-button:hover{background:#c5eb52}.error{min-height:18px;font-size:12px;color:#a43232;line-height:1.5;margin:12px 0}.demo-note{border:1px solid #dfe4d6;background:#eef2e7;border-radius:8px;padding:15px 18px;margin-top:26px;font-size:11px}.demo-note strong{font-size:12px}.demo-note p{line-height:1.8;color:#68765e;margin-bottom:0}.form-footer{font-size:11px;color:#8b9489;text-align:center;margin-top:30px}.copyright{position:absolute;bottom:24px;font-size:10px;color:#939b90}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#17291e;color:white;padding:32px 24px;display:flex;flex-direction:column}.sidebar .brand{font-size:12px;gap:5px}.nav-label{font-size:9px;letter-spacing:2px;color:#8b9d8f;margin:60px 12px 20px}.nav-active{background:var(--lime);color:var(--ink);padding:14px 17px;border-radius:8px;font-size:13px;font-weight:bold;display:flex;gap:12px}.sidebar-bottom{margin-top:auto;font-size:10px;color:#a6b4a9;display:flex;gap:8px;align-items:center}.dashboard-main{margin-left:245px}.topbar{height:88px;border-bottom:1px solid #e1e5dc;display:flex;align-items:center;justify-content:space-between;padding:0 46px;font-size:12px}.breadcrumb{color:#929b8b;margin-left:12px}.logout-button{border:1px solid #d8ded1;background:white;border-radius:7px;padding:10px 16px;font-size:11px}.dashboard-content{max-width:1400px;margin:auto;padding:45px 46px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.page-heading h1{font-size:36px;letter-spacing:-1.5px;margin:14px 0 8px}.account-badge{display:flex;align-items:center;gap:8px;border:1px solid #dfe5d8;background:white;padding:9px 12px;border-radius:20px;font-size:10px;white-space:nowrap}.welcome-card{margin-top:30px;background:#d6fa65;border-radius:15px;padding:35px 38px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.welcome-card h2{font-size:42px;line-height:1.05;margin:20px 0 15px}.welcome-card p{font-size:12px;line-height:1.7;color:#4c612c}.welcome-tag{display:block;margin-top:35px;font-size:9px;letter-spacing:1.7px}.giant-arrow{font-size:180px;line-height:1;color:#254024;transform:rotate(-5deg);padding-right:20px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.info-card{background:#fff;border:1px solid #e2e7dc;border-radius:12px;padding:25px}.card-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#f0f5e7;font-size:19px}.info-card h3{font-size:15px;margin:22px 0 12px}.info-card p{font-size:12px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.small-label{display:block;font-size:8px;letter-spacing:1.5px;color:#8b9481;margin-top:28px}.account-card .eyebrow{font-size:9px}.avatar{width:40px;height:40px;border-radius:50%;background:#e7ecde;display:grid;place-items:center;margin-top:20px}.account-card h3{margin-top:14px}.dashboard-footer{font-size:10px;color:#929b8b;display:flex;justify-content:space-between;margin-top:38px;gap:20px}@media(min-width:1500px){.brand-panel{padding:60px 80px}}@media(max-width:1000px){.sidebar{width:205px;padding:25px 16px}.dashboard-main{margin-left:205px}.dashboard-content{padding:30px 25px}.topbar{padding:0 25px}.dashboard-grid{grid-template-columns:1fr 1fr}.account-card{grid-column:1/-1}.brand-panel{padding:35px}.form-panel{padding:35px}.giant-arrow{font-size:125px;padding:0}}@media(max-width:650px){.login-layout{grid-template-columns:1fr}.brand-panel{padding:24px;min-height:260px}.brand-copy{padding:30px 0 0}.brand-copy h1{font-size:43px;letter-spacing:-2px;margin:15px 0}.brand-copy p,.brand-footer,.weight-art{display:none}.brand-copy h1 br{display:none}.brand-copy .eyebrow{font-size:8px}.form-panel{padding:42px 25px 65px}.form-panel h2{font-size:34px}.sidebar{position:relative;width:100%;padding:20px}.sidebar .brand{font-size:14px}.nav-label,.nav-active,.sidebar-bottom{display:none}.dashboard-main{margin-left:0}.topbar{height:65px;padding:0 20px}.dashboard-content{padding:30px 20px}.page-heading{align-items:flex-start}.page-heading h1{font-size:29px}.page-heading .eyebrow{font-size:8px}.account-badge{font-size:9px;padding:7px 9px}.welcome-card{padding:26px}.welcome-card h2{font-size:33px}.giant-arrow{font-size:80px}.dashboard-grid{grid-template-columns:1fr}.account-card{grid-column:auto}.dashboard-footer{font-size:9px}.eyebrow{font-size:9px}}
/* Payments workspace */
.workspace-page{background:#f6f7fb;color:#202839}.simple-nav{display:flex;justify-content:flex-end;gap:10px;padding:20px 5%;border-bottom:1px solid #e6e8ef;background:white}.nav-button{border:1px solid #dfe3ea;background:white;padding:11px 20px;border-radius:9px;font-size:13px;font-weight:600}.nav-button.selected{background:#202839;color:white;border-color:#202839}.workspace{max-width:1250px;margin:auto;padding:48px 30px}.workspace h1{font-size:36px;letter-spacing:-1.3px;margin:12px 0}.feature-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,360px));gap:24px;margin-top:34px}.payment-card{display:block;border-radius:22px;background:linear-gradient(135deg,#b8efff,#c6c0ff 60%,#eed2fc);padding:30px;color:#252047;box-shadow:0 12px 30px #6352be12;transition:transform .2s,box-shadow .2s}.payment-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #6352be25}.feature-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#ffffff8c;font-size:32px;margin-bottom:26px}.payment-card h2{font-size:30px;letter-spacing:-1px}.payment-card p{font-size:13px;line-height:1.8;color:#544c77}.card-link{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-top:32px;padding-top:20px;border-top:1px solid #ffffff80}.sheet-workspace{max-width:1500px}.sheet-panel{background:#fff;border:1px solid #e2e5ed;border-radius:15px;margin-top:28px;overflow:hidden;box-shadow:0 8px 25px #20283905}.sheet-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px}.sheet-toolbar strong{font-size:16px}.sheet-toolbar p{font-size:11px;color:#778095;margin:8px 0 0}.sheet-actions{display:flex;gap:10px;flex-shrink:0}.secondary-button,.save-button{border-radius:8px;padding:12px 17px;font-size:12px;font-weight:bold}.secondary-button{background:white;border:1px solid #d9dfeb;color:#414c65}.save-button{background:#7054d8;border:1px solid #7054d8;color:white}.save-button:hover{background:#5b3fc2}.sheet-status{font-size:12px;color:#536b43;padding:0 24px;min-height:18px;margin:0 0 16px}.sheet-status.has-error{color:#b32632}.table-scroll{overflow-x:auto}.payment-table{border-collapse:collapse;width:100%;table-layout:fixed;min-width:1150px;text-align:left}.payment-table th{background:#f0eefb;color:#5b507b;font-size:11px;padding:15px 12px;border:1px solid #e1ddef;font-weight:700}.payment-table td{border:1px solid #e6e8ef;height:43px;padding:0;font-size:12px}.payment-table th:first-child{width:45px}.payment-table th:nth-child(3),.payment-table th:nth-child(4){width:18%}.payment-table th:last-child{width:40px}.payment-table td:first-child{text-align:center;color:#949aad;background:#fafbfe}.payment-table input{border:0;border-radius:0;background:transparent;width:100%;height:43px;padding:10px;font-size:12px}.payment-table input:focus{outline:2px solid #9575e7;outline-offset:-2px;background:#f8f5ff}.payment-table input::placeholder{color:#b0b6c4;font-size:10px}.remove-row{border:0;background:transparent;width:100%;height:40px;color:#9da4b5;font-size:20px}.remove-row:hover{color:#ba3548;background:#fff0f3}.sheet-foot{display:flex;justify-content:space-between;gap:15px;padding:16px 24px;color:#8a92a4;font-size:10px}.saved-section{margin-top:35px}.saved-section h2{font-size:23px;letter-spacing:-.5px;display:flex;gap:12px;align-items:center}.count-badge{font-size:12px;border-radius:20px;padding:5px 10px;background:#e7e1fa;color:#6f51b6}.history-table{background:white}.history-table th:first-child,.history-table th:last-child{width:auto}.history-table td{padding:13px;text-align:left;background:white;overflow-wrap:anywhere}.history-table th:nth-child(2),.history-table th:nth-child(3){width:18%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){.workspace{padding:30px 18px}.workspace h1{font-size:30px}.simple-nav{padding:16px 18px}.sheet-toolbar{align-items:flex-start;flex-direction:column;padding:18px}.sheet-actions{width:100%}.sheet-actions button{flex:1}.sheet-foot{padding:14px 18px;flex-direction:column}.sheet-status{padding:0 18px}.feature-cards{grid-template-columns:1fr}}
.commission-card{background:linear-gradient(135deg,#ffe4b0,#ffc4c6 60%,#f4b7e4)}.rule-panel{background:#fff;border:1px solid #e2e5ed;border-radius:16px;padding:30px;margin-top:28px;max-width:900px}.rule-panel form{margin:0}.rule-panel fieldset{border:0;padding:0;margin:0;min-width:0}.rule-panel select{width:100%;background:white;border:1px solid #d9ded6;border-radius:8px;padding:14px;font:inherit;font-size:13px;color:var(--ink)}.rule-panel select:focus{outline:2px solid #9575e7}.field-hint{font-size:11px;line-height:1.6;color:#858c9b}.threshold-field{margin-top:26px;max-width:400px}.rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.rate-box{padding:20px;border-radius:12px}.below-rate{background:#fff3df}.otherwise-rate{background:#eee8fc}.rate-box .eyebrow{display:block;font-size:8px;line-height:1.8;letter-spacing:1px;margin-bottom:20px}.rate-box input{max-width:180px}.rule-preview{font-size:13px;line-height:1.8;background:#f5f7fa;padding:17px;border-radius:9px;margin:24px 0}.rule-panel [role=status]{font-size:12px;line-height:1.7;color:#536b43}.rule-panel .has-error{color:#b32632}.rules-table{width:100%;min-width:650px;background:white;border-collapse:collapse;font-size:12px}.rules-table td,.rules-table th{padding:16px;border:1px solid #e2e5ed;text-align:left;overflow-wrap:anywhere}.rules-table th{background:#f8edf2;color:#735064;font-size:11px}.rules-table .secondary-button{padding:8px 12px}@media(max-width:650px){.rule-panel{padding:20px}.rate-grid{grid-template-columns:1fr}.rate-box input{max-width:none}}