html,body,#root{min-width:100%;min-height:100%;margin:0}body{margin:0}*{box-sizing:border-box}button,input,select{font:inherit}:root{--operator-bar-height:52px;--sidebar-width:240px}.app-layout{min-height:calc(100vh - var(--operator-bar-height));color:#1f2937;background:#f4f6f8;font-family:Arial,Helvetica,sans-serif;display:flex}.sidebar{width:var(--sidebar-width);height:calc(100vh - var(--operator-bar-height));color:#fff;min-height:0;left:0;top:var(--operator-bar-height);background:#111827;flex-direction:column;padding:20px 12px 12px 16px;display:flex;position:fixed;bottom:auto;overflow:hidden}.brand{border-bottom:1px solid #374151;flex:none;margin-bottom:14px;padding:0 10px 18px}.brand h2{margin:0;font-size:22px}.brand p{color:#9ca3af;margin:6px 0 0;font-size:12px}.nav-menu{scrollbar-width:thin;scrollbar-color:#4b5563 #111827;flex-direction:column;flex:auto;gap:5px;min-height:0;padding-bottom:16px;padding-right:4px;display:flex;overflow:hidden auto}.nav-menu::-webkit-scrollbar{width:8px}.nav-menu::-webkit-scrollbar-track{background:#111827}.nav-menu::-webkit-scrollbar-thumb{background:#4b5563;border-radius:999px}.nav-menu::-webkit-scrollbar-thumb:hover{background:#6b7280}.nav-menu button{color:#d1d5db;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:11px 12px}.nav-menu button:hover{color:#fff;background:#1f2937}.nav-menu button.active{color:#fff;background:#374151;font-weight:600}.main-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));padding:30px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1{margin:0;font-size:30px}.page-header p{color:#6b7280;margin:6px 0 0}.add-customer-button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:7px;padding:11px 18px;font-weight:600}.add-customer-button:hover{background:#1f2937}.summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:18px}.summary-card span{color:#6b7280;margin-bottom:8px;font-size:13px;display:block}.summary-card strong{font-size:26px}.filters{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:flex-end;gap:12px;margin-bottom:22px;padding:16px;display:flex}.filter-group{flex-direction:column;gap:6px;display:flex}.filter-group label{color:#4b5563;font-size:12px;font-weight:600}.search-group{flex:1}.filter-group input,.filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:190px;height:42px;padding:0 11px}.search-group input{width:100%}.filter-group input:focus,.filter-group select:focus{border-color:#6b7280;outline:none}.clear-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;height:42px;padding:0 18px}.clear-button:hover{background:#f9fafb}.table-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.table-header{border-bottom:1px solid #e5e7eb;padding:18px 20px}.table-header h3{margin:0}.table-header p{color:#6b7280;margin:5px 0 0;font-size:13px}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1000px}thead{background:#f9fafb}th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:#6b7280;white-space:nowrap;padding:13px 14px;font-size:11px}td{vertical-align:top;border-top:1px solid #e5e7eb;padding:14px;font-size:14px}tbody tr:hover{background:#fafafa}.customer-name{color:#111827;font-weight:600}.customer-id{color:#9ca3af;margin-top:4px;font-size:11px}.segment-list{flex-direction:column;gap:5px;display:flex}.segment-badge{color:#374151;background:#f3f4f6;border-radius:4px;width:fit-content;padding:4px 7px;font-size:12px}.status{border-radius:5px;padding:5px 8px;font-size:12px;font-weight:600;display:inline-block}.active-status{color:#166534;background:#dcfce7}.inactive-status{color:#991b1b;background:#fee2e2}.yes-text{color:#166534;font-weight:600}.no-text{color:#6b7280}.muted{color:#9ca3af}.empty-state{text-align:center;color:#6b7280;padding:40px}.message-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.error-box{color:#991b1b;background:#fef2f2;border-color:#fecaca}@media (width<=1100px){.summary-grid{grid-template-columns:repeat(2,1fr)}.filters{flex-wrap:wrap}}.modal-backdrop{z-index:1000;background:#1118278c;justify-content:center;align-items:flex-start;padding:35px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.customer-modal{background:#fff;border-radius:10px;width:760px;max-width:100%;overflow:hidden;box-shadow:0 20px 50px #0003}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:22px 24px;display:flex}.modal-header h2{margin:0}.modal-header p{color:#6b7280;margin:5px 0 0;font-size:13px}.modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:28px;line-height:1}.modal-body{max-height:70vh;padding:24px;overflow-y:auto}.form-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:18px;padding:12px 14px;font-size:13px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:#374151;font-size:12px;font-weight:600}.form-field input,.form-field select,.form-field textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 11px}.form-field input,.form-field select{height:42px}.form-field textarea{resize:vertical;min-height:80px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#4b5563;outline:none}.full-width{grid-column:1/-1}.form-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:22px}.form-section h3{margin:0 0 16px;font-size:16px}.section-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px;display:flex}.section-heading h3{margin:0}.section-heading p{color:#6b7280;margin:5px 0 0;font-size:12px}.secondary-button{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px}.secondary-button:hover{background:#f9fafb}.segment-form-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:7px;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin-bottom:12px;padding:14px;display:grid}.remove-segment-button{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:6px;height:42px;padding:0 12px}.remove-segment-button:hover{background:#fef2f2}.checkbox-row{color:#374151;cursor:pointer;align-items:flex-start;gap:10px;margin-top:22px;font-size:13px;display:flex}.checkbox-row input{margin-top:2px}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.cancel-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:10px 17px}.save-button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:6px;padding:10px 18px;font-weight:600}.save-button:hover{background:#1f2937}.save-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=700px){.form-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.segment-form-row{grid-template-columns:1fr}.section-heading{flex-direction:column}}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f3f4f6}.profile-modal{width:850px}.profile-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.profile-summary-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:7px;padding:15px}.profile-summary-card span{color:#6b7280;text-transform:uppercase;margin-bottom:7px;font-size:11px;display:block}.profile-summary-card strong{color:#111827;font-size:17px}.profile-section{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.profile-section h3{margin:0 0 16px;font-size:15px}.profile-details-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.profile-details-grid div{flex-direction:column;gap:5px;display:flex}.profile-details-grid span{text-transform:uppercase;color:#6b7280;font-size:11px}.profile-details-grid strong{font-size:14px;font-weight:500}.profile-full-row{grid-column:1/-1}.profile-category-list{flex-wrap:wrap;gap:8px;display:flex}.profile-category{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:5px;padding:7px 10px;font-size:13px}.profile-notes{color:#4b5563;margin:0;line-height:1.5}.future-tabs{border-top:1px solid #e5e7eb;gap:6px;margin-top:28px;padding-top:18px;display:flex;overflow-x:auto}.future-tab{color:#6b7280;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:5px;padding:8px 11px}.future-tab.active{color:#fff;background:#111827;border-color:#111827}.future-note{color:#9ca3af;margin-top:12px;font-size:12px}.opening-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:7px;margin-top:24px;padding:14px;font-size:13px}.opening-warning p{margin:8px 0 0;line-height:1.5}@media (width<=800px){.profile-summary-grid{grid-template-columns:repeat(2,1fr)}.profile-details-grid{grid-template-columns:1fr}.profile-full-row{grid-column:auto}}.inventory-page{width:100%}.inventory-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.inventory-header h1{margin:0;font-size:30px}.inventory-header p{color:#6b7280;margin:6px 0 0}.inventory-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:flex-end;gap:12px;margin-bottom:22px;padding:16px;display:flex}.inventory-search{flex:1}.inventory-search input{width:100%}.stock-number{color:#111827;font-weight:700}.low-stock-status{color:#92400e;background:#fef3c7}.inventory-product-modal{width:900px}.inventory-movement-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.inventory-movement-action{justify-content:flex-end;margin-top:15px;display:flex}.inventory-history{border:1px solid #e5e7eb;border-radius:7px;overflow:hidden}.inventory-history-row{border-top:1px solid #e5e7eb;grid-template-columns:1.5fr .7fr .8fr 1fr;align-items:center;gap:15px;padding:13px 14px;font-size:13px;display:grid}.inventory-history-row:first-child{border-top:none}.inventory-history-row>div:first-child{flex-direction:column;gap:4px;display:flex}.inventory-history-row span{color:#9ca3af;font-size:11px}@media (width<=850px){.inventory-toolbar{flex-wrap:wrap}.inventory-movement-grid,.inventory-history-row{grid-template-columns:1fr}}.estimates-page{width:100%}.estimate-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.estimate-page-header h1{margin:0;font-size:30px}.estimate-page-header p{color:#6b7280;margin:6px 0 0}.estimate-message{margin-bottom:16px}.estimate-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:7px;margin-bottom:16px;padding:12px 14px;font-size:13px}.draft-strip{background:#fff;border:1px solid #e5e7eb;border-radius:9px;margin-bottom:20px;padding:14px}.draft-strip-title{align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.draft-strip-title span{color:#fff;background:#111827;border-radius:20px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;display:inline-flex}.draft-tabs{gap:9px;padding-bottom:3px;display:flex;overflow-x:auto}.draft-tab{text-align:left;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:7px;min-width:155px;padding:10px 12px}.draft-tab:hover{background:#f3f4f6}.draft-tab.active{color:#fff;background:#111827;border-color:#111827}.draft-tab strong,.draft-tab span,.draft-tab small{display:block}.draft-tab strong{font-size:13px}.draft-tab span{opacity:.8;margin-top:5px;font-size:11px}.draft-tab small{margin-top:5px;font-size:12px;font-weight:700}.no-drafts{color:#9ca3af;padding:12px;font-size:13px}.empty-estimate-state{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:9px;padding:60px 30px}.empty-estimate-state h2{margin:0}.empty-estimate-state p{color:#6b7280;margin:8px 0 20px}.estimate-info-bar{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.estimate-info-bar>div{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px}.estimate-info-bar span{color:#6b7280;margin-bottom:5px;font-size:11px;display:block}.estimate-info-bar strong{font-size:14px}.estimate-workspace{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:18px;display:grid}.estimate-main-column{min-width:0}.estimate-section-card{background:#fff;border:1px solid #e5e7eb;border-radius:9px;margin-bottom:16px;padding:18px;position:relative}.estimate-section-heading{justify-content:space-between;gap:15px;margin-bottom:14px;display:flex}.estimate-section-heading h3{margin:0;font-size:16px}.estimate-section-heading p{color:#6b7280;margin:5px 0 0;font-size:12px}.estimate-text-button{color:#b91c1c;cursor:pointer;background:0 0;border:none;font-size:12px}.selected-customer-card{background:#ecfdf5;border:1px solid #d1fae5;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:11px 13px;display:flex}.selected-customer-card div{flex-direction:column;display:flex}.selected-customer-card strong{font-size:13px}.selected-customer-card span{color:#4b5563;font-size:11px}.estimate-search-box{position:relative}.estimate-search-box>input{border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;height:44px;padding:0 12px}.estimate-search-box>input:focus{border-color:#111827}.estimate-search-results{z-index:50;background:#fff;border:1px solid #d1d5db;border-radius:7px;max-height:300px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0000001f}.estimate-search-results button{text-align:left;cursor:pointer;background:#fff;border:none;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:11px 12px;display:flex}.estimate-search-results button:first-child{border-top:none}.estimate-search-results button:hover{background:#f9fafb}.estimate-search-results button div:first-child{flex-direction:column;gap:3px;display:flex}.estimate-search-results strong{font-size:13px}.estimate-search-results span,.estimate-search-results small{color:#6b7280;font-size:11px}.product-result-right{text-align:right}.product-result-right strong{margin-top:3px;display:block}.estimate-no-result{color:#9ca3af;padding:14px;font-size:12px}.estimate-items-card{padding-left:0;padding-right:0}.estimate-items-card .estimate-section-heading{padding:0 18px}.estimate-empty-items{text-align:center;color:#9ca3af;border-top:1px solid #f3f4f6;padding:35px 18px}.estimate-items-table-wrapper{overflow-x:auto}.estimate-items-table{border-collapse:collapse;width:100%}.estimate-items-table th{text-align:left;color:#6b7280;background:#f9fafb;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:10px;font-size:11px}.estimate-items-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px;font-size:12px}.estimate-product-name{color:#111827;font-weight:700}.estimate-product-meta{color:#9ca3af;margin-top:3px;font-size:10px}.estimate-number-input{border:1px solid #d1d5db;border-radius:5px;width:85px;padding:7px}.rate-input{width:105px}.estimate-stock-warning{color:#b91c1c;font-weight:700}.estimate-remove-item{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:5px;width:30px;height:30px;font-size:18px}.estimate-remove-item:hover{background:#fef2f2}.estimate-total-card{background:#fff;border:1px solid #e5e7eb;border-radius:9px;padding:18px;position:sticky;top:20px}.estimate-total-card h3{margin:0 0 18px}.estimate-total-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;gap:10px;padding:10px 0;font-size:13px;display:flex}.estimate-grand-total{border-top:2px solid #111827;border-bottom:2px solid #111827;justify-content:space-between;align-items:center;margin:16px 0;padding:14px 0;display:flex}.estimate-grand-total span{font-weight:700}.estimate-grand-total strong{font-size:20px}.estimate-save-button{width:100%}.estimate-draft-note,.estimate-finalize-note{color:#9ca3af;text-align:center;margin-top:7px;font-size:10px;line-height:1.4}.estimate-finalize-disabled{color:#9ca3af;cursor:not-allowed;background:#e5e7eb;border:none;border-radius:6px;width:100%;margin-top:20px;padding:11px;font-weight:600}@media (width<=1050px){.estimate-workspace{grid-template-columns:1fr}.estimate-total-card{position:static}}@media (width<=750px){.estimate-info-bar{grid-template-columns:repeat(2,1fr)}.estimate-page-header{flex-direction:column;align-items:stretch}}