:root{font-family:'DM Sans',system-ui,sans-serif;color:#20332e;background:#f5f7f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #79c8a4;outline-offset:3px}.sidebar{position:fixed;width:242px;background:#fff;inset:0 auto 0 0;border-right:1px solid #e5ebe8;padding:32px 20px;display:flex;flex-direction:column}.brand{font-size:29px;font-weight:700;letter-spacing:-1.5px;display:flex;gap:10px;align-items:center}.mark{background:#156849;color:#fff;border-radius:12px;padding:0 9px;font-size:30px}.brand small{font-size:10px;letter-spacing:1px;color:#83928b}.nav-label{font-size:10px;letter-spacing:1.7px;color:#88968f;margin:40px 14px 14px}.nav{border:0;background:none;display:flex;gap:13px;align-items:center;width:100%;text-align:left;padding:13px 15px;margin:4px 0;border-radius:9px;color:#718078;font-size:14px}.nav.active{background:#eaf3ee;color:#156849;font-weight:700}.nav span{font-size:19px;width:22px}.sidebar-bottom{margin-top:auto;padding:17px 10px;color:#77857e;font-size:12px}.workspace{margin-left:242px}.topbar{height:82px;background:#fff;border-bottom:1px solid #e5ebe8;display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:13px;color:#829087}.avatar{border-radius:50%;background:#e8eee9;color:#3b6551;padding:11px;font-size:12px;font-weight:700}.profile{display:flex;gap:12px;align-items:center;color:#3d5047}main{max-width:1430px;margin:auto;padding:38px 42px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#778b80;text-transform:uppercase}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}h1{font-size:31px;letter-spacing:-1px;margin:8px 0 10px;font-weight:600}p{color:#7b8981;font-size:14px;line-height:1.6;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:12px 18px;border:1px solid #dce5df;background:#fff;color:#365648;font-size:13px;text-decoration:none;font-weight:600}.btn.primary{background:#176b4c;border-color:#176b4c;color:#fff}.btn:hover{filter:brightness(.96)}.hero{background:#143f30;border-radius:14px;color:white;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;margin-bottom:26px}.hero h2{font-size:25px;letter-spacing:-.5px;margin:10px 0}.hero p{color:#b4c9bd;max-width:470px}.hero .eyebrow{color:#a7ceba}.hero-art{font-size:65px;color:#9bb9a5;padding:10px 32px;transform:rotate(-12deg)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.stat{background:#fff;border:1px solid #e4eae6;border-radius:11px;padding:21px}.stat-label{color:#819087;font-size:12px}.stat strong{display:block;font-size:29px;font-weight:500;letter-spacing:-1px;margin:13px 0 8px}.stat small{font-size:11px;color:#839087}.green{color:#318260!important}.card{background:#fff;border:1px solid #e3eae5;border-radius:12px;margin-bottom:22px;overflow:hidden}.card-head{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.card h2{font-size:16px;font-weight:600;margin:0 0 5px}.toolbar{display:flex;gap:10px;padding:0 24px 20px;flex-wrap:wrap}.search{max-width:330px;flex:1;min-width:190px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#f9fbfa;color:#7d8c82;font-size:10px;letter-spacing:.8px;text-transform:uppercase;padding:14px 24px;font-weight:500;border-block:1px solid #edf0ee}td{padding:19px 24px;border-bottom:1px solid #edf0ee;font-size:12px;color:#52665b}td b{color:#2b4436;font-size:13px;font-weight:500}td small{display:block;color:#8c9a92;font-size:11px;margin-top:5px}.badge{display:inline-block;padding:5px 9px;border-radius:6px;font-size:10px;background:#eaf4ee;color:#287351}.badge.pending{background:#fff5df;color:#9b7728}.badge.inactive{background:#f0f1f0;color:#7b837e}.text-btn{border:0;background:transparent;color:#267957;font-size:12px;padding:7px}.foot{padding:17px 24px;color:#8b978f;font-size:11px;display:flex;justify-content:space-between}.demo{display:inline-block;background:#fff4db;color:#987428;border:1px solid #eee0bd;border-radius:5px;padding:5px 8px;font-size:10px;letter-spacing:.3px}.notice{padding:14px 18px;border:1px solid #e2e9e4;background:#f0f5f2;border-radius:8px;font-size:12px;color:#647b6b;margin:20px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.account{padding:25px}.account .flag{font-size:29px}.account h3{font-size:17px;margin:15px 0 6px}.account dl{font-size:12px;line-height:2;color:#7b8981}.account dt{margin-top:12px}.account dd{margin:0;color:#3d5547}.empty{padding:50px;text-align:center;color:#839187}input,select{padding:11px 12px;border:1px solid #dfe7e1;border-radius:7px;background:white;color:#365040;font-size:13px;min-width:0}input:focus,select:focus{outline:2px solid #a2cbb3}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#667d6d;margin:15px 0}dialog{border:1px solid #e1e7e2;border-radius:15px;padding:30px;width:450px;max-width:94vw;box-shadow:0 25px 100px #163b332a}dialog::backdrop{background:#102b2355}dialog h2{margin-top:0;font-size:23px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#183f30;color:#fff;padding:14px 22px;border-radius:9px;font-size:13px;display:none;z-index:10}.checkout{max-width:980px;margin:0 auto;padding:35px 24px}.checkout header{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px}.checkout-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:25px}.pay-card{padding:28px}.pay-card h2{font-size:20px;margin:12px 0 20px}.bank-detail{padding:14px 0;border-bottom:1px solid #e6ece8;display:flex;justify-content:space-between;gap:15px;font-size:13px}.bank-detail small{color:#829186}.summary{background:#edf3ee;padding:28px;border-radius:12px;align-self:start}.summary h2{font-size:21px}.amount{font-size:36px;letter-spacing:-1px;margin:25px 0}.full{width:100%}.check-icon{font-size:44px;color:#2b8b61}.mobile-brand{display:none}@media(max-width:1000px){.sidebar{width:195px;padding-inline:12px}.workspace{margin-left:195px}main{padding:28px 24px}.topbar{padding:0 24px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.hero-art{display:none}}@media(max-width:650px){.sidebar{position:static;width:100%;padding:16px;display:block;border-bottom:1px solid #e5ebe8}.sidebar .brand{font-size:24px;margin-bottom:15px}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto}.nav{width:auto;white-space:nowrap;padding:10px;font-size:12px}.nav span{display:none}.workspace{margin-left:0}.topbar{height:60px;padding:0 18px}.profile .company{display:none}main{padding:24px 16px}.heading{align-items:flex-start}h1{font-size:25px}.heading p{font-size:12px}.btn{padding:11px 12px;font-size:11px}.hero{padding:24px}.hero h2{font-size:22px}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:24px}.card-head{padding:20px}.checkout-grid{grid-template-columns:1fr}.checkout header{margin-bottom:25px}.hero p{font-size:12px}.heading .btn{white-space:nowrap}.topbar .demo{font-size:9px}}