:root{font-family:'DM Sans',sans-serif;color:#22342c;background:#f5f6f2;font-synthesis:none;--green:#234f3c;--muted:#879088;--line:#e7eae3;--lime:#d8ef9b}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{border:0}.shell{display:flex;min-height:100vh}.sidebar{width:244px;background:#111f19;color:#c2cbc5;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:31px 20px;z-index:10}.brand{font-family:Manrope,sans-serif;font-size:23px;font-weight:800;color:#fff;letter-spacing:-1.1px;display:flex;align-items:center;gap:9px;padding:0 9px}.brandmark{background:var(--lime);color:#172a1e;width:31px;height:34px;display:grid;place-items:center;border-radius:9px;transform:rotate(-8deg)}.brandmark svg{width:23px;height:23px}.brand small{color:var(--lime)}.workspace{margin:35px 0 29px;border:1px solid #344039;border-radius:9px;display:flex;align-items:center;gap:10px;padding:11px;color:#fff;font-size:12px}.workspace .avatar{background:#2b3b31;border:1px solid #465344;color:var(--lime);border-radius:6px;padding:8px;font-weight:700}.workspace span{display:block;color:#84958a;font-size:10px;margin-top:3px}.navlabel{font-size:10px;letter-spacing:1.8px;color:#66796c;margin:0 13px 12px}.nav{display:flex;flex-direction:column;gap:6px}.nav button{display:flex;align-items:center;gap:13px;padding:13px 14px;color:#9caf9f;background:none;text-align:left;border-radius:7px;font-size:13px;font-weight:500}.nav button:hover{background:#203229;color:#fff}.nav button.active{background:var(--lime);color:#172b1c;font-weight:700}.nav .count{margin-left:auto;font-size:10px;background:#ffffff12;padding:2px 6px;border-radius:4px}.sidebar-bottom{margin-top:auto}.storage{border:1px solid #324138;border-radius:10px;padding:17px 13px;font-size:11px;line-height:1.6;color:#a4b2a7}.storage strong{color:#d9e4d9;display:flex;gap:7px;align-items:center;font-size:12px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#a5cf79}.profile{display:flex;align-items:center;gap:10px;margin:24px 5px 0;font-size:12px;color:#e4e9e5}.profile .circle{display:grid;place-items:center;background:#384a3a;border-radius:50%;width:34px;height:34px;color:var(--lime);font-size:11px}.profile small{display:block;color:#8a9b8e;font-size:10px;margin-top:4px}.main{margin-left:244px;width:calc(100% - 244px)}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{color:#9ba39b;font-size:12px}.breadcrumb b{color:#415348;font-weight:500}.top-right{display:flex;align-items:center;gap:22px;font-size:11px;color:#7c897f}.searchbox{display:flex;align-items:center;gap:9px;color:#9aa69c}.searchbox input{border:0;background:none;width:195px;font-size:12px}.tag{padding:6px 9px;border-radius:5px;background:#f2f4f0;color:#738371;font-size:10px}.content{max-width:1550px;margin:auto;padding:34px 38px 24px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#7a877d;font-weight:600}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:27px}.heading h1{font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-1px;font-weight:800;margin:7px 0 7px}.heading p{font-size:12px;color:#839087;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--green);color:white}.btn svg{width:16px;height:16px}.btn.secondary{background:#fff;color:#56665b;border:1px solid #dde3da}.btn.soft{background:#edf3e6;color:#416137}.actions{display:flex;gap:9px}.hero{background:#e8eddf;border:1px solid #dfe6d5;border-radius:12px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:27px 31px;margin-bottom:24px;overflow:hidden;min-height:180px}.hero h2{font:800 24px/1.35 Manrope,sans-serif;letter-spacing:-.6px;margin:9px 0;color:#263f2d}.hero p{font-size:12px;line-height:1.7;color:#75816f;margin:0 0 17px;max-width:430px}.hero .eyebrow{color:#637c56;font-size:9px}.hero .btn{padding:9px 13px;font-size:11px}.hero-art{position:relative;width:250px;height:155px;flex-shrink:0;margin-right:40px}.orbit{position:absolute;border:1px solid #cbd7bc;border-radius:50%;width:210px;height:210px;top:-25px;left:15px}.orbit:after{content:'';position:absolute;inset:22px;border:1px solid #d4deca;border-radius:50%}.parcel{position:absolute;width:105px;height:105px;background:#c4ad7a;transform:rotate(-10deg);border-radius:9px;top:28px;left:70px;box-shadow:10px 16px 25px #576a3820;border:1px solid #b89e67}.parcel:before{content:'';position:absolute;width:30px;height:100%;background:#decda3;left:36px}.parcel:after{content:'OO';position:absolute;color:#6b5b37;font-size:17px;font-weight:800;background:#f5f1df;border-radius:4px;padding:9px 12px;top:51px;left:14px;transform:rotate(3deg)}.float-card{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 13px;background:#fffef8;border:1px solid #e2e8d8;box-shadow:0 7px 18px #3a4f2d0c;border-radius:8px;z-index:1;color:#466342;font-size:10px}.float-card.first{top:6px;left:-7px;transform:rotate(-4deg)}.float-card.second{right:-10px;bottom:1px;transform:rotate(4deg)}.float-card svg{color:#658754;width:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat{border:1px solid var(--line);background:#fff;border-radius:10px;padding:19px 20px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#7f8b82;font-size:11px}.stat-icon{background:#f1f5eb;border-radius:7px;color:#6b845a;width:31px;height:31px;display:grid;place-items:center}.stat-icon svg{width:16px;height:16px}.stat-value{font:800 26px Manrope,sans-serif;letter-spacing:-1px;margin:10px 0}.stat-foot{font-size:10px;color:#8b968d}.stat-foot span{color:#557a43;background:#f0f5e9;padding:3px 5px;border-radius:4px;margin-right:4px}.grid-two{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.panel{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.panel-head{padding:21px 23px;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h2{margin:0;font-size:14px;font-family:Manrope,sans-serif;font-weight:800}.panel-head p{margin:5px 0 0;color:#97a096;font-size:10px}.link-btn{background:none;color:#6a7f60;font-size:11px;display:flex;align-items:center;gap:7px}.link-btn svg{width:14px;height:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}thead{background:#f8f9f5;color:#87917f;text-transform:uppercase;letter-spacing:.7px;font-size:9px}th{text-align:left;font-weight:500;padding:13px 22px;border-block:1px solid #edf0e8}td{padding:16px 22px;border-bottom:1px solid #f0f2ec;color:#627064}td strong{color:#324636;font-size:12px}td small{display:block;font-size:10px;color:#94a08f;margin-top:4px}.empty{padding:44px 25px;text-align:center;color:#87917f}.empty-icon{border:1px solid #e4eadb;background:#f7f9f2;width:48px;height:48px;display:grid;place-items:center;border-radius:13px;margin:0 auto 15px;color:#90a27b}.empty h3{font-size:13px;color:#5c6c55;margin:0 0 8px}.empty p{font-size:11px;margin:0 0 17px;line-height:1.8}.empty .btn{font-size:11px;padding:9px 12px}.steps{padding:0 21px 22px}.step{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid #edf0e8}.step:last-child{border:0}.stepnum{border:1px solid #dce4d4;background:#f6f8f2;color:#7e9569;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:10px;flex-shrink:0}.step.done .stepnum{background:#e3efcf;color:#38562a}.step h3{font-size:11px;font-weight:600;margin:1px 0 5px}.step p{font-size:10px;color:#96a08f;line-height:1.7;margin:0}.step button{font-size:10px;color:#50733f;background:none;padding:7px 0 0}.footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#a4ada0;margin-top:27px}.footer span{display:flex;gap:6px;align-items:center}.toolbar{padding:17px 22px;display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid var(--line)}.toolbar input{border:1px solid var(--line);padding:10px 12px;border-radius:7px;font-size:12px;width:290px;background:#fcfcfa}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;background:#f0f4e9;color:#71855c;padding:5px 8px;font-size:10px}.badge.red{background:#fff0eb;color:#b17b63}.row-btn{background:#f5f7f1;padding:7px;color:#728568;border-radius:5px}.row-btn svg{width:14px;height:14px}.status-select{border:1px solid #e2e8d9;background:#f6f9ef;border-radius:6px;padding:7px;color:#5c764a;font-size:10px}.notice{border:1px solid #e0e8d6;background:#f0f5e8;padding:15px 18px;border-radius:8px;font-size:11px;line-height:1.8;color:#768768;margin-bottom:20px}dialog{position:fixed;inset:0 0 0 auto;margin:0;width:540px;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-left:1px solid #dce5d6;padding:0;background:#fafbf7;color:#2c402e;box-shadow:-20px 0 80px #1d321c18}dialog::backdrop{background:#11201565;backdrop-filter:blur(2px)}.drawer-head{padding:26px 28px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer-head h2{font:800 20px Manrope;margin:0 0 5px}.drawer-head p{font-size:11px;color:#88957f;margin:0}.close{background:#f0f3eb;border-radius:50%;width:30px;height:30px;color:#6a7a5f;font-size:20px}.form-body{padding:26px 28px}.form-section{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#7c8d6d;margin:4px 0 17px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;font-size:11px;font-weight:500}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #dce3d6;border-radius:7px;background:#fff;color:#354932;font-size:12px}.field textarea{min-height:83px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #b7cc9a;border-color:#94ad73}.field small{color:#95a18d;font-size:10px;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding:20px 28px;background:white;position:sticky;bottom:0}.match-note{font-size:11px;border-radius:6px;background:#eaf2dd;padding:12px;margin:0 0 18px;color:#57743f}.match-note:empty{display:none}.line-item{display:grid;grid-template-columns:1fr 65px 85px 27px;gap:8px;margin-bottom:11px;align-items:end}.line-item label{font-size:10px;color:#87967b;display:block;margin-bottom:6px}.line-item input{width:100%;padding:10px 7px;border:1px solid #dce3d6;border-radius:6px;background:#fff;font-size:11px}.line-item button{background:#f6e9e2;color:#ae8064;height:34px;border-radius:5px}.order-total{padding:15px 0;display:flex;justify-content:space-between;font-size:12px}.order-total strong{font:800 22px Manrope}#form-error{color:#ae5944;font-size:12px;margin-bottom:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#203d2b;color:#fff;padding:13px 22px;border-radius:9px;font-size:12px;box-shadow:0 6px 30px #12302225;z-index:50;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:1500px){.content{padding-top:42px}.hero{min-height:206px}.stats{gap:22px}.stat{padding:25px}}@media(max-width:1150px){.sidebar{width:205px;padding-inline:14px}.main{margin-left:205px;width:calc(100% - 205px)}.content{padding:27px 24px}.topbar{padding:0 24px}.hero-art{margin-right:0;transform:scale(.85)}.grid-two{grid-template-columns:1fr 250px;gap:15px}.top-right .tag{display:none}.stat{padding:16px}.stat-value{font-size:23px}.stats{gap:10px}}@media(max-width:900px){.grid-two{grid-template-columns:1fr}.top-right{display:none}.hero-art{width:170px;margin-right:-15px}.stats{grid-template-columns:repeat(2,1fr)}.heading h1{font-size:24px}.heading{align-items:flex-start}.actions{flex-wrap:wrap;justify-content:flex-end}.steps{display:flex;gap:20px}.step{flex:1;border:0}.hero h2{font-size:22px}}@media(max-width:650px){.sidebar{position:fixed;width:100%;height:62px;inset:auto 0 0;padding:4px 10px;background:#14251b}.brand,.workspace,.navlabel,.sidebar-bottom{display:none}.nav{flex-direction:row;justify-content:space-around;gap:0}.nav button{padding:8px 10px;flex-direction:column;gap:4px;font-size:9px;border-radius:5px}.nav button svg{width:17px;height:17px}.nav .count{display:none}.main{margin:0;width:100%}.topbar{height:55px;padding:0 18px}.content{padding:24px 17px 85px}.breadcrumb{font-size:11px}.heading{gap:10px;margin-bottom:22px}.heading h1{font-size:23px}.heading p{font-size:11px;max-width:215px;line-height:1.7}.heading .secondary{display:none}.btn{padding:10px 12px;font-size:11px}.hero{padding:23px;min-height:190px}.hero-art{display:none}.hero p{max-width:285px}.hero h2{font-size:22px}.stat{padding:15px}.stat-value{font-size:23px}.stat-top{font-size:10px}.stat-foot{font-size:9px}.steps{display:block}.step{padding:13px 0}.footer{font-size:9px}.footer>span:last-child{display:none}.toolbar{padding:15px}.toolbar input{width:100%;max-width:240px}.panel-head{padding:18px}.form-body,.drawer-head{padding:23px}.line-item{grid-template-columns:1fr 53px 70px 25px}.drawer-head h2{font-size:19px}.form-actions{padding:18px 23px}}