:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#26332c;background:#f4f5f0;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#26332c;--muted:#818c84;--line:#e6eae2;--lime:#d4ef8a;--green:#315e4c;--green-soft:#edf3e5;--paper:#fff;--amber:#bd8033;--red:#b9614c;--shadow:0 12px 32px #26372d0b}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 82% 2%,#e9f1d9 0,transparent 27rem),#f4f5f0}.app-shell{width:min(100% - 40px,900px);margin:0 auto;padding:18px 0 28px}.topbar{height:52px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font:800 22px system-ui,sans-serif;letter-spacing:-1.1px}.brand-dot{color:#83a953}.brand-mark{width:33px;height:33px;border-radius:11px;background:var(--green);display:grid;place-items:center}.brand-mark svg{width:21px;fill:none;stroke:#e5f3d4;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.top-actions{display:flex;align-items:center;gap:10px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e4eadc;color:#506548;font-weight:700;font-size:17px}.icon-button,.install-button{border:1px solid #dfe5d8;background:#fff;border-radius:11px;color:#53674e;cursor:pointer}.icon-button{width:35px;height:35px;font-size:20px;line-height:1}.install-button{border-radius:99px;padding:9px 13px;font:600 12px system-ui,sans-serif}.install-button[hidden]{display:none}.install-button span{margin-left:4px}.home-hero{position:relative;overflow:hidden;min-height:220px;display:flex;align-items:center;padding:34px 0 24px}.hero-copy{position:relative;z-index:1;max-width:600px}.eyebrow{font-size:10px;line-height:1.3;font-weight:800;letter-spacing:1.45px;color:#748273;margin:0 0 11px}.muted{color:#89938a}.hero-route{display:inline-flex;align-items:center;gap:8px;color:#628055;font-size:11px;font-weight:700;letter-spacing:1.1px;margin-bottom:11px}.route-line{width:32px;border-top:1px dashed #8da77a;position:relative}.route-line:before,.route-line:after{content:"";position:absolute;top:-3px;width:5px;height:5px;border-radius:50%;background:#8da77a}.route-line:before{left:0}.route-line:after{right:0}.home-hero h1{font-size:clamp(39px,7vw,59px);line-height:1.02;letter-spacing:-3.4px;font-weight:750;margin:0;color:#24342c}.home-hero h1 span{color:#6c8e4d}.hero-subtitle{font-size:14px;line-height:1.5;color:#77827a;margin:14px 0 0}.parcel-art{position:absolute;width:225px;height:200px;right:5px;top:12px;opacity:.95}.parcel-box{position:absolute;width:124px;height:110px;right:42px;top:44px;background:linear-gradient(135deg,#d6edac,#b9da83);clip-path:polygon(50% 0,100% 24%,100% 75%,50% 100%,0 75%,0 24%);filter:drop-shadow(0 16px 20px #47623b22)}.parcel-box:before{content:"";position:absolute;left:0;top:24%;height:1px;width:100%;background:#89a765}.parcel-box:after{content:"";position:absolute;left:49%;top:1%;height:99%;width:1px;background:#89a765}.parcel-route{position:absolute;inset:0;border:1px solid #cfdbbf;border-radius:50%;transform:rotate(-30deg) scaleY(.4)}.parcel-route.route-a{width:232px;height:232px;left:1px;top:-17px}.parcel-route.route-b{width:198px;height:198px;left:17px;top:10px;transform:rotate(34deg) scaleY(.42)}.plane-mark{position:absolute;right:6px;top:20px;color:#709153;font-size:24px;transform:rotate(-18deg)}.dashboard-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:5px 0 18px}.dashboard-tools .section-kicker{margin:0}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:var(--green);color:#fff;border-radius:12px;padding:12px 16px;font:700 12px system-ui,sans-serif;cursor:pointer;transition:transform .15s,background .15s;box-shadow:0 5px 12px #315e4c1b}.primary-button:hover{background:#3d6a57;transform:translateY(-1px)}.primary-button span{color:var(--lime)}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.summary-card{background:#fff;border:1px solid #e8ece4;border-radius:17px;padding:16px;min-height:109px;box-shadow:var(--shadow)}.summary-card .card-label{font-size:10px;color:#8a938b;font-weight:700;letter-spacing:.35px;margin:0 0 12px}.summary-card .card-value{font-size:23px;line-height:1;font-weight:750;letter-spacing:-1.2px;color:#293a30;margin:0}.summary-card .card-note{font-size:10px;color:#9aa29b;margin:8px 0 0}.summary-card .accent-value{color:#54773f}.summary-card.action-card{background:#f0f4e9}.summary-card.action-card .card-value{color:#537045}.content-section{padding:34px 0 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.section-heading .eyebrow{margin-bottom:5px}.section-heading h2{font-size:25px;letter-spacing:-1.1px;font-weight:740;margin:0;color:#28372e}.section-count{color:#949e94;font-size:11px;padding-bottom:3px}.search-box{height:37px;display:flex;align-items:center;gap:7px;border:1px solid #e3e8df;background:#fff;border-radius:11px;padding:0 10px;color:#83907d;max-width:220px}.search-box input{min-width:0;width:100%;border:0;outline:none;background:transparent;font:12px system-ui,sans-serif;color:var(--ink)}.search-box input::placeholder{color:#a1aaa1}.order-list{display:flex;flex-direction:column;gap:10px}.order-card{background:#fff;border:1px solid #e7ebe4;border-radius:17px;padding:17px 18px;box-shadow:var(--shadow);cursor:pointer;transition:border-color .15s,transform .15s}.order-card:hover{border-color:#bdcfaa;transform:translateY(-1px)}.order-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.order-client{margin:0;color:#849084;font-size:10px;font-weight:700;letter-spacing:.75px;text-transform:uppercase}.order-title{font-size:17px;line-height:1.25;font-weight:730;letter-spacing:-.3px;margin:5px 0 0;color:#2b3a31}.order-destination{margin:6px 0 0;color:#8b958c;font-size:11px}.status-pill{display:inline-flex;white-space:nowrap;align-items:center;gap:6px;border-radius:99px;padding:7px 9px;background:#f0f4ea;color:#64804e;font-size:10px;font-weight:700}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.shipped,.status-pill.delivered{background:#edf2f8;color:#657f9e}.order-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #f0f2ee;margin-top:13px;padding-top:12px}.order-mini-stats{display:flex;align-items:center;gap:14px;color:#8b958b;font-size:10px}.order-mini-stats strong{color:#536458;font-weight:700}.order-balance{font-size:11px;font-weight:700;text-align:right}.order-balance.positive{color:#ae7837}.order-balance.negative{color:#b45e4c}.order-balance.settled{color:#68844f}.empty-state{padding:32px 18px;text-align:center;color:#858f85;background:#fff;border:1px dashed #d9e2d2;border-radius:17px}.empty-illustration{font-size:25px;color:#7f9b61;margin-bottom:8px}.empty-state strong{display:block;color:#425346;font-size:15px;margin-bottom:5px}.empty-state p{font-size:12px;line-height:1.5;margin:0 auto 15px;max-width:290px}.small-empty{padding:25px 15px}.detail-head{padding:25px 0 17px}.back-button{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:#698056;font:700 12px system-ui,sans-serif;cursor:pointer;margin-bottom:19px}.detail-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.detail-heading h1{font-size:clamp(30px,6vw,42px);line-height:1.05;letter-spacing:-2px;margin:0;color:#26372d}.detail-heading .detail-client{font-size:12px;color:#838f84;margin:9px 0 0}.detail-heading .detail-destination{color:#61794f;font-weight:700}.balance-panel{background:#284d3d;color:#fff;border-radius:19px;padding:18px 20px;margin:0 0 14px;box-shadow:0 10px 25px #244b3e20}.balance-panel-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.balance-panel .eyebrow{color:#c1d6b1;margin-bottom:5px}.balance-amount{font-size:28px;font-weight:760;letter-spacing:-1.3px;margin:0}.balance-caption{font-size:11px;color:#d1ddca;margin:4px 0 0}.settled-label{background:#e2f0cc;color:#44633b;border-radius:99px;padding:7px 9px;font-size:10px;font-weight:750;white-space:nowrap}.balance-bars{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #ffffff2b;padding-top:13px;margin-top:14px}.balance-bars p{font-size:10px;color:#c6d4c2;margin:0 0 4px}.balance-bars strong{font-size:14px;font-weight:700}.balance-bars .spent{text-align:right}.detail-tabs{display:flex;gap:5px;border-bottom:1px solid #e0e6dd;margin:14px 0 17px;overflow-x:auto}.detail-tab{white-space:nowrap;padding:10px 13px;border:0;border-bottom:2px solid transparent;background:transparent;color:#929b92;font:700 11px system-ui,sans-serif;cursor:pointer}.detail-tab.active{color:#46643e;border-bottom-color:#82a45f}.tab-content{min-height:210px}.tab-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tab-summary h2{font-size:18px;letter-spacing:-.5px;margin:0}.tab-summary span{font-size:10px;color:#909a90}.form-card{background:#fff;border:1px solid #e8ece5;border-radius:15px;padding:13px;margin-bottom:13px}.inline-form{display:grid;grid-template-columns:minmax(130px,1fr) 90px 105px auto;align-items:end;gap:9px}.inline-form label,.modal-form label{display:flex;flex-direction:column;gap:6px;color:#69766c;font-size:10px;font-weight:700}.inline-form input,.inline-form select,.modal-form input,.shipment-form input,.shipment-form textarea,.transaction-form input,.transaction-form select{width:100%;min-width:0;border:1px solid #e3e8df;background:#fafbf8;border-radius:9px;padding:10px 10px;color:#29372e;font:12px system-ui,sans-serif;outline:none}.inline-form input:focus,.inline-form select:focus,.modal-form input:focus,.shipment-form input:focus,.shipment-form textarea:focus,.transaction-form input:focus,.transaction-form select:focus{border-color:#9cb686;box-shadow:0 0 0 3px #edf3e5}.unit-label{color:#9aa39a;font-weight:500}.compact-button{height:37px;border:0;background:#e8f0dd;color:#4c693f;border-radius:9px;padding:0 12px;font:700 11px system-ui,sans-serif;cursor:pointer;white-space:nowrap}.compact-button:hover{background:#dce9cf}.item-list,.ledger-list{display:flex;flex-direction:column;gap:8px}.item-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;background:#fff;border:1px solid #e8ece5;border-radius:13px;padding:12px 13px}.item-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#35443a}.item-title .item-check{width:20px;height:20px;border:1px solid #d8e0d3;border-radius:7px;display:grid;place-items:center;color:#fff;font-size:11px;flex:none}.item-row.bought .item-check{background:#9bb77b;border-color:#9bb77b}.item-row.packed .item-check{background:#476b54;border-color:#476b54}.item-meta{margin:5px 0 0 28px;color:#89948b;font-size:10px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.item-meta strong{color:#536457}.item-actions{display:flex;align-items:center;gap:6px}.item-stage-button{border:1px solid #e0e8d9;background:#f5f8f1;border-radius:8px;padding:7px 9px;color:#597546;font:700 10px system-ui,sans-serif;cursor:pointer;white-space:nowrap}.item-stage-button:hover{background:#eaf1e1}.item-stage-button:disabled{opacity:.65;cursor:default}.delete-button{width:29px;height:29px;border:0;background:transparent;color:#a9b0a9;font-size:18px;border-radius:7px;cursor:pointer}.delete-button:hover{background:#fbefec;color:#b45e4c}.item-price-editor{display:inline-flex;align-items:center;gap:4px}.item-price-editor input{width:70px;border:1px solid #e7ebe4;border-radius:6px;padding:4px 5px;font:10px system-ui,sans-serif;color:#5b6a5e;background:#fafbf8}.finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.finance-card{background:#fff;border:1px solid #e8ece5;border-radius:15px;padding:14px}.finance-card h3{font-size:13px;margin:0 0 11px}.transaction-form{display:grid;grid-template-columns:1fr 96px auto;gap:7px;align-items:end;margin-bottom:12px}.transaction-form.expense-form{grid-template-columns:1fr 90px auto}.transaction-form label{display:flex;flex-direction:column;gap:5px;font-size:9px;color:#839084;font-weight:700}.transaction-form input,.transaction-form select{padding:9px 8px;font-size:11px}.ledger-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eff1ed;padding-top:10px;margin-top:10px}.ledger-heading span{font-size:10px;color:#89948a}.ledger-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;background:#fff;border:1px solid #edf0ea;border-radius:11px;padding:10px 11px}.ledger-label{font-size:11px;font-weight:700;color:#46544a}.ledger-meta{font-size:9px;color:#969f96;margin-top:4px}.ledger-amount{font-size:11px;font-weight:750;white-space:nowrap}.ledger-amount.income{color:#5e8148}.ledger-amount.expense{color:#a45f4d}.ledger-row-main{min-width:0}.ledger-delete{border:0;background:transparent;color:#aab1aa;cursor:pointer;font-size:15px;padding:0 0 0 6px}.shipment-panel{background:#fff;border:1px solid #e8ece5;border-radius:15px;padding:17px}.shipment-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shipment-form label{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#758176;font-weight:700}.shipment-form .wide{grid-column:1/-1}.shipment-form textarea{min-height:80px;resize:vertical}.shipment-form .primary-button{grid-column:1/-1;justify-self:end}.form-hint{font-size:10px;line-height:1.5;color:#929c93;margin:10px 0 0}.modal{width:min(100% - 28px,510px);padding:0;border:0;border-radius:20px;box-shadow:0 25px 80px #1e332a35;background:#fff;color:var(--ink)}.modal::backdrop{background:#18251d88;backdrop-filter:blur(3px)}.modal-form{padding:23px}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:19px}.modal-heading .eyebrow{margin-bottom:6px}.modal-heading h2{font-size:25px;letter-spacing:-1px;margin:0}.close-button{border:0;background:#f3f5f1;width:31px;height:31px;border-radius:10px;color:#768276;font-size:21px;cursor:pointer}.modal-form>label{margin-bottom:12px}.modal-form input{padding:11px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.full-button{width:100%;margin-top:13px}.app-footer{padding:25px 0 8px;display:flex;align-items:center;justify-content:space-between;color:#98a098;font-size:10px}.offline-indicator{display:flex;align-items:center;gap:7px}.status-dot{width:7px;height:7px;border-radius:50%;background:#8eaf61;box-shadow:0 0 0 3px #e7efdc}.status-dot.offline{background:#d7a14a;box-shadow:0 0 0 3px #f5eddb}.app-footer p{margin:0}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:#273d32;color:#fff;padding:11px 16px;border-radius:11px;font-size:12px;box-shadow:0 8px 25px #1a2c2226;transition:all .2s;white-space:nowrap;z-index:9;max-width:calc(100% - 30px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:740px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card{min-height:96px}.summary-card .card-value{font-size:21px}.finance-grid{grid-template-columns:1fr}.inline-form{grid-template-columns:minmax(0,1fr) 80px 105px auto}.parcel-art{right:-52px;opacity:.72}}@media(max-width:560px){.app-shell{width:calc(100% - 32px);padding-top:12px}.home-hero{min-height:207px;padding:34px 0 23px}.home-hero h1{font-size:45px;letter-spacing:-2.8px}.hero-subtitle{font-size:12px;max-width:235px}.parcel-art{right:-103px;opacity:.52}.dashboard-tools{align-items:flex-end}.dashboard-tools .primary-button{padding:11px 12px;font-size:11px}.summary-grid{gap:8px}.summary-card{padding:13px;min-height:92px;border-radius:14px}.summary-card .card-label{font-size:9px;margin-bottom:9px}.summary-card .card-value{font-size:19px;letter-spacing:-.7px}.summary-card .card-note{font-size:9px}.content-section{padding-top:30px}.section-heading h2{font-size:23px}.search-box{max-width:140px;height:33px}.order-card{padding:14px;border-radius:14px}.order-topline{gap:8px}.order-title{font-size:15px}.status-pill{font-size:9px;padding:6px 7px}.order-mini-stats{gap:8px;font-size:9px}.order-card-bottom{align-items:flex-start}.order-balance{font-size:10px}.detail-head{padding-top:18px}.detail-heading-row{display:block}.detail-heading h1{font-size:34px}.detail-heading .detail-client{font-size:11px}.detail-heading-row>.status-pill{margin-top:12px}.balance-panel{padding:16px;border-radius:16px}.balance-amount{font-size:25px}.balance-panel .settled-label{font-size:9px;padding:6px 7px}.detail-tabs{margin:12px -1px 15px}.detail-tab{padding:10px 11px}.inline-form{grid-template-columns:1fr 78px;gap:8px}.inline-form label:first-child{grid-column:1/-1}.inline-form .compact-button{grid-column:1/-1;width:100%}.item-row{grid-template-columns:minmax(0,1fr);gap:8px;padding:11px}.item-actions{justify-content:flex-end}.item-meta{margin-left:28px}.transaction-form,.transaction-form.expense-form{grid-template-columns:1fr 90px}.transaction-form label:first-child{grid-column:1/-1}.transaction-form .compact-button{grid-column:1/-1;width:100%}.shipment-form{grid-template-columns:1fr}.shipment-form .wide,.shipment-form .primary-button{grid-column:auto}.form-row{grid-template-columns:1fr}.app-footer{align-items:flex-start;gap:8px;flex-direction:column}.app-footer p{padding-left:14px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@supports (padding: env(safe-area-inset-top)) {.app-shell{padding-top:calc(env(safe-area-inset-top) + 18px);padding-bottom:calc(env(safe-area-inset-bottom) + 28px)}}
@media (max-width:760px) {input,select,textarea{font-size:16px}}

.delete-zone{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:30px 0 10px;padding:20px 0;border-top:1px solid var(--line)}.delete-zone strong{font-size:13px;color:#8d4238}.delete-zone p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.danger-button{border:1px solid #edd2cc;background:#fff5f3;color:#a44536;border-radius:10px;padding:11px 14px;font:700 12px system-ui,sans-serif;cursor:pointer}.danger-button:hover{background:#fce8e4}.delete-dialog-message{margin:0 0 20px;color:#647268;font-size:13px;line-height:1.6}.delete-dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.delete-dialog-actions .danger-button{background:#a44536;border-color:#a44536;color:#fff}.delete-dialog-actions .danger-button:hover{background:#87392f}@media(max-width:760px){.delete-zone{align-items:stretch;flex-direction:column}.delete-zone .danger-button{align-self:flex-start}}

.archive-zone{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:26px 0 8px;padding:18px 0;border-top:1px solid var(--line)}.archive-zone strong{font-size:13px;color:#315d48}.archive-zone p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.archive-zone .compact-button{flex:none}.archive-expiry{margin:10px 0 0;color:#68786d;font-size:11px;font-weight:650}.footer-support{color:#496b58;text-decoration:none;font-size:10px}.client-delete-zone{margin-top:36px}@media(max-width:760px){.archive-zone{align-items:stretch;flex-direction:column}.archive-zone .compact-button{align-self:flex-start}.app-footer{align-items:flex-start;flex-wrap:wrap;gap:10px}.footer-support{flex-basis:100%}}@media print{.archive-zone,.delete-zone,.footer-support{display:none!important}}

.inline-form{grid-template-columns:minmax(120px,1.2fr) 78px minmax(132px,1fr) minmax(142px,1fr) auto}.operation-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0}.operation-metrics article{display:flex;flex-direction:column;gap:6px;padding:12px;background:#fff;border:1px solid #e7ebe4;border-radius:11px}.operation-metrics span{font-size:9px;color:#859087}.operation-metrics strong{font-size:13px;color:#35463a}.operation-metrics .margin-metric{background:#f0f5e9;border-color:#dce8d1}.detail-report-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.detail-report-actions .compact-button{white-space:nowrap}.item-meta .item-price-editor{gap:3px;color:#68766c;font-size:9px}.item-price-editor input{width:66px}.print-view{display:none}
@media(max-width:760px){.inline-form{grid-template-columns:minmax(100px,1fr) 70px 1fr 1fr}.inline-form button{grid-column:1/-1;justify-self:start}.detail-report-actions{justify-content:flex-start}.detail-heading-row{flex-direction:column}.operation-metrics{grid-template-columns:1fr 1fr}}@media(max-width:420px){.inline-form{grid-template-columns:1fr 1fr}.inline-form label:first-child{grid-column:1/-1}.operation-metrics{grid-template-columns:1fr}}
.brand-mark{width:40px;height:40px;border-radius:0;background:transparent}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand-dot{color:#d6ad63}