@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{color:#16382a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f8f4;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-family:Manrope,DM Sans,sans-serif}img{max-width:100%}::selection{color:#123823;background:#c4e4ce}:focus-visible{outline-offset:2px;outline:3px solid #84cfa2}
:root{--forest:#163d2c;--deep:#143622;--green:#2e8b57;--green-dark:#247249;--green-soft:#e9f4ec;--sage:#729980;--canvas:#f5f8f4;--surface:#fff;--border:#e2eae3;--border-strong:#d2dfd5;--text:#183729;--muted:#728579;--shadow:0 5px 22px #1e482e0b;--radius:16px}#root{min-height:100vh}.app-shell{background:var(--canvas);min-height:100vh;display:flex}.sidebar{z-index:30;background:#f0f6ef;border-right:1px solid #dce9dd;flex-direction:column;width:246px;min-width:246px;height:100vh;padding:27px 14px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:5px 12px 42px;display:flex}.brand-mark{color:#fff;background:var(--green);border-radius:12px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 5px 12px #2e8b5733}.brand-copy{flex-direction:column;line-height:1;display:flex}.brand-copy strong{letter-spacing:-1px;color:var(--forest);font-size:22px;font-weight:800}.brand-copy small{letter-spacing:3.1px;color:#6a9774;margin-top:7px;font-size:9px;font-weight:800}.sidebar-label,.eyebrow{letter-spacing:1.8px;color:#769480;font-size:10px;font-weight:800}.sidebar-label{margin-bottom:14px;padding:0 18px}.nav-list{gap:5px;display:grid}.nav-item{color:#5b7868;border-radius:11px;align-items:center;gap:13px;min-height:45px;padding:0 16px;font-size:13px;font-weight:700;transition:background .16s,color .16s;display:flex}.nav-item:hover{color:var(--forest);background:#e3efe6}.nav-item.active{background:var(--green);color:#fff;box-shadow:0 4px 12px #2e8b572b}.nav-item svg{flex:none}.sidebar-bottom{margin-top:auto}.sidebar-note{background:#e3f0e4;border:1px solid #d3e6d7;border-radius:13px;margin:0 4px 19px;padding:15px}.note-icon{width:29px;height:29px;color:var(--green);background:#cfebd2;border-radius:8px;place-items:center;margin-bottom:11px;display:grid}.sidebar-note strong{font-size:12px}.sidebar-note p{color:#6f8775;margin-top:5px;font-size:11px;line-height:1.6}.sidebar-footer{color:#869a8a;border-top:1px solid #d9e6d9;align-items:center;gap:8px;padding:12px 10px 0;font-size:10px;display:flex}.online-dot{background:#53bd78;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #53bd781f}.main-shell{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:16px;height:86px;padding:0 39px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:24px;display:flex}.crumb{color:#8ca293;font-size:11px;font-weight:700}.crumb span{color:#c4d0c7;padding:0 7px}.topbar h1{letter-spacing:-.6px;color:var(--forest);margin-top:2px;font-size:20px;font-weight:800;line-height:1.4}.topbar-right{gap:16px}.demo-pill{color:#40875a;letter-spacing:1.1px;white-space:nowrap;background:#edf7ef;border:1px solid #d9eedc;border-radius:50px;align-items:center;gap:9px;padding:8px 12px;font-size:10px;font-weight:800;display:flex}.icon-button{color:#5d7d69;background:0 0;border:0;border-radius:9px;place-items:center;width:36px;height:36px;display:inline-grid}.icon-button:hover{color:var(--forest);background:#eaf3ec}.account-wrap{position:relative}.account-trigger{border:0;border-left:1px solid var(--border);color:var(--forest);text-align:left;background:0 0;align-items:center;gap:10px;padding:0 0 0 17px;display:flex}.account-trigger:hover .avatar{filter:brightness(.95)}.avatar,.table-avatar{color:#2f7650;background:#d7eadb;border:2px solid #fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.account-copy{flex-direction:column;gap:2px;min-width:95px;display:flex}.account-copy strong{font-size:11px}.account-copy small{color:#91a394;letter-spacing:.5px;font-size:9px;font-weight:800}.account-menu{border:1px solid var(--border);z-index:40;background:#fff;border-radius:14px;width:250px;padding:16px;position:absolute;top:48px;right:0;box-shadow:0 18px 45px #17392324}.menu-heading{margin-bottom:15px;font-size:13px;font-weight:800}.account-menu label{color:#658070;margin:12px 0;font-size:11px;font-weight:700;display:block}.account-menu select{border:1px solid var(--border);width:100%;color:var(--forest);background:#fafcf9;border-radius:8px;margin-top:5px;padding:9px;display:block}.account-menu p{color:var(--muted);border-top:1px solid var(--border);padding-top:9px;font-size:10px;line-height:1.5}.page-content{max-width:1530px;margin:auto;padding:36px 40px 65px}.page-intro{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px;display:flex}.page-intro h2{color:var(--forest);letter-spacing:-1px;margin-top:7px;font-size:26px;font-weight:800;line-height:1.28}.page-intro p{color:var(--muted);margin-top:7px;font-size:13px;line-height:1.65}.intro-action{padding-bottom:3px}.button{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:37px;padding:0 15px;font-size:11px;font-weight:800;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:var(--green);color:#fff;box-shadow:0 3px 9px #2e8b5721}.button-primary:hover:not(:disabled){background:var(--green-dark)}.button-secondary{color:var(--forest);border-color:var(--border-strong);background:#fff}.button-secondary:hover:not(:disabled){background:#f5faf6}.button-ghost{color:var(--green);background:0 0}.button-danger{color:#b4443f;background:#fff3f1}.button:disabled{opacity:.45;box-shadow:none}.badge{white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:800;line-height:1.2;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge-green{color:#298050;background:#e7f5ec}.badge-amber{color:#a87424;background:#fff3df}.badge-red{color:#b5534c;background:#fdecea}.badge-blue{color:#4174a4;background:#e9f2fb}.badge-neutral{color:#687d70;background:#eff2ef}.badge-gold{color:#987327;background:#fff1cb}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:19px;display:grid}.stat-card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{min-height:130px;padding:18px 20px}.stat-top{color:#688171;justify-content:space-between;align-items:flex-start;font-size:11px;font-weight:700;display:flex}.stat-icon{width:31px;height:31px;color:var(--green);background:#e9f4ec;border-radius:9px;place-items:center;display:grid}.stat-icon.amber{color:#c18731;background:#fff3e1}.stat-icon.blue{color:#578db3;background:#eaf3fa}.stat-card>strong{letter-spacing:-.8px;color:var(--forest);margin-top:9px;font-size:25px;font-weight:800;line-height:1.2;display:block}.stat-card>small{color:#91a394;margin-top:8px;font-size:10px;display:block}.overview-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:19px;margin-bottom:19px;display:grid}.bottom-grid{grid-template-columns:1fr 1fr}.panel{min-width:0;padding:20px}.panel-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.panel-heading h3{letter-spacing:-.4px;margin-top:5px;font-size:15px}.text-link,.table-action,.back-link{color:var(--green);align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.text-link:hover,.table-action:hover,.back-link:hover{text-decoration:underline}.compact-list{display:grid}.compact-row,.attention-row,.order-item{border-top:1px solid #edf1ec;align-items:center;gap:12px;min-width:0;padding:11px 0;display:flex}.compact-row:first-child,.attention-row:first-child,.order-item:first-child{border-top:0}.compact-row:hover{background:#fafcf9}.compact-row>strong,.order-item>strong{white-space:nowrap;font-size:11px}.row-icon{width:34px;height:34px;color:var(--green);background:#eaf4eb;border-radius:10px;flex:none;place-items:center;display:grid}.row-grow{flex:1;min-width:0}.row-grow strong,.entity-cell strong,.profile-mini strong{font-size:11px;line-height:1.5;display:block}.row-grow small,.entity-cell small,.profile-mini small{color:#94a59a;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.5;display:block;overflow:hidden}.attention-list{display:grid}.attention-row{padding:14px 0}.product-thumb{color:#5c9a66;background:#e3eee3;border-radius:11px;flex:none;place-items:center;width:58px;height:58px;display:grid;overflow:hidden}.product-thumb img{object-fit:cover;width:100%;height:100%}.product-thumb-small{border-radius:8px;width:36px;height:36px}.thumb-hardware{color:#538373;background:#e6eeec}.thumb-package{color:#a28a5e;background:#f0eadf}.status-bars{gap:14px;padding:5px 0;display:grid}.status-bar{text-transform:capitalize;color:#61776a;grid-template-columns:80px 1fr 16px;align-items:center;gap:12px;font-size:10px;display:grid}.status-bar strong{text-align:right;color:var(--forest)}.bar-track{background:#eef2ec;border-radius:20px;height:7px;overflow:hidden}.bar-fill{background:#53a374;border-radius:20px;height:100%}.bar-fill.pending,.bar-fill.preparing{background:#e7ba6b}.bar-fill.cancelled{background:#e2aaa1}.bar-fill.shipped,.bar-fill.confirmed{background:#83b0c3}.timeline-list{gap:0;display:grid}.timeline-row{align-items:flex-start;gap:13px;padding:3px 0 16px;display:flex;position:relative}.timeline-row:not(:last-child):before{content:"";background:#d7e8d9;width:1px;position:absolute;top:17px;bottom:-1px;left:6px}.timeline-dot{z-index:1;background:#fff;border:3px solid #a9d7b3;border-radius:50%;flex:none;width:13px;height:13px;margin-top:3px}.timeline-row strong{text-transform:capitalize;font-size:11px}.timeline-row p{color:#82988a;margin:4px 0;font-size:10px;line-height:1.55}.timeline-row small{color:#a8b8ac;font-size:9px}.table-panel{margin-bottom:19px;padding:0}.toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:9px;padding:16px 19px;display:flex}.search-box{border:1px solid var(--border-strong);color:#91a498;background:#fff;border-radius:8px;flex:1;align-items:center;gap:9px;min-width:230px;max-width:310px;height:36px;padding:0 12px;display:flex}.search-box:focus-within,.select-box:focus-within{border-color:#78b995;box-shadow:0 0 0 3px #52a56e1c}.search-box input{width:100%;min-width:0;color:var(--forest);border:0;outline:none;font-size:11px}.search-box input::placeholder{color:#a2b2a6}.search-box button{color:#8aa491;background:0 0;border:0;place-items:center;display:grid}.select-box{border:1px solid var(--border-strong);color:#637d6a;background:#fff;border-radius:8px;align-items:center;min-width:135px;height:36px;display:flex;position:relative}.select-box select{appearance:none;color:#5a7161;cursor:pointer;background:0 0;border:0;outline:none;width:100%;height:100%;padding:0 30px 0 11px;font-size:11px;font-weight:700}.select-box svg{pointer-events:none;position:absolute;right:10px}.toolbar-count{color:#98a99c;white-space:nowrap;margin-left:auto;font-size:10px}.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#829689;letter-spacing:.25px;background:#f8faf7;height:43px;padding:0 18px;font-size:10px;font-weight:800}td{color:#617769;border-top:1px solid #edf1ed;height:61px;padding:9px 18px;font-size:11px}tbody tr:hover{background:#fbfdfb}.entity-cell{align-items:center;gap:10px;min-width:168px;display:flex}.entity-cell>div:last-child{min-width:0}.entity-cell strong{color:#284735}.entity-cell small{max-width:230px}.table-strong{color:var(--forest);font-weight:800}.right{text-align:right}.number-cell{font-variant-numeric:tabular-nums;font-weight:700}.negative{color:#b76757}.positive{color:var(--green)}.muted{color:#9bad9e}.block{display:block}.table-action{white-space:nowrap;background:0 0;border:0;padding:6px}.pagination{border-top:1px solid var(--border);color:#95a599;justify-content:space-between;align-items:center;gap:12px;padding:13px 19px;font-size:10px;display:flex}.pagination>div{align-items:center;gap:11px;display:flex}.pagination button{border:1px solid var(--border);color:#5e7867;background:#fff;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:700}.pagination button:hover:not(:disabled){background:#eaf3eb}.pagination button:disabled{opacity:.4}.footnote{color:#90a394;margin:7px 0 22px;font-size:10px;line-height:1.6}.inventory-summary{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:19px;display:grid}.date-filter input{border:1px solid var(--border-strong);color:#617769;border-radius:8px;height:36px;padding:0 9px;font-size:11px}.back-link{margin:0 0 20px}.detail-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);align-items:start;gap:19px;display:grid}.detail-main,.detail-side{gap:19px;display:grid}.order-item{min-height:59px}.order-item .row-grow small{white-space:normal}.totals{border-top:1px solid var(--border);gap:11px;margin-top:12px;padding-top:15px;display:grid}.totals>div,.key-values>div{color:#7a9080;justify-content:space-between;align-items:center;gap:15px;font-size:11px;display:flex}.totals strong,.key-values strong{color:var(--forest)}.grand-total{border-top:1px solid var(--border);margin-top:2px;padding-top:14px;font-weight:800;color:var(--forest)!important;font-size:13px!important}.profile-mini{align-items:center;gap:11px;margin-bottom:17px;display:flex}.avatar-large{width:45px;height:45px;font-size:13px}.profile-mini>div{min-width:0}.profile-mini small{white-space:normal;overflow-wrap:anywhere}.detail-copy{color:#758b7b;margin:13px 0;font-size:11px;line-height:1.7}.inline-actions{gap:7px;display:flex}.detail-side .panel .field{gap:9px;display:grid}.detail-side .panel .field .button{margin-top:6px}.key-values{border-top:1px solid var(--border);gap:12px;padding-top:15px;display:grid}.address-list{display:grid}.address-row{border-top:1px solid var(--border);color:#597060;gap:14px;padding:14px 0;font-size:11px;display:flex}.address-row:first-child{border-top:0}.address-index{color:var(--green);font-weight:800}.plan-display p{color:#7c9180;margin-top:13px;font-size:11px;line-height:1.75}.table-avatar{border:0;width:35px;height:35px;font-size:10px}.protected-label{color:#a08445;align-items:center;gap:5px;font-size:10px;font-weight:800;display:inline-flex}.protected-callout{color:#927538;background:#fff8e6;border:1px solid #f2e5bd;border-radius:11px;gap:13px;padding:17px;display:flex}.protected-callout strong{font-size:12px}.protected-callout p{margin-top:4px;font-size:11px;line-height:1.6}.settings-form{gap:16px;display:grid}.settings-form .footnote{margin:0}.stock-equation{background:#f2f8f2;border-radius:10px;justify-content:space-around;align-items:center;gap:12px;padding:17px;display:flex}.stock-equation>div{text-align:center}.stock-equation small{color:#84988a;font-size:10px;display:block}.stock-equation strong{font-size:22px;display:block}.image-slot{background:#f8fbf7;border:1px dashed #b9d3bf;border-radius:10px;align-items:center;gap:12px;padding:15px;display:flex}.image-slot strong{font-size:11px}.image-slot p{color:#8da092;margin-top:3px;font-size:10px;line-height:1.6}.image-slot input[type=file]{color:#456b50;max-width:100%;margin-top:9px;font-size:11px;display:block}.image-slot input[type=file]::file-selector-button{color:var(--forest);cursor:pointer;background:#fff;border:1px solid #b9d3bf;border-radius:7px;margin-right:10px;padding:7px 10px;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.field{color:#456b50;align-content:start;gap:6px;font-size:11px;font-weight:800;display:grid}.field input,.field select,.field textarea{width:100%;min-height:39px;color:var(--forest);resize:vertical;background:#fff;border:1px solid #d7e3d8;border-radius:8px;outline:none;padding:9px 11px;font-weight:500}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7ebd93;box-shadow:0 0 0 3px #52a56e1c}.field small{color:#94a89a;font-weight:500;line-height:1.5}.full{grid-column:1/-1}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding-top:14px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#112b1a66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:17px;flex-direction:column;width:min(540px,100%);max-height:min(90vh,850px);display:flex;overflow:hidden;box-shadow:0 24px 70px #112b1a33}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:22px 24px;display:flex}.modal-head h2{margin-top:5px;font-size:20px}.modal-body{padding:22px 24px;overflow:auto}.modal-footer{border-top:1px solid var(--border);padding:15px 24px}.state-view,.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:28px;display:flex}.state-icon{width:50px;height:50px;color:var(--green);background:#eaf3ec;border-radius:14px;place-items:center;margin-bottom:13px;display:grid}.state-view h3,.not-found h2{font-size:15px}.state-view p,.not-found p{color:#8ca090;max-width:320px;margin:7px 0 14px;font-size:11px;line-height:1.6}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.not-found{min-height:55vh}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mobile-menu,.sidebar-scrim{display:none}@media (max-width:1180px){.sidebar{width:76px;min-width:76px;padding:25px 9px}.brand{padding:4px 9px 42px}.brand-copy,.sidebar-label,.nav-item span,.sidebar-bottom{display:none}.nav-item{justify-content:center;padding:0}.page-content{padding:30px 27px 60px}.topbar{padding:0 27px}.overview-grid{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr 1fr}}@media (max-width:850px){.stats-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.topbar{height:75px}.topbar-right{gap:8px}.notification,.account-copy{display:none}.account-trigger{padding-left:10px}.page-intro{align-items:flex-start}.inventory-summary{grid-template-columns:repeat(3,1fr)}}@media (max-width:650px){.sidebar{width:246px;min-width:246px;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-open .brand-copy,.sidebar-open .sidebar-label,.sidebar-open .nav-item span,.sidebar-open .sidebar-bottom{display:flex}.sidebar-open .sidebar-label{display:block}.sidebar-open .nav-item{justify-content:flex-start;padding:0 16px}.sidebar-open .sidebar-bottom{flex-direction:column}.sidebar-scrim{z-index:20;background:#0920114d;border:0;display:block;position:fixed;inset:0}.mobile-menu{display:inline-grid}.topbar{padding:0 16px}.topbar-left{gap:10px}.demo-pill{display:none}.page-content{padding:26px 16px 50px}.page-intro{flex-direction:column;gap:13px}.page-intro h2{font-size:23px}.stats-grid{gap:10px}.stat-card{min-height:116px;padding:14px}.stat-card>strong{font-size:21px}.overview-grid,.bottom-grid,.inventory-summary{grid-template-columns:1fr}.toolbar-count{display:none}.search-box{min-width:100%;max-width:none}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.compact-row>.badge{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}