code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-overlay{align-items:center;background:linear-gradient(135deg,#1e293b,#111827);bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:9999}.login-container{max-height:100vh;max-width:450px;overflow-y:auto;padding:1rem;width:100%}.login-form{background:#1f2937;border:1px solid #374151;border-radius:16px;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0003;overflow:hidden}.login-header{background:linear-gradient(135deg,#374151,#4b5563);border-bottom:1px solid #4b5563;padding:2rem 2rem 1rem;text-align:center}.login-icon{color:#60a5fa;display:flex;justify-content:center;margin-bottom:1rem}.login-logo{display:block;height:auto;margin:0 auto 1.5rem;max-width:280px}.login-header h2{color:#f9fafb;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.login-header p{color:#d1d5db;font-size:.875rem;margin:0}.demo-credentials{background:#374151;border:1px solid #4b5563;border-radius:8px;color:#d1d5db;font-size:13px;margin:1rem 2rem;padding:12px 16px}.login-form-content{background:#1f2937;padding:2rem}.input-group{margin-bottom:1.5rem}.input-group label{color:#d1d5db;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.input-group input{background-color:#374151;border:2px solid #4b5563;border-radius:8px;box-sizing:border-box;color:#f9fafb;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.input-group input:focus{background-color:#4b5563;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a;outline:none}.input-group input::placeholder{color:#9ca3af}.input-group input:disabled{background:#374151;cursor:not-allowed;opacity:.6}.error-message{align-items:center;background-color:#7f1d1d;border:1px solid #991b1b;border-radius:8px;color:#fca5a5;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.login-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.025em;margin-top:1rem;padding:.875rem 1.5rem;text-transform:uppercase;transition:all .2s ease;width:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-footer{background-color:#1f2937;border-top:1px solid #374151;color:#9ca3af;font-size:.75rem;padding:1.5rem 2rem;text-align:center}.login-footer p{font-weight:500;margin:4px 0}.login-partners{border-top:1px solid #374151;gap:1.5rem;margin-top:1rem;padding-top:1rem}.login-partners,.partner-logo-container{align-items:center;display:flex;justify-content:center}.partner-logo-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:8px 12px}.partner-logo{height:50px;max-width:100px;object-fit:contain;width:auto}@media (max-width:480px){.login-partners{gap:1rem}.partner-logo{height:28px;max-width:80px}.partner-logo-container{padding:6px 10px}}.sidebar{background-color:#111827;border-right:1px solid #1f2937;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:1000}.sidebar.open{transform:translateX(0)}.sidebar-backdrop{background:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:999}.sidebar-backdrop.visible{opacity:1;visibility:visible}@media (max-width:480px){.sidebar{width:260px}}.sidebar-header{border-bottom:1px solid #1f2937;padding:20px 16px 16px}.sidebar-title{color:#f3f4f6;font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0 0 16px}.user-profile-card{align-items:center;background:#1f2937;border-radius:10px;display:flex;gap:10px;padding:10px 12px}.user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.user-details{flex:1 1;min-width:0}.user-name{color:#f3f4f6;font-size:13px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{border-radius:4px;display:inline-block;font-size:11px;font-weight:500;margin-top:2px;padding:2px 6px}.user-role.admin{background:#ef444426;color:#f87171}.user-role.purchases{background:#3b82f626;color:#60a5fa}.user-role.human_resources{background:#eab30826;color:#facc15}.user-role.finances{background:#22c55e26;color:#4ade80}.logout-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:all .2s}.logout-btn:hover{background:#ef44441a;color:#f87171}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px 0}.nav-department{margin:0 8px 8px}.department-toggle{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:10px;letter-spacing:.8px;padding:8px 10px;text-transform:uppercase;transition:all .2s;width:100%}.department-toggle:hover{background:#ffffff08;color:#d1d5db}.department-toggle .chevron{margin-left:auto;transition:transform .2s}.department-toggle .chevron.open{transform:rotate(90deg)}.nav-list{list-style:none;margin:4px 0 0;padding:0}.nav-list li{margin-bottom:2px}.nav-button{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 12px 10px 20px;text-align:left;transition:all .15s;width:100%}.nav-button:hover{background:#ffffff0d;color:#f3f4f6}.nav-button.active{background:#3b82f61a;color:#60a5fa;font-weight:600}.nav-button.active svg{stroke:#60a5fa}.nav-button svg{flex-shrink:0}.coming-soon-placeholder{align-items:center;color:#4b5563;display:flex;font-size:13px;font-style:italic;font-weight:500;gap:10px;padding:12px 20px}.coming-soon-placeholder svg{color:#374151;flex-shrink:0}.nav-settings-section{border-top:1px solid #1f2937;margin:0 8px;padding-top:12px}.nav-settings-section .nav-button{width:100%}.sidebar-footer{border-top:1px solid #1f2937;padding:16px}.sidebar-logo-container.rae,.sidebar-rae-logo{display:flex;justify-content:center}.sidebar-logo-container.rae{align-items:center;background:#ffffff0d;border-radius:8px;padding:8px 16px}.sidebar-partner-logo{filter:brightness(1.1);max-height:32px;opacity:.85;width:auto}.dashboard-container{background-color:#111827;box-sizing:border-box;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem 1.5rem}.dashboard-title{color:#f9fafb;font-size:2.25rem;font-weight:700;margin-bottom:2rem;text-align:center}.priority-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;margin-bottom:1.25rem}.priority-grid.row-2{grid-template-columns:repeat(2,1fr)}.priority-grid.row-3{grid-template-columns:repeat(3,1fr)}.priority-card{background:#1f2937;border:1px solid #374151;border-radius:12px;border-top:3px solid #0000;padding:1.25rem}.priority-card.transit{border-top-color:#3b82f6}.priority-card.ordered{border-top-color:#f59e0b}.priority-card.problems{border-top-color:#ef4444}.priority-card.incomplete{border-top-color:#a855f7}.priority-card.requested{border-top-color:#6b7280}.priority-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.priority-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.priority-icon.transit{background:#3b82f626;color:#60a5fa}.priority-icon.ordered{background:#f59e0b26;color:#fbbf24}.priority-icon.problems{background:#ef444426;color:#f87171}.priority-icon.incomplete{background:#a855f726;color:#c084fc}.priority-icon.requested{background:#6b728026;color:#9ca3af}.priority-count{color:#f9fafb;display:block;font-size:1.5rem;font-weight:700;line-height:1.2}.priority-label{color:#9ca3af;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.mini-order-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}.mini-order-row{align-items:center;background:#111827;border-radius:6px;cursor:pointer;display:flex;gap:8px;overflow:hidden;padding:6px 8px;transition:background .15s}.mini-order-row:hover{background:#374151}.mini-order-num{color:#60a5fa;flex-shrink:0;font-size:.8rem;font-weight:600;min-width:70px}.mini-order-supplier{color:#d1d5db;flex:1 1;font-size:.8rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-order-amount{color:#f9fafb;flex-shrink:0;font-size:.8rem;font-weight:600;min-width:60px;text-align:right}.empty-mini{color:#6b7280;font-size:.8rem;margin:0;padding:12px 0;text-align:center}.dashboard-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.dashboard-card{background:#1f2937;border:1px solid #374151;border-radius:12px;padding:1.5rem}.dashboard-card.full-width{grid-column:1/-1}.card-title{color:#f9fafb;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.card-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.card-header-row .card-title{margin:0}.view-all-btn{background:none;border:1px solid #374151;border-radius:8px;color:#60a5fa;cursor:pointer;font-size:.85rem;padding:.4rem 1rem;transition:all .2s}.view-all-btn:hover{background:#374151;color:#93c5fd}.status-list{display:flex;flex-direction:column;gap:.75rem}.status-row{justify-content:space-between}.status-badge-wrap,.status-row{align-items:center;display:flex}.status-badge-wrap{gap:.5rem}.status-label{color:#d1d5db;font-size:.875rem}.status-count{font-size:1rem;min-width:28px;padding:.2rem .6rem}.payment-bars{border-top:1px solid #374151;display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem;padding-top:1rem}.payment-bar-row{align-items:center;display:flex;gap:.75rem}.payment-bar-label{color:#9ca3af;font-size:.8rem;min-width:60px}.payment-bar-track{background:#374151;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.payment-bar-fill{border-radius:4px;height:100%;transition:width .5s ease}.payment-bar-amount{color:#d1d5db;font-size:.8rem;min-width:100px;text-align:right}.orders-table td{border-bottom:1px solid #1f2937}.badge{font-size:.75rem}.badge.small{font-size:.65rem;padding:.15rem .4rem}@media (max-width:767px){.dashboard-container{padding:1rem .5rem}.dashboard-title{font-size:1.75rem}.dashboard-grid,.priority-grid.row-2,.priority-grid.row-3{grid-template-columns:1fr}.priority-card{overflow:hidden}.mini-order-row{flex-wrap:wrap;gap:4px}.mini-order-amount,.mini-order-num{min-width:0}.payment-bar-amount{font-size:.7rem;min-width:70px}}@media (max-width:480px){.dashboard-container{padding:.75rem .35rem}.dashboard-title{font-size:1.5rem}.priority-header{gap:8px}.priority-icon{height:32px;width:32px}.mini-order-row .badge.small{display:none}}.orders-page{background-color:#111827;box-sizing:border-box;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem 1.5rem}.orders-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.orders-title{color:#f9fafb;font-size:2.25rem;font-weight:700;margin:0}.create-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.create-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #2563eb66;transform:translateY(-1px)}.filters-bar{flex-wrap:wrap;margin-bottom:1rem}.search-box{border-radius:8px;gap:.5rem;min-width:240px;padding:0 1rem;transition:border-color .2s}.search-box:focus-within{border-color:#60a5fa}.search-box input{background:#0000;color:#f9fafb;padding:.65rem 0}.filter-select{background:#1f2937;border:1px solid #374151;border-radius:8px;color:#d1d5db;cursor:pointer;font-size:.85rem;min-width:150px;padding:.65rem 1rem}.filter-select:focus{border-color:#60a5fa;outline:none}.results-count{color:#6b7280;font-size:.8rem;margin-bottom:.75rem}.table-wrapper{background:#1f2937;border:1px solid #374151;border-radius:12px;overflow-x:auto}.orders-table{border-collapse:collapse;font-size:.875rem;width:100%}.orders-table th{border-bottom:1px solid #374151;color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.orders-table th.sortable{cursor:pointer}.orders-table th.sortable:hover{color:#f9fafb}.orders-table td{border-bottom:1px solid #111827;color:#d1d5db;padding:.75rem 1rem;white-space:nowrap}.orders-table .clickable-row{cursor:pointer;transition:background .15s}.orders-table .clickable-row:hover{background:#374151}.orders-table .order-number{color:#60a5fa;font-weight:600}.orders-table .amount{color:#f9fafb;font-weight:600}.orders-table .date-cell,.tracking-cell{color:#9ca3af;font-size:.8rem}.tracking-cell{font-family:monospace}.empty-row{padding:3rem 1rem!important}.badge{border-radius:6px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.025em;padding:.2rem .6rem;text-transform:uppercase;white-space:nowrap}.delete-btn{align-items:center;background:#7f1d1d;border:none;border-radius:6px;color:#fca5a5;cursor:pointer;display:flex;justify-content:center;padding:.4rem;transition:all .2s}.delete-btn:hover{background:#991b1b;transform:scale(1.05)}.order-actions-cell{align-items:center;display:flex;gap:.35rem}.orders-page .supplier-icon-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;height:30px;justify-content:center;transition:all .2s;width:30px}.orders-page .supplier-icon-btn.save{background:#22c55e1f;color:#4ade80}.orders-page .supplier-icon-btn.save:hover{background:#22c55e40;color:#86efac}.orders-page .supplier-icon-btn.cancel{background:#9ca3af1f;color:#9ca3af}.orders-page .supplier-icon-btn.cancel:hover{background:#9ca3af40;color:#d1d5db}.orders-page .supplier-icon-btn.delete{background:#ef44441a;color:#f87171}.orders-page .supplier-icon-btn.delete:hover{background:#ef444433;color:#fca5a5}.expand-col{max-width:32px;min-width:32px;width:32px}.expand-toggle-cell{padding:.5rem .25rem .5rem .75rem!important;width:32px}.expand-arrow{align-items:center;background:#6b728026;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;height:22px;justify-content:center;padding:0;transition:all .2s;width:22px}.expand-arrow:hover{background:#3b82f633;color:#60a5fa}.expand-arrow.expanded{background:#3b82f626;color:#60a5fa}.expand-arrow svg{transition:transform .2s}.expand-arrow.expanded svg{transform:rotate(90deg)}.expanded-items-row>td{background:#111827;border-bottom:1px solid #374151;padding:0!important}.expanded-items-container{padding:.75rem 1.25rem 1rem 2.5rem}.expanded-items-header{align-items:center;color:#9ca3af;display:flex;font-size:.75rem;font-weight:600;gap:.4rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.expanded-items-empty{color:#6b7280;font-size:.8rem;font-style:italic;padding:.5rem 0}.expanded-items-table{background:#1a2332;border:1px solid #2d3a4d;border-collapse:collapse;border-radius:8px;font-size:.8rem;overflow:hidden;width:100%}.expanded-items-table th{background:#151e2d;border-bottom:1px solid #2d3a4d;color:#6b7280;font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:.5rem .75rem;text-align:left;text-transform:uppercase}.expanded-items-table td{border-bottom:1px solid #37415166;color:#d1d5db;padding:.45rem .75rem;white-space:nowrap}.expanded-items-table tr:last-child td{border-bottom:none}.expanded-items-table .item-name{color:#f9fafb;font-weight:500}.expanded-items-table .mono{color:#9ca3af;font-family:monospace;font-size:.75rem}.expanded-items-table .center{text-align:center}.expanded-items-table .item-subtotal{color:#4ade80;font-weight:600}.item-photo-thumb{align-items:center;background:#1f2937;border:1px solid #374151;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;transition:all .15s;width:32px}.item-photo-thumb:hover{border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa4d}.item-photo-thumb img{height:100%;object-fit:cover;width:100%}.item-photo-thumb svg{color:#4b5563}.orders-img-modal-backdrop{align-items:center;animation:fadeIn .15s ease;background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.orders-img-modal{align-items:center;background:#1f2937;border-radius:12px;box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;max-height:80vh;max-width:600px;padding:1rem;position:relative}.orders-img-modal img{border-radius:8px;max-height:65vh;max-width:100%;object-fit:contain}.orders-img-modal-close{align-items:center;background:#6b72804d;border:none;border-radius:6px;color:#d1d5db;cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .15s;width:28px;z-index:1}.orders-img-modal-close:hover{background:#ef44444d;color:#f87171}.orders-img-modal-name{color:#9ca3af;font-size:.8rem;margin:.75rem 0 0;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:767px){.orders-page{padding:1rem .5rem}.orders-title{font-size:1.75rem}.filters-bar{flex-direction:column}.filter-select,.search-box{min-width:100%}}.modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:2000}.modal-content{background:#1f2937;border:1px solid #374151;border-radius:16px;box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}.modal-header{align-items:center;border-bottom:1px solid #374151;display:flex;justify-content:space-between;padding:1rem 1.5rem}.modal-title{color:#f9fafb;font-size:1rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:#374151;border:none;border-radius:8px;color:#d1d5db;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close-btn:hover{background:#4b5563;color:#f9fafb}.modal-body{align-items:center;display:flex;justify-content:center;overflow:auto;padding:1.5rem}.modal-image{border-radius:8px;max-height:70vh;max-width:100%;object-fit:contain}.modal-file-preview{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem}.modal-filename{color:#f9fafb;font-size:1rem;font-weight:600;margin:0;text-align:center;word-break:break-all}.modal-file-hint{color:#6b7280;font-size:.8rem;margin:0}.detail-page{background-color:#111827;box-sizing:border-box;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem 1.5rem}.detail-empty{color:#6b7280;padding:4rem 2rem;text-align:center}.detail-empty h2{color:#f9fafb;margin-bottom:1rem}.detail-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.detail-header-left{align-items:center;display:flex;gap:1rem}.back-btn{background:#1f2937;border:1px solid #374151;white-space:nowrap}.back-btn:hover{background:#374151}.detail-order-number{color:#f9fafb;font-size:1.75rem;font-weight:700;margin:0}.detail-date{color:#6b7280;font-size:.8rem}.edit-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.25rem;transition:all .2s}.edit-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px)}.status-row-detail{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.status-group{display:flex;flex-direction:column;gap:.4rem}.status-group label{color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.status-select{background:#1f2937;border:2px solid #374151;border-radius:8px;color:#f9fafb;cursor:pointer;font-size:.85rem;min-width:160px;padding:.5rem 1rem}.status-select:focus{outline:none}.payment-method-tag{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;color:#fbbf24;font-size:.85rem;font-weight:500;padding:.5rem 1rem}.total-amount-box{display:flex;flex-direction:column;gap:.4rem;margin-left:auto}.total-breakdown-row{display:flex;gap:1.5rem;justify-content:space-between}.breakdown-label{color:#9ca3af;font-size:.8rem;font-weight:500}.breakdown-value{font-feature-settings:"tnum";color:#d1d5db;font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:600}.total-amount-box label{color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.total-value{color:#4ade80;font-size:1.75rem;font-weight:700}.badge.large{font-size:.85rem;padding:.4rem .8rem}.detail-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem}.detail-card{background:#1f2937;border:1px solid #374151;border-radius:12px;padding:1.5rem}.detail-card.full-width{margin-bottom:1.5rem}.detail-card-title{align-items:center;color:#f9fafb;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.detail-card-title svg{color:#60a5fa}.detail-field{align-items:flex-start;border-bottom:1px solid #111827;display:flex;gap:1rem;justify-content:space-between;padding:.5rem 0}.detail-field:last-child{border-bottom:none}.field-label{color:#9ca3af;flex-shrink:0;font-size:.8rem;white-space:nowrap}.field-value{color:#d1d5db;font-size:.875rem;text-align:right;word-break:break-word}.field-value.mono{font-family:monospace;font-size:.8rem}.doc-link{background:none;border:none;color:#60a5fa;cursor:pointer;font-size:.85rem;padding:0;text-align:right;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;transition:color .15s}.doc-link:hover{color:#93c5fd}.items-table{font-size:.875rem}.items-table th{border-bottom:1px solid #374151;color:#9ca3af;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.items-table td{border-bottom:1px solid #111827;color:#d1d5db;padding:.75rem}.items-table .row-num{color:#6b7280;font-size:.8rem;text-align:center;width:30px}.detail-item-photo{align-items:center;background:#111827;border:1px solid #374151;border-radius:5px;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;overflow:hidden;transition:all .15s;width:34px}.detail-item-photo:hover{border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa4d}.detail-item-photo img{height:100%;object-fit:cover;width:100%}.detail-item-photo svg{color:#4b5563}.items-table .item-name-cell{color:#f3f4f6;font-weight:600}.items-table .mono{color:#9ca3af;font-family:monospace;font-size:.8rem}.items-table .center{text-align:center}.items-table .amount{color:#f9fafb;font-weight:600;text-align:right;white-space:nowrap}.items-table .tax-cell{color:#fbbf24;font-weight:500}.items-table tfoot td{border-bottom:none}.subtotal-row td{border-top:1px dashed #374151}.subtotal-label{color:#9ca3af;font-size:.8rem}.subtotal-cell,.subtotal-label{font-weight:500;padding-bottom:.35rem!important;padding-top:.75rem!important;text-align:right}.subtotal-cell{color:#d1d5db;font-size:.85rem}.delivery-cost-foot-row td{border-top:none}.delivery-foot-label{color:#9ca3af;font-size:.8rem;font-weight:500;padding-bottom:.75rem!important;padding-top:.25rem!important;text-align:right}.delivery-foot-label svg{color:#60a5fa}.delivery-foot-cell{color:#d1d5db;font-size:.85rem;font-weight:500;padding-bottom:.75rem!important;padding-top:.25rem!important;text-align:right}.total-label{color:#f9fafb;font-size:.85rem;text-transform:uppercase}.total-cell,.total-label{border-top:2px solid #374151!important;font-weight:700;text-align:right}.total-cell{color:#4ade80;font-size:1.1rem}.timeline{padding-left:1.5rem;position:relative}.timeline:before{background:#374151;bottom:0;content:"";left:6px;position:absolute;top:0;width:2px}.timeline-item{display:flex;gap:1rem;padding-bottom:1.25rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:#3b82f6;border:2px solid #1f2937;border-radius:50%;height:12px;left:-1.5rem;position:absolute;top:4px;width:12px;z-index:1}.timeline-content{flex:1 1}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.timeline-field{color:#d1d5db;font-size:.8rem;font-weight:600}.timeline-time{color:#6b7280;font-size:.75rem}.timeline-change{align-items:center;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:.25rem}.old-value{color:#9ca3af;text-decoration:line-through}.arrow{color:#6b7280}.new-value{color:#60a5fa;font-weight:600}.timeline-by{color:#6b7280;font-size:.75rem;font-style:italic}.timeline-comment{align-items:flex-start;background:#3b82f614;border-left:3px solid #3b82f6;border-radius:0 6px 6px 0;color:#93c5fd;display:flex;font-size:.8rem;gap:6px;margin-top:6px;padding:6px 10px}.timeline-comment svg{color:#60a5fa;flex-shrink:0;margin-top:1px}@media (max-width:767px){.detail-page{padding:1rem .5rem}.detail-order-number{font-size:1.25rem}.status-row-detail{align-items:stretch;flex-direction:column}.total-amount-box{margin-left:0}.detail-grid{grid-template-columns:1fr}}.status-modal-backdrop{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:2000}.status-modal{animation:modalSlideIn .2s ease;background:#1f2937;border:1px solid #374151;border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:420px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.status-modal-header{align-items:center;border-bottom:1px solid #374151;display:flex;justify-content:space-between;padding:1rem 1.25rem}.status-modal-header h4{color:#f9fafb;font-size:.95rem;font-weight:600;margin:0}.status-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.4rem;line-height:1;padding:0;transition:color .15s}.status-modal-close:hover{color:#f9fafb}.status-modal-body{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.status-modal-new-value{align-items:center;display:flex;gap:.5rem}.status-modal-label{color:#9ca3af;font-size:.8rem}.status-modal-badge{background:#3b82f61a;border-radius:6px;color:#60a5fa;font-size:.8rem;font-weight:600;padding:.2rem .6rem;text-transform:capitalize}.status-modal-field{display:flex;flex-direction:column;gap:.35rem}.status-modal-field label{color:#d1d5db;font-size:.8rem;font-weight:600}.status-modal-field label .required{color:#f87171}.status-modal-field select,.status-modal-field textarea{background:#111827;border:1px solid #374151;border-radius:8px;color:#f9fafb;font-family:inherit;font-size:.85rem;padding:.5rem .75rem;resize:vertical;transition:border-color .2s}.status-modal-field select:focus,.status-modal-field textarea:focus{border-color:#3b82f6;outline:none}.status-modal-error{background:#ef444414;border-left:3px solid #ef4444;border-radius:6px;color:#f87171;font-size:.8rem;padding:.5rem .75rem}.status-modal-footer{border-top:1px solid #374151;display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.25rem}.status-modal-cancel{background:#374151;border:1px solid #4b5563;border-radius:8px;color:#d1d5db;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s}.status-modal-cancel:hover{background:#4b5563;color:#f9fafb}.status-modal-confirm{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s}.status-modal-confirm:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.status-toast-error{animation:toastFade .3s ease;background:#7f1d1d;border-radius:8px;box-shadow:0 4px 16px #0006;color:#fca5a5;font-size:.85rem;padding:.75rem 1.25rem;position:fixed;right:20px;top:80px;z-index:3000}@keyframes toastFade{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.form-page{background-color:#111827;box-sizing:border-box;margin:0 auto;max-width:1000px;min-height:100vh;padding:2rem 1.5rem}.form-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.form-title{color:#f9fafb;font-size:1.75rem;font-weight:700;margin:0}.back-btn{background:#374151;border:1px solid #4b5563;border-radius:8px;color:#d1d5db;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s}.back-btn:hover{background:#4b5563;color:#f9fafb}.form-section{background:#1f2937;border:1px solid #374151;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.section-title{align-items:center;border-bottom:1px solid #374151;color:#f9fafb;display:flex;font-size:1.05rem;font-weight:600;gap:8px;margin:0 0 1.25rem;padding-bottom:.75rem}.required-tag{background:#ef444426;border-radius:4px;color:#f87171;font-size:.65rem;font-weight:600;padding:2px 6px;text-transform:uppercase}.sub-section-title{color:#d1d5db;font-size:.9rem;font-weight:600;margin:1rem 0 .75rem}.section-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1rem}.section-header-row .section-title{border-bottom:none;margin:0;padding-bottom:0}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-field{display:flex;flex-direction:column;gap:.4rem}.form-field.full-span{grid-column:1/-1}.form-field label{color:#9ca3af;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.form-field input,.form-field select,.form-field textarea{background:#374151;border:1px solid #4b5563;border-radius:8px;color:#f9fafb;font-size:.9rem;padding:.6rem .75rem;transition:border-color .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a;outline:none}.form-field input::placeholder,.form-field textarea::placeholder{color:#6b7280}.form-field textarea{font-family:inherit;resize:vertical}.doc-row{margin-bottom:1rem}.doc-row.two-col{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.status-comment-box{border-top:1px solid #374151;margin-top:1rem;padding-top:1rem}.status-comment-box label{color:#fbbf24;display:block;font-size:.8rem;font-weight:600;letter-spacing:.04em;margin-bottom:.4rem;text-transform:uppercase}.status-comment-box textarea{background:#374151;border:1px solid #f59e0b;border-radius:8px;box-sizing:border-box;color:#f9fafb;font-family:inherit;font-size:.9rem;padding:.6rem .75rem;resize:vertical;width:100%}.delivery-section{border-top:1px solid #374151;margin-top:1rem;padding-top:1rem}.file-input-wrapper{border:2px dashed #0000;border-radius:10px;display:flex;gap:.5rem;padding:2px;transition:border-color .2s,background .2s}.file-input-wrapper:hover{border-color:#374151}.file-input-wrapper.drag-over,.file-input-wrapper:focus-within{background:#3b82f60a;border-color:#3b82f6}.file-input-wrapper input{background:#374151;border:1px solid #4b5563;border-radius:8px;color:#9ca3af;flex:1 1;font-size:.85rem;padding:.6rem .75rem}.locked-tag{color:#f59e0b;font-size:.7rem;font-weight:400;text-transform:none}.file-btn{background:#374151;border:1px solid #4b5563;border-radius:8px;color:#d1d5db;cursor:pointer;font-size:.8rem;padding:.6rem 1rem;transition:all .2s;white-space:nowrap}.file-btn:hover{background:#4b5563;color:#f9fafb}.items-form-list{display:flex;flex-direction:column;gap:1rem}.item-form-card{background:#111827;border:1px solid #374151;border-radius:10px;min-width:0;overflow:hidden;padding:1rem}.item-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.item-number{color:#60a5fa;font-size:.85rem;font-weight:600}.remove-item-btn{align-items:center;background:#7f1d1d;border:none;border-radius:6px;color:#fca5a5;cursor:pointer;display:flex;font-size:.85rem;height:28px;justify-content:center;transition:all .2s;width:28px}.remove-item-btn:hover{background:#991b1b}.item-photo-col{display:flex;flex-direction:column;gap:4px;grid-row:1}.item-photo-col label{color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.item-photo-box{align-items:center;background:#374151;border:1px dashed #4b5563;border-radius:8px;cursor:default;display:flex;height:72px;justify-content:center;outline:none;overflow:hidden;transition:all .2s;width:72px}.item-photo-box:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.item-photo-box:hover{background:#1f2937;border-color:#60a5fa}.item-photo-box svg{color:#6b7280}.browse-below-btn{background:#374151;border:1px solid #4b5563;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:.6rem;margin-top:4px;padding:2px 8px;text-align:center;transition:all .15s;width:72px}.browse-below-btn:hover{background:#4b5563;color:#f9fafb}.photo-filename{color:#9ca3af;font-size:.6rem;padding:2px;text-align:center;word-break:break-all}.item-name-col{display:flex;flex-direction:column;gap:4px;grid-column:2}.item-desc-col label,.item-name-col label,.item-price-col label,.item-qty-col label,.item-ref-col label,.item-subtotal-col label,.item-tax-col label{color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.item-desc-col input,.item-name-col input,.item-price-col input,.item-qty-col input,.item-ref-col input,.item-tax-col input{background:#374151;border:1px solid #4b5563;border-radius:6px;color:#f9fafb;font-size:.85rem;padding:.5rem .65rem}.item-desc-col input:focus,.item-name-col input:focus,.item-price-col input:focus,.item-qty-col input:focus,.item-ref-col input:focus,.item-tax-col input:focus{border-color:#60a5fa;outline:none}.item-desc-col{grid-column:1/2}.item-desc-col,.item-ref-col{display:flex;flex-direction:column;gap:4px}.item-ref-col{grid-column:2}.item-price-col,.item-qty-col,.item-subtotal-col,.item-tax-col{display:flex;flex-direction:column;gap:4px;grid-row:3}.item-form-grid-new{grid-gap:.75rem;align-items:start;display:grid;gap:.75rem;grid-template-columns:80px 1fr 1fr 80px 100px 80px 110px;grid-template-rows:auto auto;min-width:0;overflow:hidden}.item-photo-col{grid-column:1;grid-row:1/3}.item-name-col{grid-column:2/4;grid-row:1}.item-desc-col{grid-column:2;grid-row:2}.item-ref-col{grid-column:3;grid-row:2}.item-qty-col{align-self:end;grid-column:4;grid-row:1/3}.item-price-col{align-self:end;grid-column:5;grid-row:1/3}.item-tax-col{align-self:end;grid-column:6;grid-row:1/3}.item-subtotal-col{align-self:end;grid-column:7;grid-row:1/3}.autocomplete-wrapper{position:relative}.autocomplete-dropdown{background:#1f2937;border:1px solid #374151;border-radius:8px;box-shadow:0 8px 24px #0006;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:50}.autocomplete-option{align-items:center;border-bottom:1px solid #374151;cursor:pointer;display:flex;gap:8px;padding:8px 10px;transition:background .1s}.autocomplete-option:last-child{border-bottom:none}.autocomplete-option:hover{background:#374151}.ac-name{color:#f3f4f6;flex:1 1;font-size:.8rem;font-weight:500}.ac-ref{color:#6b7280;font-family:monospace;font-size:.7rem}.ac-price{color:#4ade80;font-size:.75rem;font-weight:600}.subtotal-display{color:#4ade80;font-size:1rem;font-weight:700;padding:.5rem 0}.delivery-cost-row{align-items:center;border-top:1px solid #374151;display:flex;gap:1rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem}.delivery-cost-field{align-items:center;display:flex;gap:.75rem}.delivery-cost-field label{align-items:center;color:#9ca3af;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;white-space:nowrap}.delivery-cost-input-wrap{align-items:center;background:#1f2937;border:1px solid #374151;border-radius:6px;display:flex;overflow:hidden;transition:border-color .2s}.delivery-cost-input-wrap:focus-within{border-color:#3b82f6}.delivery-cost-currency{background:#111827;border-right:1px solid #374151;color:#6b7280;font-size:.85rem;font-weight:600;padding:.45rem .6rem;-webkit-user-select:none;user-select:none}.delivery-cost-input{background:#0000;border:none;color:#f9fafb;font-family:inherit;font-size:.9rem;outline:none;padding:.45rem .6rem;width:120px}.delivery-cost-input::placeholder{color:#4b5563}.form-total-row{align-items:center;border-top:2px solid #374151;display:flex;gap:1rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem}.form-total-label{color:#f9fafb;font-size:1rem;font-weight:700;text-transform:uppercase}.form-total-value{color:#4ade80;font-size:1.5rem;font-weight:700}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem;padding-bottom:2rem}.cancel-btn{background:#374151;border:1px solid #4b5563;border-radius:10px;color:#d1d5db;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.cancel-btn:hover{background:#4b5563;color:#f9fafb}.submit-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 2rem;transition:all .2s}.submit-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #2563eb66;transform:translateY(-1px)}@media (max-width:900px){.item-form-grid-new{grid-template-columns:1fr 1fr;grid-template-rows:auto}.item-photo-col{grid-column:1;grid-row:1}.item-name-col{grid-column:2;grid-row:1}.item-desc-col{grid-column:1;grid-row:2}.item-ref-col{grid-column:2;grid-row:2}.item-qty-col{align-self:start;grid-column:1;grid-row:3}.item-price-col{align-self:start;grid-column:2;grid-row:3}.item-tax-col{align-self:start;grid-column:1;grid-row:4}.item-subtotal-col{align-self:start;grid-column:2;grid-row:4}.doc-row.two-col{grid-template-columns:1fr}}@media (max-width:600px){.form-page{padding:1rem .5rem}.form-title{font-size:1.25rem}.form-grid,.item-form-grid-new{grid-template-columns:1fr}.item-desc-col,.item-name-col,.item-photo-col,.item-price-col,.item-qty-col,.item-ref-col,.item-subtotal-col,.item-tax-col{align-self:start;grid-column:1;grid-row:auto}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{text-align:center;width:100%}}.catalog-search-inline{align-items:center;background:#111827;border:1px solid #374151;border-radius:6px;display:flex;flex:1 1;gap:.4rem;max-width:420px;min-width:180px;padding:.35rem .6rem}.catalog-search-inline svg{color:#6b7280;flex-shrink:0}.catalog-search-inline input{background:#0000;border:none;color:#f9fafb;font-size:.8rem;outline:none;width:100%}.catalog-search-inline input::placeholder{color:#6b7280}.catalog-search-results{background:#111827;border:1px solid #374151;border-radius:8px;margin-bottom:.75rem;max-height:240px;overflow-y:auto}.catalog-result-row{align-items:center;border-bottom:1px solid #1f2937;cursor:pointer;display:flex;gap:.75rem;padding:.5rem .75rem;transition:background .15s}.catalog-result-row:last-child{border-bottom:none}.catalog-result-row:hover{background:#1f2937}.catalog-result-thumb{align-items:center;background:#374151;border-radius:6px;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.catalog-result-thumb img{height:100%;object-fit:cover;width:100%}.catalog-result-thumb svg{color:#6b7280}.catalog-result-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.catalog-result-name{color:#f9fafb;font-size:.85rem;font-weight:600}.catalog-result-desc,.catalog-result-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-result-desc{color:#9ca3af;font-size:.72rem}.catalog-result-ref{color:#6b7280;font-family:Consolas,monospace;font-size:.75rem}.catalog-result-price{color:#d1d5db;font-size:.85rem;font-weight:600;min-width:70px;text-align:right}.catalog-search-empty{align-items:center;background:#111827;border:1px solid #374151;border-radius:8px;color:#9ca3af;display:flex;font-size:.85rem;gap:.75rem;margin-bottom:.75rem;padding:.6rem .75rem}.create-inline-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.3rem .7rem;transition:background .2s;white-space:nowrap}.create-inline-btn:hover{background:#2563eb}.inline-new-item-card{background:#111827;border:2px dashed #3b82f6;border-radius:10px;margin-bottom:.75rem;padding:1rem}.inline-new-item-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem}.item-url-col{display:flex;flex-direction:column;gap:4px;margin-top:.75rem}.item-url-col label{color:#9ca3af;font-size:.7rem;font-weight:600;text-transform:uppercase}.item-url-col input{background:#111827;border:1px solid #374151;border-radius:6px;box-sizing:border-box;color:#f9fafb;font-size:.8rem;outline:none;padding:.4rem .6rem;width:100%}.item-url-col input:focus{border-color:#3b82f6}.items-empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:2.5rem 1rem;text-align:center}.items-empty-state svg{color:#4b5563;margin-bottom:.25rem}.items-empty-state p{color:#9ca3af;font-size:.95rem;font-weight:600;margin:0}.items-empty-state span{color:#6b7280;font-size:.8rem}.items-page{background-color:#111827;box-sizing:border-box;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem 1.5rem}.items-page .filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.items-page .search-box{align-items:center;background:#1f2937;border:1px solid #374151;border-radius:8px;display:flex;flex:1 1;gap:.5rem;min-width:200px;padding:.5rem .75rem}.items-page .search-box svg{color:#6b7280;flex-shrink:0}.items-page .search-box input{background:#0000;border:none;color:#f9fafb;font-size:.85rem;outline:none;width:100%}.items-page .search-box input::placeholder{color:#6b7280}.new-item-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.35rem;margin-left:auto;padding:.5rem 1rem;transition:background .2s;white-space:nowrap}.new-item-btn:hover{background:#2563eb}.items-table-container{background:#1f2937;border:1px solid #374151;border-radius:12px;overflow-x:auto}.items-table{border-collapse:collapse;width:100%}.items-table thead th{background:#111827;border-bottom:1px solid #374151;color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:.75rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.items-table tbody tr{border-bottom:1px solid #1f2937;transition:background .15s}.items-table tbody tr:hover{background:#111827}.items-table tbody td{color:#d1d5db;font-size:.85rem;padding:.65rem 1rem;vertical-align:middle}.item-thumb{background:#111827;border:1px solid #374151;border-radius:6px;height:36px;overflow:hidden;width:36px}.item-thumb img{height:100%;object-fit:cover;width:100%}.item-name-cell{color:#f9fafb;font-weight:600;max-width:260px}.item-desc-cell,.item-name-cell{white-space:pre-wrap;word-break:break-word}.item-desc-cell{color:#9ca3af;max-width:240px}.item-ref-cell{color:#9ca3af;font-family:Consolas,Courier New,monospace;font-size:.8rem}.supplier-badge{background:#374151;border-radius:6px;color:#d1d5db;display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .5rem;white-space:nowrap}.url-link{align-items:center;color:#3b82f6;display:inline-flex;transition:color .2s}.url-link:hover{color:#60a5fa}.no-url{color:#4b5563}.empty-row{color:#6b7280;font-style:italic;padding:2rem 1rem!important;text-align:center}.item-actions{display:flex;gap:.35rem;justify-content:center}.items-page .supplier-icon-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:all .2s;width:30px}.items-page .supplier-icon-btn.edit{background:#3b82f61f;color:#60a5fa}.items-page .supplier-icon-btn.edit:hover{background:#3b82f640;color:#93bbfd}.items-page .supplier-icon-btn.delete{background:#ef44441f;color:#f87171}.items-page .supplier-icon-btn.delete:hover{background:#ef444440;color:#fca5a5}.items-page .supplier-icon-btn.save{background:#22c55e1f;color:#4ade80}.items-page .supplier-icon-btn.save:hover{background:#22c55e40;color:#86efac}.items-page .supplier-icon-btn.cancel{background:#9ca3af1f;color:#9ca3af}.items-page .supplier-icon-btn.cancel:hover{background:#9ca3af40;color:#d1d5db}.items-footer{display:flex;justify-content:flex-end;margin-top:.75rem;padding:0 .25rem}.items-count{color:#6b7280;font-size:.8rem}.item-form-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.item-form-modal{background:#1f2937;border:1px solid #374151;border-radius:14px;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;padding:1.75rem;width:100%}.item-form-modal h2{border-bottom:1px solid #374151;color:#f9fafb;font-size:1.15rem;margin:0 0 1.25rem;padding-bottom:.75rem}.item-form-body{display:flex;flex:1 1;flex-direction:column;gap:.85rem;min-height:0;overflow-x:hidden;overflow-y:auto}.item-form-row{align-items:flex-start;display:flex;gap:1rem}.item-form-photo-section{display:flex;flex-direction:column;gap:.35rem}.item-form-photo-section label{color:#9ca3af;font-size:.75rem;font-weight:600;text-transform:uppercase}.item-form-photo-box{align-items:center;background:#111827;border:2px dashed #374151;border-radius:10px;color:#6b7280;cursor:default;display:flex;height:80px;justify-content:center;outline:none;overflow:hidden;transition:border-color .2s;width:80px}.item-form-photo-box:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.item-form-photo-box:hover{border-color:#3b82f6;color:#3b82f6}.item-form-photo-box img{height:100%;object-fit:cover;width:100%}.item-form-photo-section .browse-below-btn{background:#1f2937;border:1px solid #374151;border-radius:5px;color:#9ca3af;cursor:pointer;font-size:.7rem;margin-top:4px;padding:2px 0;transition:all .2s;width:80px}.item-form-photo-section .browse-below-btn:hover{border-color:#3b82f6;color:#60a5fa}.item-form-main-fields{display:flex;flex:1 1;flex-direction:column;gap:.65rem}.item-form-grid-3{grid-gap:.65rem;display:grid;gap:.65rem;grid-template-columns:1fr 1fr 1fr}.item-form-body .form-field{display:flex;flex-direction:column;gap:.3rem}.item-form-body .form-field label{color:#9ca3af;font-size:.75rem;font-weight:600;text-transform:uppercase}.item-form-body .form-field input,.item-form-body .form-field select{background:#111827;border:1px solid #374151;border-radius:6px;box-sizing:border-box;color:#f9fafb;font-size:.85rem;max-width:100%;outline:none;padding:.5rem .65rem;transition:border-color .2s;width:100%}.item-form-body .form-field input:focus,.item-form-body .form-field select:focus{border-color:#3b82f6}.item-form-body .form-field input::placeholder{color:#6b7280}.item-form-actions{border-top:1px solid #374151;display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem}.item-form-actions .cancel-btn{background:#0000;border:1px solid #374151;border-radius:8px;color:#d1d5db;cursor:pointer;font-size:.85rem;padding:.5rem 1.25rem;transition:all .2s}.item-form-actions .cancel-btn:hover{border-color:#6b7280;color:#f9fafb}.item-form-actions .save-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.25rem;transition:background .2s}.item-form-actions .save-btn:hover{background:#2563eb}@media (max-width:768px){.items-page .filters-bar{align-items:stretch;flex-direction:column}.items-page .search-box{max-width:none}.new-item-btn{margin-left:0}.item-form-row{flex-direction:column}.item-form-grid-3{grid-template-columns:1fr}}.item-img-modal-overlay{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.item-img-modal{background:#1f2937;border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:600px;overflow:hidden;position:relative}.item-img-modal-title{background:#111827;border-bottom:1px solid #374151;color:#f9fafb;font-size:.9rem;font-weight:600;padding:.65rem 1rem;text-align:center}.item-img-modal img{display:block;max-height:80vh;object-fit:contain;width:100%}.item-img-modal-close{align-items:center;background:#0009;border:none;border-radius:50%;color:#f9fafb;cursor:pointer;display:flex;font-size:1.1rem;height:30px;justify-content:center;position:absolute;right:8px;top:8px;transition:background .2s;width:30px}.item-img-modal-close:hover{background:#000000d9}.quotations-page{background-color:#111827;box-sizing:border-box;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem 1.5rem}.quotation-form-section{background:#1f2937;border:1px solid #374151;border-radius:12px;margin-bottom:1.25rem;padding:1.5rem}.quotation-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quotation-form-section .section-title{border-bottom:1px solid #374151;color:#f9fafb;font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.quotation-form-section .form-field{display:flex;flex-direction:column;gap:.35rem}.quotation-form-section .form-field label{color:#9ca3af;font-size:.75rem;font-weight:600;text-transform:uppercase}.quotation-form-section .form-field input,.quotation-form-section .form-field select{background:#374151;border:1px solid #4b5563;border-radius:8px;color:#f9fafb;font-size:.9rem;outline:none;padding:.6rem .75rem;transition:border-color .2s}.quotation-form-section .form-field input:focus,.quotation-form-section .form-field select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.quotation-search-section{background:#1f2937;border:1px solid #374151;border-radius:12px;margin-bottom:1.25rem;padding:1.5rem;position:relative}.quotation-search-section .section-title{color:#f9fafb;font-size:1rem;font-weight:600;margin:0 0 .75rem}.quotation-search-box{align-items:center;background:#111827;border:1px solid #374151;border-radius:8px;display:flex;gap:.5rem;padding:.6rem .85rem}.quotation-search-box svg{color:#6b7280;flex-shrink:0}.quotation-search-box input{background:#0000;border:none;color:#f9fafb;font-size:.85rem;outline:none;width:100%}.quotation-search-box input::placeholder{color:#6b7280}.quotation-search-results{background:#111827;border:1px solid #374151;border-radius:10px;margin-top:.5rem;max-height:360px;overflow-y:auto}.search-result-row{align-items:center;border-bottom:1px solid #1f2937;cursor:pointer;display:flex;gap:.75rem;padding:.6rem .85rem;transition:background .15s}.search-result-row:last-child{border-bottom:none}.search-result-row:hover:not(.disabled){background:#1f2937}.search-result-row.disabled{cursor:default;opacity:.5}.search-result-thumb{border:1px solid #374151;border-radius:6px;flex-shrink:0;height:32px;overflow:hidden;width:32px}.search-result-thumb img{height:100%;object-fit:cover;width:100%}.search-result-info{display:flex;flex:1 1;flex-direction:column;gap:.1rem;min-width:0}.search-result-name{color:#f9fafb;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-ref{color:#6b7280;font-family:Consolas,monospace;font-size:.75rem}.search-result-supplier{background:#374151;border-radius:4px;color:#d1d5db;font-size:.75rem;font-weight:600;padding:.15rem .45rem;white-space:nowrap}.search-result-price{color:#d1d5db;font-size:.85rem;font-weight:600;min-width:70px;text-align:right}.already-added-tag{background:#22c55e26;border-radius:4px;color:#22c55e;font-size:.7rem;font-weight:600;padding:.15rem .45rem}.add-result-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:26px;justify-content:center;transition:background .2s;width:26px}.add-result-btn:hover{background:#2563eb}.quotation-groups{margin-top:.25rem}.quotation-groups .section-title{color:#f9fafb;font-size:1rem;font-weight:600;margin:0 0 1rem}.supplier-group-card{background:#1f2937;border:1px solid #374151;border-radius:12px;margin-bottom:1rem;overflow:hidden}.supplier-group-header{align-items:center;border-bottom:1px solid #374151;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:1rem 1.25rem}.supplier-group-title{align-items:center;color:#f9fafb;display:flex;font-size:1rem;font-weight:600;gap:.5rem}.supplier-group-title svg{color:#3b82f6}.supplier-group-count{background:#374151;border-radius:4px;color:#6b7280;font-size:.75rem;font-weight:400;padding:.1rem .4rem}.supplier-group-actions{align-items:center;display:flex;gap:1rem}.supplier-group-total{color:#f9fafb;font-size:1.05rem;font-weight:700}.create-po-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:all .3s}.create-po-btn:hover:not(.created):not(:disabled){background:#2563eb}.create-po-btn.created{background:#22c55e;color:#fff;cursor:default}.create-po-btn:disabled{opacity:1}.supplier-group-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.supplier-group-table{border-collapse:collapse;width:100%}.supplier-group-table thead th{background:#111827;color:#9ca3af;font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:.5rem .75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.supplier-group-table tbody tr{border-bottom:1px solid #111827}.supplier-group-table tbody td{color:#d1d5db;font-size:.85rem;padding:.5rem .75rem;vertical-align:middle}.q-item-thumb{border:1px solid #374151;border-radius:4px;height:30px;overflow:hidden;width:30px}.q-item-thumb img{height:100%;object-fit:cover;width:100%}.q-item-name{color:#f9fafb;font-weight:600}.q-item-ref{color:#9ca3af;font-family:Consolas,monospace;font-size:.8rem}.q-qty-input{background:#111827;border:1px solid #374151;border-radius:4px;color:#f9fafb;font-size:.85rem;outline:none;padding:.25rem .4rem;text-align:center;width:55px}.q-qty-input:focus{border-color:#3b82f6}.q-qty-input:disabled{cursor:default;opacity:.5}.q-remove-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.2rem;transition:color .2s}.q-remove-btn:hover{color:#ef4444}.quotation-empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 1rem;text-align:center}.quotation-empty p{font-size:.9rem;line-height:1.5;max-width:400px}@media (max-width:768px){.quotation-form-grid{grid-template-columns:1fr}.supplier-group-header{align-items:flex-start;flex-direction:column}.supplier-group-actions{justify-content:space-between;width:100%}.quotation-search-section{overflow-x:visible}.quotation-search-box{flex-wrap:nowrap;min-width:0}.quotation-search-box input{font-size:.8rem;min-width:0}.search-result-row{flex-wrap:wrap;gap:.4rem}.search-result-supplier{order:5}.search-result-price{min-width:auto}}.q-img-modal-overlay{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.q-img-modal{background:#1f2937;border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:600px;overflow:hidden;position:relative}.q-img-modal img{display:block;max-height:80vh;object-fit:contain;width:100%}.q-img-modal-close{align-items:center;background:#0009;border:none;border-radius:50%;color:#f9fafb;cursor:pointer;display:flex;font-size:1.1rem;height:30px;justify-content:center;position:absolute;right:8px;top:8px;transition:background .2s;width:30px}.q-img-modal-close:hover{background:#000000d9}.phone-input-wrapper{align-items:center;display:flex;position:relative}.phone-flag-btn{align-items:center;background:#374151;border:none;border-radius:5px 0 0 5px;border-right:1px solid #4b5563;bottom:1px;color:#d1d5db;cursor:pointer;display:flex;gap:3px;left:1px;padding:0 6px;position:absolute;top:1px;transition:background .15s;z-index:2}.phone-flag-btn:hover{background:#4b5563}.phone-flag-code{color:#60a5fa;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.7rem;font-weight:700;letter-spacing:.5px}.phone-flag-img{border-radius:2px;box-shadow:0 0 0 1px #ffffff1f;display:block;flex-shrink:0}.phone-flag-caret{font-size:.55rem;opacity:.6}.phone-input{box-sizing:border-box;width:100%}.phone-input.has-flag-btn{padding-left:3rem!important}.phone-flag{font-size:1rem;left:8px;line-height:1;pointer-events:none;position:absolute;z-index:1}.phone-input.has-flag{padding-left:2rem!important}.phone-dropdown{background:#1f2937;border:1px solid #374151;border-radius:8px;box-shadow:0 8px 24px #00000080;overflow:hidden;z-index:10000}.phone-dropdown-filter{background:#111827;border:none;border-bottom:1px solid #374151;box-sizing:border-box;color:#f9fafb;font-size:.8rem;outline:none;padding:8px 10px;width:100%}.phone-dropdown-filter::placeholder{color:#6b7280}.phone-dropdown-list{max-height:200px;overflow-y:auto}.phone-dropdown-item{align-items:center;color:#d1d5db;cursor:pointer;display:flex;font-size:.8rem;gap:8px;padding:6px 10px;transition:background .1s}.phone-dropdown-item:hover{background:#374151;color:#f9fafb}.phone-dropdown-item.active{background:#3b82f626;color:#60a5fa}.phone-dropdown-code{background:#3b82f61f;border-radius:3px;color:#60a5fa;flex-shrink:0;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.65rem;font-weight:700;min-width:22px;padding:1px 4px;text-align:center}.phone-dropdown-item .phone-flag-img{flex-shrink:0;height:13px;width:18px}.phone-dropdown-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-dropdown-dial{color:#9ca3af;flex-shrink:0;font-family:SF Mono,Fira Code,monospace;font-size:.75rem}.image-drop-zone{cursor:pointer;position:relative;transition:all .2s}.image-drop-zone.drag-over{background:#3b82f614!important;border-color:#3b82f6!important}.image-drop-zone .drop-hint{align-items:center;background:#3b82f626;border-radius:inherit;color:#60a5fa;display:none;font-size:.6rem;font-weight:600;inset:0;justify-content:center;pointer-events:none;position:absolute}.image-drop-zone.drag-over .drop-hint{display:flex}.lang-multi-select{position:relative}.lang-multi-input{align-items:center;background:#374151;border:1px solid #4b5563;border-radius:6px;cursor:text;display:flex;flex-wrap:wrap;gap:4px;min-height:32px;padding:4px 6px;transition:border-color .2s}.lang-multi-input:focus-within{border-color:#60a5fa}.lang-tag{align-items:center;background:#3b82f626;border-radius:4px;color:#60a5fa;display:inline-flex;font-size:.7rem;font-weight:600;gap:3px;padding:1px 6px}.lang-tag-remove{background:none;border:none;color:#60a5fa;cursor:pointer;font-size:.75rem;line-height:1;opacity:.7;padding:0 2px}.lang-tag-remove:hover{color:#f87171;opacity:1}.lang-multi-text-input{background:#0000;border:none;color:#f9fafb;flex:1 1;font-size:.8rem;min-width:60px;outline:none;padding:2px 0}.lang-multi-text-input::placeholder{color:#6b7280}.lang-dropdown{background:#1f2937;border:1px solid #374151;border-radius:6px;bottom:100%;box-shadow:0 -8px 20px #0006;left:0;margin-bottom:2px;max-height:160px;overflow-y:auto;position:absolute;right:0;z-index:50}.lang-option{color:#d1d5db;cursor:pointer;font-size:.8rem;padding:6px 10px;transition:background .1s}.lang-option:hover{background:#374151;color:#f9fafb}.supplier-logo-zone{background:#374151;border:1px dashed #4b5563;flex-shrink:0;height:44px;transition:all .2s;width:44px}.supplier-logo-zone:focus{outline:none}.supplier-logo-zone svg{color:#6b7280}.supplier-logo-zone.drag-over{background:#3b82f614;border-color:#3b82f6}.suppliers-page{background-color:#111827;box-sizing:border-box;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem 1.5rem}.page-title{color:#f9fafb;font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.filters-bar{gap:1rem;margin-bottom:1.5rem}.filters-bar,.search-box{align-items:center;display:flex}.search-box{background:#1f2937;border:1px solid #374151;border-radius:10px;flex:1 1;gap:8px;padding:.6rem 1rem}.search-box svg{color:#6b7280;flex-shrink:0}.search-box input{background:none;border:none;color:#f3f4f6;flex:1 1;font-size:.9rem;outline:none}.search-box input::placeholder{color:#6b7280}.suppliers-list{display:flex;flex-direction:column;gap:.75rem}.supplier-card{background:#1f2937;border:1px solid #374151;border-radius:12px;overflow:hidden;transition:box-shadow .2s}.supplier-card:hover{box-shadow:0 4px 12px #0003}.supplier-card.expanded{border-color:#3b82f6}.supplier-main{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;transition:background .15s}.supplier-main:hover{background:#ffffff05}.supplier-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.15rem;font-weight:700;height:44px;justify-content:center;width:44px}.supplier-info{flex:1 1;min-width:0}.supplier-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.supplier-name{color:#f9fafb;font-size:1rem;font-weight:600;margin:0}.supplier-type-badge{background:#3b82f626;border-radius:4px;color:#60a5fa;font-size:.65rem;font-weight:600;letter-spacing:.03em;padding:2px 6px;text-transform:uppercase}.supplier-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.supplier-meta-item{align-items:center;color:#9ca3af;display:flex;font-size:.75rem;gap:4px}.supplier-meta-item svg{color:#6b7280}.suppliers-page .url-link{align-items:center;color:#3b82f6;display:inline-flex;font-size:.75rem;gap:4px;text-decoration:none;transition:color .2s}.suppliers-page .url-link:hover{color:#60a5fa}.supplier-country-tag{background:#374151;border-radius:4px;color:#9ca3af;font-size:.65rem;letter-spacing:.04em;padding:1px 6px;text-transform:uppercase}.supplier-contacts-summary{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:10px;margin-top:4px}.platform-indicator{align-items:center;color:#fbbf24;display:flex;font-size:.7rem;gap:4px}.expand-chevron{color:#6b7280;flex-shrink:0;transition:transform .2s}.expand-chevron.open{transform:rotate(180deg)}.supplier-expanded{background:#0000001a;border-top:1px solid #374151;padding:1rem 1.25rem}.section-label{color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0 0 8px;text-transform:uppercase}.platform-section{border-bottom:1px solid #374151;margin-bottom:1rem;padding-bottom:1rem}.platform-creds{display:flex;flex-wrap:wrap;gap:1.5rem}.cred-item{align-items:center;display:flex;gap:6px}.cred-label{color:#6b7280;font-size:.8rem}.cred-value{background:#111827;border-radius:4px;color:#d1d5db;font-family:monospace;font-size:.8rem;padding:2px 8px}.cred-value.password{letter-spacing:2px}.contacts-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.contact-card{background:#111827;border:1px solid #374151;border-radius:8px;display:flex;gap:10px;padding:10px 12px}.contact-avatar{align-items:center;background:#374151;border-radius:50%;color:#d1d5db;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:32px;justify-content:center;width:32px}.contact-details{flex:1 1;min-width:0}.contact-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.contact-name{color:#f3f4f6;font-size:.85rem;font-weight:600}.contact-role-badge{background:#8b5cf626;color:#a78bfa}.contact-lang-badge,.contact-role-badge{border-radius:3px;font-size:.6rem;font-weight:600;padding:1px 5px;text-transform:uppercase}.contact-lang-badge{background:#22c55e26;color:#4ade80}.contact-info-line{align-items:center;color:#9ca3af;display:flex;font-size:.75rem;gap:5px;margin-top:3px}.contact-info-line svg{color:#6b7280;flex-shrink:0}.empty-state{color:#6b7280;padding:3rem 1rem;text-align:center}@media (max-width:767px){.suppliers-page{padding:1rem .5rem}.page-title{font-size:1.75rem}.filters-bar{align-items:stretch;flex-direction:column}.contacts-grid,.edit-fields-grid{grid-template-columns:1fr}.contact-edit-row{flex-direction:column}}.add-supplier-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;gap:6px;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.add-supplier-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.new-supplier-card{background:#3b82f60d!important;border:1px dashed #3b82f6!important;margin-bottom:1rem}.new-supplier-header{align-items:center;border-bottom:1px solid #374151;display:flex;justify-content:space-between;padding:1rem 1.25rem}.new-supplier-header h3{color:#f9fafb;font-size:1rem;font-weight:600;margin:0}.supplier-icon-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;height:30px;justify-content:center;transition:all .2s;width:30px}.supplier-icon-btn.edit{background:#3b82f61f;color:#60a5fa}.supplier-icon-btn.edit:hover{background:#3b82f640;color:#93c5fd}.supplier-icon-btn.delete{background:#ef44441a;color:#f87171}.supplier-icon-btn.delete:hover{background:#ef444433;color:#fca5a5}.supplier-icon-btn.save{background:#22c55e1f;color:#4ade80}.supplier-icon-btn.save:hover{background:#22c55e40;color:#86efac}.supplier-icon-btn.cancel{background:#9ca3af1f;color:#9ca3af}.supplier-icon-btn.cancel:hover{background:#9ca3af40;color:#d1d5db}.supplier-card-actions{flex-shrink:0;margin-right:8px}.supplier-actions-row,.supplier-card-actions{display:flex;gap:.35rem}.supplier-inline-input{background:#374151;border:1px solid #4b5563;border-radius:6px;box-sizing:border-box;color:#f9fafb;flex:1 1;font-size:.8rem;min-width:120px;padding:.4rem .6rem}.supplier-inline-input.wide{width:100%}.supplier-inline-input.sm{min-width:90px}.supplier-inline-input:focus{border-color:#60a5fa;outline:none}.supplier-edit-fields{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem}.edit-field-group{display:flex;flex-direction:column;gap:.3rem}.edit-field-group label{color:#9ca3af;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.edit-fields-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.edit-section-divider{align-items:center;border-top:1px solid #374151;display:flex;justify-content:space-between;margin-top:.5rem;padding-top:.75rem}.edit-section-title{color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.add-contact-inline-btn{background:none;border:1px dashed #4b5563;border-radius:6px;color:#60a5fa;cursor:pointer;font-size:.75rem;font-weight:600;padding:.25rem .6rem;transition:all .2s}.add-contact-inline-btn:hover{background:#374151;border-style:solid}.edit-contacts-list{display:flex;flex-direction:column;gap:.5rem}.remove-contact-btn{align-items:center;background:#7f1d1d;border:none;border-radius:6px;color:#fca5a5;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:26px;justify-content:center;transition:all .2s;width:26px}.remove-contact-btn:hover{background:#991b1b}.no-contacts-msg{color:#6b7280;font-size:.8rem;font-style:italic;margin:0;padding:.5rem 0}.supplier-card.editing{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f64d}.editing-expanded{background:#00000026!important}.delete-confirm-overlay{align-items:center;background:#0009;border-radius:12px;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.supplier-card{position:relative}.delete-confirm-box{background:#1f2937;border:1px solid #374151;border-radius:10px;box-shadow:0 8px 24px #0006;padding:1.25rem 1.5rem;text-align:center}.delete-confirm-box p{color:#d1d5db;font-size:.9rem;margin:0 0 1rem}.delete-confirm-box strong{color:#f9fafb}.delete-confirm-actions{display:flex;gap:.5rem;justify-content:center}.confirm-delete-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem 1rem;transition:all .2s}.confirm-delete-btn:hover{background:#b91c1c}.confirm-cancel-btn{background:#374151;border:1px solid #4b5563;border-radius:6px;color:#d1d5db;cursor:pointer;font-size:.8rem;padding:.4rem 1rem;transition:all .2s}.confirm-cancel-btn:hover{background:#4b5563;color:#f9fafb}.edit-field-row-logo{align-items:flex-start;display:flex;gap:1rem}.edit-logo-section{align-items:center;display:flex;flex-direction:column;gap:0}.edit-logo-section>label{color:#9ca3af;font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:.3rem;text-transform:uppercase}.supplier-logo-zone{align-items:center;background:#111827;border:2px dashed #374151;border-radius:10px;color:#6b7280;cursor:default;display:flex;height:72px;justify-content:center;outline:none;overflow:hidden;transition:border-color .2s;width:72px}.supplier-logo-zone:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.supplier-logo-zone:hover{border-color:#3b82f6}.supplier-logo-zone img{height:100%;object-fit:cover;width:100%}.edit-logo-section .browse-below-btn{background:#1f2937;border:1px solid #374151;border-radius:5px;color:#9ca3af;cursor:pointer;font-size:.7rem;margin-top:4px;padding:2px 0;transition:all .2s;width:72px}.edit-logo-section .browse-below-btn:hover{border-color:#3b82f6;color:#60a5fa}.supplier-edit-fields select.supplier-inline-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:24px}.reports-page{background-color:#111827;box-sizing:border-box;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem 1.5rem}.reports-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.report-card{background:#1f2937;border:1px solid #374151;border-radius:12px;padding:1.5rem}.report-card.full-width{grid-column:1/-1}.report-card-title{border-bottom:1px solid #374151;color:#f9fafb;font-size:1.05rem;font-weight:600;margin:0 0 1.25rem;padding-bottom:.75rem}.bar-chart{flex-direction:column}.bar-chart,.bar-row{display:flex;gap:.75rem}.bar-row{align-items:center}.bar-label{color:#9ca3af;font-size:.8rem;min-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{background:#374151;border-radius:5px;flex:1 1;height:10px;overflow:hidden}.bar-fill{border-radius:5px;height:100%;transition:width .5s ease}.bar-fill.blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.bar-fill.green{background:linear-gradient(90deg,#22c55e,#4ade80)}.bar-value{color:#d1d5db;font-size:.8rem;font-weight:600;min-width:90px;text-align:right}.status-chart{display:flex;flex-direction:column;gap:.75rem}.status-chart-row{align-items:center;display:flex;gap:.5rem}.status-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.status-name{color:#d1d5db;font-size:.8rem;min-width:100px}.status-bar-track{background:#374151;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.status-bar-fill{border-radius:4px;height:100%;transition:width .5s ease}.status-count{background:#374151;border-radius:6px;color:#f9fafb;font-size:.85rem;font-weight:700;min-width:30px;padding:.15rem .4rem;text-align:center}.summary-top{margin-bottom:1.25rem}.summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.summary-item{align-items:center;background:#111827;border:1px solid #374151;border-radius:10px;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.summary-value{color:#f9fafb;font-size:1.25rem;font-weight:700}.summary-label{color:#9ca3af;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.monthly-section{margin-top:1.25rem}.empty-chart{color:#6b7280;font-size:.85rem;margin:0;padding:1.5rem 0;text-align:center}@media (max-width:900px){.reports-grid{grid-template-columns:1fr}.bar-label{min-width:100px}}@media (max-width:600px){.reports-page{padding:1rem .5rem}.page-title{font-size:1.75rem}.bar-row{flex-wrap:wrap}.bar-label{min-width:100%}.summary-grid{grid-template-columns:repeat(2,1fr)}}.settings-page{background-color:#111827;box-sizing:border-box;margin:0 auto;max-width:1100px;min-height:100vh;padding:2rem 1.5rem}.settings-title{color:#f9fafb;font-size:2.25rem;font-weight:700;margin-bottom:2rem;text-align:center}.settings-content{display:flex;flex-direction:column;gap:1.5rem}.settings-card{background:#1f2937;border:1px solid #374151;border-radius:12px;padding:1.5rem}.settings-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.settings-card-title{align-items:center;color:#f9fafb;display:flex;font-size:1.05rem;font-weight:600;gap:.5rem;margin:0}.add-btn,.settings-card-title svg{color:#60a5fa}.add-btn{background:#374151;border:1px dashed #4b5563;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .8rem;transition:all .2s}.add-btn:hover{background:#4b5563;border-style:solid}.settings-table{overflow-x:auto}.settings-table table{border-collapse:collapse;font-size:.875rem;width:100%}.settings-table th{border-bottom:1px solid #374151;color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.6rem .75rem;text-align:left;text-transform:uppercase}.settings-table th:last-child{background:#1f2937;position:-webkit-sticky;position:sticky;right:0;text-align:right;z-index:2}.settings-table td{border-bottom:1px solid #111827;color:#d1d5db;padding:.6rem .75rem}.settings-table td:last-child{background:#1f2937;position:-webkit-sticky;position:sticky;right:0;z-index:1}.settings-table .editing-row td:last-child{background:#111827}.settings-table .mono{color:#60a5fa;font-family:monospace;font-size:.8rem}.address-label{color:#f9fafb;font-weight:600;white-space:nowrap}.address-text{color:#9ca3af;font-size:.8rem}.payment-type-badge,.status-badge-sm{border-radius:6px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;padding:.15rem .5rem;text-transform:uppercase}.payment-type-badge.card{background:#8b5cf6}.payment-type-badge.transfer{background:#06b6d4}.inline-input{background:#374151;border:1px solid #4b5563;border-radius:6px;box-sizing:border-box;color:#f9fafb;font-size:.8rem;min-width:140px;padding:.35rem .5rem;width:100%}.inline-input.wide{flex:1 1;min-width:300px}.inline-input.sm{flex:1 1;min-width:140px}.inline-input.mono{font-family:monospace}.inline-input:focus{border-color:#60a5fa;outline:none}.inline-select{background:#374151;border:1px solid #4b5563;border-radius:6px;color:#f9fafb;cursor:pointer;font-size:.8rem;padding:.35rem .5rem}.inline-select:focus{border-color:#60a5fa;outline:none}.action-cell{gap:.4rem;justify-content:flex-end;white-space:nowrap}.action-cell,.icon-btn{align-items:center;display:flex}.icon-btn{border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:600;height:30px;justify-content:center;transition:all .2s;width:30px}.icon-btn.edit{background:#3b82f61f;color:#60a5fa}.icon-btn.edit:hover{background:#3b82f640;color:#93c5fd}.icon-btn.delete{background:#ef44441a;color:#f87171}.icon-btn.delete:hover{background:#ef444433;color:#fca5a5}.icon-btn.save{background:#22c55e1f;color:#4ade80}.icon-btn.save:hover{background:#22c55e40;color:#86efac}.icon-btn.cancel{background:#9ca3af1f;color:#9ca3af}.icon-btn.cancel:hover{background:#9ca3af40;color:#d1d5db}.remove-sm-btn{background:#7f1d1d;border:none;border-radius:6px;color:#fca5a5;cursor:pointer;flex-shrink:0;font-size:.75rem;height:24px;justify-content:center;width:24px}.new-form-row,.remove-sm-btn{align-items:center;display:flex}.new-form-row{background:#111827;border:1px solid #374151;border-radius:8px;gap:.5rem;margin-bottom:1rem;padding:.75rem}.new-form-row.wrap{flex-wrap:wrap}.editing-row td{background:#111827}.contacts-row-td{border-bottom:1px solid #374151!important;padding:0 .75rem .5rem!important}.contacts-toggle{color:#60a5fa;cursor:pointer;font-size:.8rem;padding:.25rem 0;-webkit-user-select:none;user-select:none}.contacts-toggle:hover{color:#93c5fd}.contacts-table-wrapper{overflow-x:auto;padding:.5rem 0 .25rem .75rem}.contacts-table{border-collapse:collapse;font-size:.85rem;width:100%}.contacts-table thead th{border-bottom:1px solid #374151;color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.5rem .75rem;text-align:left;text-transform:uppercase}.contacts-table tbody td{border-bottom:1px solid #2d3748;color:#d1d5db;padding:.5rem .75rem}.contacts-table tbody tr:last-child td{border-bottom:none}.contacts-table tbody tr:hover{background:#60a5fa0d}.contact-name-cell{color:#f9fafb;font-weight:600}.contact-email-cell{color:#9ca3af;font-size:.8rem}.contact-role-tag{background:#60a5fa1a;border-radius:4px;color:#60a5fa;display:inline-block;font-size:.7rem;font-weight:500;padding:.15rem .45rem}.phone-with-flag{align-items:center;display:inline-flex;gap:.4rem}.table-flag-icon{border-radius:2px;box-shadow:0 1px 2px #0000004d;height:12px;object-fit:cover;vertical-align:middle;width:16px}.contact-edit-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.add-contact-btn{background:none;border:1px dashed #4b5563;border-radius:6px;color:#60a5fa;cursor:pointer;font-size:.75rem;margin-top:.5rem;padding:.3rem .6rem;transition:all .2s;width:-webkit-fit-content;width:fit-content}.add-contact-btn:hover{background:#374151;border-style:solid}.role-badge{border-radius:6px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.03em;padding:.15rem .5rem;text-transform:uppercase}.role-badge.admin{background:#ef444426;color:#f87171}.role-badge.purchases{background:#3b82f626;color:#60a5fa}.role-badge.human_resources{background:#f59e0b26;color:#fbbf24}.role-badge.finances{background:#22c55e26;color:#4ade80}.info-list{display:flex;flex-direction:column;gap:.5rem}.info-row{align-items:center;border-bottom:1px solid #111827;display:flex;justify-content:space-between;padding:.5rem 0}.info-row:last-child{border-bottom:none}.info-label{color:#9ca3af;font-size:.8rem}.info-value{color:#d1d5db;font-size:.875rem;font-weight:500}@media (max-width:600px){.settings-page{padding:1rem .5rem}.settings-title{font-size:1.75rem}.settings-card-header{align-items:flex-start;flex-direction:column;gap:.5rem}.new-form-row{flex-direction:column}.inline-input,.inline-input.wide{min-width:0;width:100%}}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#111827;color:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.app-container,.main-content{background-color:#111827;min-height:100vh}.main-content{position:relative;width:100%}.menu-button{align-items:center;background:#1f2937;border:1px solid #374151;border-radius:10px;box-shadow:0 2px 8px #0000004d;color:#d1d5db;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;left:16px;position:fixed;top:16px;transition:all .2s;width:40px;z-index:998}.menu-button:hover{background:#374151;color:#f9fafb}.content{min-height:100vh;padding-top:56px;width:100%}
/*# sourceMappingURL=main.d6754f3d.css.map*/