*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;color:#1a1a1a;background:#f4f5f7;-webkit-font-smoothing:antialiased}#root{min-height:100dvh}button,input,textarea{font:inherit}button{cursor:pointer}.app{max-width:720px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.app-header{background:#1b4332;color:#fff;padding:1rem 1.25rem;position:sticky;top:0;z-index:10}.app-header h1{margin:0;font-size:1.25rem;font-weight:700}.app-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.app-header-user{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;min-width:0}.app-header-email{font-size:.6875rem;opacity:.85;max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-signout{border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem;cursor:pointer}.app-header-signout:active{background:#ffffff1a}.login-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#f4f6f5}.login-card{width:100%;max-width:360px;background:#fff;border-radius:1rem;padding:2rem 1.5rem;box-shadow:0 4px 24px #00000014;text-align:center}.login-title{margin:0 0 .5rem;font-size:1.5rem;color:#1b4332}.login-subtitle{margin:0 0 1.5rem;color:#555;font-size:.9375rem;line-height:1.4}.login-message{margin:0 0 1rem;padding:.75rem;background:#fef3c7;color:#92400e;border-radius:.5rem;font-size:.875rem}.login-error{margin:0 0 1rem;padding:.75rem;background:#fee2e2;color:#b91c1c;border-radius:.5rem;font-size:.875rem}.login-google{display:flex;justify-content:center}.app-main{flex:1;padding:1rem 1.25rem;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));overflow-y:auto}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid #e2e4e8;padding-bottom:env(safe-area-inset-bottom,0px);z-index:50;max-width:720px;margin:0 auto}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:.5rem;border:none;background:transparent;color:#666;gap:.125rem}.nav-item.active{color:#1b4332;font-weight:600}.nav-icon{flex-shrink:0}.nav-label{font-size:.6875rem}.loading-state,.empty-state,.error-state,.success-state{text-align:center;padding:1.5rem 1rem;color:#666}.error-state{color:#b91c1c}.success-state{color:#15803d;background:#dcfce7;margin:0 1rem;border-radius:.5rem;padding:.75rem}.month-navigator{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:.5rem}.month-label-btn{flex:1;min-height:52px;padding:0 .5rem;border:none;border-radius:.75rem;background:transparent;font-size:1.125rem;font-weight:700;text-align:center;color:inherit}.month-label-btn:disabled{opacity:.45}.month-nav-btn{min-width:52px;min-height:52px;border:none;background:#fff;border-radius:.75rem;font-size:1.75rem;line-height:1;color:#1b4332;box-shadow:0 1px 3px #00000014}.month-nav-btn:disabled{opacity:.45}.month-carousel-viewport{overflow:hidden;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.month-carousel-viewport:active{cursor:grabbing}.month-carousel-track{display:flex;will-change:transform;touch-action:pan-y}.month-carousel-track--animating{transition:transform .22s cubic-bezier(.25,.46,.45,.94)}.month-carousel-panel{flex:0 0 100%;min-width:0}.orders-list{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000000f}.order-row{display:flex;align-items:stretch;width:100%;min-height:72px;border-bottom:1px solid #f0f0f0;background:#fff}.order-row:last-child{border-bottom:none}.order-row-tap{flex:1;min-width:0;display:block;padding:.875rem .5rem .875rem 1rem;border:none;background:transparent;text-align:left}.order-row-tap:active{background:#f8f9fa}.order-row-pdf{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:auto .375rem auto 0;padding:.5rem;border:none;border-radius:.5rem;background:transparent;color:#1b4332}.order-row-pdf:active{background:#f0f4f1}.order-row-main{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.order-customer{font-weight:600;font-size:1rem}.order-row-sub{color:#555;font-size:.9375rem;margin-bottom:.375rem}.order-row-meta{display:flex;justify-content:space-between;font-size:.8125rem;color:#888}.status-badge{flex-shrink:0;font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.25rem .5rem;border-radius:.375rem}.order-row-badges{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.review-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;padding:.2rem .5rem;border-radius:.375rem;background:#fef3c7;color:#92400e}.parse-warnings{margin-top:.75rem;padding:.625rem .75rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:.5rem}.parse-warnings-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#92400e;margin-bottom:.375rem}.parse-warnings-list{margin:0;padding-left:1.125rem;font-size:.875rem;color:#78350f}.parse-warnings-list li{margin:.125rem 0}.status-pending{background:#fef3c7;color:#92400e}.status-done{background:#dcfce7;color:#166534}.status-truck{background:#dbeafe;color:#1e40af}.status-trailer_front{background:#ede9fe;color:#5b21b6}.status-trailer_middle{background:#e0e7ff;color:#3730a3}.status-trailer_back{background:#ddd6fe;color:#6d28d9}.status-tractor{background:#dcfce7;color:#166534}.search-input{width:100%;min-height:48px;padding:.75rem 1rem;border:2px solid #ddd;border-radius:.75rem;background:#fff;margin-bottom:1rem}.search-input:focus{outline:none;border-color:#1b4332}.results-count{font-size:.875rem;color:#666;margin:0 0 .75rem}.search-results,.customers-list,.customers-view .orders-list{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000000f}.customer-row{display:block;width:100%;padding:1rem;border:none;border-bottom:1px solid #eef0f3;background:#fff;text-align:left}.customer-row:last-child{border-bottom:none}.customer-row:active{background:#f5f7f6}.customer-row-main{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.customer-row-name{font-weight:600;color:#1a1a1a}.customer-row-pending{font-size:.75rem;font-weight:600;color:#92400e;background:#fef3c7;padding:.125rem .5rem;border-radius:999px;white-space:nowrap}.customer-row-sub,.customer-row-meta{font-size:.875rem;color:#666}.customer-row-meta{display:flex;justify-content:space-between;gap:1rem;margin-top:.375rem}.back-btn{border:none;background:transparent;color:#1b4332;font-weight:600;padding:0;margin-bottom:1rem;min-height:44px}.customer-detail-header{margin-bottom:1rem}.customer-detail-name{margin:0 0 .375rem;font-size:1.25rem;color:#1a1a1a}.customer-detail-meta{margin:0;color:#666;font-size:.875rem}.customer-detail-meta+.customer-detail-meta{margin-top:.25rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0006;display:flex;flex-direction:column}.overlay-content{margin-top:auto;background:#fff;border-radius:1rem 1rem 0 0;max-height:95dvh;display:flex;flex-direction:column;width:100%;overflow:hidden}@media (min-width: 768px){.overlay-content{margin:auto;border-radius:1rem;max-width:640px;max-height:90dvh}}.order-detail-header{padding:1rem 1.25rem;border-bottom:1px solid #eee;position:relative}.btn-close{position:absolute;top:1rem;right:1rem;min-width:44px;min-height:44px;border:none;background:#f0f0f0;border-radius:.5rem;font-size:1.125rem}.supplier-tag{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.25rem .5rem;border-radius:.375rem;margin-bottom:.5rem}.supplier-ballance{background:#dbeafe;color:#1e40af}.supplier-ravensdown{background:#fce7f3;color:#9d174d}.detail-customer{margin:0 0 .25rem;font-size:1.25rem;padding-right:3rem}.detail-property{margin:0 0 .25rem;color:#555;font-size:1rem}.detail-order-num{margin:0;font-size:.875rem;color:#888}.overlay-body{flex:1;overflow-y:auto;padding:1rem 1.25rem}.overlay-error{margin:.5rem 1.25rem 0;padding:.5rem}.delivery-date-block{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;background:#f8faf9;padding:1rem;border-radius:.75rem;margin-bottom:1rem}.block-label{width:100%;font-size:.8125rem;color:#888;text-transform:uppercase;letter-spacing:.04em}.delivery-date-display{font-size:1.375rem;font-weight:700;flex:1}.date-input-large{flex:1;min-height:48px;padding:.625rem;border:2px solid #ddd;border-radius:.625rem;font-size:1.125rem}.btn-edit-date{min-height:44px;padding:.5rem 1rem;border:2px solid #1b4332;background:#fff;color:#1b4332;border-radius:.625rem;font-weight:600}.status-toggle-large{width:100%;min-height:52px;margin-bottom:1.25rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:700}.fert-mix-section{margin-bottom:1.25rem}.fert-mix-section h3,.secondary-section h3{margin:0 0 .75rem;font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;color:#888}.product-name{font-size:1.125rem;font-weight:700;margin:0 0 .75rem;color:#1b4332}.nutrient-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.nutrient-chip{background:#e8f0eb;color:#1b4332;padding:.375rem .625rem;border-radius:.5rem;font-size:.875rem;font-weight:600}.line-items-table-wrap{overflow-x:auto}.line-items-table{width:100%;border-collapse:collapse;font-size:.875rem}.line-items-table th,.line-items-table td{padding:.5rem .625rem;text-align:left;border-bottom:1px solid #eee}.line-items-table th{font-size:.75rem;text-transform:uppercase;color:#888}.secondary-section{margin-bottom:1rem}.secondary-field{display:flex;flex-direction:column;gap:.125rem;margin-bottom:.625rem}.secondary-label{font-size:.8125rem;color:#888}.secondary-value{font-size:.9375rem}.overlay-footer{padding:1rem 1.25rem;border-top:1px solid #eee;flex-shrink:0;background:#fff;display:flex;flex-direction:column;gap:.75rem}.btn-shipment{width:100%;min-height:52px;border:2px solid #1b4332;background:#fff;color:#1b4332;border-radius:.75rem;font-weight:700;font-size:1rem}.btn-view-pdf{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:48px;border:2px solid #ddd;background:#fff;color:#333;border-radius:.75rem;font-weight:600;font-size:1rem}.pdf-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;display:flex;flex-direction:column;background:#1a1a1a}.pdf-viewer-header{display:flex;align-items:center;gap:.75rem;flex-shrink:0;padding:.5rem .75rem;padding-top:max(.5rem,env(safe-area-inset-top,0px));background:#1b4332;color:#fff}.pdf-viewer-back{display:flex;align-items:center;gap:.25rem;min-height:52px;min-width:52px;padding:0 .75rem;border:none;border-radius:.625rem;background:#ffffff26;color:#fff;font-size:1.0625rem;font-weight:600}.pdf-viewer-back:active{background:#ffffff40}.pdf-viewer-title{flex:1;font-size:.9375rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:.5rem}.pdf-viewer-frame{flex:1;width:100%;border:none;background:#525659}.pdf-viewer-body{flex:1;min-height:0;overflow:hidden;background:#525659;touch-action:none}.pdf-transform-wrapper{width:100%!important;height:100%!important}.pdf-transform-content{width:100%!important}.pdf-viewer-pages{background:#525659;padding-bottom:env(safe-area-inset-bottom,0px)}.pdf-page-canvas{display:block;max-width:100%;height:auto;margin-bottom:.5rem}.pdf-page-canvas:last-child{margin-bottom:0}.pdf-viewer-status{flex-shrink:0;margin:0;padding:1rem;text-align:center;color:#fff;background:#525659}.pdf-viewer-error{color:#fecaca}.overlay-footer-actions{display:flex;gap:.75rem}.btn-primary,.btn-secondary{flex:1;min-height:48px;border:none;border-radius:.625rem;font-weight:600}.btn-primary{background:#1b4332;color:#fff}.btn-primary:disabled{opacity:.6}.btn-secondary{background:#f0f0f0;color:#333}.vehicle-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000080;display:flex;align-items:flex-end;justify-content:center}.vehicle-picker{background:#fff;width:100%;max-width:720px;padding:1.5rem 1.25rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));border-radius:1rem 1rem 0 0}.vehicle-picker h3{margin:0 0 .25rem;font-size:1.125rem}.vehicle-picker-hint{margin:0 0 1rem;color:#666}.vehicle-picker-grid{display:grid;gap:.5rem;margin-bottom:.75rem}.vehicle-btn{width:100%;min-height:52px;border:none;border-radius:.75rem;font-size:1.0625rem;font-weight:700;color:#fff}.vehicle-btn.truck{background:#1b4332}.vehicle-btn.trailer_front{background:#2d6a4f}.vehicle-btn.trailer_middle{background:#40916c}.vehicle-btn.trailer_back{background:#52b788}.vehicle-btn.tractor{background:#344e41}.vehicle-cancel{width:100%;min-height:48px}.month-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000080;display:flex;align-items:flex-end;justify-content:center}.month-picker{background:#fff;width:100%;max-width:720px;padding:1.25rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));border-radius:1rem 1rem 0 0}.month-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.month-picker-header h3{margin:0;font-size:1.125rem}.month-picker-close{min-width:44px;min-height:44px;border:none;background:transparent;font-size:1.25rem;color:#666}.month-picker-year{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.month-picker-year-label{min-width:4rem;text-align:center;font-size:1.25rem;font-weight:700}.month-picker-year-btn{min-width:44px;min-height:44px;border:none;background:#f4f4f5;border-radius:.5rem;font-size:1.5rem;line-height:1;color:#1b4332}.month-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.month-picker-cell{min-height:52px;border:none;border-radius:.75rem;background:#f4f4f5;font-size:1rem;font-weight:600;color:#333}.month-picker-cell--selected{background:#1b4332;color:#fff}.shipment-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.shipment-header h2{margin:0;font-size:1.125rem}.shipment-badge{background:#fef3c7;color:#92400e;font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.25rem .5rem;border-radius:.375rem}.vehicle-section{background:#fff;border-radius:.75rem;padding:1rem;margin-bottom:.75rem;box-shadow:0 1px 3px #0000000f}.vehicle-section h3{margin:0 0 .75rem;font-size:1rem}.vehicle-empty{margin:0;color:#888;font-size:.9375rem}.shipment-item-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.shipment-item-row:last-child{border-bottom:none}.shipment-item-main{flex:1;display:flex;flex-direction:column;gap:.125rem}.shipment-item-customer{font-weight:600}.shipment-item-property{font-size:.9375rem;color:#555}.shipment-item-product{font-size:.8125rem;color:#888}.btn-remove{min-height:44px;padding:.5rem .75rem;border:none;background:#fee2e2;color:#b91c1c;border-radius:.5rem;font-weight:600;font-size:.875rem;flex-shrink:0}.btn-send{width:100%;min-height:52px;margin-top:.5rem;font-size:1rem}.sent-history{margin-top:1.5rem}.history-toggle{width:100%;min-height:48px;text-align:left;border:none;background:#fff;border-radius:.75rem;padding:.875rem 1rem;font-weight:600;box-shadow:0 1px 3px #0000000f}.history-list{list-style:none;margin:.5rem 0 0;padding:0;background:#fff;border-radius:.75rem;overflow:hidden}.history-item{padding:.875rem 1rem;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;gap:.125rem}.history-item:last-child{border-bottom:none}.history-name{font-weight:600}.history-meta{font-size:.8125rem;color:#888}.settings-view{display:flex;flex-direction:column;gap:2rem;min-height:100%}.settings-section{display:flex;flex-direction:column;gap:1rem}.settings-section-title{margin:0;font-size:1.0625rem;font-weight:700;color:#1b4332}.settings-account-card{background:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.settings-account-details{display:flex;flex-direction:column;gap:.125rem}.user-avatar{border-radius:50%;object-fit:cover;flex-shrink:0}.user-avatar-fallback{display:flex;align-items:center;justify-content:center;background:#1b4332;color:#fff;font-weight:700;border-radius:50%}.settings-account-email{margin:0;font-size:.875rem;color:#555;word-break:break-all}.settings-account-name{margin:0;font-weight:600;font-size:1rem}.settings-signout-btn{min-height:44px;padding:0 1rem}.settings-hint{margin:0;font-size:.9375rem;color:#555;line-height:1.4}.recipient-list{display:flex;flex-direction:column;gap:.5rem}.recipient-row{display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:.75rem;padding:.5rem .75rem;box-shadow:0 1px 3px #0000000f}.recipient-toggle{flex:1;display:flex;align-items:center;gap:.75rem;min-height:44px;cursor:pointer}.recipient-toggle input[type=checkbox]{width:22px;height:22px;flex-shrink:0;accent-color:#1b4332}.recipient-info{display:flex;flex-direction:column;gap:.125rem}.recipient-email{font-weight:600;font-size:.9375rem;word-break:break-all}.recipient-label{font-size:.8125rem;color:#888}.btn-icon-delete{min-width:44px;min-height:44px;border:none;background:transparent;color:#b91c1c;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.settings-add-form{position:sticky;bottom:0;display:flex;gap:.5rem;padding-top:.5rem;background:#f8f9fa}.settings-email-input{flex:1;min-height:52px;border:1px solid #ddd;border-radius:.75rem;padding:0 1rem;font-size:1rem}.settings-add-btn{min-height:52px;padding:0 1.25rem;flex-shrink:0}.allowed-user-row{justify-content:space-between;align-items:center;gap:.75rem}.recipient-toggle-readonly{cursor:default}.recipient-status-dot{width:22px;height:22px;border-radius:50%;flex-shrink:0}.recipient-status-dot.enabled{background:#1b4332}.recipient-status-dot.disabled{background:#d1d5db}.allowed-user-info{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.allowed-user-self-hint{font-size:.8125rem;color:#888;padding:0 .5rem}.role-badge{display:inline-block;align-self:flex-start;margin-top:.25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.125rem .375rem;border-radius:.25rem}.role-badge-admin{background:#dcfce7;color:#166534}.role-badge-viewer{background:#e5e7eb;color:#374151}.settings-user-form{flex-wrap:wrap}.settings-name-input,.settings-role-select{min-height:52px;border:1px solid #ddd;border-radius:.75rem;padding:0 1rem;font-size:1rem;background:#fff}.settings-name-input{flex:1 1 100%}.settings-role-select{flex:1;min-width:7rem}.shipment-item-tap{flex:1;display:flex;align-items:center;gap:.5rem;border:none;background:transparent;text-align:left;padding:0;min-height:44px}.shipment-item-tap:active{opacity:.7}.shipment-item-date{font-size:.8125rem;color:#1b4332;font-weight:500}.shipment-item-pdf-icon{flex-shrink:0;color:#1b4332}.shipment-sticky-bar{position:sticky;bottom:calc(4.5rem + env(safe-area-inset-bottom,0px));padding:.75rem 0;background:linear-gradient(transparent,#f8f9fa 20%);z-index:5}.send-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:100;display:flex;align-items:flex-end;justify-content:center}.send-confirm-sheet{width:100%;max-width:720px;max-height:85dvh;overflow-y:auto;background:#fff;border-radius:1rem 1rem 0 0;padding:1.25rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px))}.send-confirm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.send-confirm-header h3{margin:0;font-size:1.125rem}.btn-text{min-height:44px;border:none;background:transparent;color:#1b4332;font-weight:600;font-size:1rem}.send-confirm-summary{margin:0 0 1rem;font-weight:600;color:#333}.send-confirm-orders{max-height:160px;overflow-y:auto;margin-bottom:1rem;border:1px solid #eee;border-radius:.75rem}.send-confirm-order{display:flex;gap:.5rem;padding:.625rem .75rem;border-bottom:1px solid #f0f0f0;font-size:.875rem}.send-confirm-order:last-child{border-bottom:none}.send-confirm-order-vehicle{flex-shrink:0;font-weight:700;color:#1b4332;min-width:3.5rem}.send-confirm-recipients h4{margin:0 0 .5rem;font-size:.9375rem}.send-recipient-check{display:flex;align-items:center;gap:.75rem;min-height:52px;padding:.25rem 0;font-size:1rem;cursor:pointer}.send-recipient-check input[type=checkbox]{width:24px;height:24px;accent-color:#1b4332}.send-confirm-no-recipients{color:#b45309;font-size:.9375rem}.send-confirm-error{margin:.75rem 0 0;padding:0}.btn-send-final{width:100%;min-height:56px;margin-top:1rem;font-size:1.0625rem}.history-item-toggle{width:100%;text-align:left;border:none;background:transparent;padding:0;display:flex;flex-direction:column;gap:.125rem}.history-sent-to{font-size:.8125rem;color:#1b4332;word-break:break-all}.history-expand{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#888}.history-item{position:relative;padding-right:2rem}.history-detail{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f0f0f0}.history-vehicle-group{margin-bottom:.5rem;font-size:.875rem}.history-vehicle-group strong{display:block;margin-bottom:.25rem;color:#1b4332}.history-detail-row{padding:.25rem 0;color:#555}@media (min-width: 768px){.app{max-width:800px}}