:root{--sidebar-bg: #0a3473;--accent: #e8792e;--accent-dark: #c96a24;--text: #1f2937;--muted: #6b7280;--border: #e5e7eb;--card-bg: #ffffff}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:#f8fafc}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--sidebar-bg);color:#fff;padding:24px 16px;display:flex;flex-direction:column;flex-shrink:0;transition:width .15s ease,padding .15s ease;position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.brand{font-size:18px;margin-bottom:24px}.sidebar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:8px}.sidebar-logo{width:100%;max-width:105px;display:block;margin:0 auto}.sidebar-collapsed{width:56px;padding:24px 8px;align-items:center}.sidebar-collapsed .sidebar-top{margin-bottom:0;justify-content:center}.sidebar-collapse-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#cbd5e1;cursor:pointer;font-size:14px;line-height:1}.sidebar-collapse-btn:hover{background:#ffffff2e;color:#fff}.login-logo{width:140px;margin:0 auto 20px;display:block}.nav-link{display:block;padding:10px 12px;border-radius:8px;color:#cbd5e1;text-decoration:none;margin-bottom:4px}.nav-link.active,.nav-link:hover{background:var(--accent);color:#fff}.nav-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;font-family:inherit;font-size:inherit;text-align:left;cursor:pointer}.nav-group-chevron{font-size:10px;transition:transform .15s ease}.nav-group-chevron-open{transform:rotate(180deg)}.nav-group-children{display:flex;flex-direction:column}.nav-sublink{padding-left:28px;font-size:13px}.content{flex:1;padding:32px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:16px 0 32px}.kpi-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}.kpi-label{font-size:13px;color:var(--muted)}.kpi-value{font-size:24px;font-weight:700}.kpi-hint{font-size:12px;color:var(--muted)}.data-table{width:100%;border-collapse:collapse;background:var(--card-bg);border-radius:12px;overflow:hidden}.data-table th,.data-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:14px}.table-toolbar{display:flex;align-items:center;gap:6px;margin-bottom:12px}.table-search-input{flex:0 1 320px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text)}.table-search-clear{border:none;background:none;color:var(--muted);cursor:pointer;font-size:14px;padding:4px 8px;line-height:1}.table-search-clear:hover{color:var(--text)}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover{color:var(--accent-dark)}.sortable-th-active{color:var(--accent-dark);font-weight:700}.sort-arrow{font-size:11px;margin-left:2px}.inline-form{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.inline-form input,.inline-form select{padding:8px 10px;border:1px solid var(--border);border-radius:8px}.inline-form button{padding:8px 16px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .05s ease}.inline-form button:hover{background:var(--accent-dark);box-shadow:0 4px 12px #e8792e40}.inline-form button:active{transform:translateY(1px)}.inline-form button:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}.error{color:#dc2626}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{font-family:inherit;font-size:14px;color:var(--text);background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:9px 12px;transition:border-color .15s ease,box-shadow .15s ease}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):hover,select:hover,textarea:hover{border-color:#cbd5e1}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e8792e26}input::placeholder,textarea::placeholder{color:#9ca3af}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.19l3.71-3.96a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:34px;cursor:pointer}.client-form{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px #0f172a0a,0 8px 24px #0f172a0a}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:14px}.form-grid-full{grid-column:1 / -1}.client-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.client-form button{padding:8px 16px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .05s ease}.client-form button:hover{background:var(--accent-dark);box-shadow:0 4px 12px #e8792e40}.client-form button:active{transform:translateY(1px)}.client-form button:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}button,.file-upload-btn,.sharepoint-btn,.logout-btn,.nav-link{transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .05s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark);box-shadow:0 4px 12px #e8792e40}.btn-sm{padding:5px 12px;border:1px solid var(--border);border-radius:8px;font-size:12px;font-weight:600;background:#fff;color:var(--text);cursor:pointer}.btn-sm:hover{background:#f8fafc;border-color:var(--accent);color:var(--accent)}.btn-sm-success{border-color:#bbf7d0;color:#15803d}.btn-sm-success:hover{background:#f0fdf4;border-color:#86efac;color:#15803d}.btn-danger-outline{border-color:#fecaca;color:#dc2626}.btn-danger-outline:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.overdue-badge{margin-left:8px;padding:2px 8px;font-size:11px}.form-hint{margin-left:10px;font-size:12px;color:var(--muted)}.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:8px 12px;font-size:14px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc}.login-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;max-width:360px;text-align:center;box-shadow:0 10px 30px #0000000f}.login-header{background:var(--sidebar-bg);padding:36px 40px 28px}.login-title{color:#fff;margin:0;font-size:20px}.login-body{padding:32px 40px 40px}.login-body p{color:var(--muted);margin:0 0 24px}.login-card button{width:100%;padding:12px 16px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.login-card button:hover{background:var(--accent-dark);box-shadow:0 4px 12px #e8792e40}.login-card button:active{transform:translateY(1px)}.sidebar-user{margin-top:auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.sidebar .user-name{font-size:13px;color:#cbd5e1;margin:0 0 8px;word-break:break-word}.logout-btn{width:100%;padding:8px 10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;color:#cbd5e1;cursor:pointer;font-size:13px}.logout-btn:hover{background:#ffffff1a}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f1f5f9}.row-alert{background:#fef2f2}.row-alert:hover{background:#fee2e2}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.modal{background:var(--card-bg);border-radius:16px;width:100%;max-width:780px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--card-bg)}.modal-header h3{margin:0}.modal-close{border:none;border-radius:8px;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:var(--muted);padding:4px 8px}.modal-close:hover{color:var(--text);background:#f1f5f9}.modal-header-actions{display:flex;align-items:center;gap:12px}.sharepoint-btn{padding:6px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--accent);text-decoration:none;white-space:nowrap}.sharepoint-btn:hover{background:#fff1e6;border-color:var(--accent)}.modal-body{padding:24px}.documents-section{margin-top:24px}.documents-section h4{margin:0 0 12px}.doc-form{margin-top:12px}.file-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px dashed var(--border);border-radius:8px;font-size:13px;color:var(--muted);cursor:pointer}.file-upload-btn:hover{border-color:var(--accent);color:var(--accent)}.file-upload-btn input[type=file]{display:none}.required-docs-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.required-doc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card-bg)}.required-doc-info{display:flex;flex-direction:column;gap:2px}.doc-status{font-size:12px}.doc-status-ok{color:#15803d}.doc-status-pending{color:#b45309}.modal-footer-actions{margin-top:24px;padding-top:16px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.payment-receipt-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.payment-receipt-paid{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--text)}.payment-receipt-link{color:var(--accent);font-weight:600}.payment-docs-checklist{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.payment-doc-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);flex-wrap:wrap}.payment-doc-item.payment-doc-ok{border-color:#bbf7d0;background:#f0fdf4}.payment-doc-label{font-size:13px;color:var(--text);font-weight:600;white-space:nowrap}.payment-doc-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.delete-client-btn{padding:8px 16px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#dc2626;cursor:pointer;font-size:14px;font-weight:600}.delete-client-btn:hover{background:#fee2e2;border-color:#fca5a5;box-shadow:0 4px 12px #dc262626}.delete-client-btn:active{transform:translateY(1px)}.quote-form{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:24px}.quote-form .form-grid label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.quote-form .form-grid input,.quote-form .form-grid select{padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text)}.client-picker{position:relative}.client-picker-input{display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:8px;padding:0 10px;background:#fff}.client-picker-input input{border:none;padding:8px 0;flex:1;font-size:14px;color:var(--text)}.client-picker-input input:focus{outline:none}.client-picker-icon{font-size:13px;opacity:.6}.client-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 24px #0000001a;max-height:220px;overflow-y:auto;z-index:20}.client-picker-option{display:flex;justify-content:space-between;width:100%;padding:8px 10px;border:none;background:transparent;text-align:left;font-size:13px;color:var(--text);cursor:pointer}.client-picker-option:hover{background:#f1f5f9}.client-picker-ruc{color:var(--muted);font-size:12px}.client-picker-empty{padding:10px;font-size:13px;color:var(--muted)}.client-picker-selected{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:#f8fafc;font-size:14px}.client-picker-clear{border:none;background:transparent;color:var(--accent);font-size:12px;cursor:pointer;white-space:nowrap}.client-picker-clear:hover{text-decoration:underline}.quote-items-table-wrap{overflow-x:auto}.quote-items-table{width:100%;min-width:960px;border-collapse:collapse;margin-top:16px}.quote-items-table th,.quote-items-table td{text-align:left;padding:6px 8px;font-size:13px;border-bottom:1px solid var(--border)}.quote-items-table input,.quote-items-table select{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:#fff;color:var(--text)}.vendor-select:invalid{color:var(--muted)}.quote-computed-cell{color:var(--muted);font-weight:600;white-space:nowrap}.quote-remove-row{border:none;background:transparent;color:#dc2626;cursor:pointer;font-size:14px}.quote-items-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;flex-wrap:wrap;gap:12px}.quote-add-row{border:1px dashed var(--border);background:transparent;border-radius:8px;padding:6px 12px;font-size:13px;color:var(--accent);cursor:pointer}.quote-add-row:hover{border-color:var(--accent);background:#fff1e6}.quote-totals{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--text)}.quote-submit-btn{margin-top:16px;padding:10px 20px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:14px;cursor:pointer}.quote-submit-btn:hover{background:var(--accent-dark)}.quote-pdf-btn{padding:6px 12px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--accent);font-size:13px;cursor:pointer;white-space:nowrap}.quote-pdf-btn:hover{background:#fff1e6;border-color:var(--accent)}.status-pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.status-pill.status-draft,.status-select.status-draft{background:#e5e7eb;color:#374151}.status-pill.status-sent,.status-select.status-sent{background:#dbeafe;color:#1d4ed8}.status-pill.status-accepted,.status-select.status-accepted{background:#dcfce7;color:#15803d}.status-pill.status-rejected,.status-select.status-rejected{background:#fee2e2;color:#dc2626}.status-pill.status-expired,.status-select.status-expired{background:#fef3c7;color:#b45309}.status-pill.status-void,.status-select.status-void{background:#fee2e2;color:#b91c1c}.void-detail-text{color:#b91c1c;font-weight:600}.data-table tr.row-void td{color:#b91c1c}.void-form{border:1px solid #fecaca;background:#fef2f2;border-radius:10px;padding:12px 14px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.status-pill.status-booked,.status-select.status-booked{background:#e5e7eb;color:#374151}.status-pill.status-picked_up,.status-select.status-picked_up{background:#dbeafe;color:#1d4ed8}.status-pill.status-in_customs,.status-select.status-in_customs{background:#fef3c7;color:#b45309}.status-pill.status-in_transit,.status-select.status-in_transit{background:#e0e7ff;color:#4338ca}.status-pill.status-delivered,.status-select.status-delivered{background:#dcfce7;color:#15803d}.status-pill.status-closed,.status-select.status-closed{background:#f1f5f9;color:#334155}.quote-status-row{display:flex;align-items:center;gap:10px;margin-bottom:20px}.quote-status-label{font-size:13px;color:var(--muted)}.detail-field{display:flex;flex-direction:column;gap:4px}.detail-field p{margin:0;font-size:14px;color:var(--text)}.status-select{border:none;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer}.status-select:disabled{opacity:.6;cursor:default}.schedule-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:8px}.schedule-form input{padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:14px}.modal-divider{border:none;border-top:1px solid var(--border);margin:20px 0}.modal-section-title{margin:0 0 4px;font-size:15px}.tracking-note-form{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.tracking-note-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical}.tracking-note-form button{align-self:flex-start}.tracking-history{display:flex;flex-direction:column;gap:12px;max-height:280px;overflow-y:auto;padding-right:4px}.tracking-history-item{border:1px solid var(--border);border-radius:10px;padding:10px 14px}.tracking-history-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tracking-history-notes{margin:8px 0 0;font-size:14px;color:var(--text)}.bl-documents-list{display:flex;flex-direction:column;gap:8px;margin:10px 0}.bl-document-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:8px;padding:8px 12px;flex-wrap:wrap}.bl-generate-form{max-height:70vh;overflow-y:auto;padding-right:6px}.checkbox-label{flex-direction:row!important;align-items:center;gap:8px;text-transform:none;font-weight:500;font-size:13px;color:var(--text)}.client-form .checkbox-label{text-transform:none;letter-spacing:normal;font-size:13px;font-weight:500;color:var(--text)}.sync-option{align-items:flex-start!important;line-height:1.6}.sync-option input[type=checkbox]{margin-top:4px}.sync-option .comm-party{white-space:nowrap}.sync-mailbox-row{align-items:center;flex-wrap:nowrap}.sync-mailbox-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.sync-mailbox-name{overflow-wrap:anywhere}.sync-status{font-size:.85rem;color:var(--muted);overflow-wrap:anywhere}.sync-status-ok{color:#15803d;font-weight:600}.sync-status-err{color:#dc2626}.checkbox-label input[type=checkbox]{width:16px;height:16px;flex-shrink:0}.bl-containers-list{display:flex;flex-direction:column;gap:12px;margin-bottom:10px}.bl-container-row{border:1px solid var(--border);border-radius:10px;padding:12px 14px 14px;background:#fbfbfd}.bl-cargo-description-input{width:100%;margin-bottom:12px}.bl-import-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.portal-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f0f1f5,#e8eaf1);padding:24px}.portal-login-card{background:var(--card-bg);border-radius:16px;overflow:hidden;width:100%;max-width:400px;box-shadow:0 12px 32px #0a34731f;text-align:center}.portal-login-header{background:var(--sidebar-bg);padding:36px 40px 28px}.portal-login-logo{width:120px;display:block;margin:0 auto 16px}.portal-login-title{color:#fff;margin:0;font-size:20px}.portal-login-body{padding:32px 40px 40px}.portal-login-subtitle{color:var(--muted);font-size:13px;margin:0 0 24px;line-height:1.5}.portal-login-card .client-form{text-align:left}.portal-login-code-input{text-align:center;font-size:22px;letter-spacing:8px;font-weight:600}.portal-login-submit{width:100%;margin-top:4px}.portal-login-link-btn{display:block;margin:12px auto 0;background:none;border:none;color:var(--muted);font-size:13px;text-decoration:underline;cursor:pointer;padding:4px}.portal-login-link-btn:hover{color:var(--accent)}.portal-login-footer{color:var(--muted);font-size:11px;margin:28px 0 0}.portal-page{max-width:960px;margin:0 auto;padding:32px 24px}.portal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:16px;border-bottom:3px solid var(--accent)}.portal-header-brand{display:flex;align-items:center;gap:14px}.portal-header-logo{height:40px}.portal-header-brand h2{margin:0}.modal-wide{max-width:980px}.bl-stamp-size-field input[type=range]{width:240px}.bl-stamp-canvas-wrap{position:relative;margin:12px 0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#f1f5f9}.bl-stamp-canvas-wrap canvas{display:block}.bl-stamp-overlay{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}.bl-stamp-overlay img{display:block;width:100%;pointer-events:none}.bl-stamp-text-box{position:absolute;border:1px dashed var(--accent);border-radius:4px;background:transparent;padding:4px}.bl-stamp-text-handle{position:absolute;top:-22px;right:-1px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px 6px 0 0;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;white-space:nowrap}.bl-stamp-textarea{display:block;width:100%;border:none;background:transparent;outline:none;resize:none;overflow:hidden;text-align:center;font-size:12px;line-height:16px;font-weight:600;color:#1f2937;font-family:inherit;padding:0}.bl-stamp-actions{margin-top:16px}.bl-stamp-success{padding:8px 0}.settings-card{border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-top:16px;max-width:520px}.stamp-config-preview{margin:12px 0;padding:16px;border:1px dashed var(--border);border-radius:8px;background:#f8fafc;display:flex;justify-content:center}.stamp-config-image{max-width:100%;max-height:200px}.import-card{max-width:720px;display:flex;flex-direction:column;gap:12px}.import-upload-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.import-result,.import-errors-table{margin-top:8px}.bl-stamp-toolbar{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap;margin:12px 0}.bl-stamp-page-nav{display:flex;align-items:center;gap:10px}.bl-stamp-page-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);margin-bottom:8px;cursor:pointer}.bl-stamp-page-check input{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}input[type=range]{accent-color:var(--accent)}.view-toggle{display:flex;gap:8px;margin-bottom:16px}.view-toggle-btn{padding:8px 16px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);color:var(--muted);font-size:13px;font-weight:600;cursor:pointer}.view-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.view-toggle-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.pipeline-board{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}.pipeline-column{flex:1 0 220px;min-width:220px;background:#f1f5f9;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;max-height:70vh}.pipeline-column-dragover{background:#e0e7ff;outline:2px dashed var(--accent);outline-offset:-2px}.pipeline-column-header{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--text);padding:0 4px}.pipeline-column-count{background:#fff;border-radius:999px;padding:1px 8px;font-size:12px;color:var(--muted)}.pipeline-column-body{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.pipeline-column-empty{font-size:12px;color:var(--muted);text-align:center;padding:12px 0}.pipeline-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px;cursor:grab;box-shadow:0 1px 2px #0000000a}.pipeline-card:hover{border-color:var(--accent)}.pipeline-card-dragging{opacity:.5}.pipeline-card-name{margin:0 0 2px;font-size:14px;font-weight:600;color:var(--text)}.pipeline-card-contact{margin:0;font-size:12px;color:var(--muted)}.pipeline-card-reminder{margin:6px 0 0;font-size:11px;color:var(--muted)}.pipeline-card-reminder-overdue{color:#dc2626;font-weight:600}.templates-layout{display:grid;grid-template-columns:300px 1fr;gap:20px;margin-top:16px;align-items:start}.templates-list{display:flex;flex-direction:column;gap:12px}.templates-new-btn{width:100%}.template-card-list{display:flex;flex-direction:column;gap:8px}.template-card{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--card-bg);border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;cursor:pointer;box-shadow:0 1px 2px #0f172a08;transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease}.template-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0f}.template-card-active{border-color:var(--accent);box-shadow:0 0 0 3px #e8792e1f}.template-card-icon{font-size:22px;line-height:1;flex-shrink:0}.template-card-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.template-card-name{font-weight:700;font-size:14px}.template-card-subject{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card-group{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--sidebar-bg);background:#eef2ff;border-radius:4px;padding:1px 6px;margin-right:6px}.templates-editor-wrap{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}.templates-editor{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px;flex:1 1 380px;box-shadow:0 1px 3px #0f172a0a,0 8px 24px #0f172a0a}.templates-body-input{font-family:SFMono-Regular,Consolas,monospace;font-size:13px;resize:vertical}.templates-editor-actions{display:flex;gap:10px}.email-preview{flex:1 1 340px;min-width:300px}.email-preview-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin:0 0 8px}.email-preview-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:0 10px 30px #0f172a14}.email-preview-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.email-preview-avatar{width:38px;height:38px;border-radius:50%;background:var(--sidebar-bg);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.email-preview-from{margin:0;font-weight:700;font-size:14px}.email-preview-to{margin:0;font-size:12px;color:var(--muted)}.email-preview-subject{font-weight:700;font-size:15px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.email-preview-body{font-size:14px;line-height:1.6;color:var(--text)}.email-preview-body p{margin:0 0 10px}.funnel-report{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.funnel-stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px 18px;flex:1 1 140px;min-width:140px;box-shadow:0 1px 2px #0f172a08;transition:box-shadow .15s ease,transform .05s ease}.funnel-stat-card:hover{box-shadow:0 6px 16px #0f172a0f;transform:translateY(-1px)}.funnel-stat-card .kpi-open-hint{display:block;margin-top:4px;font-size:12px}.funnel-stat-value{font-size:26px;font-weight:700;margin:6px 0 0;color:var(--sidebar-bg)}.funnel-stat-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.vendor-uploaded-invoices-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.vendor-uploaded-invoice-item{display:flex;align-items:center;gap:12px;padding:8px 10px;background:#f6f7fb;border:1px solid var(--border);border-radius:8px;font-size:13px}.vendor-uploaded-invoice-item span:first-child{flex:1;font-weight:600;color:var(--text)}.kyc-radio-label{display:inline-flex;align-items:center;gap:6px;font-weight:500;margin-right:20px}.kyc-radio-label input{width:auto}.kyc-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);margin:6px 0}.kyc-checkbox-label input[type=checkbox]{width:auto}.kyc-inline-text{flex:1;max-width:280px}.kyc-repeatable-row{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:8px;align-items:center;margin-bottom:8px}.kyc-status-banner{padding:12px 16px;border-radius:8px;border:1px solid var(--border);background:#f6f7fb;margin-bottom:16px}.kyc-signature-box{background:#f6f7fb;border:1px solid var(--border);border-radius:8px;padding:14px 16px;margin-top:8px}.project-header{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.back-link{color:var(--muted, #6b7280);text-decoration:none;font-size:13px}.back-link:hover{color:#193370}.tab-bar{display:flex;gap:4px;border-bottom:2px solid var(--border, #e5e7eb);margin:14px 0 18px}.tab-btn{background:none;border:none;border-bottom:3px solid transparent;padding:8px 16px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;border-radius:0;margin-bottom:-2px}.tab-btn:hover{color:#193370}.tab-btn-active{color:#193370;border-bottom-color:#e67930}.kpi-row{display:flex;gap:14px;flex-wrap:wrap;margin:6px 0 20px}.kpi-box{background:#fff;border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:14px 18px;min-width:160px;display:flex;flex-direction:column;gap:4px}.kpi-box-value{font-size:22px;font-weight:700;color:#193370}.kpi-box-label{font-size:12px;color:#6b7280}.inline-panel{background:#fff;border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:16px 18px;margin:12px 0}.form-error{color:#b91c1c;font-size:13px;margin:8px 0 0}.section-title{color:#193370;margin:22px 0 8px;font-size:15px}.pin-cell{display:inline-flex;align-items:center;gap:8px;font-family:Consolas,monospace;letter-spacing:1px}.link-btn{background:none;border:none;padding:0;color:#1d4ed8;cursor:pointer;font-size:inherit;text-decoration:underline}.modal.modal-wide{max-width:980px;width:96%}.project-map{width:100%;height:560px;border:1px solid var(--border, #e5e7eb);border-radius:10px}.map-plate-label{background:#ffffffd9;padding:1px 3px;border-radius:3px;transform:translateY(-18px)}.status-pill.status-active,.status-select.status-active{background:#dcfce7;color:#166534}.status-pill.status-paused,.status-select.status-paused{background:#fef9c3;color:#854d0e}.status-pill.status-assigned,.status-select.status-assigned{background:#e0e7ff;color:#3730a3}.status-pill.status-loading,.status-select.status-loading{background:#fef9c3;color:#854d0e}.status-pill.status-waiting_unload,.status-select.status-waiting_unload{background:#fef3c7;color:#92400e}.status-pill.status-unloading,.status-select.status-unloading{background:#ffedd5;color:#9a3412}.status-pill.status-completed,.status-select.status-completed{background:#dcfce7;color:#166534}.status-pill.status-cancelled,.status-select.status-cancelled{background:#f3f4f6;color:#6b7280}.picker-map{width:100%;height:440px;border:1px solid var(--border, #e5e7eb);border-radius:10px}.location-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.picker-search-row{display:flex;gap:8px;margin-bottom:4px}.picker-search-row input{flex:1}.campaign-progress{margin:16px 0}.campaign-progress-track{width:100%;height:10px;border-radius:6px;background:#e5e7eb;overflow:hidden;margin-bottom:6px}.campaign-progress-track-sm{height:6px;min-width:90px;margin-bottom:2px}.campaign-progress-fill{height:100%;border-radius:6px;background:var(--accent);transition:width .4s ease}.campaign-stage-checks{display:flex;flex-wrap:wrap;gap:8px 18px;margin:8px 0 16px}.campaign-stage-check{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.campaign-stage-check input[type=checkbox]{width:auto;margin:0}.campaign-preview-table{max-height:320px;overflow-y:auto;margin-top:8px}.editor-mode-toggle{margin:4px 0 10px}.placeholder-chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 4px}.placeholder-chip{border:1px solid #d1d5db;background:#f6f7fb;color:#193370;border-radius:999px;padding:3px 10px;font-size:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.placeholder-chip:hover{background:#eef0f6;border-color:var(--accent)}.app-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:4000;animation:app-dialog-fade .15s ease}.app-dialog{background:#fff;border-radius:12px;box-shadow:0 20px 50px #0f172a4d;max-width:420px;width:calc(100% - 48px);padding:22px 24px 18px;border-top:4px solid var(--accent);animation:app-dialog-pop .18s ease}.app-dialog-title{margin:0 0 8px;font-size:17px;color:#193370}.app-dialog-message{margin:0 0 18px;font-size:14px;color:#374151;line-height:1.55;white-space:pre-line}.app-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.btn-danger{background:#dc2626;border:1px solid #dc2626;color:#fff}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}@keyframes app-dialog-fade{0%{opacity:0}to{opacity:1}}@keyframes app-dialog-pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.form-grid>label,.form-grid>div{min-width:0}.client-picker,.client-picker-input{min-width:0}.client-picker-input input{min-width:0;width:100%}.quote-items-table{table-layout:fixed}.quote-items-table th:nth-child(4),.quote-items-table td:nth-child(4){width:64px}.quote-items-table th:nth-child(5),.quote-items-table td:nth-child(5){width:92px}.quote-items-table th:nth-child(6),.quote-items-table td:nth-child(6){width:92px}.quote-items-table th:nth-child(7),.quote-items-table td:nth-child(7){width:56px;text-align:center}.quote-items-table th:nth-child(8),.quote-items-table td:nth-child(8){width:88px}.quote-items-table th:nth-child(9),.quote-items-table td:nth-child(9){width:92px}.quote-items-table th:nth-child(10),.quote-items-table td:nth-child(10){width:36px}.modal.modal-quote{max-width:1150px;width:96%}.template-attachments{margin-top:18px;padding-top:14px;border-top:1px solid #e5e7eb}.template-attachments-list{list-style:none;margin:8px 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}.template-attachment-row{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#f6f7fb;border:1px solid #e5e7eb;border-radius:6px}.template-attachment-name{flex:1;font-size:13px;color:#1f2937;word-break:break-all}.load-type-toggle{margin-top:6px;margin-bottom:0}.load-type-toggle .view-toggle-btn{padding:4px 14px;font-size:12px}.dashboard-hint{margin:-4px 0 16px;font-size:13px}.muted{color:var(--muted)}.text-danger{color:#dc2626;font-weight:600}.data-table td.num,.data-table th.num{text-align:right;white-space:nowrap}.kpi-card-clickable{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.kpi-card-clickable:hover,.kpi-card-clickable:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px #0a34731f;border-color:var(--accent);outline:none}.kpi-open-hint{color:var(--accent);opacity:0;transition:opacity .12s ease}.kpi-card-clickable:hover .kpi-open-hint,.kpi-card-clickable:focus-visible .kpi-open-hint{opacity:1}.modal.modal-drilldown{max-width:1050px}.modal-drilldown .data-table{margin-top:0}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:24px}.chart-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.chart-title{margin:0 0 12px;font-size:14px;color:var(--text)}.hbar-list{display:flex;flex-direction:column;gap:8px}.hbar-row{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:10px;padding:4px 6px;border-radius:8px}.hbar-clickable{cursor:pointer}.hbar-clickable:hover,.hbar-clickable:focus-visible{background:#f1f5f9;outline:none}.hbar-label{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbar-track{height:14px;background:#f1f5f9;border-radius:999px;overflow:hidden}.hbar-fill{height:100%;border-radius:999px;transition:width .3s ease}.hbar-value{font-size:13px;font-weight:600;white-space:nowrap;min-width:32px;text-align:right}.donut-wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.donut-svg{width:150px;height:150px;flex:0 0 auto}.donut-seg{transition:opacity .12s ease}.donut-clickable{cursor:pointer}.donut-seg.donut-clickable:hover{opacity:.75}.donut-center-value{font-size:22px;font-weight:700;fill:var(--text)}.donut-center-label{font-size:10px;fill:var(--muted)}.donut-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;flex:1 1 140px}.donut-legend-item{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;font-size:13px;padding:3px 6px;border-radius:6px}.donut-legend-item.donut-clickable:hover{background:#f1f5f9}.donut-swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.donut-legend-label{color:var(--muted)}.donut-legend-value{font-weight:600}.info-tip{position:relative;display:inline-flex;align-items:center;margin-left:6px;vertical-align:middle}.info-tip-btn{width:16px;height:16px;border-radius:50%;border:1px solid var(--sidebar-bg);background:#fff;color:var(--sidebar-bg);font-size:10px;font-weight:700;line-height:1;font-style:italic;font-family:Georgia,serif;cursor:help;padding:0;display:inline-flex;align-items:center;justify-content:center}.info-tip-btn:hover,.info-tip-btn[aria-expanded=true]{background:var(--sidebar-bg);color:#fff}.info-tip-pop{position:absolute;left:0;top:calc(100% + 8px);z-index:120;width:280px;max-width:80vw;padding:10px 12px;border-radius:10px;background:#0f2a5c;color:#fff;font-size:12.5px;line-height:1.45;font-weight:400;text-transform:none;letter-spacing:normal;box-shadow:0 10px 24px #0a347340}.info-tip-pop:before{content:"";position:absolute;top:-6px;left:4px;border:6px solid transparent;border-top:0;border-bottom-color:#0f2a5c}.info-tip-pop strong{color:#ffb27a}.form-hint-warning{color:#9a5b12;background:#fff7ed;border-left:3px solid var(--accent);padding:6px 10px;border-radius:6px}.help-fab{position:fixed;right:24px;bottom:24px;z-index:90;width:48px;height:48px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:22px;font-weight:700;box-shadow:0 8px 20px #e8792e66;cursor:pointer;transition:transform .12s ease,background .12s ease}.help-fab:hover{background:var(--accent-dark);transform:translateY(-2px)}.nav-help-link{width:100%;text-align:left;display:flex;align-items:center;gap:8px;margin-bottom:8px}.nav-help-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:700}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:110;display:flex;justify-content:flex-end}.help-panel{width:460px;max-width:100vw;height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:-12px 0 32px #0f172a2e;animation:help-slide-in .18s ease-out}@keyframes help-slide-in{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}.help-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px 12px;border-bottom:1px solid var(--border)}.help-header h3{margin:0;color:var(--sidebar-bg);font-size:20px}.help-subtitle{margin:4px 0 0;color:var(--muted);font-size:13px}.help-search{padding:12px 22px;border-bottom:1px solid var(--border)}.help-search input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px}.help-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e8792e26}.help-body{flex:1;overflow-y:auto;padding:8px 14px 16px}.help-empty{color:var(--muted);padding:24px 8px;text-align:center}.help-section{border:1px solid var(--border);border-radius:12px;margin:8px 0;background:#fff;overflow:hidden}.help-section-current{border-color:var(--accent)}.help-section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;background:#f8fafc;border:none;cursor:pointer;text-align:left;font-weight:600;color:var(--sidebar-bg);font-size:14px}.help-section-toggle:hover{background:#f1f5f9}.help-section-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.help-current-badge{font-size:10px;text-transform:uppercase;letter-spacing:.04em;background:var(--accent);color:#fff;border-radius:999px;padding:2px 8px}.help-section-body{padding:4px 14px 12px}.help-intro{color:var(--muted);font-size:13px;margin:8px 0 10px}.help-topic{border-top:1px solid var(--border)}.help-topic-toggle{width:100%;display:flex;align-items:center;gap:10px;padding:10px 2px;background:none;border:none;cursor:pointer;text-align:left;font-size:14px;color:var(--text)}.help-topic-toggle:hover{color:var(--accent-dark)}.help-topic-bullet{width:20px;height:20px;border-radius:6px;background:#eef2f7;color:var(--sidebar-bg);font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.help-topic-body{padding:0 2px 12px 30px}.help-steps{margin:0;padding-left:18px;font-size:13.5px;line-height:1.5}.help-steps li{margin-bottom:6px}.help-tip{margin:8px 0 0;padding:8px 10px;background:#fff7ed;border-left:3px solid var(--accent);border-radius:6px;font-size:13px;color:#7c3f0d}.help-footer{padding:12px 22px 16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.help-footer .btn{text-align:center;text-decoration:none}@media (max-width: 640px){.help-panel{width:100vw}.help-fab{right:16px;bottom:16px}}.doc-status-waived{color:var(--muted);font-style:italic}.required-doc-row-waived{opacity:.75;background:#f8fafc}.nav-bell-icon{font-size:14px;line-height:1}.nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.nav-badge-danger{background:#dc2626}.notif-fab{position:fixed;right:24px;top:20px;z-index:90;width:48px;height:48px;border-radius:50%;border:none;background:var(--sidebar-bg);color:#fff;font-size:20px;cursor:pointer;box-shadow:0 8px 20px #0a34734d;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease}.notif-fab:hover{transform:translateY(-2px)}@media (max-width: 640px){.notif-fab{right:16px;top:16px}}.notif-fab .nav-badge{position:absolute;top:-4px;right:-4px;margin:0}.notif-panel{width:520px}.notif-section{margin:12px 0 20px}.notif-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.notif-section-title{margin:8px 0;color:var(--sidebar-bg);font-size:14px;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:8px}.notif-count{background:var(--accent);color:#fff;border-radius:999px;padding:1px 8px;font-size:12px}.notif-item{border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:10px;background:#fff}.notif-item-pending{border-left:4px solid var(--accent)}.notif-item-sent{border-left:4px solid #16a34a;opacity:.9}.notif-item-cancelled{border-left:4px solid #9ca3af;opacity:.8}.notif-item-failed{border-left:4px solid #dc2626}.notif-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.notif-kind{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.notif-status-pending{background:#fff7ed;color:#9a5b12}.notif-status-sent{background:#ecfdf5;color:#166534}.notif-status-cancelled{background:#f3f4f6;color:#4b5563}.notif-status-failed{background:#fef2f2;color:#991b1b}.notif-reference{margin:6px 0 0;font-weight:600;color:var(--sidebar-bg);font-size:14px}.notif-subject{margin:2px 0 4px;font-size:14px}.notif-meta{margin:0;font-size:12px;color:var(--muted);word-break:break-word}.notif-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.notif-preview{margin-top:10px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#f8fafc}.notif-preview-frame{width:100%;height:360px;border:none;background:#fff}.notif-settings{border-top:1px solid var(--border);padding-top:12px}.notif-settings-row{display:flex;align-items:center;gap:8px}.notif-settings-row input{width:90px;padding:6px 8px;border:1px solid var(--border);border-radius:8px}@media (max-width: 640px){.notif-panel{width:100vw}}.margin-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 10px;font-weight:700;font-size:12px;white-space:nowrap;vertical-align:middle}.margin-lg{font-size:14px;padding:3px 12px;margin-left:8px}.margin-good{background:#ecfdf5;color:#166534;border:1px solid #a7f3d0}.margin-warn{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.margin-low{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.margin-none{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.margin-amount{font-weight:500;opacity:.8}.margin-kpi.margin-good{color:#166534}.margin-kpi.margin-warn{color:#b45309}.margin-kpi.margin-low{color:#b91c1c}.shipment-doc-form{align-items:center}.shipment-doc-form input[type=text]{flex:1 1 220px;min-width:180px}.shipment-doc-form .checkbox-label{display:inline-flex;align-items:center;gap:6px;font-size:.9rem}.shipment-doc-form .checkbox-label input[type=checkbox]{padding:0;margin:0}.portal-shipment-docs-row td{background:var(--surface-muted, #f7f8fa);padding:8px 16px 12px}.automated-emails-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.automated-email-item{display:flex;gap:16px;align-items:flex-start;border:1px solid var(--border);border-radius:10px;padding:14px 16px;background:#fff}.automated-email-off{background:#fafafa}.automated-email-off .automated-email-main{opacity:.7}.automated-email-main{flex:1;min-width:0}.automated-email-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.automated-email-description{margin:4px 0 6px;font-size:.92rem;color:#374151}.automated-email-recipients{margin:10px 0 0;align-items:center}.automated-email-recipients input[type=text]{flex:1 1 320px;min-width:220px}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;margin-top:2px}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:24px;cursor:pointer;transition:background-color .15s ease}.switch-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .15s ease;box-shadow:0 1px 2px #0003}.switch input:checked+.switch-slider{background:var(--accent)}.switch input:checked+.switch-slider:before{transform:translate(20px)}.switch input:disabled+.switch-slider{opacity:.5;cursor:wait}.table-toolbar-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}.table-toolbar-row .table-toolbar{margin-bottom:0}.table-filter{display:inline-flex;align-items:center;gap:6px}.table-filter select{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fff}.table-filter-count{margin-left:auto}.quick-contact{margin:8px 0 12px}.quick-contact-buttons{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.quick-contact-buttons a.btn{text-decoration:none}.quick-contact-form{display:flex;flex-direction:column;gap:8px;margin-top:8px}.comm-list{display:flex;flex-direction:column;gap:6px;margin:10px 0}.comm-item{border:1px solid var(--border);border-radius:8px;border-left-width:4px;background:#fff}.comm-in{border-left-color:#16a34a}.comm-out{border-left-color:#193370}.comm-item-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;cursor:pointer}.comm-item-header:hover{background:#f8fafc}.comm-ref{font-weight:600;color:#193370}.comm-subject{font-weight:600;flex:1 1 200px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comm-party{font-size:.75rem;font-weight:600;padding:1px 8px;border-radius:999px;border:1px solid transparent}.comm-party-cliente{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.comm-party-proveedor{background:#ffedd5;color:#c2410c;border-color:#fed7aa}.comm-party-interno{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.comm-attach{font-size:.85rem;color:#6b7280}.comm-meta{flex-basis:100%}.comm-item-body{padding:4px 12px 12px;border-top:1px dashed var(--border)}.comm-preview{margin:6px 0 8px;font-size:.92rem;color:#374151;white-space:pre-wrap}.client-history-group{margin:10px 0;border:1px solid var(--border);border-radius:10px;padding:8px 12px;background:#fff}.client-history-group>summary{cursor:pointer;font-weight:600;color:var(--sidebar-bg);padding:4px 0}.client-history-group .data-table{margin-top:8px;font-size:13px}.client-history-group .form-hint{margin:6px 0 2px}.table-filter input[type=date]{padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:#fff}.quote-date-presets{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.quote-range-summary{margin:-4px 0 12px}.opp-column-total{margin:0 0 6px;font-weight:600}.opp-card-amount{margin:4px 0 2px;font-weight:700;color:var(--sidebar-bg)}.opp-card-badge{display:inline-block;margin-top:6px;font-size:11px}.extra-charges-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:10px 0}.extra-charges-summary>div{border:1px solid var(--border);border-radius:10px;padding:8px 12px;background:#fff;display:flex;flex-direction:column;gap:2px}.extra-charges-summary strong{font-size:16px;color:var(--sidebar-bg)}.extra-charges-summary strong.text-danger{color:#dc2626}.extra-charges-table-wrap{overflow-x:auto}.extra-charges-table{font-size:13px;margin:8px 0}.extra-charges-actions{white-space:nowrap}.extra-charges-actions .btn-sm+.btn-sm{margin-left:6px}.extra-charges-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.extra-charges-form,.extra-charges-invoice-form{border:1px solid var(--border);border-radius:10px;padding:12px;margin:10px 0;background:#f8fafc}.extra-charges-billable{flex-direction:row!important;align-items:center;gap:8px}.extra-charges-billable input{width:auto}.invoice-kind-pill{margin-left:6px;font-size:11px}.client-last-contact{margin:0 0 10px}.comm-pager{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.sidebar-icon-nav{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:20px}.nav-icon-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#cbd5e1;background:transparent;border:none;cursor:pointer;text-decoration:none;flex-shrink:0}.nav-icon-link:hover{background:#ffffff1f;color:#fff}.nav-icon-link.active{background:var(--accent, #E67930);color:#fff}.nav-icon-logout{margin-top:auto}.sidebar-edge-toggle{position:fixed;top:50%;left:208px;transform:translateY(-50%);z-index:50;width:18px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:var(--sidebar-bg);color:#cbd5e1;font-size:14px;line-height:1;cursor:pointer;opacity:.75;transition:left .15s ease,opacity .15s ease}.sidebar-edge-toggle:hover{opacity:1;color:#fff}.sidebar-collapsed .sidebar-icon-nav{margin-top:0}.funnel-stat-card.kpi-card-active{border-color:var(--accent, #e8792e);box-shadow:0 0 0 2px #e8792e2e}.shipment-filters{flex-wrap:wrap;row-gap:8px}.shipment-badge{display:inline-block;font-size:.72rem;font-weight:600;padding:1px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;margin-top:3px;white-space:nowrap}.shipment-badge-warn{background:#fff7ed;color:#c2410c}.shipment-badge-muted{background:#f1f5f9;color:#64748b}.shipment-card-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.shipment-board .pipeline-card-name{font-size:.9rem}.shipment-details-section .form-grid{margin-top:8px}.shipment-containers{margin-top:12px}.shipment-containers-title{margin:0 0 6px;font-size:.9rem}.shipment-containers .data-table input,.shipment-containers .data-table select{width:100%;min-width:90px}.milestone-list{list-style:none;margin:10px 0 0;padding:0 0 0 6px;border-left:2px solid var(--border)}.milestone-item{position:relative;display:flex;gap:10px;padding:6px 0 10px 12px}.milestone-dot{position:absolute;left:-13px;top:8px;width:20px;height:20px;border-radius:50%;border:2px solid var(--border);background:#fff;font-size:12px;line-height:16px;text-align:center;color:#fff}.milestone-done .milestone-dot{background:#16a34a;border-color:#16a34a}.milestone-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.milestone-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.milestone-delay{font-size:.8rem;font-weight:600;color:#15803d}.milestone-delay.text-danger{color:#dc2626}.milestone-inputs{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.milestone-inputs input[type=date],.milestone-notes{padding:6px 8px;border:1px solid var(--border);border-radius:8px}.milestone-notes{flex:1 1 200px;min-width:160px}.doc-requirement-list{list-style:none;margin:6px 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}.doc-requirement-list li{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:8px}.doc-req-label{flex:1}.doc-req-icon{font-weight:700;width:16px;text-align:center}.doc-req-ok .doc-req-icon{color:#15803d}.doc-req-missing .doc-req-icon{color:#dc2626}.profit-table td.num,.profit-table th.num,.profit-lines td.num,.profit-lines th.num{text-align:right}.profit-row-total td{font-weight:700}.profit-good{color:#15803d}.profit-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 12px;font-size:14px}.profit-lines{margin-top:8px}.modal.shipment-detail-modal{max-width:1040px;width:96%}.sd-head{position:sticky;top:0;z-index:5;background:var(--card-bg);padding:18px 24px 14px;border-bottom:1px solid var(--border)}.sd-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sd-head-title h3{margin:0;font-size:20px}.sd-sub{margin:4px 0 0;color:var(--muted);font-size:14px}.sd-head-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.sd-menu-wrap{position:relative}.sd-menu-btn{font-weight:700;letter-spacing:1px}.sd-menu{position:absolute;right:0;top:calc(100% + 4px);min-width:210px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #0000001f;padding:6px;z-index:10}.sd-menu button{display:block;width:100%;text-align:left;border:none;background:transparent;padding:8px 10px;border-radius:6px;font-size:14px;cursor:pointer;color:var(--text)}.sd-menu button:hover{background:#f1f5f9}.sd-menu .sd-menu-danger{color:#b91c1c}.sd-steps{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(96px,1fr);gap:6px;overflow-x:auto}.sd-step>span,.sd-step>button{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;padding:6px 8px;border-radius:8px;border:1px solid transparent;font-size:13px;line-height:1.25;text-align:center;font-family:inherit}.sd-step>button{cursor:pointer}.sd-step-done>span{background:#dcfce7;color:#166534}.sd-step-current>span{background:#dbeafe;color:#1e40af;border-color:#93c5fd;font-weight:600}.sd-step-next>button,.sd-step-next>span{background:#fff;color:var(--text);border:1px dashed #93c5fd}.sd-step-pending>button,.sd-step-pending>span{background:#f3f4f6;color:var(--muted)}.sd-step>button:hover{border-color:#3b82f6;color:#1e40af;background:#eff6ff}.sd-step-hint{color:var(--muted);font-weight:400}.sd-delay{margin:8px 0 0;font-size:13px;color:var(--muted)}.sd-delay-late{color:#b45309}.sd-register{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:12px;padding:10px 12px;border:1px solid #93c5fd;background:#eff6ff;border-radius:10px}.sd-register>strong{align-self:center}.sd-register label{display:flex;flex-direction:column;gap:2px}.sd-register-notes{flex:1;min-width:180px}.sd-body{padding-top:16px}.sd-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:10px;background:#fef3c7;border:1px solid #fcd34d;color:#78350f;font-size:14px;margin-bottom:14px}.sd-banner-ok{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.sd-banner-link{border:none;background:none;color:#78350f;font-weight:600;text-decoration:underline;cursor:pointer;white-space:nowrap;font-size:14px}.sd-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow-x:auto}.sd-tab{border:none;background:none;padding:10px 12px;font-size:15px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;font-family:inherit}.sd-tab:hover{color:var(--text)}.sd-tab-active{color:var(--text);font-weight:600;border-bottom-color:var(--text)}.sd-tab-badge{color:#dc2626;font-weight:700;margin-left:4px;font-size:13px}.sd-tab-dirty{color:var(--accent);margin-left:4px;font-size:10px;vertical-align:top}.sd-panel[hidden]{display:none}.sd-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.sd-card{border:1px solid var(--border);border-radius:12px;padding:12px 14px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.sd-card:hover,.sd-card:focus-visible{border-color:#93c5fd;box-shadow:0 2px 10px #1e40af14;outline:none}.sd-card-title{margin:0 0 6px;font-size:14px}.sd-card p{margin:0 0 3px;font-size:13.5px;line-height:1.4}.sd-card em{color:var(--muted);font-style:normal}.sd-status-fix{flex-wrap:wrap;gap:8px;margin-top:12px}.sd-bl-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 760px){.sd-head{padding:14px 16px 12px}.sd-head-row{flex-direction:column}.sd-head-actions{flex-wrap:wrap}.sd-cards,.sd-bl-grid{grid-template-columns:1fr}.sd-banner{flex-direction:column;align-items:flex-start}}.shipment-detail-modal .btn-sm.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-size:13px;padding:6px 14px}.shipment-detail-modal .btn-sm.btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.sd-head-actions .btn-sm{font-size:13px;padding:6px 12px}.worklog-section .sd-banner{margin:6px 0 10px}.worklog-form{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.worklog-form .detail-field{display:flex;flex-direction:column;gap:4px}.worklog-form input,.worklog-form textarea{width:100%;box-sizing:border-box}.worklog-next-row{display:flex;gap:10px;flex-wrap:wrap}.worklog-next-row .worklog-next{flex:1 1 260px}.worklog-list{display:flex;flex-direction:column;gap:8px}.worklog-item{border:1px solid var(--border);border-radius:8px;padding:8px 12px}.worklog-item:first-child{border-left:3px solid var(--accent)}.worklog-item-editing{background:#00000008}.worklog-item p{margin:2px 0}.worklog-meta{font-size:12px}.milestone-scheduled{font-size:12px;color:var(--muted);margin-left:6px}.quote-locked-fieldset{border:0;padding:0;margin:0;min-width:0}:root{--navy: #0a3473;--navy-dark: #082a5c;--text: #0f1b33;--muted: #6b7590;--border: #eceef3;--page-bg: #fafbfc;--hover-bg: #f4f6fa;--accent-soft: #fff1e8}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--page-bg);color:var(--text)}.content{padding:32px 40px}.content h1,.content h2{color:var(--navy);font-weight:800;letter-spacing:-.6px}.content>div>h2:first-child{font-size:28px;margin-top:0}.sidebar{width:248px;background:#fff;color:var(--text);border-right:1px solid var(--border);padding:28px 18px}.sidebar-logo{max-width:120px}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#4a5672;font-size:14px;font-weight:600;margin-bottom:2px}.nav-link svg{flex-shrink:0;color:#8a93a6}.nav-link:hover{background:var(--hover-bg);color:var(--navy)}.nav-link:hover svg{color:var(--navy)}.nav-link.active{background:var(--accent-soft);color:var(--navy);font-weight:800}.nav-link.active svg{color:var(--accent)}.nav-group-toggle{color:#4a5672}.nav-group-toggle>span:first-child{display:flex;align-items:center;gap:12px}.nav-sublink{padding-left:44px;font-size:13px}.sidebar-user{border-top:1px solid var(--border)}.sidebar .user-name{color:var(--text);font-weight:700}.logout-btn{border:1px solid var(--border);color:var(--muted);border-radius:999px;background:#fff}.logout-btn:hover{background:var(--hover-bg);color:var(--navy)}.nav-icon-link{color:#4a5672}.nav-icon-link:hover{background:var(--hover-bg);color:var(--navy)}.nav-icon-link.active{background:var(--accent-soft);color:var(--accent)}.sidebar-edge-toggle{left:236px;background:#fff;border:1px solid var(--border);color:var(--muted);box-shadow:0 1px 3px #0f1b3314}.sidebar-edge-toggle:hover{color:var(--navy)}.sidebar-edge-toggle-collapsed{left:47px}.kpi-grid{gap:16px}.kpi-card{border:1px solid var(--border);border-radius:14px;padding:20px 24px;gap:6px;box-shadow:none}.kpi-label{font-weight:600;color:var(--muted)}.kpi-value{font-size:30px;font-weight:800;letter-spacing:-.8px;color:var(--text)}.kpi-hint{font-weight:600}.data-table{border:1px solid var(--border);border-collapse:separate;border-spacing:0;border-radius:14px}.data-table th{background:#fff;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px}.data-table td{padding:14px 16px;border-bottom:1px solid var(--border)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr.clickable-row:hover td{background:#f8f9fd}.table-search-input{border-radius:999px;padding:10px 16px}.btn{border-radius:999px;font-weight:700}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-dark);box-shadow:0 4px 12px #0a347338}.btn-sm{border-radius:999px;font-weight:700}.btn-sm:hover{border-color:var(--navy);color:var(--navy);background:var(--hover-bg)}.sharepoint-btn{border-radius:999px;color:var(--navy);font-weight:600}.sharepoint-btn:hover{background:var(--hover-bg);border-color:var(--navy)}.view-toggle:not(.load-type-toggle){gap:24px;border-bottom:1px solid var(--border)}.view-toggle:not(.load-type-toggle) .view-toggle-btn{border:none;border-radius:0;background:transparent;padding:10px 0;font-size:14px;color:var(--muted)}.view-toggle:not(.load-type-toggle) .view-toggle-btn:hover{color:var(--navy)}.view-toggle:not(.load-type-toggle) .view-toggle-btn.active{background:transparent;color:var(--navy);font-weight:800;box-shadow:inset 0 -2px 0 var(--accent)}.sd-tab-active{color:var(--navy);font-weight:800;border-bottom-color:var(--accent)}body .status-pill[class*=" status-"]{background:#fff;border:1px solid currentColor;font-weight:700;padding:4px 12px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{border:1px solid #e3e6ee;border-radius:10px}.modal-overlay{background:#0f1b3373;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{border-radius:18px;box-shadow:0 24px 60px #0f1b3338}.modal-header{padding:22px 28px}.modal-header h3{color:var(--navy);font-weight:800;letter-spacing:-.3px}.modal-section-title{color:var(--navy);font-size:16px;font-weight:800}.funnel-report{gap:0;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;margin:16px 0 24px}.funnel-stat-card{border:none;border-left:1px solid var(--border);border-radius:0;box-shadow:none;padding:18px 22px}.funnel-stat-card:first-child{border-left:none}.funnel-stat-card:hover{box-shadow:none;transform:none;background:#f8f9fd}.funnel-stat-card.kpi-card-active{border-color:var(--border);background:var(--accent-soft);box-shadow:inset 0 -3px 0 var(--accent)}.funnel-stat-label{font-size:12px;font-weight:700;letter-spacing:.4px;color:var(--muted)}.funnel-stat-value{font-size:30px;font-weight:800;letter-spacing:-.8px;color:var(--navy)}.kpi-card-clickable:hover,.kpi-card-clickable:focus-visible{transform:translateY(-1px);border-color:var(--navy);box-shadow:0 6px 18px #0a347314}.shipment-filters{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px 16px}.table-filter select,.table-filter input{border-radius:999px}.table-filter select{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.19l3.71-3.96a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:34px}.shipment-badge{display:inline-flex;align-items:center;gap:6px;background:transparent;padding:0;font-size:12px;font-weight:700;color:var(--navy)}.shipment-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.shipment-badge-warn{background:transparent;color:#b4540f}.shipment-badge-muted{background:transparent;color:var(--muted)}.pipeline-column{background:#f4f6fa;border-radius:14px;padding:14px}.pipeline-column-header{font-size:12px;font-weight:800;color:var(--navy);text-transform:uppercase;letter-spacing:.5px}.pipeline-column-count{font-weight:700;color:var(--navy);border:1px solid var(--border)}.pipeline-card{border-radius:12px;padding:12px 14px;box-shadow:0 1px 2px #0f1b330d}.pipeline-card:hover{border-color:var(--navy);box-shadow:0 6px 16px #0f1b3314}.pipeline-card-name{font-weight:800;color:var(--navy)}.pipeline-column-dragover{background:var(--accent-soft)}.chart-grid{gap:16px}.chart-card{border-radius:14px;padding:20px 24px}.chart-title{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.hbar-track{background:#f1f3f8;height:12px}.hbar-clickable:hover,.hbar-clickable:focus-visible{background:var(--hover-bg)}.donut-center-value{font-weight:800;fill:var(--navy)}.login-page{background:var(--page-bg)}.login-card{border-radius:20px;max-width:380px;box-shadow:0 24px 60px #0f1b331a}.login-header{background:#fff;padding:40px 40px 8px}.login-logo{width:150px}.login-title{color:var(--navy);font-weight:800;letter-spacing:-.3px}.login-card button{border-radius:999px;background:var(--navy);font-weight:700}.login-card button:hover{background:var(--navy-dark);box-shadow:0 4px 12px #0a347338}.inline-form button,.client-form button,.quote-submit-btn{background:var(--navy);border-radius:999px;font-weight:700}.inline-form button:hover,.client-form button:hover,.quote-submit-btn:hover{background:var(--navy-dark);box-shadow:0 4px 12px #0a347338}.inline-form .btn-sm,.client-form .btn-sm{background:#fff;color:var(--text);border:1px solid var(--border);box-shadow:none}.inline-form .btn-sm:hover,.client-form .btn-sm:hover{background:var(--hover-bg);color:var(--navy);border-color:var(--navy);box-shadow:none}.inline-form .btn-sm.btn-primary,.shipment-detail-modal .btn-sm.btn-primary{background:var(--navy);border-color:var(--navy);color:#fff}.inline-form .btn-sm.btn-primary:hover,.shipment-detail-modal .btn-sm.btn-primary:hover{background:var(--navy-dark);border-color:var(--navy-dark);color:#fff}.file-upload-btn{border-radius:999px}.file-upload-btn:hover{border-color:var(--navy);color:var(--navy)}.sd-head-title h3{color:var(--navy);font-weight:800;letter-spacing:-.3px}.sd-step>span,.sd-step>button{border-radius:10px;font-weight:600}.sd-step-done>span{background:#e8f7ef;color:#0f7a45}.sd-step-current>span{background:#eaf0fb;color:var(--navy);border-color:#b7c8ea;font-weight:800}.sd-step-next>button,.sd-step-next>span{border:1px dashed #9fb3da;color:var(--navy)}.sd-step-pending>button,.sd-step-pending>span{background:#f4f6fa}.sd-step>button:hover{border-color:var(--navy);color:var(--navy);background:#eaf0fb}.sd-banner{border-radius:12px;background:#fff7ed;border-color:#fed7aa;color:#8a3b0a}.sd-banner-link{color:#8a3b0a;font-weight:700}.sd-banner-ok{background:#f0faf4;border-color:#c6ead5;color:#0f7a45}.sd-card{border-radius:14px;padding:14px 16px}.sd-card:hover,.sd-card:focus-visible{border-color:var(--navy);box-shadow:0 6px 16px #0a347314}.sd-card-title{color:var(--navy);font-weight:800}.sd-menu{border-radius:12px}.sd-menu button:hover{background:var(--hover-bg)}.portal-login-wrap{background:var(--page-bg)}.portal-login-card{border-radius:20px;box-shadow:0 24px 60px #0f1b331a}.portal-login-header{background:#fff;padding:40px 40px 8px}.portal-login-logo{width:140px}.portal-login-title{color:var(--navy);font-weight:800;letter-spacing:-.3px}.portal-login-link-btn:hover{color:var(--navy)}.portal-page{padding:32px 24px 48px}.portal-header{border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:20px}.portal-header-logo{height:64px}.portal-header-brand h2{color:var(--navy);font-weight:800;letter-spacing:-.5px}.portal-page h2,.portal-page h3{color:var(--navy)}.sidebar.sidebar-collapsed{width:64px;padding:24px 8px;align-items:center}.sidebar-collapsed .nav-icon-link{width:44px;height:44px}.sidebar-edge-toggle.sidebar-edge-toggle-collapsed{left:55px}.dash{display:flex;flex-direction:column;gap:20px}.dash-hero h2{margin:2px 0 4px;font-size:30px}.dash-date{margin:0;font-size:13px;font-weight:700;color:var(--accent);letter-spacing:.2px}.dash-sub{margin:0;color:var(--muted);font-size:14px}.dash-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden}.dash-stat{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:20px 24px;border:none;border-left:1px solid var(--border);border-radius:0;background:transparent;text-align:left;font-family:inherit;cursor:pointer;min-width:0}.dash-stat:first-child{border-left:none}.dash-stat:hover,.dash-stat:focus-visible{background:#f8f9fd;outline:none}.dash-stat-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.dash-stat-value{font-size:30px;font-weight:800;letter-spacing:-.8px;color:var(--navy);line-height:1.1}.dash-stat-hint{font-size:12.5px;font-weight:600;color:var(--muted)}.dash-strip-compact .dash-stat{padding:14px 20px}.dash-strip-compact .dash-stat-value{font-size:20px}.dash-delta{font-size:12.5px;font-weight:700}.dash-delta-up{color:#0f7a45}.dash-delta-down{color:#b42318}.dash-delta-flat{color:var(--muted);font-weight:600}.dash-text-danger{color:#b42318}.dash-text-ok{color:#0f7a45}.dash-grid{display:grid;gap:16px}.dash-grid-2-1{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.dash-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-grid .chart-card{margin:0}.dash-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:14px;min-width:0}.dash-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dash-card-head h3{margin:0;font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.dash-link{border:none;background:none;color:var(--navy);font:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:0}.dash-link:hover{color:var(--accent)}.dash-legend{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:12px;color:var(--muted);font-weight:600}.dash-legend span{display:inline-flex;align-items:center;gap:6px}.dash-legend-note{margin-left:auto}.dash-legend-note strong{color:var(--navy)}.dash-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}.dash-trend-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dash-trend-totals div{display:flex;flex-direction:column;gap:2px}.dash-trend-totals span{font-size:12px;color:var(--muted);font-weight:600}.dash-trend-totals strong{font-size:18px;font-weight:800;color:var(--navy);letter-spacing:-.3px}.dash-trend{width:100%;height:auto;display:block}.dash-axis{font-size:10px;fill:#8a93a6;font-family:inherit}.dash-axis-strong{fill:var(--navy);font-weight:800}.dash-cash-net{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:12px;background:var(--page-bg)}.dash-cash-net span{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.dash-cash-net strong{font-size:26px;font-weight:800;letter-spacing:-.6px}.dash-cash-net small{font-size:12px;color:var(--muted)}.dash-cash-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.dash-cash-list li{display:grid;grid-template-columns:84px 1fr 64px;align-items:center;gap:10px}.dash-cash-label{font-size:12.5px;font-weight:600;color:#4a5672}.dash-cash-bars{display:flex;flex-direction:column;gap:3px}.dash-cash-bar{height:7px;border-radius:999px;min-width:2px}.dash-cash-in{background:#0f7a45}.dash-cash-out{background:var(--accent)}.dash-cash-value{font-size:12.5px;font-weight:800;text-align:right}.dash-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.dash-list li+li{border-top:1px solid var(--border)}.dash-list-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 4px;background:none;border:none;text-align:left;font-family:inherit;color:var(--text);cursor:pointer;text-decoration:none;border-radius:8px}.dash-list-row:hover,.dash-list-row:focus-visible{background:var(--hover-bg);outline:none}.dash-list-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.dash-list-main strong{font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-list-main small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-list-side{font-size:12px;font-weight:700;color:#4a5672;white-space:nowrap;text-transform:capitalize}.dash-chevron{color:#9aa3b5;font-size:18px}.dash-subtitle{margin:4px 0 0;font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.dash-empty{margin:0;color:var(--muted);font-size:13.5px}.dash-tag{flex-shrink:0;font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;min-width:64px;text-align:center}.dash-tag-arrival{background:#eaf0fb;color:var(--navy)}.dash-tag-pickup{background:var(--accent-soft);color:#a24d0b}.dash-tag-delivery{background:#e8f7ef;color:#0f7a45}.dash-tag-step{background:#fdecec;color:#b42318}.dash-count{flex-shrink:0;min-width:34px;height:28px;padding:0 8px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.dash-count-danger{background:#fdecec;color:#b42318}.dash-count-warn{background:var(--accent-soft);color:#a24d0b}.dash-count-ok{background:#e8f7ef;color:#0f7a45}.dash-big{display:flex;align-items:center;gap:14px}.dash-big strong{font-size:44px;font-weight:800;color:var(--navy);letter-spacing:-1.4px;line-height:1}.dash-big span{font-size:13px;font-weight:700;color:#4a5672;line-height:1.3}.dash-big small{font-weight:600;color:var(--muted)}.dash-stack{display:flex;height:12px;border-radius:999px;overflow:hidden;gap:2px;background:#f1f3f8}.dash-mini-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;font-size:12.5px;color:#4a5672}.dash-mini-legend li{display:flex;align-items:center;gap:6px}.dash-mini-legend strong{margin-left:auto;color:var(--text)}.dash-footnote{margin:0;font-size:12px;color:var(--muted)}.dash-footnote strong{color:var(--navy)}.dash-rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.dash-rank li{display:flex;align-items:center;gap:12px}.dash-rank-pos{width:26px;height:26px;border-radius:8px;background:var(--hover-bg);color:var(--navy);font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.dash-rank-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.dash-rank-main strong{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-rank-track{height:6px;border-radius:999px;background:#f1f3f8;overflow:hidden;display:block}.dash-rank-track span{display:block;height:100%;border-radius:999px;background:var(--navy)}.dash-rank-track-orange span{background:var(--accent)}.dash-rank-side{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex-shrink:0}.dash-rank-side strong{font-size:14px;font-weight:800;color:var(--navy)}.dash-rank-side small{font-size:11.5px;color:var(--muted)}@media (max-width: 1100px){.dash-grid-2-1,.dash-grid-3,.dash-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-stat:nth-child(3){border-left:none}.dash-stat:nth-child(n+3){border-top:1px solid var(--border)}}@media (max-width: 720px){.dash-grid-2-1,.dash-grid-2,.dash-grid-3,.dash-strip{grid-template-columns:minmax(0,1fr)}.dash-stat{border-left:none;border-top:1px solid var(--border)}.dash-stat:first-child{border-top:none}}.dash-stat .margin-kpi{background:transparent;border:none;padding:0;box-shadow:none}