@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17251f;--muted:#748078;--green:#16784d;--green2:#0f603d;--mint:#eaf5ef;--line:#e8eee9;--bg:#f7faf8;--white:#fff;--amber:#fff4df;--blue:#eaf2ff;--shadow:0 18px 55px rgba(29,62,43,.09)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.topbar{height:78px;padding:0 max(24px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1ee;background:rgba(255,255,255,.92)}.brand{display:flex;align-items:center;gap:10px;font:800 19px Manrope,sans-serif;letter-spacing:-.7px}.brand-mark{width:34px;height:34px;background:var(--green);color:white;border-radius:10px;display:grid;place-items:center;font-size:18px}.brand-light{font-weight:500;color:#789085}.nav-actions{display:flex;align-items:center;gap:30px}.nav-link,.text-link{font-size:13px;font-weight:700;color:#52645a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 20px;border-radius:9px;font-weight:700;font-size:13px;border:0;cursor:pointer}.btn-primary{background:var(--green);color:#fff;box-shadow:0 8px 18px rgba(22,120,77,.15)}.btn-primary:hover{background:var(--green2)}.btn-outline{border:1px solid #dce7df;color:var(--ink);background:white}.btn-small{padding:11px 15px;font-size:12px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-top:92px;padding-bottom:100px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:var(--green);display:inline-flex;align-items:center;gap:8px}.eyebrow i,.live-dot{width:7px;height:7px;border-radius:50%;background:#25a76a;display:inline-block}.hero h1,.form-aside h1,.login-card h1{font:800 clamp(42px,5vw,62px)/1.08 Manrope,sans-serif;letter-spacing:-3px;margin:20px 0}.hero h1 span{color:var(--green)}.hero-text{font-size:16px;line-height:1.8;color:#718078;max-width:490px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.trust-row{margin-top:42px;display:flex;align-items:center;gap:9px;color:#7c8981;font-size:11px}.trust-dot{color:var(--green);font-weight:900;margin-left:8px}.hero-visual{position:relative;min-height:390px;display:grid;place-items:center}.visual-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:#eaf5ee;filter:blur(2px)}.dashboard-preview{z-index:1;width:min(440px,100%);background:#fff;border:1px solid #e7eee9;border-radius:17px;padding:25px;box-shadow:var(--shadow);transform:rotate(1deg)}.preview-head{display:flex;justify-content:space-between;align-items:center}.preview-head small,.preview-label{display:block;font-size:9px;letter-spacing:1.4px;color:#94a097;font-weight:800}.preview-head strong{display:block;font:700 18px Manrope;margin-top:6px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e8f4ec;color:var(--green);font-weight:800;font-size:11px}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.preview-stats>div{background:#f7faf8;padding:15px;border-radius:10px}.preview-stats small,.preview-row small{display:block;color:#8a968f;font-size:10px}.preview-stats b{font:800 27px Manrope;display:block;margin:6px 0}.preview-stats em{font-size:9px;color:var(--green);font-style:normal}.preview-stats em.muted{color:#9a8a67}.preview-label{display:flex;justify-content:space-between;margin:20px 0 8px}.preview-label span{color:var(--green);letter-spacing:0}.preview-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #f0f3f1}.preview-row b{font-size:11px}.parcel-icon{background:#edf6f0;color:var(--green);padding:9px;border-radius:8px}.pill{font-size:9px;padding:6px 9px;border-radius:30px;font-weight:700;white-space:nowrap}.preview-row .pill{margin-left:auto}.pill-green{background:#e8f6ee;color:#218152}.pill-amber{background:#fff3dc;color:#a8741d}.pill-blue{background:#eaf1ff;color:#4775bd}.preview-foot{border-top:1px solid #f0f3f1;padding-top:14px;font-size:10px;color:#829087}.live-dot{margin-right:6px}.floating-card{position:absolute;z-index:2;bottom:18px;left:-15px;background:white;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:12px;padding:13px 16px;display:flex;gap:11px;align-items:center}.float-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e7f6ed;color:var(--green)}.floating-card b,.floating-card small{display:block;font-size:11px}.floating-card small{font-size:9px;color:#89958d;margin-top:3px}.feature-band{background:#f7faf8;padding:62px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.feature-number{font-size:11px;color:var(--green);font-weight:800}.feature-grid h3{font:700 17px Manrope;margin:12px 0 7px}.feature-grid p,.bottom-cta p{font-size:13px;line-height:1.7;color:#7d8982;margin:0}.bottom-cta{display:flex;align-items:center;justify-content:space-between;padding-top:65px;padding-bottom:65px}.bottom-cta h2{font:800 27px Manrope;margin:10px 0}.footer{border-top:1px solid var(--line);padding:22px max(24px,calc((100% - 1160px)/2));display:flex;justify-content:space-between;align-items:center}.footer>span{font-size:10px;color:#98a39c}
.app-bg,.dashboard-bg{background:#f6f9f7;min-height:100vh}.form-layout{display:grid;grid-template-columns:310px 1fr;gap:60px;padding-top:55px;padding-bottom:75px;align-items:start}.form-aside{position:sticky;top:35px;padding-top:18px}.form-aside h1{font-size:39px;letter-spacing:-1.8px;line-height:1.17;margin:18px 0}.form-aside>p,.login-card>p{color:#7b8981;line-height:1.7;font-size:13px}.aside-note{display:flex;gap:12px;padding:16px;background:#edf6f0;border-radius:10px;margin-top:30px}.aside-note b,.aside-note small{display:block;font-size:11px}.aside-note small{font-size:10px;color:#7b8981;line-height:1.5;margin-top:4px}.aside-steps{margin-top:40px;display:grid;gap:19px;color:#a0aaa3;font-size:11px}.aside-steps div{display:flex;align-items:center;gap:12px}.aside-steps div:first-letter{color:var(--green)}.aside-steps span{color:#75827a}.step-active{color:var(--green);font-weight:800}.form-card,.login-card{background:white;border:1px solid #e8eee9;border-radius:15px;padding:34px;box-shadow:0 8px 30px rgba(28,59,42,.04)}.form-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:25px}.form-heading h2{font:800 24px Manrope;margin:8px 0 5px}.form-heading p,.field-hint{font-size:11px;color:#87938b;margin:0}.form-step{font-size:10px;color:#9ba69f}.section-title{font:700 13px Manrope;margin:0 0 16px}.section-gap{margin-top:27px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-grid label,.full-field,.login-card label{font-size:11px;font-weight:700;color:#526159;display:block}.field-grid input,.full-field textarea,.login-card input{display:block;width:100%;border:1px solid #e1e9e3;border-radius:7px;padding:12px 13px;margin-top:7px;font:12px 'DM Sans';outline:none;background:#fff;color:var(--ink)}input:focus,textarea:focus{border-color:#63a985!important;box-shadow:0 0 0 3px #eaf5ef}.full-field{margin-top:16px}.full-field textarea{resize:vertical}.field-hint{line-height:1.6;margin-top:-8px;margin-bottom:13px}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-option{border:1px solid #e4ebe6;border-radius:8px;padding:12px;display:flex;align-items:center;gap:10px;cursor:pointer}.payment-option:has(input:checked){border-color:#4e9c75;background:#f4faf6}.payment-option input{accent-color:var(--green)}.pay-icon{width:30px;height:30px;border-radius:7px;background:#edf6f0;display:grid;place-items:center;color:var(--green)}.payment-option b,.payment-option small{display:block;font-size:10px}.payment-option small{color:#8a968e;font-size:9px;margin-top:3px}.notice{margin-top:17px;background:#fff8e9;border:1px solid #f4e9cb;padding:12px;border-radius:7px;font-size:10px;line-height:1.6;color:#806c42}.consent{display:flex;align-items:flex-start;gap:9px;font-size:10px;color:#728078;line-height:1.5;margin:19px 0}.consent input{accent-color:var(--green);margin-top:2px}.submit-btn{width:100%;margin-top:4px}.form-footnote{text-align:center;font-size:9px;color:#9aa49d;line-height:1.5;margin:13px 0 0}.success-panel{text-align:center;padding:55px 20px}.success-mark{width:55px;height:55px;border-radius:50%;background:#e7f6ed;color:var(--green);font-size:25px;display:grid;place-items:center;margin:0 auto 20px}.success-panel h2{font:800 25px Manrope}.success-panel p{font-size:13px;color:#7b8981;line-height:1.7;max-width:400px;margin:0 auto 24px}.success-panel .text-link{display:block;margin-top:18px}.hidden{display:none!important}
.login-wrap{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:30px}.login-card{width:min(430px,100%);padding:38px}.login-card h1{font-size:38px;letter-spacing:-1.8px;margin:16px 0 6px}.login-card form{margin-top:25px}.login-card label{margin:15px 0}.demo-login{background:#f4f8f5;border-radius:8px;padding:13px;margin:20px 0;font-size:10px}.demo-login p{font-size:10px;line-height:1.6;color:#748078;margin-bottom:0}.demo-login code{background:#e7efe9;padding:2px 4px;border-radius:3px}
.dashboard-bg{display:flex}.sidebar{width:245px;background:#fff;border-right:1px solid var(--line);padding:25px 17px;display:flex;flex-direction:column;min-height:100vh;position:fixed;left:0;top:0}.workspace-label,.side-nav small{font-size:9px;color:#9aa69e;letter-spacing:1.3px;font-weight:800;margin:38px 8px 10px}.workspace-name{background:#f6f9f7;border:1px solid var(--line);padding:11px;border-radius:7px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:8px}.workspace-name>span:last-child{margin-left:auto;color:#99a49d}.workspace-icon{color:var(--green)}.side-nav{display:grid;gap:5px}.side-nav small{margin:28px 8px 7px}.side-nav a{padding:11px 10px;border-radius:7px;color:#77847c;font-size:13px;display:flex;gap:12px}.side-nav a span{font-size:11px;font-weight:600}.side-nav a.active{background:#edf6f0;color:var(--green);font-weight:800}.sidebar-bottom{margin-top:auto}.profile-mini{display:flex;align-items:center;gap:10px;padding:14px 3px;border-top:1px solid var(--line)}.profile-mini b,.profile-mini small{display:block;font-size:10px}.profile-mini small{color:#8b978f;font-size:9px;margin-top:3px}.logout-btn{border:0;background:none;color:#87938b;font-size:11px;padding:8px 3px;cursor:pointer}.dash-main{margin-left:245px;padding:42px 42px 35px;width:calc(100% - 245px);max-width:1500px}.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.dash-header h1{font:800 27px Manrope;margin:8px 0 5px;letter-spacing:-1px}.dash-header p,.panel-head p{font-size:11px;color:#89958d;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stat-card,.panel{background:white;border:1px solid var(--line);border-radius:10px}.stat-card{padding:18px}.stat-top{font-size:10px;color:#78857d;display:flex;justify-content:space-between}.stat-top span{color:var(--green);font-size:15px}.stat-card strong{font:800 28px Manrope;display:block;margin:12px 0 3px}.stat-card small{font-size:9px;color:#9aa49d}.panel{padding:22px;margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head h2{font:700 14px Manrope;margin:0 0 5px}.table-count{font-size:10px;color:#89958d}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:650px}th{font-size:9px;letter-spacing:.8px;color:#9aa49d;font-weight:800;padding:11px;border-bottom:1px solid var(--line)}td{font-size:10px;padding:14px 11px;border-bottom:1px solid #f0f3f1;color:#55645b}td b,td small{display:block}td b{color:#26372d}td small{font-size:9px;color:#9aa49d;margin-top:4px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-cell{text-align:center;padding:35px;color:#9aa49d}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.empty-state{text-align:center;padding:24px 20px}.empty-state>span{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 12px;border-radius:9px;background:#edf6f0;color:var(--green)}.empty-state b{font-size:11px}.empty-state p{font-size:10px;line-height:1.6;color:#8b978f;max-width:290px;margin:8px auto}.team-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f0f3f1}.team-row>div{flex:1}.team-row b,.team-row small{display:block;font-size:10px}.team-row small{font-size:9px;color:#909b94;margin-top:3px}.avatar-purple{background:#f0ecfb;color:#7862a8}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.settings-grid>div{background:#f7faf8;border-radius:7px;padding:13px}.settings-grid small,.settings-grid b{display:block;font-size:9px;color:#8b978f}.settings-grid b{font-size:11px;color:#34483b;margin-top:7px}.demo-banner{background:#fff5e4;border:1px solid #f3e5c6;color:#876d38;padding:12px 15px;border-radius:7px;font-size:10px;margin-top:10px}
@media(max-width:850px){.hero{gap:20px;padding-top:60px}.hero-visual{min-height:330px}.form-layout{grid-template-columns:1fr;gap:25px}.form-aside{position:static}.form-aside h1{max-width:500px}.aside-steps{display:none}.sidebar{width:205px}.dash-main{margin-left:205px;width:calc(100% - 205px);padding:28px 20px}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.topbar{height:65px;padding:0 18px}.nav-link{display:none}.wrap{width:calc(100% - 36px)}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px}.hero h1{font-size:47px}.hero-visual{min-height:340px}.floating-card{left:0}.feature-grid{grid-template-columns:1fr;gap:27px}.bottom-cta{align-items:flex-start;gap:20px;flex-direction:column}.footer{padding:20px;gap:15px;align-items:flex-start;flex-direction:column}.form-layout{padding-top:25px}.form-card{padding:22px 17px}.field-grid,.payment-options{grid-template-columns:1fr}.form-aside h1{font-size:33px}.dashboard-bg{display:block}.sidebar{position:relative;width:100%;min-height:auto;padding:13px 16px;display:block;border-right:0;border-bottom:1px solid var(--line)}.sidebar .workspace-label,.sidebar .workspace-name,.sidebar .side-nav,.sidebar-bottom{display:none}.dash-main{margin:0;width:100%;padding:25px 16px}.dash-header{align-items:flex-start;gap:15px;flex-direction:column}.dash-header h1{font-size:23px}.stat-grid{gap:9px}.stat-card{padding:13px}.lower-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.login-wrap{min-height:calc(100vh - 65px)}}