html,body{height:100%;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;background-color:#f5f6f8;color:#1f2933}#root{height:100%;display:flex;flex-direction:column}#root:empty:before{content:"";display:block;height:100%;background-color:#f5f6f8}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.native-select.ios{width:100%;height:36px;padding:6px 10px;font-size:14px;font-family:inherit;border:1px solid #cbd5e1;border-radius:4px;background-color:#fff;color:#1f2933;-webkit-appearance:none;appearance:none}@supports (-webkit-appearance: none){.native-select.ios{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center}}@supports (-webkit-touch-callout: none){label input,input,textarea,select{font-size:16px!important}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;background-color:#f5f6f8;color:#1f2933}.app-content{height:100%;display:flex;flex-direction:column}.app-header{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:20px}.app-title{margin:0;font-size:20px;font-weight:600;color:#111827}.app-root{flex:1;display:flex;min-height:0}.sidebar{width:240px;background:#fff;border-right:1px solid #e2e8f0;padding:12px}.tab-bar{display:flex;flex-direction:column;gap:6px}.tab-button{appearance:none;border:1px solid transparent;background:transparent;padding:10px 12px;border-radius:6px;text-align:left;font-size:14px;font-weight:500;cursor:pointer;color:#1f2933;transition:background .15s ease,border-color .15s ease}.tab-button:hover{background:#f1f5f9}.tab-button.active{background:#e6f0ff;border-color:#3b82f6;color:#1d4ed8}.app-root>:not(.sidebar){flex:1;padding:24px;overflow-y:auto}button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media(max-width:1200px){.sidebar{width:200px}.app-title{font-size:18px}}@media(max-width:1050px){.app-root{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid #e2e8f0}.tab-bar{flex-direction:row;flex-wrap:wrap}.tab-button{flex:1 1 auto;text-align:center}}*,*:before,*:after{box-sizing:border-box}.app-lock-container{height:100svh;width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,#52bfff,#ffa44f,#fff);font-family:system-ui}.app-lock-form{background:#f0f0f0;padding:clamp(1.5rem,4vw,2.5rem);border-radius:12px;width:clamp(320px,25vw,420px);box-shadow:0 20px 40px #00000026}.app-lock-title{margin-bottom:1rem;text-align:center;font-size:1.4rem;font-weight:600;color:#082530}.app-lock-input,.app-lock-button{width:100%;height:44px;font-size:1rem;border-radius:6px}.app-lock-input{padding:0 .9rem;margin-bottom:.75rem;background:#e0e0e0;border:1px solid #ccc;color:#082530}.app-lock-error{color:#f87171;margin-bottom:.75rem;font-size:.9rem;text-align:center}.app-lock-button{background:#225de6;color:#fff;border:none;cursor:pointer}.app-lock-button:hover{opacity:.95}@media(max-width:480px){.app-lock-form{width:100%}}.slip-form{max-width:900px;margin:0 auto;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.slip-form p{margin-top:0;margin-bottom:16px;font-size:14px;color:#475569}.slip-message{margin-bottom:10px;padding:8px 10px;border-radius:4px;font-size:14px}.slip-message.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.slip-message.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.slip-form>*+*{margin-top:20px}.slip-form input,.slip-form select,.slip-form textarea{width:100%;padding:8px 10px;font-size:14px;border-radius:4px;border:1px solid #cbd5e1;background:#fff;color:#1f2933}.slip-form textarea{resize:vertical;min-height:60px}.slip-form input:focus,.slip-form select:focus,.slip-form textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f666}.slip-form input:disabled,.slip-form select:disabled,.slip-form textarea:disabled{background:#f1f5f9;cursor:not-allowed}.slip-form input[type=date]{-webkit-appearance:none;appearance:none;font-size:16px;min-height:40px;padding:8px 10px}.slip-form button[type=submit]{margin-top:24px;padding:10px 16px;font-size:14px;font-weight:600;border-radius:6px;border:none;cursor:pointer;background:#2563eb;color:#fff;transition:background .15s ease,opacity .15s ease}.slip-form button[type=submit]:hover{background:#1d4ed8}.slip-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.slip-form .hint{font-size:12px;color:#64748b;margin-top:4px}.sold-to-section{border:1px solid #e2e8f0;border-radius:6px;padding:12px 16px}.sold-to-section legend{padding:0 6px;font-size:14px;font-weight:600;color:#111827}@media(max-width:700px){.slip-form{padding:16px}}.combo-box{position:relative;width:100%}.combo-box label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;color:#374151}.combo-trigger{width:100%;padding:8px 10px;font-size:14px;border-radius:4px;border:1px solid #cbd5e1;background:#fff;color:#1f2933;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center}button.combo-trigger{cursor:pointer}input.combo-trigger{outline:none}.combo-trigger:hover{border-color:#94a3b8}.combo-trigger:focus{border-color:#2563eb}.combo-caret{font-size:12px;opacity:.6}.combo-dropdown{position:absolute;z-index:100;width:100%;margin-top:2px;border-radius:4px;border:1px solid #cbd5e1;background:#fff;box-shadow:0 4px 12px #00000014}.combo-options{max-height:220px;overflow-y:auto}.combo-option{width:100%;padding:8px 10px;font-size:14px;text-align:left;border:none;background:transparent;color:#1f2933;cursor:pointer}.combo-option:hover{background:#f1f5f9}.combo-option.active{background:#2563eb;color:#fff}.combo-empty{padding:8px 10px;font-size:14px;color:#64748b}@supports (-webkit-touch-callout: none){input.combo-trigger{font-size:16px}}.ship-to-section{border:1px solid #e2e8f0;border-radius:6px;padding:12px 16px}.ship-to-section legend{padding:0 6px;font-size:14px;font-weight:600;color:#111827}.ship-to-section .field{display:flex;flex-direction:column;gap:4px}.ship-to-section label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;color:#374151}.ship-to-section .hint{font-size:12px;color:#64748b;margin-top:2px}.slip-details-section{border:1px solid #e2e8f0;border-radius:6px;padding:12px 16px}.slip-details-section legend{padding:0 6px;font-size:14px;font-weight:600;color:#111827}.slip-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.slip-details-section label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;color:#374151}.shipped-via{display:flex;align-items:center;gap:6px;margin-top:4px}.shipped-via .label{font-size:13px;font-weight:500;color:#374151}.shipped-via label{flex-direction:row;align-items:center;gap:6px;font-weight:400}@media(max-width:700px){.slip-details-grid{grid-template-columns:1fr}}.line-item-section{border:1px solid #e2e8f0;border-radius:6px;padding:12px 16px}.line-item-section legend{padding:0 6px;font-size:14px;font-weight:600;color:#111827}.line-item-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:10px}.line-item-row label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;color:#374151}.remove-line-item{height:34px;padding:0 10px;border-radius:4px;border:1px solid #cbd5e1;background:#fff;cursor:pointer;font-size:14px;line-height:1}.remove-line-item:hover{background:#fef2f2;border-color:#fecaca;color:#991b1b}.add-line-item{margin-top:8px;padding:8px 12px;font-size:13px;font-weight:500;border-radius:6px;border:1px dashed #94a3b8;background:#fff;cursor:pointer}.add-line-item:hover{background:#f1f5f9}@media(max-width:700px){.line-item-row{grid-template-columns:1fr}.remove-line-item{align-self:flex-start}}.comments-section{border:1px solid #e2e8f0;border-radius:6px;padding:12px 16px}.comments-section legend{padding:0 6px;font-size:14px;font-weight:600;color:#111827}.comments-section .field{margin-bottom:8px}.client-admin{display:flex;flex-direction:column}.client-admin-header h3{margin:0}.client-admin-header p{margin:4px 0 16px;color:#475569;font-size:14px}.client-admin-layout{display:flex;gap:24px}.client-admin-main{flex:1;min-width:320px}.client-admin-sidebar{flex:1;min-width:300px;display:flex;flex-direction:column}.client-admin-search{display:flex;flex-direction:column;gap:12px}.client-admin-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.client-admin-sidebar-header h4{margin:0}.client-table-wrapper{max-height:436px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:4px}.admin-section fieldset{border:1px solid #adb3c3;border-radius:6px;padding:12px 16px;margin-bottom:25px}.admin-section legend{padding:0 6px;font-size:20px;font-weight:600;color:#111827}.admin-tabs{display:flex;gap:8px}.admin-tabs button{padding:6px 12px;border-radius:4px;border:1px solid #cbd5e1;background:#f8fafc;cursor:pointer}.admin-tabs button.active{background:#e6f0ff;border-color:#3b82f6;font-weight:600}.admin-section input,.admin-section select,.admin-section textarea{width:100%;padding:8px 10px;font-size:14px;border-radius:4px;border:1px solid #cbd5e1;background:#fff;color:#1f2933}.admin-section input:focus,.admin-section select:focus,.admin-section textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f666}.admin-section input:disabled,.admin-section select:disabled,.admin-section textarea:disabled{background:#f1f5f9;cursor:not-allowed}.show-inactive-toggle{display:flex;align-items:center;font-size:13px;font-weight:500;color:#374151;cursor:pointer;white-space:nowrap}.show-inactive-toggle input{cursor:pointer;width:13px;height:13px;padding:0}.admin-form{display:flex;flex-direction:column;gap:12px}.admin-form h4{margin-top:12px}.field{display:flex;flex-direction:column;gap:4px}.admin-form label{font-size:13px;font-weight:500;color:#374151}.field-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table thead th{position:sticky;top:0;z-index:1;background:#f1f5f9;text-align:left;padding:6px;border-bottom:1px solid #cbd5e1;font-weight:600}.admin-table td{padding:6px;border-bottom:1px solid #e5e7eb}.admin-table tr.inactive{opacity:.6}.admin-table th.actions,.admin-table td.actions{text-align:right;width:1%}.update-admin-button,.admin-table td.actions button,.add-admin-button{padding:4px 8px;font-size:13px;border-radius:4px;border:1px solid #cbd5e1;background:#2563eb;cursor:pointer;color:#fff}.update-admin-button:hover,.admin-table td.actions button:hover,.add-admin-button:hover{background:#1d4ed8}@media(max-width:900px){.client-admin-layout,.address-admin-layout,.pallet-admin-layout,.clerk-admin-layout{flex-direction:column}}@media(max-width:700px){.field-grid{grid-template-columns:1fr}}@media(max-width:500px){.admin-table{font-size:12px}}@media(max-width:400px){.client-admin-table{font-size:10px}}.address-admin{display:flex;flex-direction:column}.address-admin-header h3{margin:0}.address-admin-header p{margin:4px 0 16px;color:#475569;font-size:14px}.address-admin-layout{display:flex;gap:24px;margin-top:25px}.address-admin-main{flex:1;min-width:320px}.address-admin-sidebar{flex:1;min-width:300px;display:flex;flex-direction:column}.client-header-with-button{display:flex;justify-content:space-between}.address-admin-search{display:flex;flex-direction:column;gap:12px}.address-admin-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.address-admin-sidebar-header h4{margin:0}.address-table-wrapper{max-height:370px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:4px}.pallet-admin{display:flex;flex-direction:column}.pallet-admin-header h3{margin:0}.pallet-admin-header p{margin:4px 0 16px;color:#475569;font-size:14px}.pallet-admin-layout{display:flex;gap:24px}.pallet-admin-main{flex:1;min-width:320px}.pallet-admin-sidebar{flex:1;min-width:300px;display:flex;flex-direction:column}.pallet-header-with-button{display:flex;justify-content:space-between;align-items:center}.pallet-admin-search{display:flex;flex-direction:column;gap:12px}.pallet-admin-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pallet-admin-sidebar-header h4{margin:0}.pallet-table-wrapper{max-height:295px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:4px}.clerk-admin{display:flex;flex-direction:column}.clerk-admin-header p{margin:4px 0 16px;color:#475569;font-size:14px}.clerk-admin-layout{display:flex;gap:24px}.clerk-admin-main{flex:1;min-width:320px}.clerk-admin-sidebar{flex:1;min-width:300px;display:flex;flex-direction:column}.clerk-admin-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.clerk-admin-sidebar-header h4{margin:0}.status{margin-bottom:8px;font-size:14px}.status.success{color:#065f46}.status.error{color:#991b1b}.clerk-table-wrapper{max-height:295px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:4px}.slip-search{max-width:100%}.slip-search-header{display:flex;justify-content:space-between}.slip-search-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.slip-search-header p{margin:4px 0 16px;font-size:14px;color:#475569}.slip-search-toggle-filters{margin-top:8px;padding:6px 12px;font-size:13px;border-radius:4px;border:1px solid #cbd5e1;background:#f8fafc;cursor:pointer}.slip-search-toggle-filters:hover{background:#e6f0ff;border-color:#3b82f6}.slip-search-status{margin-bottom:8px;font-size:14px}.slip-search-status.error{color:#991b1b}.slip-search-status.success{color:#065f46}.slip-search-results{margin-top:16px}.slip-search-table th.actions,.slip-search-table td.actions{text-align:right;width:1%}.slip-search-table td.actions button{padding:4px 8px;font-size:13px;border-radius:4px;border:1px solid #cbd5e1;background:#2563eb;cursor:pointer;color:#fff}.slip-search-pagination{margin-top:12px;display:flex;justify-content:center;gap:8px}.slip-search-filters fieldset{border:1px solid #adb3c3;border-radius:6px;padding:12px 16px;margin-bottom:24px}.slip-search-filters legend{padding:0 6px;font-size:16px;font-weight:600;color:#111827}.slip-search-field-row{display:flex;flex-wrap:wrap;gap:12px;margin:3px}.slip-search-field-row>.slip-search-field{flex:1}.slip-search-field{display:flex;flex-direction:column;gap:4px;min-width:180px}.slip-search-field label{font-size:13px;font-weight:500;color:#374151}.slip-search-field input,.slip-search-field select{width:100%;padding:8px 10px;font-size:14px;border-radius:4px;border:1px solid #cbd5e1;background:#fff;color:#1f2933}.slip-search-field input:focus,.slip-search-field select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f666}.slip-search-field input:disabled,.slip-search-field select:disabled{background:#f1f5f9;cursor:not-allowed}.slip-search-field input[type=date]{-webkit-appearance:none;appearance:none;font-size:14px;min-height:34px;padding:8px 10px}@supports (-webkit-touch-callout: none){.slip-search-field input[type=date]{font-size:16px;min-height:40px}}.slip-search-action{align-self:flex-end}.slip-search-action button{padding:6px 12px;font-size:13px;border-radius:4px;border:1px solid #cbd5e1;background:#2563eb;cursor:pointer;color:#fff}.slip-search-action button:hover{background:#1d4ed8}.slip-search-action button:disabled{background:#94a3b8;cursor:not-allowed}@media(max-width:700px){.slip-search-field{min-width:100%}}.slip-search-table-wrapper{max-height:420px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:4px}.slip-search-table{width:100%;border-collapse:collapse;font-size:14px}.slip-search-table thead th{position:sticky;top:0;z-index:1;background:#f1f5f9;text-align:left;padding:6px;border-bottom:1px solid #cbd5e1;font-weight:600}.slip-search-table th.sortable{cursor:pointer}.slip-search-table td{padding:6px;border-bottom:1px solid #e5e7eb}.slip-search-table th.actions,.slip-search-table td.actions{text-align:right;width:1%;white-space:nowrap}.slip-search-table td.actions button{padding:4px 8px;font-size:13px;border-radius:4px;border:1px solid #cbd5e1;background:#2563eb;cursor:pointer;color:#fff;margin-left:6px}.slip-search-table td.actions button:hover{background:#1d4ed8}.slip-search-table tr.inactive{opacity:.6}@media(max-width:500px){.slip-search-table{font-size:12px}}.slip-edit{max-width:1100px}.slip-edit-title{margin-top:0;margin-bottom:16px;font-size:20px;font-weight:600;color:#111827}.slip-edit-back{margin-top:12px;padding:6px 12px;font-size:13px;border-radius:4px;border:1px solid #cbd5e1;background:#f8fafc;cursor:pointer}.slip-edit-back:hover{background:#e6f0ff;border-color:#3b82f6}.slip-search-pagination{display:flex;gap:6px;margin-top:16px;justify-content:center}.slip-search-pagination-button{padding:4px 8px;font-size:13px;border-radius:4px;border:1px solid #cbd5e1;background:#f8fafc;cursor:pointer}.slip-search-pagination-button:hover:not(:disabled){background:#e6f0ff;border-color:#3b82f6}.slip-search-pagination-button.active,.slip-search-pagination-button:disabled{font-weight:600;cursor:default;background:#e6f0ff;border-color:#3b82f6}.slip-search-pagination-ellipsis{padding:0 6px;font-size:14px;color:#374151}