@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--ink:#182b2a;--muted:#7d8885;--line:#e8edeb;--green:#215c47;--paper:#f7f9f8;--lime:#d8f284}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{transition:background .18s,color .18s,transform .18s}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit;background:0 0;border:0}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #91b99a}input,select{width:100%;color:var(--ink);background:#fff;border:1px solid #dce4df;border-radius:8px;outline:none;padding:12px 13px}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #215c4710}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1{letter-spacing:-1.1px;margin:10px 0;font-size:29px;line-height:1.3}h2{letter-spacing:-.5px;margin:0;font-size:18px}h3{font-size:16px}p{color:var(--muted);margin:8px 0 0;line-height:1.65}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:10;background:#fff;flex-direction:column;flex-shrink:0;width:240px;padding:31px 19px 17px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1px;align-items:center;gap:9px;padding:0 9px;font-size:24px;font-weight:800;display:flex}.brand .pay{color:#77837b;margin-left:-5px;font-weight:500}.logo{background:var(--green);width:35px;height:35px;color:var(--lime);letter-spacing:-5px;border-radius:10px;justify-content:center;align-items:center;padding-right:4px;font-size:27px;font-weight:800;display:inline-flex}.logo span{font-size:17px;transform:translateY(-4px)}.workspace{border:1px solid var(--line);border-radius:10px;align-items:center;gap:11px;margin:33px 0 31px;padding:12px;display:flex}.workspace strong{font-size:12px}.workspace small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.workspace>svg{color:#9ca59f;margin-left:auto}.avatar{color:#5d7666;background:#edf1ed;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.avatar.small{border-radius:50%;width:31px;height:31px;font-size:12px}.nav-label{letter-spacing:1.3px;color:#939d96;margin:0 13px 15px;font-size:9px;font-weight:700}.nav{text-align:left;color:#77817a;border-radius:8px;align-items:center;gap:12px;width:100%;margin-bottom:5px;padding:13px 14px;font-size:13px;display:flex}.nav.active{color:var(--green);background:#edf4ed;font-weight:700}.nav:hover{background:#f3f6f3}.count{background:#e3eae3;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:10px}.sidebar-bottom{margin-top:auto}.secure-note{border:1px solid var(--line);color:#6c856f;border-radius:10px;margin:20px 0;padding:17px 13px}.secure-note strong{margin-top:11px;font-size:11px;display:block}.secure-note p{margin-top:7px;font-size:11px;line-height:1.6}.main{width:calc(100% - 240px);margin-left:240px}.topbar{border-bottom:1px solid var(--line);color:#89918d;background:#fff;justify-content:space-between;align-items:center;height:77px;padding:0 42px;font-size:11px;display:flex}.topbar>span,.topbar>div{align-items:center;gap:15px;display:flex}.topbar strong{color:#42504a;font-weight:500}.mode{color:#6d775f;border:1px solid #e3e8df;border-radius:20px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:flex}.mode i,.badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.mode.on{color:var(--green)}.content{max-width:1400px;margin:auto;padding:37px 42px 0}.page-head{justify-content:space-between;align-items:center;gap:25px;margin-bottom:29px;display:flex}.page-head p{font-size:12px}.eyebrow{letter-spacing:1.8px;color:#8c9890;font-size:9px;font-weight:700}.button{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:12px 18px;font-size:12px;font-weight:600;display:inline-flex}.primary{background:var(--green);color:#fff;box-shadow:0 2px 4px #1c503515}.primary:hover:not(:disabled){background:#174b38;transform:translateY(-1px)}.secondary{background:#fff;border:1px solid #dce4df;margin:8px 8px 0 0}.hero{color:#fff;background:#1b493d;border-radius:13px;height:289px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:1;padding:31px 34px}.hero-label{letter-spacing:1.6px;color:#c5d2b5;align-items:center;gap:7px;font-size:8px;display:flex}.hero-label span{background:var(--lime);border-radius:50%;width:5px;height:5px}.hero h2{letter-spacing:-1.4px;margin-top:15px;font-size:34px;font-weight:600;line-height:1.25}.hero p{color:#b9cec3;margin-top:11px;font-size:11px;line-height:1.7}.hero-button{background:var(--lime);color:#284431;border-radius:6px;align-items:center;gap:22px;margin-top:20px;padding:11px 14px;font-size:10px;font-weight:700;display:flex}.hero-art{width:48%;height:100%;position:absolute;right:0;overflow:hidden}.orbit{border:1px solid #a9c5a820;border-radius:50%;width:380px;height:380px;position:absolute;top:-45px;left:40px;transform:rotate(-25deg)}.orbit.two{width:470px;height:470px;top:-89px;left:-7px}.payment-card{width:212px;height:159px;color:var(--green);background:linear-gradient(125deg,#fafdf2,#e2ebcc);border-radius:13px;padding:18px;position:absolute;top:61px;right:79px;transform:rotate(-10deg);box-shadow:0 15px 40px #001b2440}.card-top{justify-content:space-between;align-items:center;display:flex}.card-top .logo{width:28px;height:28px;font-size:18px}.card-top>span:last-child{letter-spacing:1.7px;color:#71916b;font-size:7px;font-weight:700}.card-line{background:#3e5e4120;border-radius:5px;width:110px;height:8px;margin-top:19px;display:block}.card-line.short{width:75px;height:5px;margin-top:8px}.card-action{border-top:1px solid #91aa8145;justify-content:space-between;margin-top:18px;padding-top:10px;font-size:9px;display:flex}.mini-tag{z-index:3;color:#385b49;background:#ffffffed;border-radius:9px;align-items:center;gap:9px;padding:12px 16px;font-size:10px;display:flex;position:absolute;box-shadow:0 9px 20px #17362c30}.t1{top:34px;right:48px;transform:rotate(7deg)}.t2{top:204px;right:39px;transform:rotate(-4deg)}.t3{top:143px;right:274px;transform:rotate(4deg)}.p24-mark{color:#cc423e;font-size:18px;font-style:italic;font-weight:800}.metrics-head{justify-content:space-between;align-items:center;margin:29px 0 11px;font-size:12px;font-weight:600;display:flex}.metrics-head small{color:#9ba49d;font-size:10px;font-weight:400}.metrics-head select{background:0 0;width:76px;padding:6px 9px;font-size:10px}.metrics{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:29px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:10px;padding:20px 23px}.metric>span{color:#748179;justify-content:space-between;font-size:11px;display:flex}.metric strong{letter-spacing:-1px;margin:13px 0 10px;font-family:Manrope,sans-serif;font-size:27px;font-weight:650;display:block}.metric small{color:#98a199;font-size:10px}.metric:first-child{border-bottom:2px solid #a1bf95}.panel{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden}.panel-head{justify-content:space-between;align-items:center;padding:22px 23px;display:flex}.panel-head h2{font-size:15px}.panel-head p{margin-top:4px;font-size:10px}.text-button{color:#537160;align-items:center;gap:7px;padding:5px;font-size:11px;font-weight:500;display:inline-flex}.text-button:hover{color:#173e2a}.table-tools{justify-content:space-between;align-items:center;gap:15px;padding:0 23px 14px;display:flex}.tabs{border:1px solid var(--line);border-radius:7px;gap:3px;padding:3px;display:flex}.tabs button{color:#8b958e;border-radius:5px;padding:7px 11px;font-size:10px}.tabs .chosen{color:#43654d;background:#edf3ed;font-weight:600}.search{color:#9aa39c;align-items:center;gap:7px;display:flex;margin:0!important}.search input{border:0;max-width:150px;padding:6px 0;font-size:11px}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th{border-top:1px solid var(--line);border-bottom:1px solid var(--line);letter-spacing:1px;color:#8c978f;background:#fafbf9;padding:12px 23px;font-size:8px;font-weight:500}td{border-bottom:1px solid #f0f3ee;padding:16px 23px;font-size:11px}.row-title{text-align:left;align-items:center;gap:12px;padding:0;display:flex}.row-title strong{text-overflow:ellipsis;max-width:220px;font-size:12px;font-weight:500;display:block;overflow:hidden}.row-title small{color:#a0a8a2;margin-top:5px;font-size:9px;display:block}.link-icon{color:#80937e;border:1px solid #e9ede8;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;display:flex}.amount{white-space:nowrap;font-weight:600}.badge{white-space:nowrap;color:#7b857d;background:#f1f3f0;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;display:inline-flex}.badge.open{color:#659568;background:#edf4ed}.badge.paid{color:#377954;background:#eaf5ee}.badge.pending{color:#a78a3f;background:#fbf4e6}.badge.cancelled{color:#aa6f5c;background:#f8eeeb}.muted{color:#949e96;white-space:nowrap}.row-actions{color:#8a978d;gap:12px;display:flex}.row-actions button{padding:0}.empty{text-align:center;padding:32px 15px 37px}.empty-icon{color:#7c9474;background:#f1f5ee;border-radius:13px;place-items:center;width:50px;height:50px;margin:0 auto 15px;display:grid}.empty h3{margin:0;font-size:14px}.empty p{margin:8px 0 13px;font-size:11px}.table-foot{border-top:1px solid var(--line);color:#8a978d;justify-content:space-between;align-items:center;padding:12px 23px;font-size:10px;display:flex}.bottom-note{color:#9ca69e;justify-content:center;align-items:center;gap:7px;margin:20px;font-size:9px;display:flex}.settings-grid{grid-template-columns:1.1fr 1fr;gap:25px;display:grid}.form-panel{margin-bottom:23px;padding:27px}.form-panel>p{margin:12px 0 22px;font-size:12px}.form-panel form{margin-top:23px}label{margin:17px 0;font-size:12px;font-weight:500;display:block}label>input,label>select{margin-top:8px;display:block}label small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-row label{margin-top:0}.field-note{margin:15px 0;font-size:11px;line-height:1.7}.provider{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:20px 0;display:flex}.provider:last-child{border:0;padding-bottom:0}.provider>div{flex:1}.provider strong{font-size:12px}.provider small{color:#89978b;margin-top:5px;font-size:11px;display:block}.provider-logo{min-width:50px}.stripe{color:#6954d6;letter-spacing:-1.5px;font-size:22px;font-weight:800}.dot{background:#c5ccc4;border-radius:50%;width:7px;height:7px}.dot.green{background:#5a9c70}.setup{background:#f4f7ef}.setup ol{color:#74816e;padding-left:18px;font-size:12px;line-height:1.8}.setup li{padding:5px}details{color:#6e7b68;margin-top:20px;font-size:11px}summary{cursor:pointer}code{font-size:11px}.break{overflow-wrap:anywhere}.account-box{background:#f4f7f1;border-radius:9px;flex-direction:column;gap:14px;margin:24px 0;padding:24px;display:flex}.account-box small{letter-spacing:1px;color:#84917e;font-size:9px}.account-box strong{overflow-wrap:anywhere;font-size:15px}.account-box span{color:#8b9685;font-size:12px}.large-icon{color:#66866e;width:35px;height:35px;margin-bottom:20px}footer{color:#a5ada6;border-top:1px solid var(--line);gap:17px;margin-top:27px;padding:25px 0 28px;font-size:9px;display:flex}footer span:last-child{margin-left:auto}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#0e221d75;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:#fff;border-radius:15px;width:460px;max-height:90vh;padding:34px;position:relative;overflow:auto;box-shadow:0 25px 100px #0003}.modal h2{margin-top:10px;font-size:24px}.modal>p{font-size:12px}.close{color:#89938b;padding:4px;position:absolute;top:15px;right:15px}.full{width:100%}.toast{color:#fff;z-index:50;background:#214b3c;border-radius:9px;align-items:center;gap:10px;padding:15px 22px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0002}.alert{color:#994c38;background:#fff0eb;border:1px solid #f4d7cd;border-radius:8px;justify-content:space-between;gap:12px;margin-bottom:20px;padding:12px 15px;font-size:12px;display:flex}.alert button{padding:0}.detail-amount{font-size:30px}.check-label{align-items:flex-start;gap:10px;font-size:11px;line-height:1.6;display:flex}.check-label input{width:auto;margin:4px 0 0}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.checkout-page{background:radial-gradient(at top,#e8efe3,#0000 65%);min-height:100vh;padding:45px 20px}.checkout-brand{justify-content:center}.checkout-shell{border:1px solid #e0e8dd;border-radius:20px;grid-template-columns:1fr 1.1fr;max-width:900px;margin:45px auto 25px;display:grid;overflow:hidden;box-shadow:0 15px 70px #223c2910}.checkout-summary{background:#eef3e9;padding:48px 37px}.checkout-summary h2{margin-top:12px;font-size:20px}.checkout-summary>p{overflow-wrap:anywhere;font-size:13px}.checkout-price{letter-spacing:-2px;margin-top:38px;font-family:Manrope,sans-serif;font-size:42px;font-weight:600}.summary-rule{background:#dae3d3;height:1px;margin:33px 0 22px}.summary-row{color:#85917c;justify-content:space-between;gap:10px;margin:17px 0;font-size:10px;display:flex}.summary-row strong{color:#596a50;font-weight:500}.checkout-help{color:#75906a;align-items:flex-start;gap:12px;margin-top:46px;display:flex}.checkout-help svg{flex-shrink:0;margin-top:3px}.checkout-help p{color:#839079;margin:0;font-size:11px}.contact{color:#67805d;margin-top:30px;font-size:11px;display:block}.checkout-form{background:#fff;padding:43px 35px}.checkout-form h1{margin:10px 0 8px;font-size:25px}.checkout-form>p{font-size:12px}.payment-methods{margin:25px 0}.payment-option{cursor:pointer;border:1px solid #e3e8df;border-radius:10px;align-items:center;gap:12px;margin:10px 0;padding:16px;display:flex}.payment-option input{width:auto;accent-color:var(--green);margin:0}.payment-option strong{font-size:12px;display:block}.payment-option small{color:#9ba495;margin-top:4px;font-size:9px;display:block}.payment-option.selected{background:#f6f9f2;border-color:#507c5f}.payment-option.unavailable{opacity:.5;cursor:not-allowed}.checkout-footer{text-align:center;color:#9ba794;font-size:10px}.notice,.test-note{color:#928340;background:#fff8df;border:1px solid #eee4bb;border-radius:8px;margin-bottom:23px;padding:12px;font-size:11px;line-height:1.6}.test-note{margin-top:24px}.payment-success{text-align:center;padding:60px 0}.payment-success>div{width:65px;height:65px;color:var(--green);background:#e4f0de;border-radius:50%;place-items:center;margin:auto;display:grid}.payment-success h1{margin-top:25px}.bank-details>div{border-bottom:1px solid var(--line);padding:15px 0}.bank-details small{color:#8a9785;font-size:10px}.bank-details>div>div{justify-content:space-between;align-items:center;gap:10px;margin-top:7px;display:flex}.bank-details strong{overflow-wrap:anywhere;min-width:0;font-size:12px;font-weight:500}.bank-details button{color:#73886a;flex-shrink:0}@media (min-width:1500px){.content{padding-top:45px}.hero{height:315px}.hero-copy{padding:37px 40px}.hero-art{right:40px}.hero h2{font-size:38px}}@media (max-width:1150px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.main{width:calc(100% - 205px);margin-left:205px}.content{padding:28px 25px 0}.topbar{padding:0 25px}h1{font-size:24px}.hero-art{transform-origin:100%;width:50%;transform:scale(.86)}.hero h2{font-size:29px}.metrics{gap:10px}.metric{padding:19px 15px}.metric strong{font-size:23px}.table-tools{flex-wrap:wrap}.settings-grid{gap:15px}}@media (max-width:800px){.sidebar{width:70px;padding:25px 10px}.sidebar .brand{justify-content:center;gap:0;padding:0;font-size:0}.sidebar .brand .pay,.sidebar .workspace,.nav-label,.sidebar-bottom,.nav .count{display:none}.sidebar .brand .logo{font-size:26px}.sidebar nav{margin-top:37px}.nav{justify-content:center;gap:0;padding:15px;font-size:0}.nav svg{flex-shrink:0}.main{width:calc(100% - 70px);margin-left:70px}.page-head{align-items:flex-start}.hero-art{opacity:.5;width:40%;right:-40px}.hero-copy{padding:29px 25px}.hero h2{font-size:30px}.metrics{grid-template-columns:1fr}.metric{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:17px;display:flex}.metric>span{gap:15px}.metric strong{margin:0}.metric small{width:100%}.settings-grid{grid-template-columns:1fr}.checkout-shell{grid-template-columns:1fr;max-width:550px}.checkout-summary{padding:30px}.checkout-price{margin-top:20px}.checkout-help{margin-top:22px}.topbar>span{gap:7px;font-size:10px}.topbar .avatar{display:none}.mode{font-size:9px}.table-tools{padding:0 15px 15px}.tabs button{padding:7px 8px}.panel-head{padding:20px 15px}}@media (max-width:520px){.content{padding:23px 15px 0}.topbar{height:62px;padding:0 15px}.topbar>span{display:none}.topbar>div{margin-left:auto}.page-head{flex-direction:column;gap:16px;margin-bottom:22px}h1{font-size:23px}.hero{height:305px}.hero-art{display:none}.hero-copy{padding:27px 22px}.hero h2{font-size:29px}.hero p{font-size:11px}.hero-label{font-size:7px}.hero-button{margin-top:23px}.metrics-head small{display:none}.bottom-note{align-items:flex-start;margin:17px 0;line-height:1.6}.bottom-note svg{flex-shrink:0}.tabs{flex-wrap:wrap}.tabs button{font-size:9px}.panel-head .text-button{font-size:0}.panel-head .text-button svg{width:17px}.panel-head h2{font-size:14px}footer>span:first-child{display:none}.form-panel{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.overlay{padding:12px}.modal{padding:29px 24px}.checkout-page{padding:25px 12px}.checkout-shell{margin-top:25px}.checkout-form{padding:29px 24px}.checkout-price{font-size:35px}.toast{width:85%;font-size:11px}.metric strong{font-size:22px}}.admin-page{max-width:1100px;margin:0 auto;padding:0 24px 60px}.admin-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;display:flex}.admin-hero{padding:44px 0 28px}.admin-hero h1{margin:10px 0;font-size:38px}.admin-hero p{font-size:14px}.admin-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.links-panel{margin-top:20px}.links-panel small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.links-panel .text-button{margin-right:10px}.danger{color:#9a4d3d}.notice{color:#377954;background:#edf7ef;border:1px solid #cde0cf;border-radius:8px;margin:12px 0;padding:12px 15px}.empty{padding:28px 23px}@media (max-width:720px){.admin-page{padding:0 14px 40px}.admin-hero{padding-top:30px}.admin-hero h1{font-size:29px}.admin-grid{grid-template-columns:1fr}.links-panel td,.links-panel th{padding-left:12px;padding-right:12px}.links-panel table{min-width:620px}}