html,body,#root{background-color:#f8f9fa!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}*{box-sizing:border-box}.login-container{width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.login-left-panel{background-color:#111e2e;flex:1;justify-content:center;align-items:center;display:flex}.logo-wrapper{letter-spacing:2px;font-size:2.5rem}.logo-light{color:#b0b5bc;font-weight:300}.logo-bold{color:#fff;font-weight:700}.login-right-panel{background-color:#fff;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.login-content-wrapper{flex-direction:column;gap:4rem;width:100%;max-width:420px;display:flex}.login-form{flex-direction:column;gap:1.25rem;display:flex}.input-group{flex-direction:column;gap:.4rem;display:flex}.input-group label{color:#444;font-size:.85rem;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{color:#333;box-sizing:border-box;border:1px solid #a0a0a0;border-radius:4px;outline:none;width:100%;padding:.6rem .8rem;font-size:.95rem;transition:border-color .2s}.input-wrapper input:focus{border-color:#6b214a}.input-icon-right{position:absolute;right:.8rem}.input-actions-right{align-items:center;gap:.5rem;display:flex;position:absolute;right:.6rem}.red-badge{color:#fff;cursor:default;background-color:#dc3545;border-radius:2px;padding:2px 4px;font-size:.65rem}.btn-toggle-password{cursor:pointer;color:#666;background:0 0;border:none;align-items:center;padding:0;font-size:.9rem;display:flex}.form-actions{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.link-forgot{color:#6b214a;font-size:.9rem;font-weight:600;text-decoration:none}.link-forgot:hover{text-decoration:underline}.btn-login{color:#fff;cursor:pointer;background-color:#6b214a;border:none;border-radius:4px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;transition:background-color .2s}.btn-login:hover{background-color:#521838}.track-card{color:#fff;background-color:#6b214a;border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #0000001a}.track-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.track-card-header h3{margin:0;font-size:1.3rem;font-weight:500}.track-card-header p{color:#e0c5d3;margin:.2rem 0 0;font-size:.85rem}.track-icon-svg{opacity:.8;font-size:1.2rem}.track-form .input-wrapper input{background-color:#fff;border:none;padding:.75rem 4rem .75rem .8rem;font-size:.85rem}.track-form .input-wrapper input::placeholder{color:#999}.btn-search-track{cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:.95rem}.input-wrapper.input-error{border-radius:4px;border:1px solid #d9385c!important}.input-actions-right .input-warning-diamond{color:#d9385c;align-items:center;margin-right:6px;font-size:1.1rem;font-weight:700;display:flex}.inline-error-text{color:#c32047;text-align:left;margin-top:.4rem;font-family:sans-serif;font-size:.82rem;display:block}.error-banner-container{box-sizing:border-box;background-color:#fff5f6;border:1px solid #fcdbdf;border-left:4px solid #c32047;border-radius:3px;align-items:center;gap:.75rem;width:100%;margin-top:2rem;padding:.8rem 1.2rem;display:flex}.banner-warning-icon{color:#c32047;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.banner-error-text{color:#4a4a4a;margin:0;font-family:sans-serif;font-size:.85rem}:root{--sidebar-bg:#151e2e;--sidebar-active:#222d3f;--top-bar-bg:#fff;--body-bg:#f8f9fa;--text-light:#fff;--text-muted:#8a99ad}.layout-container{background-color:var(--body-bg);width:100vw;height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);width:260px;color:var(--text-light);border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar.collapsed{width:70px}.sidebar-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.brand{letter-spacing:1px;font-size:1.1rem;font-weight:300}.brand-bold{font-weight:700}.toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px;font-size:1.1rem;transition:background .2s}.toggle-btn:hover{color:var(--text-light);background-color:#ffffff1a}.sidebar-menu{flex-direction:column;flex:1;gap:8px;padding:15px 10px;display:flex}.menu-item{color:var(--text-muted);border-radius:6px;align-items:center;gap:12px;padding:12px 15px;text-decoration:none;transition:all .2s;display:flex}.menu-item:hover,.menu-item.active{background-color:var(--sidebar-active);color:var(--text-light)}.sidebar.collapsed .menu-item{justify-content:center;padding:12px 0}.menu-text{flex:1;font-size:.95rem}.arrow{font-size:.7rem}.submenu{border-left:1px solid #ffffff1a;margin-left:15px;padding:8px 15px}.submenu-title{color:var(--text-muted);padding:5px 0;font-size:.85rem;display:block}.submenu-title:hover{color:#fff}.sidebar-footer{border-top:1px solid #ffffff0d;align-items:center;gap:12px;padding:15px;display:flex}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:15px 0}.user-avatar{background-color:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.user-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.user-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.user-role{color:var(--text-muted);font-size:.75rem}.main-area{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex}.top-header{background-color:var(--top-bar-bg);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:40px;padding:0 16px;display:flex}.portal-title{color:#8b2643;font-size:1rem;font-weight:600}.search-container{background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;display:flex;overflow:hidden}.search-input{border:none;outline:none;padding:8px 12px;font-size:.9rem}.search-btn{cursor:pointer;background:0 0;border:none;border-left:1px solid #cbd5e1;padding:8px 12px}.content-container{flex:1;padding:12px 16px;overflow-y:auto}.shipments-view{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.shipments-view .view-breadcrumbs{flex-shrink:0}.view-breadcrumbs{gap:6px;font-size:.85rem;display:flex}.breadcrumb-parent{color:#8b2643;font-weight:500}.breadcrumb-separator,.breadcrumb-current{color:#64748b}.grid-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.grid-toolbar{box-sizing:border-box;background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;min-height:56px;padding:12px 16px;display:flex}.left-filters{flex-flow:row;align-items:center;gap:8px;display:flex}.split-filter-button{align-items:center;display:inline-flex;position:relative}.btn-filter-left{color:#334155;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #cbd5e1;border-right:none;border-top-left-radius:6px;border-bottom-left-radius:6px;height:32px;padding:6px 10px 6px 12px;font-size:.85rem;font-weight:500;transition:all .2s}.btn-filter-right{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-top-right-radius:6px;border-bottom-right-radius:6px;height:32px;padding:6px 8px;font-size:.8rem;transition:all .2s}.btn-filter-left:hover,.btn-filter-right:hover{background-color:#f8fafc;border-color:#94a3b8}.btn-filter{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:32px;padding:6px 12px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-filter:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.btn-filter:disabled{opacity:.5;color:#94a3b8;cursor:not-allowed;background-color:#f8fafc;border-color:#e2e8f0}.filter-active{color:#0284c7;background-color:#f0f7ff;border-color:#0284c7}.time-filter-active{color:#8b2643;background-color:#fff5f7;border-color:#8b2643}.right-settings{align-items:center;display:flex}.filter-popover{z-index:9999;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;top:115%;left:0;box-shadow:0 10px 15px -3px #0000001a}.search-id-popover{width:260px}.time-popover{width:230px}.main-popover{z-index:1000;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-direction:column;gap:0;min-width:140px;padding:4px 0;display:flex;position:absolute;top:115%;left:0;box-shadow:0 4px 10px #00000014}.popover-select{box-sizing:border-box;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:6px;font-size:.8rem}.popover-input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:6px 8px;font-size:.85rem}.popover-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.btn-popover-clear{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:.8rem}.btn-popover-apply{cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 12px;font-size:.8rem}.popover-item{text-align:left;color:#334155;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 14px;font-size:.85rem}.popover-item:hover{background-color:#f1f5f9}.table-responsive{flex:auto;width:100%;min-height:0;overflow:auto}.data-grid th{color:#475569;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-weight:600}.data-grid td{color:#334155;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:10px 14px}.data-grid tr:hover{background-color:#f8fafc}.id-cell:hover{text-decoration:underline}.actions-cell{cursor:pointer;color:#94a3b8;letter-spacing:1px}.dropdown-menu{z-index:100;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:4px 0;position:absolute;top:100%;left:14px;box-shadow:0 2px 5px #0000001a}.dropdown-item{cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;width:100%;padding:6px 12px;font-size:.8rem}.empty-grid-msg{text-align:center;color:#64748b;padding:2rem!important}.rows-select{background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:4px}.modal-overlay{z-index:99999;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.filter-modal-container{background-color:#fff;border-radius:8px;flex-direction:column;width:650px;max-width:90%;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px;display:flex}.modal-header h2{color:#1e293b;margin:0;font-size:1.1rem;font-weight:600}.header-right-toggle{background-color:#f1f5f9;border-radius:6px;align-items:center;gap:2px;padding:2px;display:flex}.toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-size:.8rem;font-weight:500;transition:all .15s}.active-toggle{color:#0f172a;background-color:#fff;box-shadow:0 1px 2px #0000000d}.close-x-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;margin-left:12px;font-size:.9rem}.close-x-btn:hover{color:#334155}.modal-body{background-color:#f8fafc;flex-direction:column;gap:12px;max-height:400px;padding:16px;display:flex;overflow-y:auto}.filter-row{align-items:center;gap:8px;width:100%;display:flex}.row-drag-handle{color:#cbd5e1;cursor:grab;-webkit-user-select:none;user-select:none;font-size:.9rem}.row-logic-text{color:#94a3b8;text-transform:uppercase;text-align:center;min-width:32px;font-size:.75rem;font-weight:700}.filter-select-field,.filter-select-operator{color:#334155;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:1;min-width:120px;padding:6px 10px;font-size:.85rem}.primary-select{background-color:#f0f9ff;border-color:#0284c7}.filter-input-val{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;flex:1.5;padding:6px 10px;font-size:.85rem}.remove-row-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:.8rem}.remove-row-btn:hover{color:#ef4444}.add-filter-row{align-items:center;gap:8px;margin-top:4px;display:flex}.btn-add-condition{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:500}.btn-add-condition:hover{background-color:#f1f5f9}.modal-footer{background-color:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.footer-left-actions,.footer-right-actions{align-items:center;gap:8px;display:flex}.btn-text-action{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.85rem}.btn-text-action:hover{color:#0f172a}.btn-modal-cancel{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 14px;font-size:.85rem;font-weight:500}.btn-modal-apply{color:#fff;cursor:pointer;background-color:#0f172a;border:1px solid #0f172a;border-radius:6px;padding:6px 14px;font-size:.85rem;font-weight:500}.btn-modal-apply:hover{background-color:#1e293b}.shipments-details-view{color:#333;background-color:#fafafa;padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.view-breadcrumbs{color:#666;margin-bottom:1rem;font-size:.85rem}.breadcrumb-separator{color:#ccc;margin:0 .5rem}.details-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.header-left{align-items:center;gap:1rem;display:flex}.header-left h2{margin:0;font-size:1.4rem;font-weight:600}.btn-back{cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:4px;padding:.4rem .8rem;font-size:1rem;transition:background .2s}.btn-back:hover{background-color:#f0f0f0}.header-right{gap:.5rem;display:flex}.btn-action{cursor:pointer;background-color:#fff;border:1px solid #dcdcdc;border-radius:4px;align-items:center;gap:.3rem;padding:.4rem .75rem;font-size:.85rem;display:flex;box-shadow:0 1px 2px #0000000d}.btn-action:hover{background-color:#f9f9f9;border-color:silver}.details-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.detail-panel{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:1.25rem;box-shadow:0 1px 3px #0000000d}.detail-panel h3{color:#444;margin-top:0;margin-bottom:1rem;font-size:1rem;font-weight:600}.panel-header-with-action{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.btn-icon-pencil{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:1rem;transition:background-color .2s}.btn-icon-pencil:hover{background-color:#00000014}.panel-content label{color:#777;margin-top:.75rem;font-size:.75rem;font-weight:500;display:block}.panel-content label:first-child{margin-top:0}.panel-content p{margin:.2rem 0 0;font-size:.9rem;line-height:1.4}.form-control-select{color:#333;box-sizing:border-box;cursor:pointer;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;outline:none;width:100%;padding:.45rem .6rem;font-family:inherit;font-size:.85rem;transition:border-color .2s,background-color .2s}.form-control-select:focus{background-color:#fff;border-color:#2563eb}.company-highlight{color:#111;font-weight:600}.no-data{color:#999;font-style:italic}.panel-form-grid{grid-template-columns:repeat(2,1fr);gap:.75rem 1rem;margin-top:.5rem;display:grid}.panel-form-grid.single-col{grid-template-columns:1fr;margin-top:.75rem}.panel-form-grid.split-2{grid-template-columns:repeat(2,1fr)}.panel-form-grid.split-3{grid-template-columns:repeat(3,1fr)}.form-group{flex-direction:column;display:flex}.form-group label{color:#666;margin-bottom:.25rem;font-size:.75rem;font-weight:500}.form-group input,.form-group select{color:#333;box-sizing:border-box;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;width:100%;padding:.45rem .6rem;font-family:inherit;font-size:.85rem}.form-group input:focus,.form-group select:focus{background-color:#fff;border-color:#2563eb;outline:none}.table-panel-container{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-top:1.5rem;padding:0;box-shadow:0 1px 3px #0000000d}.table-panel-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:1rem;display:flex}.table-title{color:#333;font-size:.95rem;font-weight:600}.table-count{color:#666;font-weight:400}.table-header-actions{align-items:center;gap:.5rem;display:flex}.btn-add-address{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 18px;font-size:.875rem;font-weight:500;transition:background-color .2s,box-shadow .2s;display:inline-flex}.btn-add-address:hover{background-color:#1d4ed8;box-shadow:0 2px 4px #2563eb33}.btn-settings{color:#444;cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:500}.table-responsive-wrapper{width:100%;overflow-x:auto}.packs-table{border-collapse:collapse;color:#334155;background-color:#fff;width:100%;min-width:950px;font-size:13px}.packs-table thead tr{background-color:#f1f5f9;border-bottom:1px solid #e2e8f0}.packs-table th{text-align:left;color:#475569;padding:10px 14px;font-size:13px;font-weight:600}.packs-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.packs-table tbody tr:hover{background-color:#f8fafc}.packs-table td{vertical-align:middle;white-space:nowrap;padding:12px 14px}.cell-number{text-align:left}.cell-desc{text-overflow:ellipsis;max-width:250px;overflow:hidden}.grid-cell-actions{white-space:nowrap;align-items:center;gap:16px;display:flex}.btn-grid-action{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin:0;padding:0;font-family:inherit;font-size:13px;font-weight:500;transition:opacity .15s;display:inline-flex}.btn-grid-action:hover{opacity:.8}.btn-grid-action .action-icon{width:14px;height:14px}.btn-grid-edit{color:#2563eb}.btn-grid-edit .action-icon{stroke:#2563eb}.btn-grid-delete{color:#dc2626}.btn-grid-delete .action-icon{stroke:#dc2626}.inline-form-container{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem}.inline-form-container h4{color:#334155;margin:0 0 .5rem;font-size:.9rem}.inline-form-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem;margin:.5rem 0;display:grid}.inline-form-grid input{color:#333;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;outline:none;padding:.4rem .6rem;font-size:.85rem;transition:border-color .2s}.inline-form-grid input:focus{border-color:#2563eb}.line-form-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem .85rem;margin:.75rem 0 .25rem;display:grid}.line-field{flex-direction:column;justify-content:flex-end;gap:.3rem;min-width:0;display:flex}.line-field label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:normal;overflow-wrap:break-word;min-width:0;font-size:.7rem;font-weight:600;line-height:1.25}.line-field input,.line-field select{color:#1e293b;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;height:36px;padding:0 .6rem;font-size:.85rem;transition:border-color .2s,box-shadow .2s}.line-field select{cursor:pointer;text-overflow:ellipsis}.line-field input:focus,.line-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.line-field input.field-error,.line-field select.field-error{background-color:#fef2f2;border-color:#dc2626}.line-field input.field-error:focus,.line-field select.field-error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262626}.line-form-error{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:6px;margin-top:.75rem;padding:.55rem .8rem;font-size:.83rem}.packtype-notice{color:#b91c1c;margin-top:.3rem;font-size:.75rem;line-height:1.35}.line-field-desc{grid-column:span 2}.line-field-full{grid-column:1/-1}.desc-input-row{align-items:stretch;gap:.4rem;display:flex}.desc-input-row input{flex:1;min-width:0}.btn-expand-desc{color:#2563eb;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;flex:0 0 36px;height:36px;font-size:1rem;transition:background .2s,border-color .2s}.btn-expand-desc:hover{background:#eff6ff;border-color:#93c5fd}.dg-checkbox-label{cursor:pointer;align-items:center;gap:.45rem;font-weight:600;display:flex;color:#b91c1c!important;text-transform:none!important;letter-spacing:normal!important;font-size:.8rem!important}.dg-checkbox-label input[type=checkbox]{accent-color:#dc2626;cursor:pointer;width:auto!important;height:auto!important}.dg-section{background-color:#fffbfb;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:8px;grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem .85rem;padding:.85rem;display:grid}@media (width<=560px){.line-field-desc{grid-column:span 1}}.inline-form-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:1rem;display:flex}.btn-form-cancel,.btn-form-save{cursor:pointer;border-radius:6px;outline:none;padding:8px 18px;font-size:.875rem;font-weight:500;transition:all .2s}.btn-form-cancel{color:#2563eb;background-color:#fff;border:1px solid #cbd5e1}.btn-form-cancel:hover{background-color:#f8fafc;border-color:#94a3b8}.btn-form-save{color:#fff;background-color:#2563eb;border:1px solid #0000}.btn-form-save:hover{background-color:#1d4ed8;box-shadow:0 2px 4px #2563eb33}.table-pagination{color:#555;background-color:#fff;border-top:1px solid #e2e8f0;border-radius:0 0 6px 6px;justify-content:flex-end;align-items:center;gap:2rem;padding:.75rem 1rem;font-size:.8rem;display:flex}.pagination-rows{align-items:center;gap:.5rem;display:flex}.select-pagination{cursor:pointer;background:0 0;border:none;border-bottom:1px solid #666;padding:2px;font-size:.8rem;width:auto!important}.pagination-info{align-items:center;gap:1.5rem;display:flex}.pagination-arrows{gap:.5rem;display:flex}.btn-page-arrow{background:0 0;border:none;border-radius:3px;padding:.2rem .4rem;font-size:.75rem;transition:background .2s}.btn-page-arrow:not(:disabled):hover{background-color:#f0f0f0}.footer-action-bar{border-top:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1rem;display:flex}.footer-action-bar span{color:#444;font-size:.9rem;font-weight:600}.btn-close{color:#fff;cursor:pointer;background-color:#222;border:none;border-radius:4px;padding:.5rem 1.25rem;font-size:.85rem;transition:background .2s}.btn-close:hover{background-color:#444}.inline-form-wrapper{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.inline-input-group{align-items:center;display:flex}.inline-input-group.style-small{flex:0 0 70px}.inline-input-group.style-medium{flex:0 0 140px}.inline-input-group.style-large{flex:180px;min-width:150px}.inline-input-group.style-compound{flex:0 0 160px;gap:4px}.inline-input-group.style-compound input[type=text]{width:60%}.inline-input-group.style-compound>div{min-width:60px;width:40%!important}.btn-primary,.btn-secondary{cursor:pointer;border-radius:8px;outline:none;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s ease-in-out}.btn-secondary{color:#2563eb;background-color:#fff;border:1px solid #d1d5db}.btn-primary{color:#fff;background-color:#2563eb;border:1px solid #2563eb}.btn-primary:hover{background-color:#1d4ed8;border-color:#1d4ed8}.btn-primary:active,.btn-secondary:active{transform:scale(.98)}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background-color:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:100%;max-width:650px;max-height:90vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden;box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #00000003}.modal-card-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-card-header h3{color:#1e293b;margin:0;font-size:1.15rem;font-weight:600}.btn-close-modal{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.25rem;transition:background-color .15s}.btn-close-modal:hover{color:#0f172a;background-color:#f1f5f9}.modal-card-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.form-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}.form-field{flex-direction:column;gap:.4rem;display:flex}.form-field label{color:#475569;font-size:.825rem;font-weight:500}.form-field input,.form-field select,.form-field textarea{color:#1e293b;box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:.55rem .85rem;font-size:.9rem;transition:all .2s ease-in-out}.form-field input:focus,.form-field select:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.modal-section-divider{color:#0f172a;border-top:1px solid #f1f5f9;padding-top:.5rem;font-size:.9rem;font-weight:600}.modal-card-footer{background-color:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.btn-secondary:hover{background-color:#f8fafc}.btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:1px solid #2563eb;border-radius:6px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:background-color .15s}.btn-primary:hover{background-color:#1d4ed8}.organizations-view{box-sizing:border-box;background-color:#f8fafc;flex-direction:column;height:100%;padding:6px 16px 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}.organizations-view .view-breadcrumbs,.organizations-view .organizations-header{flex-shrink:0}.organizations-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.organizations-header h2{color:#1e293b;margin:0;font-size:1.25rem}.btn-primary-add{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background-color .2s}.btn-primary-add:hover{background-color:#1d4ed8}.grid-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.grid-toolbar{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;padding:12px 16px;display:flex}.left-filters{align-items:center;gap:8px;display:flex}.filter-wrapper{position:relative}.btn-filter,.btn-filter-left{color:#334155;cursor:pointer;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:.85rem}.btn-filter:hover,.btn-filter-left:hover{background-color:#e2e8f0}.filter-active{color:#1d4ed8;background-color:#eff6ff;border-color:#3b82f6;font-weight:500}.filter-popover{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:220px;margin-top:6px;padding:12px;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0000001a}.popover-header-title{color:#64748b;margin-bottom:6px;font-size:.75rem;font-weight:600}.popover-input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:4px;width:100%;margin-bottom:8px;padding:6px 8px;font-size:.85rem}.popover-actions{justify-content:flex-end;gap:6px;display:flex}.btn-popover-clear,.btn-popover-apply{cursor:pointer;border:none;border-radius:4px;padding:4px 10px;font-size:.75rem}.btn-popover-clear{color:#475569;background-color:#f1f5f9}.btn-popover-apply{color:#fff;background-color:#2563eb}.table-responsive{flex:auto;min-height:0;overflow:auto}.data-grid{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.data-grid th{color:#475569;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 16px;font-weight:600}.data-grid td{color:#334155;border-bottom:1px solid #f1f5f9;padding:12px 16px}.row-selected{background-color:#f0f9ff}.id-cell{color:#2563eb;cursor:pointer;font-weight:500}.actions-cell-container{position:relative}.actions-cell{cursor:pointer;color:#94a3b8;font-weight:700}.actions-cell:hover{color:#0f172a}.dropdown-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:120px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.dropdown-item{color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:.85rem;display:flex}.dropdown-item:hover{background-color:#f1f5f9}.danger-item{color:#ef4444}.danger-item:hover{background-color:#fef2f2}.status-badge{border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:500}.badge-active{color:#15803d;background-color:#dcfce7}.badge-inactive{color:#64748b;background-color:#f1f5f9}.grid-pagination{background-color:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;padding:12px 16px;display:flex}.pagination-controls{color:#64748b;align-items:center;gap:12px;font-size:.8rem;display:flex}.rows-select{border:1px solid #cbd5e1;border-radius:4px;padding:4px 8px}.arrow-btn{cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:4px;padding:4px 8px}.arrow-btn:disabled{opacity:.4;cursor:not-allowed}.add-org-wrapper{box-sizing:border-box;color:#0f172a;background-color:#f8fafc;flex-direction:column;height:100%;padding:6px 16px 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}.add-org-wrapper .view-breadcrumbs,.add-org-wrapper .form-header-section,.add-org-wrapper .form-error-alert,.add-org-wrapper .form-success-alert,.add-org-wrapper .tabs-container{flex-shrink:0}.breadcrumb-parent.clickable{color:#2563eb;font-weight:500;transition:color .15s;cursor:pointer!important}.form-header-section{margin-bottom:10px}.form-subtitle{color:#64748b;margin:0;font-size:.875rem}.form-error-alert{color:#991b1b;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:6px;margin-bottom:8px;padding:8px 12px;font-size:.875rem;font-weight:500}.section-title{color:#0f172a;margin:0 0 16px;font-size:1rem;font-weight:600}@media (width<=900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid-2,.grid-3{grid-template-columns:1fr}}.input-relative-wrapper{width:100%;display:block;position:relative!important}.form-control{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:8px 12px;font-size:.875rem;transition:border-color .15s,box-shadow .15s;color:#0f172a!important;background-color:#fff!important}.form-control:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-control:disabled{cursor:not-allowed;color:#94a3b8!important;background-color:#f1f5f9!important}.checkbox-group{align-items:center;gap:2rem;margin-top:1.8rem;display:flex;flex-direction:row!important}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;display:flex;font-weight:500!important}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.sub-form-card h4{color:#0f172a;margin-top:0;margin-bottom:1rem;font-size:.975rem}.table-responsive{overflow-x:auto}.data-grid{border-collapse:collapse;width:100%;font-size:.875rem}.data-grid th,.data-grid td{text-align:left;border-bottom:1px solid #e2e8f0;padding:10px 12px}.data-grid th{color:#475569;background-color:#f1f5f9;font-weight:600}.empty-row{text-align:center;color:#64748b;padding:1.5rem!important}.form-actions-bar{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding-top:16px;display:flex}.form-inline-hint{color:#b45309;margin-right:auto;font-size:.85rem;font-weight:500}.btn-primary,.btn-primary-add{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:9px 20px;font-size:.875rem;font-weight:500;transition:background-color .2s}.btn-primary:hover,.btn-primary-add:hover{background-color:#1d4ed8}.btn-primary:disabled,.btn-primary-add:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:9px 18px;font-size:.875rem;font-weight:500;transition:background-color .2s,border-color .2s}.btn-secondary:hover{background-color:#f8fafc;border-color:#94a3b8}.btn-link:hover{text-decoration:underline}.custom-autocomplete-wrapper{width:100%;position:relative!important}.custom-dropdown-menu{z-index:9999;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;max-height:220px;margin:4px 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.custom-dropdown-menu li{color:#0f172a;cursor:pointer;border-bottom:1px solid #f1f5f9;padding:10px 12px;font-size:.875rem;transition:background-color .15s}.custom-dropdown-menu li:last-child{border-bottom:none}.custom-dropdown-menu li:hover{color:#2563eb;background-color:#f1f5f9}.form-success-alert{color:#15803d;text-align:center;background-color:#dcfce7;border:1px solid #86efac;border-radius:6px;margin-bottom:1rem;padding:1rem;font-weight:700}.edit-org-wrapper{box-sizing:border-box;background-color:#f8fafc;flex-direction:column;height:100%;padding:6px 16px 12px;display:flex;overflow:hidden}.view-breadcrumbs,.form-header-section,.tabs-container{flex-shrink:0}.view-breadcrumbs{color:#64748b;align-items:center;gap:.5rem;margin-bottom:6px;font-size:.875rem;display:flex}.breadcrumb-parent.clickable{cursor:pointer}.breadcrumb-parent.clickable:hover{color:#2563eb;text-decoration:underline}.breadcrumb-current{color:#0f172a;font-weight:600}.form-header-section h2{color:#0f172a;margin:0 0 2px;font-size:1.25rem;font-weight:700}.form-subtitle{color:#64748b;margin-bottom:8px;font-size:.875rem}.org-card-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:auto;min-height:0;padding:2rem;overflow-y:auto;box-shadow:0 1px 3px #0000000d}.section-title{color:#1e293b;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1rem;font-weight:600;display:flex}.section-divider{border:none;border-top:1px solid #f1f5f9;margin:2rem 0}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1rem;display:grid}.grid-2-custom{grid-template-columns:2fr 1fr;gap:1.25rem;margin-bottom:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1rem;display:grid}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-group label{color:#475569;font-size:.8125rem;font-weight:500}.required{color:#ef4444}.form-group input,.form-group select{color:#1e293b;box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:.625rem .75rem;font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group select:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:#94a3b8}.form-actions-bar{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1rem;display:flex}.btn-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.625rem 1.25rem;font-weight:500}.btn-secondary:hover{background:#f1f5f9}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.625rem 1.25rem;font-weight:500}.btn-primary:hover{background:#1d4ed8}@media (width<=768px){.grid-2,.grid-2-custom,.grid-3{grid-template-columns:1fr}}.tabs-container{border-bottom:2px solid #e2e8f0;gap:.5rem;margin-bottom:.5rem;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:.75rem 1.25rem;font-weight:600;transition:all .2s}.tab-btn:hover{color:#0f172a}.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb}.tab-header-actions{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.table-responsive{width:100%;overflow-x:auto}.sub-form-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;padding:1.25rem}.sub-form-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.btn-link{color:#2563eb;cursor:pointer;background:0 0;border:none;margin-right:.5rem;font-weight:500}.btn-link.danger{color:#e11d48}