.app[data-v-7c7dff0e]{min-height:100vh;background:#f5f5f5}.toast-container[data-v-86bceeea]{position:fixed;top:80px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast[data-v-86bceeea]{display:flex;align-items:flex-start;gap:12px;min-width:320px;max-width:500px;padding:16px;background:white;border-radius:8px;box-shadow:0 4px 12px #00000026,0 0 0 1px #0000000d;pointer-events:auto;cursor:pointer;transition:all .3s ease}.toast[data-v-86bceeea]:hover{transform:translate(-4px);box-shadow:0 6px 16px #0003,0 0 0 1px #0000000d}.toast-icon[data-v-86bceeea]{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;margin-top:2px}.toast-success .toast-icon[data-v-86bceeea]{background:#d1fae5;color:#059669}.toast-error .toast-icon[data-v-86bceeea]{background:#fee2e2;color:#dc2626}.toast-warning .toast-icon[data-v-86bceeea]{background:#fef3c7;color:#d97706}.toast-info .toast-icon[data-v-86bceeea]{background:#dbeafe;color:#2563eb}.toast-content[data-v-86bceeea]{flex:1;min-width:0}.toast-title[data-v-86bceeea]{font-weight:600;font-size:14px;color:#111827;margin-bottom:4px}.toast-message[data-v-86bceeea]{font-size:14px;color:#4b5563;line-height:1.5;word-wrap:break-word}.toast-close[data-v-86bceeea]{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#9ca3af;cursor:pointer;font-size:16px;line-height:1;flex-shrink:0;transition:all .2s;padding:0}.toast-close[data-v-86bceeea]:hover{background:#f3f4f6;color:#4b5563}.toast-enter-active[data-v-86bceeea]{animation:toast-in-86bceeea .3s ease-out}.toast-leave-active[data-v-86bceeea]{animation:toast-out-86bceeea .2s ease-in}@keyframes toast-in-86bceeea{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-out-86bceeea{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.95)}}.toast-success[data-v-86bceeea]{border-left:4px solid #059669}.toast-error[data-v-86bceeea]{border-left:4px solid #dc2626}.toast-warning[data-v-86bceeea]{border-left:4px solid #d97706}.toast-info[data-v-86bceeea]{border-left:4px solid #2563eb}@media (max-width: 640px){.toast-container[data-v-86bceeea]{left:20px;right:20px;top:60px}.toast[data-v-86bceeea]{min-width:auto;max-width:none}}.ikonate-icon[data-v-f96dc457]{line-height:0}.ikonate-icon[data-v-f96dc457] svg{width:100%;height:100%}.notification-bell-container[data-v-99ed69bb]{position:relative}.notification-bell-btn[data-v-99ed69bb]{background:none;border:none;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-base);transition:all var(--transition-base);color:var(--on-surface);display:flex;align-items:center;justify-content:center;position:relative}.notification-bell-btn[data-v-99ed69bb]:hover{background:var(--background);transform:scale(1.1)}.notification-badge[data-v-99ed69bb]{position:absolute;top:0;right:0;background:#e74c3c;color:#fff;font-size:10px;font-weight:700;padding:2px 5px;border-radius:10px;min-width:16px;text-align:center;line-height:1.2;box-shadow:0 2px 4px #0003}.notification-overlay[data-v-99ed69bb]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.notification-dropdown[data-v-99ed69bb]{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);z-index:1000;overflow:hidden;display:flex;flex-direction:column;animation:slideDown-99ed69bb .2s ease-out}@keyframes slideDown-99ed69bb{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header[data-v-99ed69bb]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-color);background:var(--background)}.notification-header h4[data-v-99ed69bb]{margin:0;font-size:var(--font-size-base);font-weight:700;color:var(--on-surface)}.mark-read-btn[data-v-99ed69bb]{background:none;border:none;color:var(--primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);transition:background var(--transition-base)}.mark-read-btn[data-v-99ed69bb]:hover{background:rgba(62,107,158,.1)}.notification-list[data-v-99ed69bb]{flex:1;overflow-y:auto;padding:var(--spacing-2)}.notification-item[data-v-99ed69bb]{display:flex;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-base);cursor:pointer;transition:background var(--transition-base);margin-bottom:var(--spacing-2)}.notification-item[data-v-99ed69bb]:hover{background:var(--background)}.notification-item.unread[data-v-99ed69bb]{background:rgba(62,107,158,.05)}.notification-item.unread[data-v-99ed69bb]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.notification-icon[data-v-99ed69bb]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon.version[data-v-99ed69bb]{background:rgba(62,107,158,.12);color:var(--primary)}.notification-icon.feature[data-v-99ed69bb]{background:rgba(40,199,111,.12);color:#28c76f}.notification-icon.info[data-v-99ed69bb]{background:rgba(0,186,209,.12);color:#00bad1}.notification-icon.update[data-v-99ed69bb]{background:rgba(255,159,67,.12);color:#ff9f43}.notification-content[data-v-99ed69bb]{flex:1;min-width:0}.notification-content h5[data-v-99ed69bb]{margin:0 0 var(--spacing-1);font-size:var(--font-size-sm);font-weight:600;color:var(--on-surface)}.notification-content p[data-v-99ed69bb]{margin:0 0 var(--spacing-1);font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.4}.notification-time[data-v-99ed69bb]{font-size:11px;color:var(--text-muted);opacity:.7}.notification-footer[data-v-99ed69bb]{padding:var(--spacing-3) var(--spacing-5);border-top:1px solid var(--border-color);background:var(--background);text-align:center}.version-info[data-v-99ed69bb]{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}@media (max-width: 480px){.notification-dropdown[data-v-99ed69bb]{width:calc(100vw - 32px);right:-8px}}.dark .notification-dropdown{background:#1e293b;border-color:#ffffff14}.dark .notification-header{background:#0f172a;border-bottom-color:#ffffff14}.dark .notification-header h4{color:#f1f5f9}.dark .notification-item:hover{background:#334155}.dark .notification-item.unread{background:rgba(90,143,196,.1)}.dark .notification-content h5{color:#f1f5f9}.dark .notification-content p{color:#94a3b8}.dark .notification-footer{background:#0f172a;border-top-color:#ffffff14}.layout[data-v-c21243d1]{display:flex;height:100vh;background:var(--background);overflow:hidden}.sidebar[data-v-c21243d1]{width:260px;background:var(--primary);color:#fff;overflow:hidden;transition:width .3s ease,transform var(--transition-base);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100}.sidebar.collapsed[data-v-c21243d1]{width:70px}.sidebar.collapsed .nav-section-title[data-v-c21243d1]{display:none}.sidebar-header-link[data-v-c21243d1]{text-decoration:none;color:inherit;display:block;transition:opacity .2s}.sidebar-header-link[data-v-c21243d1]:hover{opacity:.9}.sidebar-header[data-v-c21243d1]{padding:var(--spacing-4) var(--spacing-4);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;min-height:80px}.logo-section[data-v-c21243d1]{width:100%;display:flex;align-items:center;gap:var(--spacing-3);justify-content:flex-start}.sidebar.collapsed .logo-section[data-v-c21243d1]{justify-content:center}.logo-mini[data-v-c21243d1]{width:100%;display:flex;align-items:center;justify-content:center}.logo-img[data-v-c21243d1]{max-width:100%;max-height:50px;width:auto;height:auto;object-fit:contain}.logo-collapsed[data-v-c21243d1]{width:100%;display:flex;align-items:center;justify-content:center}.logo-img-small[data-v-c21243d1]{max-width:36px;max-height:36px;width:auto;height:auto;object-fit:contain}.nav-menu[data-v-c21243d1]{flex:1;padding:var(--spacing-5) 0;overflow-y:auto}.nav-section-title[data-v-c21243d1]{padding:var(--spacing-4) var(--spacing-6) var(--spacing-2);margin-top:var(--spacing-4);font-size:var(--font-size-xs);font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.nav-section-title[data-v-c21243d1]:first-child{margin-top:0}.nav-item[data-v-c21243d1]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-5);margin:var(--spacing-1) var(--spacing-4);color:#ffffffde;text-decoration:none;transition:all var(--transition-base);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border-radius:var(--radius-base);position:relative}.sidebar.collapsed .nav-item[data-v-c21243d1]{padding:var(--spacing-2) var(--spacing-2);margin:var(--spacing-1) var(--spacing-2);justify-content:center}.sidebar.collapsed .nav-item .nav-label[data-v-c21243d1]{display:none}.nav-item[data-v-c21243d1]:hover{background:rgba(255,255,255,.08)}.nav-item.active[data-v-c21243d1]{background:var(--accent);color:var(--primary);font-weight:600;box-shadow:var(--shadow-sm)}.nav-item.nav-subitem[data-v-c21243d1]{padding-left:var(--spacing-10);font-size:var(--font-size-xs);font-weight:400;margin:0 var(--spacing-4);color:#ffffffb3}.nav-item.nav-subitem[data-v-c21243d1]:hover{background:rgba(255,255,255,.06);color:#ffffffe6}.nav-item.nav-subitem.active[data-v-c21243d1]{background:rgba(255,215,0,.15);color:var(--accent);font-weight:500}.nav-icon-placeholder-sub[data-v-c21243d1]{width:16px;display:inline-block}.nav-item.active[data-v-c21243d1]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:80%;background:var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.nav-icon[data-v-c21243d1]{font-size:18px;display:flex;align-items:center;justify-content:center;width:20px}.nav-icon-placeholder[data-v-c21243d1]{width:24px;height:20px;display:inline-block}.sidebar-footer[data-v-c21243d1]{padding:var(--spacing-5) var(--spacing-6);border-top:1px solid rgba(255,255,255,.1)}.sidebar.collapsed .sidebar-footer[data-v-c21243d1]{padding:var(--spacing-5) var(--spacing-2)}.user-profile-link[data-v-c21243d1]{text-decoration:none;color:inherit;display:block;margin-bottom:var(--spacing-3);transition:transform var(--transition-base)}.user-profile-link[data-v-c21243d1]:hover{transform:translateY(-2px)}.user-info[data-v-c21243d1]{background:rgba(255,255,255,.08);padding:var(--spacing-3);border-radius:var(--radius-base);display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer;transition:background var(--transition-base)}.sidebar.collapsed .user-info[data-v-c21243d1]{justify-content:center;padding:var(--spacing-2)}.user-profile-link:hover .user-info[data-v-c21243d1]{background:rgba(255,255,255,.12)}.profile-avatar[data-v-c21243d1]{width:40px;height:40px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;border:2px solid rgba(255,255,255,.2)}.user-details[data-v-c21243d1]{flex:1;min-width:0}.user-label[data-v-c21243d1]{margin:0 0 var(--spacing-1);font-size:var(--font-size-xs);opacity:.75;text-transform:uppercase;letter-spacing:.5px}.user-email[data-v-c21243d1]{margin:0;font-size:var(--font-size-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn[data-v-c21243d1]{width:100%;padding:var(--spacing-3);background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.sidebar.collapsed .logout-btn[data-v-c21243d1]{padding:var(--spacing-2)}.logout-btn[data-v-c21243d1]:hover{background:rgba(255,255,255,.15);border-color:#ffffff4d;transform:translateY(-1px)}.main-content[data-v-c21243d1]{flex:1;display:flex;flex-direction:column;margin-left:260px;transition:margin-left .3s ease,margin-right var(--transition-base);overflow-y:auto;height:100vh}.sidebar.collapsed~.main-content[data-v-c21243d1]{margin-left:70px}.main-content.todo-open[data-v-c21243d1]{margin-right:400px}.top-bar[data-v-c21243d1]{background:var(--surface);padding:var(--spacing-4) var(--spacing-8);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);gap:var(--spacing-5);height:64px;position:sticky;top:0;z-index:100}.toggle-btn[data-v-c21243d1]{background:none;border:none;cursor:pointer;font-size:24px;color:var(--primary);padding:var(--spacing-2);border-radius:var(--radius-base);transition:background var(--transition-base);display:flex;align-items:center;justify-content:center}.toggle-btn[data-v-c21243d1]:hover{background:var(--surface-variant)}.api-status-indicator[data-v-c21243d1]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);cursor:help;transition:all var(--transition-base);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-base)}.api-status-indicator[data-v-c21243d1]:hover{background:var(--surface-variant)}.status-dot[data-v-c21243d1]{width:10px;height:10px;border-radius:50%;transition:all var(--transition-base);box-shadow:0 0 #0000004d;animation:pulse-c21243d1 2s infinite;flex-shrink:0}.status-label[data-v-c21243d1]{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;transition:all var(--transition-base)}.api-status-indicator.connected .status-dot[data-v-c21243d1]{background:#10b981;box-shadow:0 0 #10b981b3}.api-status-indicator.connected .status-label[data-v-c21243d1]{color:#10b981}.api-status-indicator.disconnected .status-dot[data-v-c21243d1]{background:#ef4444;box-shadow:0 0 #ef4444b3;animation:none}.api-status-indicator.disconnected .status-label[data-v-c21243d1]{color:#ef4444}.api-status-indicator:hover .status-dot[data-v-c21243d1]{transform:scale(1.2)}@keyframes pulse-c21243d1{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.global-search-container[data-v-c21243d1]{position:relative;flex:1;max-width:500px}.global-search-input[data-v-c21243d1]{width:100%;padding:var(--spacing-3) 40px var(--spacing-3) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-base);font-size:var(--font-size-base);font-family:var(--font-family);background:var(--background);transition:all var(--transition-base)}.global-search-input[data-v-c21243d1]:focus{outline:none;border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px #3e6b9e1a}.search-icon[data-v-c21243d1]{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none;opacity:.5;color:var(--on-surface)}.global-search-results[data-v-c21243d1]{position:absolute;top:calc(100% + var(--spacing-2));left:0;right:0;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:400px;overflow-y:auto;z-index:1000;border:1px solid var(--border-color)}.no-results[data-v-c21243d1]{padding:var(--spacing-6);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.results-list[data-v-c21243d1]{padding:var(--spacing-2)}.result-item[data-v-c21243d1]{padding:var(--spacing-3);border-radius:var(--radius-base);cursor:pointer;transition:background var(--transition-base);display:flex;gap:var(--spacing-3);align-items:flex-start}.result-item[data-v-c21243d1]:hover{background:var(--background)}.result-type[data-v-c21243d1]{padding:var(--spacing-1) var(--spacing-2);background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.result-content[data-v-c21243d1]{flex:1}.result-title[data-v-c21243d1]{font-size:var(--font-size-base);font-weight:600;color:var(--on-surface);margin-bottom:var(--spacing-1)}.result-subtitle[data-v-c21243d1]{font-size:var(--font-size-sm);color:var(--text-muted)}.top-icons[data-v-c21243d1]{display:flex;align-items:center;gap:var(--spacing-4)}.icon-link[data-v-c21243d1]{text-decoration:none;display:flex;align-items:center}.icon[data-v-c21243d1]{font-size:20px;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-base);transition:all var(--transition-base);color:var(--on-surface);display:flex;align-items:center;justify-content:center}.icon[data-v-c21243d1]:hover{background:var(--background);transform:scale(1.1)}.content[data-v-c21243d1]{flex:1;padding:var(--spacing-8);background:var(--background)}.sidebar-overlay[data-v-c21243d1]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;animation:fadeIn-c21243d1 .3s ease-out}@keyframes fadeIn-c21243d1{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.sidebar[data-v-c21243d1]{width:0;z-index:1000;transform:translate(-100%);transition:transform .3s ease-out}.sidebar.open[data-v-c21243d1]{width:260px;transform:translate(0)}.sidebar.collapsed[data-v-c21243d1]{width:0}.sidebar.collapsed.open[data-v-c21243d1]{width:260px}.main-content[data-v-c21243d1]{margin-left:0!important;width:100%}.toggle-btn[data-v-c21243d1]{display:block}}@media (min-width: 769px){.toggle-btn[data-v-c21243d1]{display:none}}.modal-overlay[data-v-c21243d1]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(47,43,61,.5);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-c21243d1 .3s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.notification-modal[data-v-c21243d1]{background:var(--surface);border-radius:var(--radius-xl);width:90%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--elevation-card)}.modal-header[data-v-c21243d1]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--border-color);background:var(--background)}.modal-header h3[data-v-c21243d1]{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--on-surface)}.notification-header-actions[data-v-c21243d1]{display:flex;align-items:center;gap:var(--spacing-3)}.mark-all-read-btn[data-v-c21243d1]{background:var(--primary);color:#fff;border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-base);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.mark-all-read-btn[data-v-c21243d1]:hover{background:var(--primary-dark);transform:translateY(-1px)}.notification-bell[data-v-c21243d1]{position:relative}.notification-badge[data-v-c21243d1]{position:absolute;top:-4px;right:-4px;background:#e74c3c;color:#fff;font-size:10px;font-weight:700;padding:2px 5px;border-radius:10px;min-width:18px;text-align:center;line-height:1.2;box-shadow:0 2px 4px #0003}.close-btn[data-v-c21243d1]{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-muted);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-base);transition:all var(--transition-base)}.close-btn[data-v-c21243d1]:hover{background:var(--surface-variant);color:var(--on-surface)}.notification-list[data-v-c21243d1]{flex:1;overflow-y:auto;padding:var(--spacing-4)}.no-notifications[data-v-c21243d1]{text-align:center;padding:var(--spacing-10) var(--spacing-5);color:var(--text-muted)}.notification-item[data-v-c21243d1]{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3);background:var(--background);transition:all var(--transition-base);border:1px solid transparent;position:relative;cursor:pointer}.notification-item[data-v-c21243d1]:hover{border-color:var(--border-color);box-shadow:var(--shadow-sm)}.notification-item.unread[data-v-c21243d1]{background:rgba(62,107,158,.05);border-left-width:3px}.unread-indicator[data-v-c21243d1]{position:absolute;top:50%;right:var(--spacing-4);transform:translateY(-50%);width:8px;height:8px;background:var(--primary);border-radius:50%}.notification-item.success[data-v-c21243d1]{border-left:3px solid var(--success)}.notification-item.warning[data-v-c21243d1]{border-left:3px solid var(--warning)}.notification-item.info[data-v-c21243d1]{border-left:3px solid var(--info)}.notification-icon[data-v-c21243d1]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.notification-item.success .notification-icon[data-v-c21243d1]{background:rgba(40,199,111,.12);color:var(--success)}.notification-item.warning .notification-icon[data-v-c21243d1]{background:rgba(255,159,67,.12);color:var(--warning)}.notification-item.info .notification-icon[data-v-c21243d1]{background:rgba(0,186,209,.12);color:var(--info)}.notification-content[data-v-c21243d1]{flex:1}.notification-title[data-v-c21243d1]{margin:0 0 var(--spacing-1);font-size:var(--font-size-base);font-weight:600;color:var(--on-surface)}.notification-message[data-v-c21243d1]{margin:0 0 var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5}.notification-time[data-v-c21243d1]{margin:0;font-size:var(--font-size-xs);color:var(--text-muted);opacity:.7}.todo-sidebar[data-v-c21243d1]{position:fixed;top:0;right:0;width:400px;height:100vh;background:var(--surface);border-left:1px solid var(--border-color);z-index:100;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-base)}.todo-sidebar.open[data-v-c21243d1]{transform:translate(0)}.todo-header[data-v-c21243d1]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--border-color);background:var(--background)}.todo-header h3[data-v-c21243d1]{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--on-surface)}.todo-input-section[data-v-c21243d1]{padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-3);background:var(--surface)}.todo-input[data-v-c21243d1]{flex:1;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-base);font-size:var(--font-size-base);font-family:var(--font-family);background:var(--background);transition:all var(--transition-base)}.todo-input[data-v-c21243d1]:focus{outline:none;border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px #3e6b9e1a}.add-todo-btn[data-v-c21243d1]{padding:var(--spacing-3) var(--spacing-6);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.add-todo-btn[data-v-c21243d1]:hover{background:var(--primary-darken);box-shadow:var(--shadow-md);transform:translateY(-1px)}.todo-list[data-v-c21243d1]{flex:1;overflow-y:auto;padding:var(--spacing-4) var(--spacing-6);background:var(--background)}.no-todos[data-v-c21243d1]{text-align:center;padding:var(--spacing-10) var(--spacing-5);color:var(--text-muted)}.no-todos p[data-v-c21243d1]{margin:0;font-size:var(--font-size-base)}.todo-item[data-v-c21243d1]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--surface);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3);transition:all var(--transition-base);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.todo-item[data-v-c21243d1]:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.todo-item.completed[data-v-c21243d1]{opacity:.6;background:var(--background)}.todo-checkbox[data-v-c21243d1]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.todo-text[data-v-c21243d1]{flex:1;font-size:var(--font-size-base);color:var(--on-surface);word-break:break-word;line-height:1.5}.todo-item.completed .todo-text[data-v-c21243d1]{text-decoration:line-through;color:var(--text-muted)}.delete-todo-btn[data-v-c21243d1]{background:none;border:none;font-size:16px;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-base);transition:all var(--transition-base);opacity:.5}.delete-todo-btn[data-v-c21243d1]:hover{background:rgba(255,76,81,.1);opacity:1;color:var(--error)}@media (max-width: 768px){.todo-sidebar[data-v-c21243d1]{width:100%;max-width:100%;z-index:2000}.main-content.todo-open[data-v-c21243d1]{margin-right:0}}.message-board-modal[data-v-c21243d1]{background:var(--surface);border-radius:var(--radius-xl);width:90%;max-width:500px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--elevation-card)}.message-board-modal .modal-header[data-v-c21243d1]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--border-color);background:var(--background)}.message-board-modal .modal-header h3[data-v-c21243d1]{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--on-surface)}.message-board-content[data-v-c21243d1]{padding:var(--spacing-6)}.message-board-info[data-v-c21243d1]{color:var(--text-muted);font-size:var(--font-size-sm);margin:0 0 var(--spacing-4);line-height:1.5}.message-board-textarea[data-v-c21243d1]{width:100%;padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-base);font-family:inherit;font-size:var(--font-size-base);resize:vertical;min-height:120px;background:var(--surface);color:var(--on-surface);transition:border-color var(--transition-base)}.message-board-textarea[data-v-c21243d1]:focus{outline:none;border-color:var(--primary)}.message-board-actions[data-v-c21243d1]{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-4)}.message-board-actions .cancel-btn[data-v-c21243d1]{padding:var(--spacing-2) var(--spacing-4);background:var(--surface-variant);color:var(--on-surface);border:1px solid var(--border-color);border-radius:var(--radius-base);cursor:pointer;font-weight:600;font-size:var(--font-size-sm);transition:all var(--transition-base)}.message-board-actions .cancel-btn[data-v-c21243d1]:hover{background:var(--background)}.message-board-actions .save-btn[data-v-c21243d1]{padding:var(--spacing-2) var(--spacing-4);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-base);cursor:pointer;font-weight:600;font-size:var(--font-size-sm);transition:all var(--transition-base)}.message-board-actions .save-btn[data-v-c21243d1]:hover:not(:disabled){background:var(--primary-darken)}.message-board-actions .save-btn[data-v-c21243d1]:disabled{opacity:.6;cursor:not-allowed}.dark .sidebar{background:#1e293b!important;border-right:1px solid rgba(255,255,255,.08)}.dark .sidebar-header{border-bottom:1px solid rgba(255,255,255,.08)}.dark .nav-item.active{background:rgba(90,143,196,.2)!important;color:#5a8fc4!important}.dark .nav-item.active:before{background:#5a8fc4}.dark .sidebar-footer{border-top:1px solid rgba(255,255,255,.08)}.dark .user-info{background:rgba(255,255,255,.05)}.dark .user-profile-link:hover .user-info{background:rgba(255,255,255,.08)}.dark .logout-btn{background:rgba(255,255,255,.05);border-color:#ffffff1a}.dark .logout-btn:hover{background:rgba(255,255,255,.1);border-color:#fff3}.dark .todo-sidebar{background:#1e293b!important;border-left-color:#ffffff14!important}.dark .todo-header{background:#0f172a!important;border-bottom-color:#ffffff14!important}.dark .todo-header h3{color:#f1f5f9!important}.dark .todo-input-section{background:#1e293b!important;border-bottom-color:#ffffff14!important}.dark .todo-input{background:#334155!important;border-color:#ffffff1a!important;color:#f1f5f9!important}.dark .todo-input::placeholder{color:#94a3b8!important}.dark .todo-input:focus{background:#1e293b!important;border-color:#5a8fc4!important}.dark .todo-list{background:#0f172a!important}.dark .no-todos{color:#94a3b8!important}.dark .todo-item{background:#1e293b!important;border-color:#ffffff14!important}.dark .todo-item:hover{background:#334155!important}.dark .todo-item.completed{background:#0f172a!important}.dark .todo-text{color:#f1f5f9!important}.dark .todo-item.completed .todo-text{color:#64748b!important}.dark .delete-todo-btn{color:#94a3b8!important}.dark .delete-todo-btn:hover{background:rgba(239,68,68,.2)!important;color:#f87171!important}.popup-overlay[data-v-e1e036ed]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn-e1e036ed .3s ease-out}@keyframes fadeIn-e1e036ed{0%{opacity:0}to{opacity:1}}.popup-content[data-v-e1e036ed]{background:var(--surface);border:2px solid var(--border-color);border-radius:var(--radius-xl);max-width:600px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:slideUp-e1e036ed .3s ease-out}@keyframes slideUp-e1e036ed{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.popup-header[data-v-e1e036ed]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6) var(--spacing-7);border-bottom:2px solid var(--border-color);background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.popup-header h2[data-v-e1e036ed]{margin:0;font-size:var(--font-size-2xl);font-weight:700;color:var(--on-surface);display:flex;align-items:center;gap:var(--spacing-3)}.popup-header h2 svg[data-v-e1e036ed]{color:var(--primary)}.close-btn[data-v-e1e036ed]{background:transparent;border:2px solid var(--border-color);color:var(--text-muted);cursor:pointer;padding:var(--spacing-2);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-base);transition:all var(--transition-base)}.close-btn[data-v-e1e036ed]:hover{background:var(--error, #ef4444);border-color:var(--error, #ef4444);color:#fff;transform:scale(1.05)}.popup-body[data-v-e1e036ed]{padding:var(--spacing-8);overflow-y:auto;flex:1}.message-content[data-v-e1e036ed]{text-align:center}.message-content p[data-v-e1e036ed]{font-size:var(--font-size-lg);line-height:1.8;color:var(--on-surface);margin:0;white-space:pre-wrap;font-weight:400}.popup-footer[data-v-e1e036ed]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5) var(--spacing-7);border-top:2px solid var(--border-color);background:var(--surface);border-radius:0 0 var(--radius-xl) var(--radius-xl);gap:var(--spacing-4)}.dont-show-checkbox[data-v-e1e036ed]{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--on-surface);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500}.dont-show-checkbox input[type=checkbox][data-v-e1e036ed]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary);border-radius:4px}.ok-btn[data-v-e1e036ed]{padding:var(--spacing-3) var(--spacing-8);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-base);cursor:pointer;font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-base);font-family:var(--font-family);min-width:120px;text-align:center}.ok-btn[data-v-e1e036ed]:hover{background:var(--primary-darken);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}@media (max-width: 640px){.popup-content[data-v-e1e036ed]{width:95%}.popup-body[data-v-e1e036ed]{padding:var(--spacing-6)}.message-content p[data-v-e1e036ed]{font-size:var(--font-size-base)}.popup-footer[data-v-e1e036ed]{flex-direction:column;gap:var(--spacing-3);align-items:stretch}.ok-btn[data-v-e1e036ed]{width:100%}}.dark .popup-content{background:#1f2937}.dark .popup-header{border-bottom-color:#ffffff1a}.dark .popup-footer{background:rgba(0,0,0,.2);border-top-color:#ffffff1a}.dark .message-content p{color:#e5e7eb}.dark .dont-show-checkbox{color:#9ca3af}.dashboard[data-v-0b660ec7]{max-width:1400px;margin:0 auto}.welcome-banner[data-v-0b660ec7]{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-darken) 100%);padding:var(--spacing-10) var(--spacing-8);border-radius:var(--radius-xl);margin-bottom:var(--spacing-8);box-shadow:var(--elevation-card);position:relative;overflow:visible;min-height:250px}.welcome-banner[data-v-0b660ec7]:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.welcome-content[data-v-0b660ec7]{position:relative;z-index:10;max-width:60%}.welcome-content h1[data-v-0b660ec7]{color:#fff;font-size:var(--font-size-4xl);margin:0 0 var(--spacing-2);font-weight:700;letter-spacing:-.5px}.welcome-content p[data-v-0b660ec7]{color:#ffffffe6;font-size:var(--font-size-lg);margin:0;font-weight:400}.quote-text[data-v-0b660ec7]{font-style:italic;line-height:1.6;max-width:600px}.decorative-shapes[data-v-0b660ec7]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:var(--radius-xl)}.shape[data-v-0b660ec7]{position:absolute;opacity:.2}.shape path[data-v-0b660ec7],.shape circle[data-v-0b660ec7]{fill:#ffffff4d}.shape-star-1[data-v-0b660ec7]{top:20px;left:15%}.shape-star-2[data-v-0b660ec7]{bottom:30px;left:25%;opacity:.15}.shape-triangle-1[data-v-0b660ec7]{top:40%;right:30%}.shape-triangle-2[data-v-0b660ec7]{top:20%;left:40%;opacity:.25}.shape-diamond-1[data-v-0b660ec7]{top:15%;right:20%;opacity:.18}.shape-diamond-2[data-v-0b660ec7]{bottom:25%;right:50%}.shape-circle-1[data-v-0b660ec7]{bottom:20%;right:45%;opacity:.15}.shape-circle-2[data-v-0b660ec7]{top:35%;left:30%;opacity:.22}.avatar-container[data-v-0b660ec7]{position:absolute;bottom:0;right:40px;height:130%;z-index:5}.avatar-image[data-v-0b660ec7]{height:100%;width:auto;object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}.header[data-v-0b660ec7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8);flex-wrap:wrap;gap:var(--spacing-4)}.header h1[data-v-0b660ec7]{color:var(--on-surface);font-size:var(--font-size-3xl);margin:0;font-weight:700}.filters[data-v-0b660ec7]{display:flex;gap:var(--spacing-2);background:var(--surface);padding:var(--spacing-1);border-radius:var(--radius-base);box-shadow:var(--shadow-sm)}.filter-btn[data-v-0b660ec7]{padding:var(--spacing-2) var(--spacing-4);background:transparent;color:var(--text-muted);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-base);font-family:var(--font-family)}.filter-btn[data-v-0b660ec7]:hover{background:var(--background);color:var(--on-surface)}.filter-btn.active[data-v-0b660ec7]{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.kpi-grid[data-v-0b660ec7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-5);margin-bottom:var(--spacing-8)}.widget[data-v-0b660ec7]{background:var(--surface);padding:var(--spacing-6);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--elevation-card);transition:all var(--transition-base);position:relative;overflow:hidden}.widget[data-v-0b660ec7]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-lighten) 100%);opacity:0;transition:opacity var(--transition-base)}.widget[data-v-0b660ec7]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.widget[data-v-0b660ec7]:hover:before{opacity:1}.widget-header[data-v-0b660ec7]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.label[data-v-0b660ec7]{color:var(--text-muted);font-size:var(--font-size-sm);margin:0;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.icon[data-v-0b660ec7]{font-size:32px;opacity:.8;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.value[data-v-0b660ec7]{font-size:var(--font-size-4xl);margin:0;font-weight:700;letter-spacing:-1px}.charts-grid[data-v-0b660ec7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-5)}.chart-card[data-v-0b660ec7]{background:var(--surface);padding:var(--spacing-6);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--elevation-card);transition:all var(--transition-base)}.chart-card[data-v-0b660ec7]:hover{box-shadow:var(--shadow-lg)}.chart-card h3[data-v-0b660ec7]{color:var(--on-surface);margin:0 0 var(--spacing-5);font-weight:600;font-size:var(--font-size-xl)}.data-table[data-v-0b660ec7]{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table thead[data-v-0b660ec7]{background:var(--background);border-radius:var(--radius-sm)}.data-table th[data-v-0b660ec7]{padding:var(--spacing-3) var(--spacing-3);text-align:left;font-weight:600;color:var(--text-muted);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.5px}.data-table td[data-v-0b660ec7]{padding:var(--spacing-3) var(--spacing-3);border-top:1px solid var(--border-color);color:var(--on-surface)}.data-table tbody tr[data-v-0b660ec7]{transition:background var(--transition-base)}.data-table tbody tr[data-v-0b660ec7]:hover{background:var(--background)}.summary-grid[data-v-0b660ec7]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.summary-item[data-v-0b660ec7]{padding:var(--spacing-5);background:var(--background);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border-color);transition:all var(--transition-base)}.summary-item[data-v-0b660ec7]:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.summary-label[data-v-0b660ec7]{color:var(--text-muted);font-size:var(--font-size-xs);margin:0 0 var(--spacing-2);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.summary-value[data-v-0b660ec7]{margin:0;font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-1px}.widgets-grid[data-v-0b660ec7]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.activity-widget[data-v-0b660ec7]{background:var(--surface);padding:var(--spacing-6);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--elevation-card);transition:all var(--transition-base)}.activity-widget[data-v-0b660ec7]:hover{box-shadow:var(--shadow-lg)}.widget-header-bar[data-v-0b660ec7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-color)}.widget-header-bar h3[data-v-0b660ec7]{color:var(--on-surface);margin:0;font-weight:600;font-size:var(--font-size-xl)}.view-all-link[data-v-0b660ec7]{color:var(--primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-base);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm)}.view-all-link[data-v-0b660ec7]:hover{color:var(--primary-darken);background:var(--background)}.activity-widget .widget-content[data-v-0b660ec7]{min-height:100px}.no-data[data-v-0b660ec7]{text-align:center;padding:var(--spacing-10) var(--spacing-5);color:var(--text-muted)}.no-data p[data-v-0b660ec7]{margin:0;font-size:var(--font-size-base)}.activity-list[data-v-0b660ec7]{display:flex;flex-direction:column;gap:var(--spacing-3)}.activity-item[data-v-0b660ec7]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--background);border-radius:var(--radius-lg);transition:all var(--transition-base);border:1px solid transparent}.activity-item[data-v-0b660ec7]:hover{background:var(--surface);border-color:var(--border-color);transform:translate(4px);box-shadow:var(--shadow-sm)}.activity-icon[data-v-0b660ec7]{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);flex-shrink:0}.activity-info[data-v-0b660ec7]{flex:1}.activity-action[data-v-0b660ec7]{margin:0 0 var(--spacing-1);font-size:var(--font-size-base);font-weight:500;color:var(--on-surface);line-height:1.5}.activity-time[data-v-0b660ec7]{margin:0;font-size:var(--font-size-sm);color:var(--text-muted)}.tasks-list[data-v-0b660ec7]{display:flex;flex-direction:column;gap:var(--spacing-3)}.task-item[data-v-0b660ec7]{padding:var(--spacing-3);background:var(--background);border-radius:var(--radius-lg);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-base)}.task-item[data-v-0b660ec7]:hover{background:var(--surface);border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.task-header[data-v-0b660ec7]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2)}.task-title-row[data-v-0b660ec7]{display:flex;align-items:center;gap:var(--spacing-2);flex:1}.task-checkbox[data-v-0b660ec7]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.task-title[data-v-0b660ec7]{font-size:var(--font-size-base);font-weight:500;color:var(--on-surface);flex:1;line-height:1.5}.task-title.completed[data-v-0b660ec7]{text-decoration:line-through;color:var(--text-muted)}.task-meta[data-v-0b660ec7]{display:flex;gap:var(--spacing-2);align-items:center;margin-bottom:var(--spacing-2);flex-wrap:wrap}.status-badge[data-v-0b660ec7]{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge.todo[data-v-0b660ec7]{background:rgba(107,114,128,.12);color:#4b5563}.status-badge.in-progress[data-v-0b660ec7]{background:rgba(0,186,209,.12);color:var(--info)}.status-badge.review[data-v-0b660ec7]{background:rgba(255,159,67,.12);color:var(--warning)}.status-badge.done[data-v-0b660ec7]{background:rgba(40,199,111,.12);color:var(--success)}.priority-badge[data-v-0b660ec7]{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.priority-badge.low[data-v-0b660ec7]{background:rgba(107,114,128,.12);color:#6b7280}.priority-badge.medium[data-v-0b660ec7]{background:rgba(255,159,67,.12);color:var(--warning)}.priority-badge.high[data-v-0b660ec7]{background:rgba(255,159,67,.2);color:#d97706}.priority-badge.urgent[data-v-0b660ec7]{background:rgba(255,76,81,.12);color:var(--error)}.due-date[data-v-0b660ec7]{font-size:var(--font-size-sm);color:var(--text-muted);display:flex;align-items:center;gap:var(--spacing-1)}.due-date.overdue[data-v-0b660ec7]{color:var(--error);font-weight:600}.task-labels[data-v-0b660ec7]{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.task-label[data-v-0b660ec7]{padding:var(--spacing-1) var(--spacing-2);background:rgba(62,107,158,.12);color:var(--primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.more-labels[data-v-0b660ec7]{padding:var(--spacing-1) var(--spacing-2);background:var(--surface-variant);color:var(--text-muted);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}@media (max-width: 1024px){.widgets-grid[data-v-0b660ec7]{grid-template-columns:1fr}.welcome-content[data-v-0b660ec7]{max-width:50%}.avatar-container[data-v-0b660ec7]{height:100%;right:20px}}@media (max-width: 768px){.welcome-banner[data-v-0b660ec7]{padding:var(--spacing-8) var(--spacing-6);min-height:200px}.welcome-content[data-v-0b660ec7]{max-width:100%}.welcome-content h1[data-v-0b660ec7]{font-size:var(--font-size-2xl)}.avatar-container[data-v-0b660ec7]{display:none}.shape[data-v-0b660ec7]{transform:scale(.7)}}.dark .decorative-shapes .shape{opacity:.25}.hero-header[data-v-ece5e757]{position:relative;padding:60px 40px;margin:-20px -20px 40px;border-radius:0 0 20px 20px;text-align:center;box-shadow:0 4px 20px #0000001a;min-height:200px}.hero-header[data-v-ece5e757]:not(.has-background-image){background:linear-gradient(135deg,var(--v2c716e12) 0%,var(--v4c18423a) 100%)}.hero-header.has-background-image[data-v-ece5e757]{background:var(--custom-bg-image, none);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-header h1[data-v-ece5e757]{color:#fff;font-size:42px;margin:0 0 8px;font-weight:700}.hero-header p[data-v-ece5e757]{color:#ffffffe6;font-size:16px;margin:0;font-weight:400}.bg-change-btn[data-v-ece5e757]{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.bg-change-btn[data-v-ece5e757]:hover{background:rgba(0,0,0,.5);transform:scale(1.1)}.modal-overlay[data-v-ece5e757]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-ece5e757]{background:var(--surface, white);border-radius:12px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-ece5e757]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color, #e5e7eb)}.modal-header h3[data-v-ece5e757]{margin:0;font-size:20px;font-weight:600;color:var(--on-surface, #111)}.close-btn[data-v-ece5e757]{background:none;border:none;color:var(--text-muted, #666);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.close-btn[data-v-ece5e757]:hover{background:var(--background, #f5f5f5)}.modal-body[data-v-ece5e757]{padding:24px}.modal-footer[data-v-ece5e757]{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border-color, #e5e7eb);background:var(--background, #f9fafb);border-radius:0 0 12px 12px}.upload-tabs[data-v-ece5e757]{display:flex;gap:8px;margin-bottom:20px;padding:4px;background:var(--background, #f5f5f5);border-radius:8px}.tab-btn[data-v-ece5e757]{flex:1;padding:8px 16px;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-muted, #666);transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.tab-btn[data-v-ece5e757]:hover{color:var(--primary, #3E6B9E);background:rgba(62,107,158,.1)}.tab-btn.active[data-v-ece5e757]{background:var(--surface, white);color:var(--primary, #3E6B9E);box-shadow:0 1px 3px #0000001a}.form-group[data-v-ece5e757]{margin-bottom:20px}.form-group label[data-v-ece5e757]{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--on-surface, #333)}.form-input[data-v-ece5e757]{width:100%;padding:10px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s;background:var(--surface, white);color:var(--on-surface, #333)}.form-input[data-v-ece5e757]:focus{outline:none;border-color:var(--primary, #3E6B9E)}.file-input[data-v-ece5e757]{width:100%;padding:12px;border:2px dashed var(--border-color, #e5e7eb);border-radius:8px;font-size:14px;cursor:pointer;background:var(--background, #f9fafb);transition:all .2s}.file-input[data-v-ece5e757]:hover{border-color:var(--primary, #3E6B9E);background:rgba(62,107,158,.05)}.form-help[data-v-ece5e757]{font-size:13px;color:var(--text-muted, #666);margin-top:8px}.image-preview[data-v-ece5e757]{margin-top:16px}.image-preview label[data-v-ece5e757]{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--on-surface, #333)}.image-preview img[data-v-ece5e757]{max-width:100%;max-height:200px;border-radius:8px;border:1px solid var(--border-color, #e5e7eb)}.cancel-btn[data-v-ece5e757]{padding:10px 20px;background:var(--background, #f5f5f5);color:var(--on-surface, #333);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.cancel-btn[data-v-ece5e757]:hover{background:var(--surface-variant, #e5e7eb)}.save-btn[data-v-ece5e757]{padding:10px 20px;background:var(--primary, #3E6B9E);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.save-btn[data-v-ece5e757]:hover:not(:disabled){background:#2c5282}.save-btn[data-v-ece5e757]:disabled{opacity:.6;cursor:not-allowed}.remove-btn[data-v-ece5e757]{padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s;margin-right:auto}.remove-btn[data-v-ece5e757]:hover{background:#c82333}.dark .hero-header h1{color:#fff}.dark .hero-header p{color:#ffffffe6}.dark .modal-content{background:#1f2937}.dark .modal-header{border-bottom-color:#ffffff1a}.dark .modal-footer{background:rgba(0,0,0,.2);border-top-color:#ffffff1a}.dark .cancel-btn{background:rgba(255,255,255,.05);border-color:#ffffff1a;color:#e5e7eb}.dark .cancel-btn:hover{background:rgba(255,255,255,.1)}.checkoff[data-v-773a51f4]{max-width:1400px;margin:0 auto}.hero-header[data-v-773a51f4]{position:relative;background:linear-gradient(135deg,#3E6B9E 0%,#2d5275 100%);background-size:cover;background-position:center;padding:80px 40px;margin:-20px -20px 40px;border-radius:0 0 20px 20px;text-align:center;box-shadow:0 4px 20px #0000001a}.hero-header h1[data-v-773a51f4]{color:#fff;font-size:48px;margin:0;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-upload-btn[data-v-773a51f4]{position:absolute;top:20px;right:20px;padding:8px 16px;background:rgba(255,255,255,.2);color:#fff;border-radius:6px;cursor:pointer;font-weight:600;font-size:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);transition:all .2s}.hero-upload-btn[data-v-773a51f4]:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.checkoff h2[data-v-773a51f4]{color:#333;font-size:24px;margin:32px 0 20px;font-weight:600}.upload-section[data-v-773a51f4]{margin-bottom:32px}.upload-card[data-v-773a51f4]{background:white;padding:32px;border-radius:12px;border:2px dashed #3E6B9E;text-align:center}.upload-card h3[data-v-773a51f4]{color:#333;margin:0 0 20px;font-size:20px}.file-input[data-v-773a51f4]{display:none}.upload-btn[data-v-773a51f4]{display:inline-block;padding:12px 32px;background:#3E6B9E;color:#fff;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s}.upload-btn[data-v-773a51f4]:hover{background:#2d5275}.upload-hint[data-v-773a51f4]{margin:12px 0 0;color:#999;font-size:13px}.logs-section[data-v-773a51f4]{margin-bottom:32px}.logs-header[data-v-773a51f4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.logs-header h2[data-v-773a51f4]{margin:0}.logs-grid[data-v-773a51f4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.log-card[data-v-773a51f4]{background:white;padding:20px;border-radius:12px;border:1px solid #f5f5f5;cursor:pointer;transition:all .2s}.log-card[data-v-773a51f4]:hover{border-color:#3e6b9e;box-shadow:0 4px 12px #3e6b9e1a;transform:translateY(-2px)}.log-header[data-v-773a51f4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f5f5f5}.log-header h3[data-v-773a51f4]{color:#3e6b9e;margin:0;font-size:18px}.log-date[data-v-773a51f4]{color:#999;font-size:12px}.source-badge[data-v-773a51f4]{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.source-badge.source-excel[data-v-773a51f4]{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.source-badge.source-api[data-v-773a51f4]{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff}.source-badge.source-manual[data-v-773a51f4]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff}.log-stats[data-v-773a51f4]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.stat[data-v-773a51f4]{text-align:center}.stat-label[data-v-773a51f4]{display:block;font-size:10px;color:#999;margin-bottom:4px}.stat-value[data-v-773a51f4]{display:block;font-size:18px;font-weight:700;color:#3e6b9e}.stat-value.received[data-v-773a51f4]{color:#10b981}.stat-value.pending[data-v-773a51f4]{color:#f59e0b}.stat-value.notfound[data-v-773a51f4]{color:#ef4444}.stat-value.didnt-receive[data-v-773a51f4]{color:#9ca3af}.log-footer[data-v-773a51f4]{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f5f5f5}.user-badge[data-v-773a51f4]{display:inline-flex;align-items:center;gap:4px;background:#f5f5f5;padding:4px 12px;border-radius:12px;font-size:12px;color:#666}.selected-log[data-v-773a51f4]{margin-top:20px}.header-actions[data-v-773a51f4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.back-btn[data-v-773a51f4]{padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s}.back-btn[data-v-773a51f4]:hover{background:#dc2626}.delete-log-btn[data-v-773a51f4]{padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s}.delete-log-btn[data-v-773a51f4]:hover{background:#dc2626}.log-details-header[data-v-773a51f4]{background:white;padding:20px;border-radius:12px;margin-bottom:24px;border:1px solid #f5f5f5}.header-row-with-key[data-v-773a51f4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.log-details-header h2[data-v-773a51f4]{color:#3e6b9e;margin:0;font-size:28px}.log-meta[data-v-773a51f4]{display:flex;gap:20px;color:#666;font-size:14px;flex-wrap:wrap}.log-key[data-v-773a51f4]{font-weight:600;color:#3e6b9e;background:#f0f4f8;padding:4px 12px;border-radius:4px;opacity:0;transition:opacity .2s}.log-details-header:hover .log-key[data-v-773a51f4]{opacity:1}.log-info[data-v-773a51f4]{margin:8px 0 12px}.cargo-info[data-v-773a51f4]{margin:0;font-size:12px;color:#666;font-weight:500}.scan-grid[data-v-773a51f4]{display:grid;grid-template-columns:30% 70%;gap:24px;margin-bottom:32px}.scan-card[data-v-773a51f4],.info-card[data-v-773a51f4]{background:white;padding:24px;border-radius:12px;border:2px dashed #3E6B9E}.info-card[data-v-773a51f4]{border-color:gold}.info-header[data-v-773a51f4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.info-header h3[data-v-773a51f4]{margin:0}.add-expenses-btn[data-v-773a51f4]{padding:8px 16px;background:#3E6B9E;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.add-expenses-btn[data-v-773a51f4]:hover{background:#2d5275;transform:translateY(-1px)}.add-package-btn[data-v-773a51f4]{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;transition:background .2s}.add-package-btn[data-v-773a51f4]:hover{background:#059669}.scan-card h3[data-v-773a51f4],.info-card h3[data-v-773a51f4]{color:#333;margin:0 0 16px}.scan-input[data-v-773a51f4]{width:100%;padding:12px;border:2px solid #f5f5f5;border-radius:6px;margin-bottom:12px;font-size:14px;box-sizing:border-box}.scan-input[data-v-773a51f4]:focus{outline:none;border-color:#3e6b9e}.scan-btn[data-v-773a51f4]{width:100%;padding:10px;background:#3E6B9E;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-bottom:12px;font-weight:600}.scan-error[data-v-773a51f4]{color:#ef4444;font-size:13px;font-weight:600;margin:8px 0 0;padding:8px;background:#fef2f2;border-radius:4px}.scan-success[data-v-773a51f4]{color:#10b981;font-size:13px;font-weight:600;margin:8px 0 0;padding:8px;background:#f0fdf4;border-radius:4px;border-left:3px solid #10b981}.last-scanned-section[data-v-773a51f4]{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.last-scanned-section h4[data-v-773a51f4]{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.last-scanned-list[data-v-773a51f4]{display:flex;flex-direction:column;gap:8px}.last-scanned-item[data-v-773a51f4]{display:flex;align-items:center;gap:10px;padding:10px;background:#f9fafb;border-radius:6px;transition:all .2s}.last-scanned-item[data-v-773a51f4]:hover{background:#f3f4f6}.scanned-badge[data-v-773a51f4]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#3E6B9E;color:#fff;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.scanned-details[data-v-773a51f4]{flex:1;min-width:0}.scanned-name[data-v-773a51f4]{font-size:13px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scanned-tracking[data-v-773a51f4]{font-size:11px;color:#6b7280;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-grid[data-v-773a51f4]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.info-item[data-v-773a51f4]{padding:12px;background:#f5f5f5;border-radius:6px;text-align:center}.info-item p[data-v-773a51f4]:first-child{color:#999;font-size:12px;margin:0 0 6px}.info-value[data-v-773a51f4]{font-size:20px;font-weight:700;color:#3e6b9e;margin:0}.expense-details-section[data-v-773a51f4]{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.expense-details-header[data-v-773a51f4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.expense-details-header h4[data-v-773a51f4]{margin:0;font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.edit-expenses-btn-small[data-v-773a51f4]{background:#3E6B9E;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.edit-expenses-btn-small[data-v-773a51f4]:hover{background:#2d5275;transform:translateY(-1px)}.expense-details-grid[data-v-773a51f4]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.expense-detail-item[data-v-773a51f4]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f9fafb;border-radius:6px;font-size:13px}.expense-detail-label[data-v-773a51f4]{color:#6b7280;font-weight:500}.expense-detail-value[data-v-773a51f4]{color:#ef4444;font-weight:600;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.expense-detail-value .original-currency[data-v-773a51f4]{font-size:13px}.expense-detail-value .base-currency-equiv[data-v-773a51f4]{font-size:11px;color:#9ca3af;font-weight:500}.table-container[data-v-773a51f4]{background:white;border-radius:12px;border:1px solid #f5f5f5;overflow:hidden;overflow-x:auto}.table-header[data-v-773a51f4]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f5f5f5}.table-header h3[data-v-773a51f4]{margin:0;font-size:18px;font-weight:600;color:#1f2937}.add-package-btn[data-v-773a51f4]{background:#3E6B9E;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-package-btn[data-v-773a51f4]:hover{background:#2d5275;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.packages-table[data-v-773a51f4]{width:100%;border-collapse:collapse;font-size:13px}.packages-table thead[data-v-773a51f4]{background:#f5f5f5}.packages-table th[data-v-773a51f4]{padding:16px;text-align:left;font-weight:600;color:#333}.packages-table td[data-v-773a51f4]{padding:16px;border-top:1px solid #f5f5f5}.packages-table tr.editing[data-v-773a51f4]{background:#f5f5f5}.packages-table tr.received[data-v-773a51f4]{background:#e8f5e9}.packages-table tr.received[data-v-773a51f4]:hover{background:#d7f0d9}.packages-table tr.missing[data-v-773a51f4]{background:#ffebee}.packages-table tr.missing[data-v-773a51f4]:hover{background:#ffcdd2}.packages-table tr.highlight-flash[data-v-773a51f4]{animation:highlightFlash-773a51f4 2s ease-out}@keyframes highlightFlash-773a51f4{0%{background:#FFD700}50%{background:#FFE55C}to{background:inherit}}.code-badge[data-v-773a51f4]{background:#3E6B9E;color:#fff;padding:4px 12px;border-radius:4px;font-size:11px;font-weight:600}.company-code[data-v-773a51f4]{background:#3E6B9E;color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;display:inline-block}.customer-id-cell[data-v-773a51f4]{font-family:monospace}.customer-id[data-v-773a51f4]{background:#f3f4f6;padding:4px 8px;border-radius:4px;font-size:12px}.package-id-cell[data-v-773a51f4]{font-family:monospace;font-size:12px}.package-id[data-v-773a51f4]{background:#dbeafe;color:#1e40af;padding:4px 8px;border-radius:4px}.description-cell[data-v-773a51f4]{max-width:250px}.description-text[data-v-773a51f4]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge[data-v-773a51f4]{padding:4px 12px;border-radius:4px;font-size:11px;font-weight:600;color:#fff}.status-badge.verified[data-v-773a51f4]{background:#10b981}.status-badge.pending[data-v-773a51f4]{background:#f59e0b}.status-badge.notfound[data-v-773a51f4]{background:#ef4444}.status-select[data-v-773a51f4]{padding:6px 12px;border:2px solid #e5e5e5;border-radius:6px;font-size:12px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;min-width:120px}.status-select[data-v-773a51f4]:hover{border-color:#3e6b9e}.status-select[data-v-773a51f4]:focus{outline:none;border-color:#3e6b9e}.status-select.received[data-v-773a51f4]{background:#10b981;border-color:#10b981}.status-select.not-received[data-v-773a51f4]{background:#f59e0b;border-color:#f59e0b}.status-select.missing[data-v-773a51f4]{background:#ef4444;border-color:#ef4444}.status-select.unknown[data-v-773a51f4]{background:#9ca3af;border-color:#9ca3af}.status-select.package-status.pending[data-v-773a51f4]{background:#f59e0b;border-color:#f59e0b}.status-select.package-status.awaiting_invoice[data-v-773a51f4]{background:#6366f1;border-color:#6366f1}.status-select.package-status.paid[data-v-773a51f4]{background:#22c55e;border-color:#22c55e}.status-select.package-status.received_at_warehouse[data-v-773a51f4]{background:#06b6d4;border-color:#06b6d4}.status-select.package-status.in_transit_to_jamaica[data-v-773a51f4]{background:#3b82f6;border-color:#3b82f6}.status-select.package-status.delayed[data-v-773a51f4]{background:#ef4444;border-color:#ef4444}.status-select.package-status.processing_by_customs[data-v-773a51f4]{background:#f97316;border-color:#f97316}.status-select.package-status.processing_at_office[data-v-773a51f4]{background:#a855f7;border-color:#a855f7}.status-select.package-status.discrepancy[data-v-773a51f4]{background:#dc2626;border-color:#dc2626}.status-select.package-status.ready_for_pickup_delivery[data-v-773a51f4]{background:#10b981;border-color:#10b981}.status-select.package-status.pickedup[data-v-773a51f4]{background:#14b8a6;border-color:#14b8a6}.status-select.package-status.delivered[data-v-773a51f4]{background:#8b5cf6;border-color:#8b5cf6}.tracking-cell[data-v-773a51f4]{font-family:monospace;font-size:11px}.actions-cell[data-v-773a51f4],.kebab-container[data-v-773a51f4]{position:relative}.kebab-btn[data-v-773a51f4]{padding:8px;background:#f8f9fa;border:2px solid #cbd5e1;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 1px 3px #0000001a;color:#1e293b}.kebab-btn svg[data-v-773a51f4]{color:currentColor}.kebab-btn[data-v-773a51f4]:hover{background:#e2e8f0;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 2px 5px #00000026;color:#0f172a}.kebab-menu[data-v-773a51f4]{position:absolute;right:0;top:calc(100% + 6px);background:white;border:2px solid #cbd5e1;border-radius:10px;box-shadow:0 8px 24px #0003;z-index:1000;min-width:150px;overflow:hidden}.kebab-item[data-v-773a51f4]{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:white;border:none;text-align:left;cursor:pointer;font-size:14px;font-weight:600;color:#1e293b;transition:all .2s;border-bottom:1px solid #e2e8f0}.kebab-item svg[data-v-773a51f4]{color:currentColor;flex-shrink:0}.kebab-item[data-v-773a51f4]:last-child{border-bottom:none}.kebab-item[data-v-773a51f4]:hover{background:#f1f5f9;padding-left:20px}.kebab-item.delete[data-v-773a51f4]{color:#dc2626}.kebab-item.delete[data-v-773a51f4]:hover{background:#fef2f2}.edit-btn[data-v-773a51f4],.move-btn[data-v-773a51f4],.delete-btn[data-v-773a51f4]{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;transition:opacity .2s}.edit-btn[data-v-773a51f4]{background:#FFD700;color:#3e6b9e}.edit-btn[data-v-773a51f4]:hover{opacity:.8}.move-btn[data-v-773a51f4]{background:#3E6B9E;color:#fff}.move-btn[data-v-773a51f4]:hover{opacity:.8}.delete-btn[data-v-773a51f4]{background:#ef4444;color:#fff}.delete-btn[data-v-773a51f4]:hover{opacity:.8}.edit-row[data-v-773a51f4]{padding:20px!important}.edit-form[data-v-773a51f4]{display:flex;gap:12px;align-items:center}.edit-input[data-v-773a51f4]{padding:8px;border:1px solid #FFD700;border-radius:4px;font-size:12px;flex:1}.save-btn-sm[data-v-773a51f4]{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600}.cancel-btn[data-v-773a51f4]{padding:8px 16px;background:#999;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600}.modal-form[data-v-773a51f4]{max-width:500px}.modal-form h3[data-v-773a51f4]{color:#3e6b9e;font-size:24px;margin:0 0 24px;font-weight:700}.courier-form[data-v-773a51f4]{display:flex;flex-direction:column;gap:16px}@media (max-width: 768px){.hero-header[data-v-773a51f4]{padding:60px 20px;margin:-20px -20px 30px}.hero-header h1[data-v-773a51f4]{font-size:32px}.hero-upload-btn[data-v-773a51f4]{top:10px;right:10px;padding:6px 12px;font-size:11px}.scan-grid[data-v-773a51f4]{grid-template-columns:1fr}.info-grid[data-v-773a51f4]{grid-template-columns:1fr 1fr}.log-stats[data-v-773a51f4]{grid-template-columns:repeat(2,1fr)}.actions-cell[data-v-773a51f4]{flex-direction:column}.header-actions[data-v-773a51f4]{flex-direction:column;align-items:stretch}.back-btn[data-v-773a51f4],.delete-log-btn[data-v-773a51f4]{width:100%}.info-header[data-v-773a51f4]{flex-direction:column;align-items:flex-start;gap:12px}.add-package-btn[data-v-773a51f4]{width:100%}}.shipment-form-modal[data-v-773a51f4]{max-width:600px}.shipment-form-modal h3[data-v-773a51f4]{color:#3e6b9e;font-size:24px;margin:0 0 24px;font-weight:700}.shipment-form[data-v-773a51f4]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-773a51f4]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-773a51f4]{color:#333;font-size:14px;font-weight:600}.form-input[data-v-773a51f4],select.form-input[data-v-773a51f4]{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:white;font-family:inherit}.form-input[data-v-773a51f4]:focus,select.form-input[data-v-773a51f4]:focus{outline:none;border-color:#3e6b9e;box-shadow:0 0 0 3px #3e6b9e1a}.radio-group[data-v-773a51f4]{display:flex;gap:20px}.radio-label[data-v-773a51f4]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 16px;border:2px solid #e5e5e5;border-radius:6px;transition:all .2s}.radio-label[data-v-773a51f4]:hover{border-color:#3e6b9e;background:#f0f4f8}.radio-label input[type=radio][data-v-773a51f4]{width:18px;height:18px;cursor:pointer}.radio-label input[type=radio]:checked+span[data-v-773a51f4]{font-weight:600;color:#3e6b9e}.radio-label span[data-v-773a51f4]{font-size:14px;color:#333}.form-actions[data-v-773a51f4]{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.cancel-btn-modal[data-v-773a51f4]{padding:10px 20px;background:#f5f5f5;color:#333;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s}.cancel-btn-modal[data-v-773a51f4]:hover{background:#e5e5e5}.submit-btn[data-v-773a51f4]{padding:10px 20px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s}.submit-btn[data-v-773a51f4]:hover{background:#059669}.toast-container[data-v-773a51f4]{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px}.toast[data-v-773a51f4]{display:flex;align-items:center;gap:12px;padding:16px;background:white;border-radius:8px;box-shadow:0 4px 20px #00000026;border-left:4px solid;animation:slideIn-773a51f4 .3s ease-out;min-width:300px}@keyframes slideIn-773a51f4{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast.success[data-v-773a51f4]{border-left-color:#10b981}.toast.error[data-v-773a51f4]{border-left-color:#ef4444}.toast.warning[data-v-773a51f4]{border-left-color:#f59e0b}.toast.info[data-v-773a51f4]{border-left-color:#3e6b9e}.toast-icon[data-v-773a51f4]{font-size:20px;font-weight:700}.toast.success .toast-icon[data-v-773a51f4]{color:#10b981}.toast.error .toast-icon[data-v-773a51f4]{color:#ef4444}.toast.warning .toast-icon[data-v-773a51f4]{color:#f59e0b}.toast.info .toast-icon[data-v-773a51f4]{color:#3e6b9e}.toast-message[data-v-773a51f4]{flex:1;color:#333;font-size:14px;font-weight:500}.toast-close[data-v-773a51f4]{padding:4px 8px;background:transparent;border:none;cursor:pointer;color:#999;font-size:16px;font-weight:600;transition:color .2s}.toast-close[data-v-773a51f4]:hover{color:#333}.courier-stats-widget[data-v-773a51f4]{background:white;padding:24px;border-radius:12px;border:1px solid #f5f5f5;margin-bottom:24px}.courier-stats-widget h3[data-v-773a51f4]{color:#333;margin:0 0 16px;font-size:18px}.courier-stats-grid[data-v-773a51f4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.courier-stat-card[data-v-773a51f4]{background:#f9fafb;padding:16px;border-radius:8px;border:1px solid #e5e5e5;transition:all .2s}.courier-stat-card[data-v-773a51f4]:hover{border-color:#3e6b9e;box-shadow:0 2px 8px #3e6b9e1a}.courier-stat-header[data-v-773a51f4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.courier-stat-count[data-v-773a51f4]{font-size:12px;color:#666;font-weight:600}.courier-stat-details[data-v-773a51f4]{display:flex;flex-direction:column;gap:8px}.courier-stat-item[data-v-773a51f4]{display:flex;align-items:center;gap:8px;font-size:13px;color:#333}.stat-icon[data-v-773a51f4]{font-size:14px}.stat-text[data-v-773a51f4]{font-weight:500}.search-filter-section[data-v-773a51f4]{background:white;padding:20px;border-radius:12px;border:1px solid #f5f5f5;margin-bottom:24px}.search-box[data-v-773a51f4]{position:relative;margin-bottom:16px}.search-input[data-v-773a51f4]{width:100%;padding:12px 40px 12px 16px;border:2px solid #e5e5e5;border-radius:8px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.search-input[data-v-773a51f4]:focus{outline:none;border-color:#3e6b9e}.clear-search-btn[data-v-773a51f4]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#999;cursor:pointer;font-size:18px;padding:4px 8px;transition:color .2s}.clear-search-btn[data-v-773a51f4]:hover{color:#333}.filter-controls[data-v-773a51f4]{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filter-select[data-v-773a51f4]{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:white;cursor:pointer;transition:border-color .2s}.filter-select[data-v-773a51f4]:focus{outline:none;border-color:#3e6b9e}.clear-filters-btn[data-v-773a51f4]{padding:10px 16px;background:#f5f5f5;color:#333;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;transition:background .2s}.clear-filters-btn[data-v-773a51f4]:hover{background:#e5e5e5}.bulk-actions-bar[data-v-773a51f4]{background:#f0f4f8;padding:16px 20px;border-radius:8px;border:2px solid #3E6B9E;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.bulk-info[data-v-773a51f4]{display:flex;align-items:center;gap:12px}.bulk-count[data-v-773a51f4]{font-weight:600;color:#3e6b9e;font-size:14px}.clear-selection-btn[data-v-773a51f4]{padding:6px 12px;background:#f5f5f5;color:#666;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:background .2s}.clear-selection-btn[data-v-773a51f4]:hover{background:#e5e5e5}.bulk-buttons[data-v-773a51f4]{display:flex;gap:8px;align-items:center}.bulk-btn[data-v-773a51f4]{padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s;color:#fff}.bulk-btn.move-btn[data-v-773a51f4]{background:#3E6B9E}.bulk-btn.move-btn[data-v-773a51f4]:hover{background:#2d5275}.bulk-btn.status-btn[data-v-773a51f4]{background:#10b981}.bulk-btn.status-btn[data-v-773a51f4]:hover{background:#059669}.bulk-btn.metadata-btn[data-v-773a51f4]{background:#8b5cf6}.bulk-btn.metadata-btn[data-v-773a51f4]:hover{background:#7c3aed}.bulk-btn.delete-btn[data-v-773a51f4]{background:#ef4444}.bulk-btn.delete-btn[data-v-773a51f4]:hover{background:#dc2626}.checkbox-col[data-v-773a51f4]{width:40px;text-align:center}.package-checkbox[data-v-773a51f4]{width:18px;height:18px;cursor:pointer}.packages-table tr.selected[data-v-773a51f4]{background:#e3f2fd!important}.packages-table tr.selected[data-v-773a51f4]:hover{background:#bbdefb!important}.status-btn-small[data-v-773a51f4]{padding:6px 12px;background:#10b981;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:11px;transition:background .2s}.status-btn-small[data-v-773a51f4]:hover{background:#059669}@media (max-width: 768px){.toast-container[data-v-773a51f4]{right:10px;left:10px;max-width:none}.toast[data-v-773a51f4]{min-width:auto}.courier-stats-grid[data-v-773a51f4]{grid-template-columns:1fr}.filter-controls[data-v-773a51f4]{flex-direction:column;align-items:stretch}.filter-select[data-v-773a51f4],.clear-filters-btn[data-v-773a51f4]{width:100%}}.modal-overlay[data-v-773a51f4]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content[data-v-773a51f4]{background:white;padding:32px;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal-overlay-centered[data-v-773a51f4]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content-centered[data-v-773a51f4]{background:white;padding:32px;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal-content-centered h3[data-v-773a51f4]{color:#3e6b9e;font-size:24px;margin:0 0 24px;font-weight:700}.add-package-form[data-v-773a51f4]{display:flex;flex-direction:column;gap:20px}.form-row[data-v-773a51f4]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.move-modal[data-v-773a51f4]{max-width:500px}.modal-description[data-v-773a51f4]{color:#666;font-size:14px;margin:-12px 0 20px;padding:12px;background:#f9fafb;border-radius:6px;border-left:3px solid #3E6B9E}.form-select[data-v-773a51f4]{width:100%;padding:12px;border:2px solid #e5e5e5;border-radius:6px;font-size:14px;background:white;cursor:pointer;transition:border-color .2s}.form-select[data-v-773a51f4]:focus{outline:none;border-color:#3e6b9e}.form-select option[data-v-773a51f4]{padding:8px}.courier-stats-header[data-v-773a51f4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-package-btn-main[data-v-773a51f4]{padding:10px 20px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s}.add-package-btn-main[data-v-773a51f4]:hover{background:#059669}.courier-stats-selector[data-v-773a51f4]{margin-bottom:24px;display:flex;align-items:center;gap:12px}.courier-stats-selector label[data-v-773a51f4]{font-weight:600;color:#333}.courier-select[data-v-773a51f4]{flex:1;padding:10px 12px;border:2px solid #e5e5e5;border-radius:6px;font-size:14px;background:white;cursor:pointer;transition:border-color .2s}.courier-select[data-v-773a51f4]:focus{outline:none;border-color:#3e6b9e}.courier-details-display[data-v-773a51f4]{margin-top:24px;padding:20px;background:#f9fafb;border-radius:8px;border:1px solid #e5e5e5}.courier-details-grid[data-v-773a51f4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.courier-detail-card[data-v-773a51f4]{text-align:center;padding:16px;background:white;border-radius:6px;border:1px solid #e5e5e5}.detail-label[data-v-773a51f4]{font-size:12px;color:#666;margin-bottom:8px;font-weight:600}.detail-value[data-v-773a51f4]{font-size:24px;font-weight:700;color:#3e6b9e}.code-badge-large[data-v-773a51f4]{background:#3E6B9E;color:#fff;padding:8px 16px;border-radius:6px;display:inline-block}.shipment-stats-summary[data-v-773a51f4]{margin-bottom:32px}.stats-grid[data-v-773a51f4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:16px}.stat-card[data-v-773a51f4]{background:white;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a;transition:all .2s}.stat-card[data-v-773a51f4]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon[data-v-773a51f4]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-content[data-v-773a51f4]{flex:1}.stat-label[data-v-773a51f4]{font-size:13px;color:#6b7280;margin:0 0 4px;font-weight:500}.stat-value[data-v-773a51f4]{font-size:28px;font-weight:700;color:#1f2937;margin:0;line-height:1}.activity-list[data-v-773a51f4]{display:flex;flex-direction:column;gap:12px}.activity-item[data-v-773a51f4]{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e5e5;transition:all .2s}.activity-item[data-v-773a51f4]:hover{background:#f0f4f8;border-color:#3e6b9e}.activity-icon[data-v-773a51f4]{width:36px;height:36px;background:#3E6B9E;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.activity-info[data-v-773a51f4]{flex:1;min-width:0}.activity-action[data-v-773a51f4]{font-weight:600;color:#333;font-size:14px;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-time[data-v-773a51f4]{font-size:12px;color:#666;margin:0}.add-shipment-section[data-v-773a51f4]{margin-bottom:24px;text-align:right}.add-shipment-btn[data-v-773a51f4]{padding:16px 32px;background:#3E6B9E;color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:700;font-size:16px;transition:all .2s;box-shadow:0 4px 12px #3e6b9e33}.add-shipment-btn[data-v-773a51f4]:hover{background:#2d5275;transform:translateY(-2px);box-shadow:0 6px 16px #3e6b9e4d}.upload-section-inline[data-v-773a51f4]{background:#f9fafb;padding:20px;border-radius:8px;border:2px dashed #3E6B9E;margin-bottom:24px;text-align:center}.upload-btn-inline[data-v-773a51f4]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#3E6B9E;color:#fff;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:600}.upload-btn-inline[data-v-773a51f4]:hover{background:#2d5275;transform:translateY(-2px)}.upload-icon-small[data-v-773a51f4]{font-size:20px}.upload-text-small[data-v-773a51f4]{font-size:14px}.upload-hint-small[data-v-773a51f4]{margin:12px 0 0;font-size:12px;color:#666}.file-upload-wrapper[data-v-773a51f4]{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6;transition:all .2s}.file-upload-wrapper[data-v-773a51f4]:hover{border-color:#3e6b9e;background:#f1f5f9}.upload-btn-styled[data-v-773a51f4]{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#3E6B9E;color:#fff;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:600;font-size:14px;white-space:nowrap}.upload-btn-styled[data-v-773a51f4]:hover{background:#2d5275;transform:translateY(-1px);box-shadow:0 2px 8px #3e6b9e4d}.file-name-display[data-v-773a51f4]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:white;border-radius:6px;font-size:14px;color:#333;flex:1;border:1px solid #e0e0e0}.file-placeholder[data-v-773a51f4]{color:#999;font-size:14px;font-style:italic;flex:1}.package-count-badge[data-v-773a51f4]{margin-left:auto;padding:4px 10px;background:#10b981;color:#fff;border-radius:12px;font-size:12px;font-weight:600}.upload-hint[data-v-773a51f4]{margin-top:8px;font-size:12px;color:#666}.log-card[data-v-773a51f4]{position:relative;background:white;border-radius:12px;border:1px solid #f5f5f5;overflow:hidden;transition:all .2s;box-shadow:0 2px 8px #0000000d}.log-card-clickable[data-v-773a51f4]{cursor:pointer;padding:20px}.log-card[data-v-773a51f4]:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001a}.delete-log-card-btn[data-v-773a51f4]{position:absolute;bottom:16px;right:16px;padding:8px 12px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s;z-index:10}.delete-log-card-btn[data-v-773a51f4]:hover{background:#dc2626;transform:scale(1.1)}.delete-modal[data-v-773a51f4]{max-width:500px}.warning-box[data-v-773a51f4]{background:#fef3c7;border-left:4px solid #f59e0b;padding:16px;border-radius:8px;margin-bottom:20px}.warning-box p[data-v-773a51f4]{margin:8px 0;color:#92400e}.warning-box strong[data-v-773a51f4]{color:#78350f}.delete-btn-modal[data-v-773a51f4]{padding:12px 24px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.delete-btn-modal[data-v-773a51f4]:hover:not(:disabled){background:#dc2626}.delete-btn-modal[data-v-773a51f4]:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.form-row[data-v-773a51f4]{grid-template-columns:1fr}.courier-details-grid[data-v-773a51f4]{grid-template-columns:1fr 1fr}.courier-stats-selector[data-v-773a51f4]{flex-direction:column;align-items:stretch}}.header-right-actions[data-v-773a51f4]{display:flex;align-items:center;gap:1rem}.expense-btn[data-v-773a51f4]{padding:.5rem 1rem;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #10b98133}.expense-btn[data-v-773a51f4]:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 4px 8px #10b9814d}.aggregated-stats-display[data-v-773a51f4]{margin-top:1.5rem;padding:1.5rem;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000000d}.aggregated-stats-grid[data-v-773a51f4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.aggregated-stat-card[data-v-773a51f4]{padding:1rem;background:var(--bg-secondary);border-radius:8px;text-align:center}.expense-stats-section[data-v-773a51f4]{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--border-color, #e5e7eb)}.expense-section-title[data-v-773a51f4]{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.expense-stats-widget[data-v-773a51f4]{margin-top:2rem;padding:1.5rem;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000000d}.expense-stats-header[data-v-773a51f4]{margin-bottom:1.5rem}.expense-stats-header h3[data-v-773a51f4]{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.expense-stats-grid[data-v-773a51f4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.expense-stat-card[data-v-773a51f4]{display:flex;align-items:center;padding:1.25rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:12px;border-left:4px solid #10b981;transition:all .3s ease}.expense-stat-card[data-v-773a51f4]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.expense-icon[data-v-773a51f4]{font-size:2rem;margin-right:1rem}.expense-info[data-v-773a51f4]{flex:1}.expense-label[data-v-773a51f4]{font-size:.875rem;color:var(--text-muted);font-weight:500;margin-bottom:.25rem}.expense-value[data-v-773a51f4]{font-size:1.5rem;font-weight:700;color:#10b981}.expense-modal-redesign[data-v-773a51f4]{max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;background:var(--background, #ffffff);border-radius:16px;box-shadow:0 20px 60px #0000004d}.expense-modal-header[data-v-773a51f4]{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 32px;border-bottom:2px solid var(--border-color, #e5e7eb);background:linear-gradient(135deg,#3E6B9E 0%,#2d5275 100%);color:#fff}.expense-modal-header h3[data-v-773a51f4]{margin:0;font-size:22px;font-weight:700;display:flex;align-items:center;gap:10px;color:#fff}.modal-subtitle[data-v-773a51f4]{margin:6px 0 0;font-size:14px;opacity:.95;font-weight:400}.modal-subtitle strong[data-v-773a51f4]{font-weight:600}.close-modal-btn[data-v-773a51f4]{background:rgba(255,255,255,.2);border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#fff}.close-modal-btn[data-v-773a51f4]:hover{background:rgba(255,255,255,.3);transform:scale(1.05)}.expense-form-redesign[data-v-773a51f4]{display:flex;flex-direction:column;overflow-y:auto;flex:1;padding:24px 32px;gap:24px}.expense-section-redesign[data-v-773a51f4]{background:var(--surface, #f9fafb);border-radius:12px;padding:20px;border:1px solid var(--border-color, #e5e7eb)}.section-header[data-v-773a51f4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h4[data-v-773a51f4]{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #1f2937);display:flex;align-items:center;gap:8px}.section-badge[data-v-773a51f4]{background:#3E6B9E;color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px}.expense-compact-grid[data-v-773a51f4]{display:flex;flex-direction:column;gap:8px}.expense-row[data-v-773a51f4]{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:center;padding:10px 12px;background:var(--background, #ffffff);border-radius:8px;border:1px solid var(--border-color, #e5e7eb);transition:all .2s}.expense-row[data-v-773a51f4]:hover{border-color:#3e6b9e;box-shadow:0 2px 8px #3e6b9e1a}.expense-row-label[data-v-773a51f4]{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-secondary, #6b7280)}.expense-row-inputs[data-v-773a51f4]{display:flex;gap:8px;align-items:center}.compact-input[data-v-773a51f4]{flex:1;padding:8px 12px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:14px;background:var(--background, #ffffff);color:var(--text-primary, #1f2937);transition:all .2s}.compact-input[data-v-773a51f4]:focus{outline:none;border-color:#3e6b9e;box-shadow:0 0 0 3px #3e6b9e1a}.compact-select[data-v-773a51f4]{padding:8px 10px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;background:var(--background, #ffffff);color:var(--text-primary, #1f2937);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;min-width:80px}.compact-select[data-v-773a51f4]:hover{border-color:#3e6b9e}.compact-select[data-v-773a51f4]:focus{outline:none;border-color:#3e6b9e;box-shadow:0 0 0 3px #3e6b9e1a}.add-custom-btn-redesign[data-v-773a51f4]{padding:6px 14px;background:#3E6B9E;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.add-custom-btn-redesign[data-v-773a51f4]:hover{background:#2d5275;transform:translateY(-1px);box-shadow:0 4px 12px #3e6b9e4d}.custom-expenses-redesign[data-v-773a51f4]{display:flex;flex-direction:column;gap:8px}.custom-expense-row[data-v-773a51f4]{background:var(--background, #ffffff);border-radius:8px;padding:10px;border:1px solid var(--border-color, #e5e7eb)}.custom-row-fields[data-v-773a51f4]{display:grid;grid-template-columns:1.5fr 2fr 1fr .8fr auto;gap:8px;align-items:center}.custom-name[data-v-773a51f4],.custom-desc[data-v-773a51f4],.custom-amount[data-v-773a51f4],.custom-currency[data-v-773a51f4]{min-width:0}.remove-custom-btn-redesign[data-v-773a51f4]{padding:8px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.remove-custom-btn-redesign[data-v-773a51f4]:hover{background:#dc2626;transform:scale(1.05)}.no-custom-items-redesign[data-v-773a51f4]{text-align:center;padding:32px;color:var(--text-muted, #9ca3af);display:flex;flex-direction:column;align-items:center;gap:8px}.no-custom-items-redesign p[data-v-773a51f4]{margin:0;font-size:14px}.expense-footer-section[data-v-773a51f4]{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}.notes-section-redesign[data-v-773a51f4]{display:flex;flex-direction:column;gap:8px}.notes-section-redesign label[data-v-773a51f4]{font-size:13px;font-weight:500;color:var(--text-secondary, #6b7280);display:flex;align-items:center;gap:6px}.notes-textarea-redesign[data-v-773a51f4]{padding:10px 12px;border:1px solid var(--border-color, #d1d5db);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;background:var(--background, #ffffff);color:var(--text-primary, #1f2937);transition:all .2s}.notes-textarea-redesign[data-v-773a51f4]:focus{outline:none;border-color:#3e6b9e;box-shadow:0 0 0 3px #3e6b9e1a}.total-section-redesign[data-v-773a51f4]{background:linear-gradient(135deg,#3E6B9E 0%,#2d5275 100%);padding:20px 24px;border-radius:12px;text-align:center;min-width:200px;box-shadow:0 4px 16px #3e6b9e4d}.total-label[data-v-773a51f4]{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#ffffffe6;margin-bottom:8px}.total-amount[data-v-773a51f4]{font-size:28px;font-weight:700;color:#fff;font-family:Segoe UI,system-ui,sans-serif}.modal-actions-redesign[data-v-773a51f4]{display:flex;gap:12px;justify-content:flex-end;padding:20px 32px;border-top:2px solid var(--border-color, #e5e7eb);background:var(--surface, #f9fafb)}.cancel-btn-redesign[data-v-773a51f4]{padding:10px 24px;background:transparent;color:var(--text-secondary, #6b7280);border:1px solid var(--border-color, #d1d5db);border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.cancel-btn-redesign[data-v-773a51f4]:hover{background:var(--surface-variant, #f3f4f6);border-color:var(--text-secondary, #9ca3af)}.save-btn-redesign[data-v-773a51f4]{padding:10px 28px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #10b9814d}.save-btn-redesign[data-v-773a51f4]:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.save-btn-redesign[data-v-773a51f4]:disabled{opacity:.6;cursor:not-allowed}.expense-modal[data-v-773a51f4]{max-width:800px;max-height:90vh;overflow-y:auto}.expense-form[data-v-773a51f4]{display:flex;flex-direction:column;gap:1.5rem}.expense-section[data-v-773a51f4]{padding:1rem;background:var(--bg-secondary);border-radius:8px}.expense-section h4[data-v-773a51f4]{margin-bottom:1rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.expense-fields-grid[data-v-773a51f4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.amount-currency-row[data-v-773a51f4]{display:flex;gap:.5rem;align-items:center}.amount-input[data-v-773a51f4]{flex:1}.currency-select-small[data-v-773a51f4]{padding:10px 8px;border:1px solid #ddd;border-radius:6px;background:white;color:#333;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;min-width:75px}.currency-select-small[data-v-773a51f4]:hover{border-color:#3e6b9e}.currency-select-small[data-v-773a51f4]:focus{outline:none;border-color:#3e6b9e;box-shadow:0 0 0 3px #3e6b9e1a}.custom-expenses-header[data-v-773a51f4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.add-custom-btn[data-v-773a51f4]{padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.add-custom-btn[data-v-773a51f4]:hover{background:var(--primary-dark)}.custom-expense-item[data-v-773a51f4]{margin-bottom:1rem}.custom-item-fields[data-v-773a51f4]{display:grid;grid-template-columns:1.5fr 1.5fr 1.2fr auto;gap:.5rem;align-items:center}.remove-custom-btn[data-v-773a51f4]{padding:.5rem .75rem;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s}.remove-custom-btn[data-v-773a51f4]:hover{background:#dc2626}.no-custom-items[data-v-773a51f4]{text-align:center;color:var(--text-muted);font-style:italic;padding:1rem}.expense-total[data-v-773a51f4]{padding:1rem;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border-radius:8px;text-align:center;font-size:1.25rem}.dark .stat-card{background:var(--surface-dark, #1e293b);box-shadow:0 1px 3px #0000004d}.dark .stat-card:hover{box-shadow:0 4px 12px #0006}.dark .stat-label{color:var(--text-muted, #94a3b8)}.dark .stat-value{color:var(--on-surface, #f1f5f9)}.dark .checkoff h2,.dark .checkoff .logs-header h2{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .log-card{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important}.dark .checkoff .log-card:hover{border-color:var(--primary, #5a8fc4)!important;box-shadow:0 6px 20px #0000004d!important}.dark .checkoff .log-header{border-bottom-color:var(--border-color, #334155)!important}.dark .checkoff .log-header h3{color:var(--primary, #5a8fc4)!important}.dark .checkoff .log-date{color:var(--text-muted, #94a3b8)!important}.dark .checkoff .source-badge{box-shadow:0 2px 4px #0000004d}.dark .checkoff .stat-label{color:var(--text-muted, #94a3b8)!important}.dark .checkoff .stat-value{color:var(--primary, #5a8fc4)!important}.dark .checkoff .log-footer{border-top-color:var(--border-color, #334155)!important}.dark .checkoff .user-badge{background:var(--surface-variant, #334155)!important;color:var(--text-muted, #94a3b8)!important}.dark .checkoff .cargo-info{color:var(--text-muted, #94a3b8)!important}.dark .checkoff .log-details-header{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important}.dark .checkoff .log-details-header h2{color:var(--primary, #5a8fc4)!important}.dark .checkoff .log-meta{color:var(--text-muted, #94a3b8)!important}.dark .checkoff .log-key{background:var(--surface-variant, #334155)!important;color:var(--primary, #5a8fc4)!important}.dark .checkoff .scan-card,.dark .checkoff .info-card{background:var(--surface, #1e293b)!important;border-color:var(--primary, #5a8fc4)!important}.dark .checkoff .scan-card h3,.dark .checkoff .info-card h3{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .scan-input{background:var(--surface-variant, #334155)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .scan-input:focus{border-color:var(--primary, #5a8fc4)!important}.dark .checkoff .last-scanned-section{border-top-color:var(--border-color, #334155)!important}.dark .checkoff .last-scanned-section h4{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .last-scanned-item{background:var(--surface-variant, #334155)!important}.dark .checkoff .last-scanned-item:hover{background:var(--border-color, #475569)!important}.dark .checkoff .scanned-badge{background:var(--primary, #5a8fc4)!important}.dark .checkoff .scanned-name{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .scanned-tracking{color:var(--text-muted, #94a3b8)!important}.dark .checkoff .info-item{background:var(--surface-variant, #334155)!important}.dark .checkoff .table-container{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important}.dark .checkoff .table-header{border-bottom-color:var(--border-color, #334155)!important}.dark .checkoff .table-header h3{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .packages-table thead{background:var(--surface-variant, #334155)!important}.dark .checkoff .packages-table th{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .packages-table td{color:var(--on-surface, #f1f5f9)!important;border-top-color:var(--border-color, #334155)!important}.dark .checkoff .packages-table tbody tr:hover,.dark .checkoff .packages-table tr.editing{background:var(--surface-variant, #334155)!important}.dark .checkoff .packages-table tr.received{background:rgba(16,185,129,.15)!important}.dark .checkoff .packages-table tr.received:hover{background:rgba(16,185,129,.25)!important}.dark .checkoff .packages-table tr.missing{background:rgba(239,68,68,.15)!important}.dark .checkoff .packages-table tr.missing:hover{background:rgba(239,68,68,.25)!important}.dark .checkoff .tracking-cell{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .edit-input{background:var(--surface-variant, #334155)!important;border-color:var(--warning, #fbbf24)!important;color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .modal-content,.dark .checkoff .shipment-form-modal,.dark .checkoff .modal-form,.dark .checkoff .delete-modal{background:var(--surface, #1e293b)!important}.dark .checkoff .modal-content h3,.dark .checkoff .shipment-form-modal h3,.dark .checkoff .modal-form h3{color:var(--primary, #5a8fc4)!important}.dark .checkoff .form-group label{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .form-input,.dark .checkoff select.form-input{background:var(--surface-variant, #334155)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .form-input:focus,.dark .checkoff select.form-input:focus{border-color:var(--primary, #5a8fc4)!important}.dark .checkoff .radio-group,.dark .checkoff .radio-label{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .upload-card{background:var(--surface, #1e293b)!important;border-color:var(--primary, #5a8fc4)!important}.dark .checkoff .upload-card h3{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .upload-hint{color:var(--text-muted, #94a3b8)!important}.dark .checkoff .upload-section-inline{background:var(--surface-variant, #334155)!important;border-color:var(--primary, #5a8fc4)!important}.dark .checkoff .upload-hint-small{color:var(--text-muted, #94a3b8)!important}.dark .checkoff .widget{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important}.dark .checkoff .widget h3{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .no-data{color:var(--text-muted, #94a3b8)!important}.dark .checkoff .warning-box{background:rgba(251,191,36,.15)!important;border-left-color:var(--warning, #fbbf24)!important}.dark .checkoff .warning-box p,.dark .checkoff .warning-box strong{color:var(--warning, #fbbf24)!important}.dark .checkoff .filter-section{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important}.dark .checkoff .filter-actions{background:var(--surface, #1e293b)!important}.dark .checkoff .search-input{background:var(--surface-variant, #334155)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .search-input::placeholder{color:var(--text-muted, #94a3b8)!important}.dark .checkoff .filter-select{background:var(--surface-variant, #334155)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .bulk-actions{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important}.dark .checkoff .bulk-actions span{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .courier-stats-widget h3{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .courier-btn{background:var(--surface-variant, #334155)!important;color:var(--on-surface, #f1f5f9)!important;border-color:var(--border-color, #334155)!important}.dark .checkoff .courier-btn:hover,.dark .checkoff .courier-btn.active{background:var(--primary, #5a8fc4)!important;color:#fff!important}.dark .checkoff .courier-details{background:var(--surface-variant, #334155)!important}.dark .checkoff .move-modal-content{background:var(--surface, #1e293b)!important}.dark .checkoff .log-option{background:var(--surface-variant, #334155)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .log-option:hover,.dark .checkoff .log-option.selected{border-color:var(--primary, #5a8fc4)!important;background:rgba(90,143,196,.15)!important}.dark .checkoff .log-option-name{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .log-option-info{color:var(--text-muted, #94a3b8)!important}.dark .checkoff .search-filter-section{background:var(--surface, #1e293b)!important}.dark .checkoff .search-box{background:var(--surface-variant, #334155)!important}.dark .checkoff .search-box input,.dark .checkoff .search-input{background:var(--surface-variant, #334155)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .search-box input::placeholder,.dark .checkoff .search-input::placeholder{color:var(--text-muted, #94a3b8)!important}.dark .checkoff .filter-controls{background:var(--surface, #1e293b)!important}.dark .checkoff .filter-select,.dark .checkoff .courier-select{background:var(--surface-variant, #334155)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .filter-select option,.dark .checkoff .courier-select option{background:var(--surface, #1e293b)!important;color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .courier-stats-widget{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important}.dark .checkoff .courier-stats-header h3,.dark .checkoff .courier-stats-selector label{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .courier-details-display{background:var(--surface-variant, #334155)!important}.dark .checkoff .courier-detail-card{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important}.dark .checkoff .detail-label{color:var(--text-muted, #94a3b8)!important}.dark .checkoff .detail-value{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .bulk-actions-bar{background:var(--surface, #1e293b)!important;border-color:var(--primary, #5a8fc4)!important}.dark .checkoff .bulk-count,.dark .checkoff .bulk-info{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .modal-overlay-centered{background:rgba(0,0,0,.7)!important}.dark .checkoff .modal-content-centered{background:var(--surface, #1e293b)!important}.dark .checkoff .modal-content-centered h3{color:var(--primary, #5a8fc4)!important}.dark .checkoff .add-package-form .form-group label{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .add-package-form .form-input{background:var(--surface-variant, #334155)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .add-package-form .form-input::placeholder{color:var(--text-muted, #94a3b8)!important}.dark .checkoff .status-update-modal{background:var(--surface, #1e293b)!important}.dark .checkoff .status-update-modal h3{color:var(--primary, #5a8fc4)!important}.dark .checkoff .status-options label{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .delete-modal{background:var(--surface, #1e293b)!important}.dark .checkoff .delete-modal h3{color:var(--error, #f87171)!important}.dark .checkoff .confirmation-input{background:var(--surface-variant, #334155)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .confirmation-input::placeholder{color:var(--text-muted, #94a3b8)!important}.dark .checkoff .packages-table tbody tr,.dark .checkoff .packages-table td,.dark .checkoff .customer-name{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .company-code{background:var(--primary, #5a8fc4)!important}.dark .checkoff .customer-id{background:var(--surface-variant, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .package-id{background:rgba(90,143,196,.2)!important;color:var(--primary, #5a8fc4)!important}.dark .checkoff .packages-table input[type=checkbox]{accent-color:var(--primary, #5a8fc4)!important}.dark .checkoff .move-modal{background:var(--surface, #1e293b)!important}.dark .checkoff .move-modal h3{color:var(--primary, #5a8fc4)!important}.dark .checkoff .target-log-list{background:var(--surface-variant, #334155)!important}.dark .checkoff .target-log-item{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .target-log-item:hover{border-color:var(--primary, #5a8fc4)!important;background:rgba(90,143,196,.1)!important}.dark .checkoff .target-log-item.selected{border-color:var(--primary, #5a8fc4)!important;background:rgba(90,143,196,.2)!important}.dark .checkoff .cancel-btn,.dark .checkoff .cancel-btn-modal{background:var(--surface-variant, #334155)!important;color:var(--on-surface, #f1f5f9)!important;border-color:var(--border-color, #334155)!important}.dark .checkoff .cancel-btn:hover,.dark .checkoff .cancel-btn-modal:hover{background:var(--border-color, #475569)!important}.dark .checkoff .clear-search-btn,.dark .checkoff .clear-filters-btn,.dark .checkoff .clear-selection-btn{color:var(--text-muted, #94a3b8)!important}.dark .checkoff .clear-search-btn:hover,.dark .checkoff .clear-filters-btn:hover,.dark .checkoff .clear-selection-btn:hover{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .table-header{background:var(--surface, #1e293b)!important}.dark .checkoff .modal-header{border-bottom-color:var(--border-color, #334155)!important}.dark .checkoff .modal-header h3{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .modal-footer{border-top-color:var(--border-color, #334155)!important}.dark .checkoff .info-card{border-color:var(--warning, #fbbf24)!important}.dark .checkoff .add-expenses-btn{background:var(--primary, #5a8fc4)!important}.dark .checkoff .add-expenses-btn:hover{background:var(--primary-dark, #4a7fb4)!important}.dark .checkoff .info-item{background:var(--surface-variant, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .info-item p:first-child{color:var(--text-muted, #94a3b8)!important}.dark .checkoff .info-value{color:var(--primary, #5a8fc4)!important}.dark .checkoff .expense-details-section{border-top-color:var(--border-color, #334155)!important}.dark .checkoff .expense-details-header h4{color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .edit-expenses-btn-small{background:var(--primary, #5a8fc4)!important}.dark .checkoff .edit-expenses-btn-small:hover{background:var(--primary-dark, #4a7fb4)!important}.dark .checkoff .expense-detail-item{background:var(--surface-variant, #334155)!important}.dark .checkoff .expense-detail-label{color:var(--text-muted, #94a3b8)!important}.dark .checkoff .expense-detail-value{color:#fca5a5!important}.dark .checkoff .expense-detail-value .base-currency-equiv{color:var(--text-muted, #64748b)!important}.dark .expense-modal-redesign{background:var(--surface, #1e293b);box-shadow:0 20px 60px #0009}.dark .expense-section-redesign{background:var(--surface-variant, #334155);border-color:var(--border-color, #475569)}.dark .expense-row{background:var(--surface, #1e293b);border-color:var(--border-color, #475569)}.dark .expense-row:hover{border-color:#3e6b9e}.dark .compact-input,.dark .compact-select{background:var(--surface, #1e293b);color:var(--text-primary, #f1f5f9);border-color:var(--border-color, #475569)}.dark .custom-expense-row{background:var(--surface, #1e293b);border-color:var(--border-color, #475569)}.dark .notes-textarea-redesign{background:var(--surface, #1e293b);color:var(--text-primary, #f1f5f9);border-color:var(--border-color, #475569)}.dark .modal-actions-redesign{background:var(--surface-variant, #334155);border-color:var(--border-color, #475569)}.dark .cancel-btn-redesign{border-color:var(--border-color, #475569);color:var(--text-secondary, #94a3b8)}.dark .cancel-btn-redesign:hover{background:var(--surface, #1e293b);border-color:var(--text-secondary, #94a3b8)}.dark .checkoff .kebab-btn{background:var(--surface-variant, #334155)!important;border-color:var(--border-color, #475569)!important;box-shadow:0 2px 4px #0000004d!important;color:var(--on-surface, #f1f5f9)!important}.dark .checkoff .kebab-btn svg{color:currentColor!important}.dark .checkoff .kebab-btn:hover{background:var(--surface, #1e293b)!important;border-color:var(--primary, #5a8fc4)!important;box-shadow:0 4px 8px #0006!important;color:var(--primary, #5a8fc4)!important}.dark .checkoff .kebab-menu{background:var(--surface, #1e293b)!important;border-color:var(--primary, #5a8fc4)!important;box-shadow:0 12px 32px #000000b3!important}.dark .checkoff .kebab-item{background:var(--surface, #1e293b)!important;color:var(--on-surface, #f1f5f9)!important;border-bottom-color:var(--border-color, #334155)!important}.dark .checkoff .kebab-item svg{color:currentColor!important}.dark .checkoff .kebab-item:hover{background:var(--surface-variant, #334155)!important;padding-left:20px!important}.dark .checkoff .kebab-item.delete{color:#ff6b6b!important}.dark .checkoff .kebab-item.delete:hover{background:rgba(239,68,68,.2)!important}.cdj-packages[data-v-63c02df9]{max-width:1400px;margin:0 auto}.filters-search-container[data-v-63c02df9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.filter-section[data-v-63c02df9]{display:flex;gap:12px}.filter-btn[data-v-63c02df9]{padding:10px 20px;border:2px solid #e5e5e5;background:white;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:#666;transition:all .2s}.filter-btn[data-v-63c02df9]:hover{border-color:#3e6b9e;color:#3e6b9e}.filter-btn.active[data-v-63c02df9]{background:#3E6B9E;color:#fff;border-color:#3e6b9e}.search-section[data-v-63c02df9]{display:flex;align-items:center}.search-container[data-v-63c02df9]{display:flex;align-items:center;transition:all .3s ease}.search-icon-btn[data-v-63c02df9]{padding:10px;background:white;border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#666}.search-icon-btn[data-v-63c02df9]:hover{border-color:#3e6b9e;color:#3e6b9e}.search-input-wrapper[data-v-63c02df9]{display:flex;align-items:center;background:white;border:2px solid #e5e5e5;border-radius:8px;padding:8px 12px;gap:8px;min-width:300px;transition:all .2s}.search-input-wrapper[data-v-63c02df9]:focus-within{border-color:#3e6b9e}.search-input-icon[data-v-63c02df9]{color:#999;flex-shrink:0}.search-input[data-v-63c02df9]{border:none;outline:none;font-size:14px;flex:1;color:#333;min-width:0}.search-input[data-v-63c02df9]::placeholder{color:#999}.search-clear-btn[data-v-63c02df9]{background:none;border:none;cursor:pointer;color:#999;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.search-clear-btn[data-v-63c02df9]:hover{background:#f5f5f5;color:#666}.hero-header[data-v-63c02df9]{padding:60px 40px;margin:-20px -20px 40px;border-radius:0 0 20px 20px;text-align:center;box-shadow:0 4px 20px #0000001a}.hero-header[data-v-63c02df9]:not(.has-background-image){background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.hero-header.has-background-image[data-v-63c02df9]{background:linear-gradient(rgba(239,68,68,.85),rgba(220,38,38,.85)),var(--custom-bg-image, none);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-header h1[data-v-63c02df9]{color:#fff;font-size:42px;margin:0 0 8px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-header p[data-v-63c02df9]{color:#ffffffe6;font-size:16px;margin:0}.table-container[data-v-63c02df9]{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.packages-table[data-v-63c02df9]{width:100%;border-collapse:collapse;font-size:14px}.packages-table thead[data-v-63c02df9]{background:#f5f5f5}.packages-table th[data-v-63c02df9]{padding:16px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e5e5e5}.packages-table td[data-v-63c02df9]{padding:16px;border-bottom:1px solid #f5f5f5}.packages-table tbody tr[data-v-63c02df9]{transition:background .2s}.packages-table tbody tr[data-v-63c02df9]:hover{background:#f9fafb}.packages-table tr.missing[data-v-63c02df9]{background:#fef2f2}.packages-table tr.missing[data-v-63c02df9]:hover{background:#fee2e2}.code-badge[data-v-63c02df9]{background:#3E6B9E;color:#fff;padding:4px 12px;border-radius:4px;font-size:11px;font-weight:600}.log-badge[data-v-63c02df9]{background:#f59e0b;color:#fff;padding:4px 12px;border-radius:4px;font-size:11px;font-weight:600}.status-badge[data-v-63c02df9]{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600}.status-badge.received[data-v-63c02df9]{background:#d1fae5;color:#059669}.status-badge.not-received[data-v-63c02df9]{background:#fef3c7;color:#d97706}.status-badge.missing[data-v-63c02df9]{background:#fee2e2;color:#dc2626}.status-badge.unknown[data-v-63c02df9]{background:#e5e7eb;color:#6b7280}.tracking-cell[data-v-63c02df9]{font-family:monospace;font-size:12px}.awb-link[data-v-63c02df9]{color:#3e6b9e;font-weight:600;cursor:pointer;text-decoration:underline;transition:color .2s}.awb-link[data-v-63c02df9]:hover{color:#2d5275}.actions-cell[data-v-63c02df9]{display:flex;gap:8px}.status-btn-small[data-v-63c02df9]{padding:6px 12px;background:#10b981;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:11px;transition:background .2s}.status-btn-small[data-v-63c02df9]:hover{background:#059669}.no-data[data-v-63c02df9]{text-align:center;padding:40px;color:#999;font-style:italic}@media (max-width: 768px){.hero-header[data-v-63c02df9]{padding:40px 20px}.hero-header h1[data-v-63c02df9]{font-size:32px}.filters-search-container[data-v-63c02df9]{flex-direction:column;align-items:stretch;gap:12px}.filter-section[data-v-63c02df9]{flex-wrap:wrap;justify-content:center}.search-section[data-v-63c02df9]{justify-content:flex-end}.search-input-wrapper[data-v-63c02df9]{min-width:250px}.table-container[data-v-63c02df9]{overflow-x:auto}.actions-cell[data-v-63c02df9]{flex-direction:column}}.delete-selected-btn[data-v-63c02df9]{padding:10px 20px;border:2px solid #ef4444;background:white;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:#ef4444;transition:all .2s;display:flex;align-items:center;gap:8px}.delete-selected-btn[data-v-63c02df9]:hover:not(:disabled){background:#ef4444;color:#fff}.delete-selected-btn[data-v-63c02df9]:disabled{opacity:.5;cursor:not-allowed}.checkbox-col[data-v-63c02df9]{width:50px;text-align:center}.package-checkbox[data-v-63c02df9]{width:18px;height:18px;cursor:pointer}.packages-table tr.selected[data-v-63c02df9]{background-color:#eff6ff}.packages-table tr.selected[data-v-63c02df9]:hover{background-color:#dbeafe}.status-result-modal[data-v-63c02df9]{max-width:600px;width:90%}.modal-overlay[data-v-63c02df9]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content[data-v-63c02df9]{background:white;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-63c02df9]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e5e5}.modal-header h3[data-v-63c02df9]{margin:0;font-size:20px;font-weight:600;display:flex;align-items:center;gap:12px;color:#333}.close-btn[data-v-63c02df9]{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#666;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-btn[data-v-63c02df9]:hover{background:#f5f5f5;color:#333}.modal-body[data-v-63c02df9]{padding:24px;overflow-y:auto}.result-summary[data-v-63c02df9]{display:flex;gap:16px;margin-bottom:24px}.result-stat[data-v-63c02df9]{flex:1;padding:20px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.result-stat.success[data-v-63c02df9]{background:#ecfdf5;border:2px solid #10b981;color:#10b981}.result-stat.error[data-v-63c02df9]{background:#fef2f2;border:2px solid #ef4444;color:#ef4444}.result-stat .stat-value[data-v-63c02df9]{font-size:32px;font-weight:700}.result-stat .stat-label[data-v-63c02df9]{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.error-list[data-v-63c02df9]{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px}.error-list h4[data-v-63c02df9]{margin:0 0 12px;font-size:14px;font-weight:600;color:#ef4444}.error-list ul[data-v-63c02df9]{margin:0;padding-left:20px}.error-list li[data-v-63c02df9]{margin-bottom:8px;font-size:14px;color:#991b1b}.modal-footer[data-v-63c02df9]{padding:16px 24px;border-top:1px solid #e5e5e5;display:flex;justify-content:flex-end;gap:12px}.btn-primary[data-v-63c02df9]{padding:10px 24px;background:#3E6B9E;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary[data-v-63c02df9]:hover{background:#2d5275}.btn-secondary[data-v-63c02df9]{padding:10px 24px;background:white;color:#666;border:2px solid #e5e5e5;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary[data-v-63c02df9]:hover{border-color:#3e6b9e;color:#3e6b9e}.status-modal[data-v-63c02df9]{max-width:500px;width:90%}.status-info[data-v-63c02df9]{background:#f5f5f5;padding:16px;border-radius:8px;margin-bottom:20px}.status-info p[data-v-63c02df9]{margin:8px 0;font-size:14px;color:#333}.status-info strong[data-v-63c02df9]{font-weight:600;color:#666}.status-options[data-v-63c02df9]{display:flex;flex-direction:column;gap:12px}.status-option[data-v-63c02df9]{display:flex;align-items:center;padding:16px;border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;transition:all .2s}.status-option[data-v-63c02df9]:hover{border-color:#3e6b9e;background:#f9fafb}.status-option input[type=radio][data-v-63c02df9]{width:20px;height:20px;margin-right:12px;cursor:pointer}.status-option-label[data-v-63c02df9]{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:#333}.status-option input[type=radio]:checked+.status-option-label[data-v-63c02df9]{color:#3e6b9e}.delete-modal[data-v-63c02df9]{max-width:550px;width:90%}.delete-warning[data-v-63c02df9]{text-align:center;padding:20px}.delete-warning svg[data-v-63c02df9]{color:#ef4444;margin-bottom:16px}.delete-message[data-v-63c02df9]{font-size:16px;color:#333;margin:12px 0;line-height:1.5}.delete-message strong[data-v-63c02df9]{color:#ef4444;font-weight:700}.delete-submessage[data-v-63c02df9]{font-size:14px;color:#666;margin-top:8px}.packages-to-delete-list[data-v-63c02df9]{margin-top:20px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;max-height:200px;overflow-y:auto}.packages-to-delete-list h4[data-v-63c02df9]{margin:0 0 12px;font-size:14px;font-weight:600;color:#991b1b}.packages-to-delete-list ul[data-v-63c02df9]{margin:0;padding-left:20px;list-style:disc}.packages-to-delete-list li[data-v-63c02df9]{margin-bottom:8px;font-size:14px;color:#991b1b}.btn-danger[data-v-63c02df9]{padding:10px 24px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger[data-v-63c02df9]:hover{background:#dc2626}.dark .cdj-packages .filter-section .filter-btn{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .cdj-packages .filter-section .filter-btn:hover{border-color:var(--primary, #5a8fc4)!important;color:var(--primary, #5a8fc4)!important}.dark .cdj-packages .filter-section .filter-btn.active{background:var(--primary, #3E6B9E)!important;border-color:var(--primary, #3E6B9E)!important;color:#fff!important}.dark .cdj-packages .table-container{background:var(--surface, #1e293b)!important;box-shadow:0 2px 8px #0000004d!important}.dark .cdj-packages .packages-table thead{background:var(--surface-variant, #334155)!important}.dark .cdj-packages .packages-table th,.dark .cdj-packages .packages-table td{color:var(--on-surface, #f1f5f9)!important;border-bottom-color:var(--border-color, #334155)!important}.dark .cdj-packages .packages-table tbody tr:hover{background:var(--surface-variant, #334155)!important}.dark .cdj-packages .packages-table tr.missing{background:rgba(239,68,68,.15)!important}.dark .cdj-packages .packages-table tr.missing:hover{background:rgba(239,68,68,.25)!important}.dark .cdj-packages .tracking-cell,.dark .cdj-packages .no-data{color:var(--text-muted, #94a3b8)!important}.dark .cdj-packages .awb-link{color:var(--primary, #5a8fc4)!important}.dark .cdj-packages .awb-link:hover{color:var(--primary-lighten, #7eb3e0)!important}.dark .cdj-packages .search-icon-btn{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .cdj-packages .search-icon-btn:hover{border-color:var(--primary, #5a8fc4)!important;color:var(--primary, #5a8fc4)!important}.dark .cdj-packages .search-input-wrapper{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important}.dark .cdj-packages .search-input-wrapper:focus-within{border-color:var(--primary, #5a8fc4)!important}.dark .cdj-packages .search-input{background:transparent!important;color:var(--on-surface, #f1f5f9)!important}.dark .cdj-packages .search-input::placeholder{color:var(--text-muted, #94a3b8)!important}.dark .cdj-packages .search-input-icon,.dark .cdj-packages .search-clear-btn{color:var(--text-muted, #94a3b8)!important}.dark .cdj-packages .search-clear-btn:hover{background:var(--surface-variant, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .cdj-packages .delete-selected-btn{background:var(--surface, #1e293b)!important;border-color:#ef4444!important;color:#ef4444!important}.dark .cdj-packages .delete-selected-btn:hover:not(:disabled){background:#ef4444!important;color:#fff!important}.dark .cdj-packages .packages-table tr.selected{background-color:#5e6f9e33!important}.dark .cdj-packages .packages-table tr.selected:hover{background-color:#5e6f9e4d!important}.dark .modal-overlay .modal-content{background:var(--surface, #1e293b)!important}.dark .modal-header{border-bottom-color:var(--border-color, #334155)!important}.dark .modal-header h3{color:var(--on-surface, #f1f5f9)!important}.dark .close-btn{color:var(--text-muted, #94a3b8)!important}.dark .close-btn:hover{background:var(--surface-variant, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .modal-footer{border-top-color:var(--border-color, #334155)!important}.dark .error-list{background:rgba(239,68,68,.1)!important;border-color:#ef44444d!important}.dark .error-list h4{color:#ef4444!important}.dark .error-list li{color:#fca5a5!important}.dark .status-info{background:var(--surface-variant, #334155)!important}.dark .status-info p{color:var(--on-surface, #f1f5f9)!important}.dark .status-info strong{color:var(--text-muted, #94a3b8)!important}.dark .status-option{border-color:var(--border-color, #334155)!important;background:transparent!important}.dark .status-option:hover{border-color:var(--primary, #5a8fc4)!important;background:rgba(94,111,158,.1)!important}.dark .status-option-label{color:var(--on-surface, #f1f5f9)!important}.dark .btn-secondary{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important;color:var(--text-muted, #94a3b8)!important}.dark .btn-secondary:hover{border-color:var(--primary, #5a8fc4)!important;color:var(--primary, #5a8fc4)!important}.dark .delete-warning svg{color:#ef4444!important}.dark .delete-message{color:var(--on-surface, #f1f5f9)!important}.dark .delete-message strong{color:#ef4444!important}.dark .delete-submessage{color:var(--text-muted, #94a3b8)!important}.dark .packages-to-delete-list{background:rgba(239,68,68,.1)!important;border-color:#ef44444d!important}.dark .packages-to-delete-list h4{color:#ef4444!important}.dark .packages-to-delete-list li{color:#fca5a5!important}.courier-lounge[data-v-376c4a60]{padding:2rem;max-width:1600px;margin:0 auto}.overall-stats-section[data-v-376c4a60]{margin-bottom:2rem}.overall-date-filter[data-v-376c4a60]{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px}.overall-date-filter label[data-v-376c4a60]{font-weight:600;color:#2c3e50;white-space:nowrap}.date-filter-select[data-v-376c4a60]{padding:.5rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;color:#2c3e50;background:white;cursor:pointer;transition:all .3s ease}.date-filter-select[data-v-376c4a60]:hover{border-color:#f59e0b}.date-filter-select[data-v-376c4a60]:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.custom-date-inline[data-v-376c4a60]{display:flex;align-items:center;gap:.5rem}.custom-date-inline span[data-v-376c4a60]{color:#7f8c8d;font-weight:500}.date-input[data-v-376c4a60]{padding:.5rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;transition:all .3s ease}.date-input[data-v-376c4a60]:focus{outline:none;border-color:#f59e0b}.section-divider[data-v-376c4a60]{height:2px;background:linear-gradient(90deg,transparent,#e0e0e0,transparent);margin:3rem 0}.section-title[data-v-376c4a60]{font-size:1.5rem;color:#2c3e50;margin-bottom:1.5rem}.courier-selector-row[data-v-376c4a60]{display:flex;justify-content:flex-start;align-items:center;margin-bottom:1.5rem;gap:1rem}.courier-selector[data-v-376c4a60]{display:flex;align-items:center;gap:1rem}.courier-selector label[data-v-376c4a60]{font-weight:600;color:#34495e}.courier-dropdown[data-v-376c4a60]{padding:.75rem 1rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:8px;background:white;min-width:250px;cursor:pointer;transition:all .3s ease}.courier-dropdown[data-v-376c4a60]:hover{border-color:#f59e0b}.courier-dropdown[data-v-376c4a60]:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.courier-dropdown[data-v-376c4a60]:disabled{opacity:.5;cursor:not-allowed}.courier-date-filter-section[data-v-376c4a60]{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.date-filter-row[data-v-376c4a60]{display:flex;align-items:center;gap:1rem;flex:1}.date-filter-row label[data-v-376c4a60]{font-weight:600;color:#2c3e50;white-space:nowrap}.action-buttons[data-v-376c4a60]{display:flex;gap:.75rem}.action-btn[data-v-376c4a60]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-decoration:none}.transactions-btn[data-v-376c4a60]{background:white;color:#8b5cf6;border:2px solid #8b5cf6}.transactions-btn[data-v-376c4a60]:hover{background:#8b5cf6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.invoice-btn[data-v-376c4a60]{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.invoice-btn[data-v-376c4a60]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.invoice-btn[data-v-376c4a60]:active,.transactions-btn[data-v-376c4a60]:active{transform:translateY(0)}.loading-container[data-v-376c4a60]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.spinner[data-v-376c4a60]{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #f59e0b;border-radius:50%;animation:spin-376c4a60 1s linear infinite}@keyframes spin-376c4a60{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container[data-v-376c4a60]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.error-message[data-v-376c4a60]{color:#e74c3c;font-size:1.1rem;text-align:center}.retry-btn[data-v-376c4a60]{padding:.75rem 1.5rem;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.retry-btn[data-v-376c4a60]:hover{background:#d97706}.stats-grid[data-v-376c4a60],.courier-stats-grid[data-v-376c4a60]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-376c4a60]{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.stat-card[data-v-376c4a60]:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.stat-icon[data-v-376c4a60]{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg[data-v-376c4a60]{width:28px;height:28px;color:#fff}.packages-icon[data-v-376c4a60]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.shipments-icon[data-v-376c4a60]{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.weight-icon[data-v-376c4a60]{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.income-icon[data-v-376c4a60]{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.received-icon[data-v-376c4a60]{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.pending-icon[data-v-376c4a60]{background:linear-gradient(135deg,#30cfd0 0%,#330867 100%)}.unpaid-icon[data-v-376c4a60]{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.balance-icon[data-v-376c4a60]{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)}.rate-icon[data-v-376c4a60]{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%)}.couriers-icon[data-v-376c4a60]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.stat-content[data-v-376c4a60]{flex:1}.stat-label[data-v-376c4a60]{font-size:.9rem;color:#7f8c8d;margin:0 0 .5rem}.stat-value[data-v-376c4a60]{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0}.stat-value.negative[data-v-376c4a60]{color:#e74c3c}.split-layout[data-v-376c4a60]{display:grid;grid-template-columns:70% 30%;gap:2rem;margin-top:2rem}.shipments-container[data-v-376c4a60]{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.empty-state[data-v-376c4a60]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}.empty-state svg[data-v-376c4a60]{width:80px;height:80px;color:#bdc3c7;margin-bottom:1rem}.empty-state p[data-v-376c4a60]{color:#7f8c8d;font-size:1.1rem}.shipments-list[data-v-376c4a60]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}.shipment-card[data-v-376c4a60]{background:#f8f9fa;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.shipment-card[data-v-376c4a60]:hover{border-color:#f59e0b;transform:translate(4px);box-shadow:0 4px 12px #f59e0b33}.shipment-header[data-v-376c4a60]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #ecf0f1}.shipment-number[data-v-376c4a60]{font-size:1.2rem;font-weight:700;color:#f59e0b;margin:0}.status-badge[data-v-376c4a60]{padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize}.status-badge.small[data-v-376c4a60]{padding:.25rem .6rem;font-size:.75rem}.status-complete[data-v-376c4a60]{background:#d4edda;color:#155724}.status-pending[data-v-376c4a60]{background:#fff3cd;color:#856404}.status-partial[data-v-376c4a60]{background:#d1ecf1;color:#0c5460}.shipment-info[data-v-376c4a60]{display:flex;flex-direction:column;gap:.5rem}.info-row[data-v-376c4a60]{display:flex;justify-content:space-between;align-items:center}.info-label[data-v-376c4a60]{font-weight:600;color:#7f8c8d;font-size:.9rem}.info-value[data-v-376c4a60]{color:#2c3e50;font-weight:500;font-size:.9rem}.sidebar-container[data-v-376c4a60]{display:flex;flex-direction:column;gap:1.5rem}.sidebar-section[data-v-376c4a60]{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.sidebar-title[data-v-376c4a60]{font-size:1.1rem;font-weight:700;color:#2c3e50;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid #f8f9fa}.empty-message[data-v-376c4a60]{text-align:center;color:#7f8c8d;padding:2rem 1rem;font-style:italic}.invoices-list[data-v-376c4a60],.transactions-list[data-v-376c4a60]{display:flex;flex-direction:column;gap:.75rem}.invoice-item[data-v-376c4a60]{padding:1rem;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.invoice-item[data-v-376c4a60]:hover{border-color:#8b5cf6;background:#faf5ff}.invoice-header-small[data-v-376c4a60]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.invoice-number-small[data-v-376c4a60]{font-family:Courier New,monospace;font-weight:600;color:#2c3e50;font-size:.9rem}.status-badge-small[data-v-376c4a60]{padding:.25rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge-small.paid[data-v-376c4a60]{background:#d1fae5;color:#065f46}.status-badge-small.unpaid[data-v-376c4a60]{background:#fee2e2;color:#991b1b}.status-badge-small.partial[data-v-376c4a60]{background:#fef3c7;color:#92400e}.status-badge-small.overdue[data-v-376c4a60]{background:#fecaca;color:#991b1b;font-weight:700}.invoice-details-small[data-v-376c4a60]{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.invoice-date[data-v-376c4a60]{color:#7f8c8d}.invoice-amount[data-v-376c4a60]{font-weight:700;color:#2c3e50}.transaction-item[data-v-376c4a60]{padding:1rem;background:#f8f9fa;border-radius:8px;transition:all .2s ease}.transaction-item[data-v-376c4a60]:hover{background:#ecf0f1}.transaction-header-small[data-v-376c4a60]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.transaction-type-badge-small[data-v-376c4a60]{padding:.25rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.transaction-type-badge-small.payment[data-v-376c4a60]{background:#dbeafe;color:#1e40af}.transaction-type-badge-small.refund[data-v-376c4a60]{background:#fee2e2;color:#991b1b}.transaction-type-badge-small.adjustment[data-v-376c4a60]{background:#fef3c7;color:#92400e}.transaction-type-badge-small.credit[data-v-376c4a60]{background:#d1fae5;color:#065f46}.transaction-amount-small[data-v-376c4a60]{font-weight:700;color:#2c3e50;font-size:.9rem}.transaction-amount-small.refund[data-v-376c4a60]{color:#ef4444}.transaction-details-small[data-v-376c4a60]{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.transaction-date[data-v-376c4a60]{color:#7f8c8d}.transaction-method[data-v-376c4a60]{color:#34495e;font-weight:500}.modal-overlay[data-v-376c4a60]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content[data-v-376c4a60],.modal[data-v-376c4a60]{background:white;border:2px solid #e5e5e5;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex;flex-direction:column;max-width:1200px;width:100%;max-height:90vh}.modal[data-v-376c4a60]{max-width:600px}.modal-header[data-v-376c4a60]{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid #e5e5e5}.modal-header h2[data-v-376c4a60]{margin:0;color:#2c3e50;font-size:22px;font-weight:700;letter-spacing:-.025em}.close-btn[data-v-376c4a60]{background:transparent;border:2px solid #e5e5e5;width:40px;height:40px;border-radius:8px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn[data-v-376c4a60]:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:scale(1.05)}.close-btn:hover svg[data-v-376c4a60]{color:#fff}.close-btn svg[data-v-376c4a60]{width:24px;height:24px;color:#7f8c8d;transition:color .2s ease}.modal-body[data-v-376c4a60]{overflow-y:auto;padding:24px 28px}.modal-footer[data-v-376c4a60]{padding:20px 28px;border-top:2px solid #e5e5e5;background:#f9fafb;border-radius:0 0 16px 16px;display:flex;justify-content:flex-end;gap:12px}.info-message[data-v-376c4a60]{padding:16px;background:#dbeafe;border-left:4px solid #3b82f6;border-radius:8px;color:#1e40af;margin-bottom:16px;font-size:14px;line-height:1.5}.cancel-btn[data-v-376c4a60]{padding:12px 28px;background:white;color:#7f8c8d;border:2px solid #e5e5e5;border-radius:8px;font-size:15px;font-weight:600;min-width:120px;cursor:pointer;transition:all .2s ease}.cancel-btn[data-v-376c4a60]:hover{background:#ecf0f1;border-color:#d1d5db;transform:translateY(-1px)}.summary-stats[data-v-376c4a60]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:12px}.summary-item[data-v-376c4a60]{display:flex;flex-direction:column;gap:.25rem}.summary-label[data-v-376c4a60]{font-size:.85rem;color:#7f8c8d;font-weight:600}.summary-value[data-v-376c4a60]{font-size:1.1rem;color:#2c3e50;font-weight:600}.packages-section[data-v-376c4a60]{margin-top:2rem}.packages-section h3[data-v-376c4a60]{margin-bottom:1rem;color:#2c3e50}.table-container[data-v-376c4a60]{overflow-x:auto;border-radius:12px;box-shadow:0 2px 8px #0000001a}.packages-table[data-v-376c4a60]{width:100%;border-collapse:collapse;background:white}.packages-table thead[data-v-376c4a60]{background:#f59e0b;color:#fff}.packages-table th[data-v-376c4a60]{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.packages-table td[data-v-376c4a60]{padding:1rem;border-bottom:1px solid #ecf0f1;color:#2c3e50;font-size:.9rem}.packages-table tbody tr[data-v-376c4a60]:hover{background:#f8f9fa}.packages-table tbody tr:last-child td[data-v-376c4a60]{border-bottom:none}@media (max-width: 1024px){.split-layout[data-v-376c4a60]{grid-template-columns:1fr}.courier-selector-row[data-v-376c4a60]{flex-direction:column;align-items:stretch}.action-buttons[data-v-376c4a60]{width:100%}.action-btn[data-v-376c4a60]{flex:1;justify-content:center}}@media (max-width: 768px){.courier-lounge[data-v-376c4a60]{padding:1rem}.stats-grid[data-v-376c4a60],.courier-stats-grid[data-v-376c4a60]{grid-template-columns:1fr}.courier-selector[data-v-376c4a60]{flex-direction:column;align-items:stretch}.courier-dropdown[data-v-376c4a60]{width:100%}.modal-overlay[data-v-376c4a60],.modal-body[data-v-376c4a60]{padding:1rem}.summary-stats[data-v-376c4a60]{grid-template-columns:1fr}.packages-table[data-v-376c4a60]{font-size:.8rem}.packages-table th[data-v-376c4a60],.packages-table td[data-v-376c4a60]{padding:.5rem}}.dark .courier-lounge .section-title{color:var(--on-surface, #f1f5f9)!important}.dark .courier-lounge .section-divider{background:linear-gradient(90deg,transparent,var(--border-color, #334155),transparent)!important}.dark .courier-lounge .overall-date-filter{background:var(--surface, #1e293b)!important}.dark .courier-lounge .overall-date-filter label{color:var(--on-surface, #f1f5f9)!important}.dark .courier-lounge .date-filter-select{background:var(--surface-variant, #334155)!important;border-color:var(--border-color, #475569)!important;color:var(--on-surface, #f1f5f9)!important}.dark .courier-lounge .date-filter-select option{background:var(--surface, #1e293b)!important;color:var(--on-surface, #f1f5f9)!important}.dark .courier-lounge .custom-date-inline span{color:var(--on-surface-variant, #94a3b8)!important}.dark .courier-lounge .courier-selector label{color:var(--on-surface, #f1f5f9)!important}.dark .courier-lounge .courier-dropdown{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .courier-lounge .courier-dropdown option{background:var(--surface, #1e293b)!important;color:var(--on-surface, #f1f5f9)!important}.dark .courier-lounge .courier-date-filter-section{background:var(--surface, #1e293b)!important}.dark .courier-lounge .date-filter-row label{color:var(--on-surface, #f1f5f9)!important}.dark .courier-lounge .date-input{background:var(--surface-variant, #334155)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .courier-lounge .stat-card{background:var(--surface, #1e293b)!important}.dark .courier-lounge .stat-label{color:var(--text-muted, #94a3b8)!important}.dark .courier-lounge .stat-value{color:var(--on-surface, #f1f5f9)!important}.dark .courier-lounge .shipments-container{background:var(--surface, #1e293b)!important}.dark .courier-lounge .empty-state{background:transparent!important}.dark .courier-lounge .empty-state svg{color:var(--text-muted, #64748b)!important}.dark .courier-lounge .empty-state p{color:var(--text-muted, #94a3b8)!important}.dark .courier-lounge .shipment-card{background:var(--surface-variant, #334155)!important}.dark .courier-lounge .shipment-card:hover{border-color:var(--primary, #f59e0b)!important}.dark .courier-lounge .shipment-header{border-bottom-color:var(--border-color, #475569)!important}.dark .courier-lounge .shipment-number{color:var(--primary, #fbbf24)!important}.dark .courier-lounge .info-label{color:var(--text-muted, #94a3b8)!important}.dark .courier-lounge .info-value{color:var(--on-surface, #f1f5f9)!important}.dark .courier-lounge .sidebar-section{background:var(--surface, #1e293b)!important}.dark .courier-lounge .sidebar-title{color:var(--on-surface, #f1f5f9)!important;border-bottom-color:var(--border-color, #334155)!important}.dark .courier-lounge .empty-message{color:var(--text-muted, #94a3b8)!important}.dark .courier-lounge .invoice-item{background:var(--surface-variant, #334155)!important}.dark .courier-lounge .invoice-item:hover{background:rgba(139,92,246,.1)!important}.dark .courier-lounge .invoice-number-small{color:var(--on-surface, #f1f5f9)!important}.dark .courier-lounge .invoice-date{color:var(--text-muted, #94a3b8)!important}.dark .courier-lounge .invoice-amount{color:var(--on-surface, #f1f5f9)!important}.dark .courier-lounge .transaction-item{background:var(--surface-variant, #334155)!important}.dark .courier-lounge .transaction-item:hover{background:var(--border-color, #475569)!important}.dark .courier-lounge .transaction-amount-small{color:var(--on-surface, #f1f5f9)!important}.dark .courier-lounge .transaction-date{color:var(--text-muted, #94a3b8)!important}.dark .courier-lounge .transaction-method{color:var(--on-surface-variant, #cbd5e1)!important}.dark .courier-lounge .modal-content,.dark .courier-lounge .modal{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important}.dark .courier-lounge .modal-header{border-bottom-color:var(--border-color, #334155)!important}.dark .courier-lounge .modal-header h2{color:var(--on-surface, #f1f5f9)!important}.dark .courier-lounge .close-btn{border-color:var(--border-color, #334155)!important}.dark .courier-lounge .close-btn svg{color:var(--text-muted, #94a3b8)!important}.dark .courier-lounge .close-btn:hover{background:var(--error, #ef4444)!important;border-color:var(--error, #ef4444)!important}.dark .courier-lounge .close-btn:hover svg{color:#fff!important}.dark .courier-lounge .modal-footer{background:var(--surface-variant, #334155)!important;border-top-color:var(--border-color, #334155)!important}.dark .courier-lounge .summary-stats{background:var(--surface-variant, #334155)!important}.dark .courier-lounge .summary-label{color:var(--text-muted, #94a3b8)!important}.dark .courier-lounge .summary-value,.dark .courier-lounge .packages-section h3{color:var(--on-surface, #f1f5f9)!important}.dark .courier-lounge .table-container,.dark .courier-lounge .packages-table{background:var(--surface, #1e293b)!important}.dark .courier-lounge .packages-table thead{background:var(--primary, #f59e0b)!important}.dark .courier-lounge .packages-table td{color:var(--on-surface, #f1f5f9)!important;border-bottom-color:var(--border-color, #334155)!important}.dark .courier-lounge .packages-table tbody tr:hover{background:var(--surface-variant, #334155)!important}.dark .courier-lounge .cancel-btn{background:var(--surface-variant, #334155)!important;border-color:var(--border-color, #475569)!important;color:var(--on-surface, #f1f5f9)!important}.dark .courier-lounge .cancel-btn:hover{background:var(--border-color, #475569)!important;border-color:var(--border-color, #64748b)!important}.dark .courier-lounge .loading-container p{color:var(--text-muted, #94a3b8)!important}.dark .courier-lounge .error-message{color:var(--error, #f87171)!important}.cx-billing[data-v-c082adc7]{max-width:1400px;margin:0 auto}.stats-grid[data-v-c082adc7]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card[data-v-c082adc7]{background:var(--bg-primary, white);padding:20px;border-radius:12px;border:1px solid var(--border-color, #f5f5f5);display:flex;align-items:center;gap:16px}.stat-icon[data-v-c082adc7]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.blue[data-v-c082adc7]{background:#3E6B9E}.stat-icon.green[data-v-c082adc7]{background:#10b981}.stat-icon.orange[data-v-c082adc7]{background:#f59e0b}.stat-icon.purple[data-v-c082adc7]{background:#8b5cf6}.page-header-row[data-v-c082adc7]{display:flex;align-items:center;margin-bottom:24px;gap:20px}.stats-filter[data-v-c082adc7]{display:flex;align-items:center;gap:16px;flex-shrink:0}.date-range-select[data-v-c082adc7]{padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-primary, white);color:var(--text-primary, #333);font-size:14px;cursor:pointer}.date-range-select[data-v-c082adc7]:focus{outline:none;border-color:#8b5cf6}.date-range-label[data-v-c082adc7]{font-size:13px;color:var(--text-secondary, #666)}.stat-content[data-v-c082adc7]{display:flex;flex-direction:column}.stat-value[data-v-c082adc7]{font-size:28px;font-weight:700;color:var(--text-primary, #333)}.stat-label[data-v-c082adc7]{font-size:13px;color:var(--text-secondary, #666)}.billing-tabs-container[data-v-c082adc7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.billing-tabs[data-v-c082adc7]{display:flex;gap:8px}.tab-btn[data-v-c082adc7]{padding:12px 24px;background:var(--bg-primary, white);border:1px solid var(--border-color, #e5e5e5);border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;color:var(--text-secondary, #666);text-decoration:none;display:flex;align-items:center;gap:8px}.tab-btn[data-v-c082adc7]:hover{background:var(--bg-secondary, #f5f5f5)}.create-invoice-btn[data-v-c082adc7]{padding:12px 24px;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.create-invoice-btn[data-v-c082adc7]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.recent-invoices[data-v-c082adc7]{margin-bottom:40px}.recent-invoices h3[data-v-c082adc7]{font-size:18px;font-weight:600;color:var(--text-primary, #333);margin-bottom:16px}.recent-transactions[data-v-c082adc7]{margin-bottom:40px}.section-header-row[data-v-c082adc7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.recent-transactions h3[data-v-c082adc7]{font-size:18px;font-weight:600;color:var(--text-primary, #333);margin:0}.view-all-link[data-v-c082adc7]{display:flex;align-items:center;gap:4px;color:#8b5cf6;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s}.view-all-link[data-v-c082adc7]:hover{color:#7c3aed;gap:8px}.data-table[data-v-c082adc7]{width:100%;background:var(--bg-primary, white);border-radius:12px;overflow:hidden;border:1px solid var(--border-color, #f5f5f5)}.data-table thead[data-v-c082adc7]{background:var(--bg-secondary, #f9fafb);border-bottom:1px solid var(--border-color, #e5e7eb)}.data-table th[data-v-c082adc7]{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.data-table td[data-v-c082adc7]{padding:16px;border-top:1px solid var(--border-color, #f5f5f5);font-size:14px;color:var(--text-primary, #333)}.data-table tbody tr[data-v-c082adc7]:hover{background:var(--bg-secondary, #f9fafb)}.no-data-cell[data-v-c082adc7]{text-align:center;color:var(--text-secondary, #666);padding:40px 16px;font-style:italic}.invoice-number[data-v-c082adc7]{font-family:Courier New,monospace;font-weight:600;color:var(--text-primary, #333);background:var(--bg-secondary, #f3f4f6);padding:4px 8px;border-radius:4px;font-size:13px}.amount[data-v-c082adc7]{font-weight:600;color:var(--text-primary, #333)}.amount.refund[data-v-c082adc7]{color:#ef4444}.late-fee[data-v-c082adc7]{display:block;font-size:12px;color:#ef4444;margin-top:2px}.status-badge[data-v-c082adc7]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.paid[data-v-c082adc7]{background:#d1fae5;color:#065f46}.status-badge.unpaid[data-v-c082adc7]{background:#fee2e2;color:#991b1b}.status-badge.partial[data-v-c082adc7]{background:#fef3c7;color:#92400e}.status-badge.overdue[data-v-c082adc7]{background:#fecaca;color:#991b1b;font-weight:700}.transaction-type-badge[data-v-c082adc7]{display:inline-block;padding:4px 10px;border-radius:16px;font-size:12px;font-weight:500}.transaction-type-badge.payment[data-v-c082adc7]{background:#dbeafe;color:#1e40af}.transaction-type-badge.refund[data-v-c082adc7]{background:#fee2e2;color:#991b1b}.transaction-type-badge.adjustment[data-v-c082adc7]{background:#fef3c7;color:#92400e}.transaction-type-badge.credit[data-v-c082adc7]{background:#d1fae5;color:#065f46}.transaction-type-badge.late_fee[data-v-c082adc7]{background:#fecaca;color:#991b1b}.overdue[data-v-c082adc7]{color:#dc2626;font-weight:600}.actions[data-v-c082adc7]{display:flex;gap:8px}.action-btn[data-v-c082adc7]{padding:6px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.action-btn.view[data-v-c082adc7]{background:#dbeafe;color:#1e40af}.action-btn.view[data-v-c082adc7]:hover{background:#bfdbfe}.action-btn.bill[data-v-c082adc7]{background:#e0e7ff;color:#3730a3}.action-btn.bill[data-v-c082adc7]:hover{background:#c7d2fe}.action-btn.pay[data-v-c082adc7]{background:#d1fae5;color:#065f46}.action-btn.pay[data-v-c082adc7]:hover{background:#a7f3d0}.action-btn.delete[data-v-c082adc7]{background:#fee2e2;color:#991b1b}.action-btn.delete[data-v-c082adc7]:hover{background:#fecaca}.modal-overlay[data-v-c082adc7]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal[data-v-c082adc7]{background:var(--bg-primary, white);border-radius:16px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-c082adc7]{padding:24px;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-c082adc7]{margin:0;font-size:20px;font-weight:700;color:var(--text-primary, #333)}.close-btn[data-v-c082adc7]{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-secondary, #666);transition:all .2s}.close-btn[data-v-c082adc7]:hover{color:var(--text-primary, #333);transform:rotate(90deg)}.modal-body[data-v-c082adc7]{padding:24px}.modal-footer[data-v-c082adc7]{padding:16px 24px;border-top:1px solid var(--border-color, #e5e7eb);display:flex;justify-content:flex-end;gap:12px}.info-message[data-v-c082adc7]{padding:16px;background:#dbeafe;border-left:4px solid #3b82f6;border-radius:8px;color:#1e40af;margin-bottom:16px;font-size:14px;line-height:1.5}.payment-info[data-v-c082adc7]{background:var(--bg-secondary, #f9fafb);padding:16px;border-radius:8px;margin-bottom:24px}.info-row[data-v-c082adc7]{display:flex;justify-content:space-between;margin-bottom:8px}.info-row[data-v-c082adc7]:last-child{margin-bottom:0}.info-row .label[data-v-c082adc7]{font-weight:600;color:var(--text-secondary, #666);font-size:14px}.info-row .value[data-v-c082adc7]{color:var(--text-primary, #333);font-size:14px}.form-group[data-v-c082adc7]{margin-bottom:20px}.form-group label[data-v-c082adc7]{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary, #333);font-size:14px}.form-select[data-v-c082adc7],.form-input[data-v-c082adc7],.form-textarea[data-v-c082adc7]{width:100%;padding:10px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-primary, white);color:var(--text-primary, #333);font-size:14px;font-family:inherit}.form-select[data-v-c082adc7]:focus,.form-input[data-v-c082adc7]:focus,.form-textarea[data-v-c082adc7]:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-textarea[data-v-c082adc7]{min-height:100px;resize:vertical}.cancel-btn[data-v-c082adc7],.submit-btn[data-v-c082adc7]{padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none}.cancel-btn[data-v-c082adc7]{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #666)}.cancel-btn[data-v-c082adc7]:hover{background:#e5e7eb}.submit-btn[data-v-c082adc7]{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff}.submit-btn[data-v-c082adc7]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.submit-btn[data-v-c082adc7]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.stats-grid[data-v-c082adc7]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.stats-grid[data-v-c082adc7]{grid-template-columns:1fr}.billing-tabs-container[data-v-c082adc7]{flex-direction:column;align-items:stretch}.create-invoice-btn[data-v-c082adc7]{width:100%;justify-content:center}}.dark .cx-billing .stat-card{background:#1f2937;border-color:#374151}.dark .cx-billing .date-range-select{background:#1f2937;border-color:#374151;color:#f9fafb}.dark .cx-billing .tab-btn{background:#1f2937;border-color:#374151;color:#9ca3af}.dark .cx-billing .tab-btn:hover{background:#374151}.dark .cx-billing .data-table{background:#1f2937;border-color:#374151}.dark .cx-billing .data-table thead{background:#111827;border-color:#374151}.dark .cx-billing .data-table th{color:#9ca3af}.dark .cx-billing .data-table td{border-color:#374151;color:#f9fafb}.dark .cx-billing .data-table tbody tr:hover{background:#111827}.dark .cx-billing .invoice-number{background:#374151;color:#f9fafb}.dark .cx-billing .amount{color:#f9fafb}.dark .cx-billing .modal{background:#1f2937}.dark .cx-billing .modal-header{border-color:#374151}.dark .cx-billing .modal-header h2{color:#f9fafb}.dark .cx-billing .close-btn{color:#9ca3af}.dark .cx-billing .close-btn:hover{color:#f9fafb}.dark .cx-billing .modal-footer{border-color:#374151}.dark .cx-billing .payment-info{background:#111827}.dark .cx-billing .info-row .label{color:#9ca3af}.dark .cx-billing .info-row .value{color:#f9fafb}.dark .cx-billing .form-select,.dark .cx-billing .form-input,.dark .cx-billing .form-textarea{background:#111827;border-color:#374151;color:#f9fafb}.dark .cx-billing .cancel-btn{background:#374151;color:#9ca3af}.dark .cx-billing .cancel-btn:hover{background:#4b5563}.wh-billing[data-v-cb11ab7c]{max-width:1400px;margin:0 auto}.stats-grid[data-v-cb11ab7c]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card[data-v-cb11ab7c]{background:var(--bg-primary, white);padding:20px;border-radius:12px;border:1px solid var(--border-color, #f5f5f5);display:flex;align-items:center;gap:16px}.stat-icon[data-v-cb11ab7c]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.blue[data-v-cb11ab7c]{background:#3E6B9E}.stat-icon.green[data-v-cb11ab7c]{background:#10b981}.stat-icon.orange[data-v-cb11ab7c]{background:#f59e0b}.stat-icon.cyan[data-v-cb11ab7c]{background:#06b6d4}.page-header-row[data-v-cb11ab7c]{display:flex;align-items:center;margin-bottom:24px;gap:20px}.stats-filter[data-v-cb11ab7c]{display:flex;align-items:center;gap:16px;flex-shrink:0}.date-range-select[data-v-cb11ab7c]{padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-primary, white);color:var(--text-primary, #333);font-size:14px;cursor:pointer}.date-range-select[data-v-cb11ab7c]:focus{outline:none;border-color:#06b6d4}.date-range-label[data-v-cb11ab7c]{font-size:13px;color:var(--text-secondary, #666)}.stat-content[data-v-cb11ab7c]{display:flex;flex-direction:column}.stat-value[data-v-cb11ab7c]{font-size:28px;font-weight:700;color:var(--text-primary, #333)}.stat-label[data-v-cb11ab7c]{font-size:13px;color:var(--text-secondary, #666)}.billing-tabs-container[data-v-cb11ab7c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.billing-tabs[data-v-cb11ab7c]{display:flex;gap:8px}.tab-btn[data-v-cb11ab7c]{padding:12px 24px;background:var(--bg-primary, white);border:1px solid var(--border-color, #e5e5e5);border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;color:var(--text-secondary, #666);text-decoration:none;display:flex;align-items:center;gap:8px}.tab-btn[data-v-cb11ab7c]:hover{background:var(--bg-secondary, #f5f5f5)}.create-invoice-btn[data-v-cb11ab7c]{padding:12px 24px;background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.create-invoice-btn[data-v-cb11ab7c]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #06b6d44d}.recent-invoices[data-v-cb11ab7c]{margin-bottom:40px}.recent-invoices h3[data-v-cb11ab7c]{font-size:18px;font-weight:600;color:var(--text-primary, #333);margin-bottom:16px}.recent-transactions[data-v-cb11ab7c]{margin-bottom:40px}.section-header-row[data-v-cb11ab7c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.recent-transactions h3[data-v-cb11ab7c]{font-size:18px;font-weight:600;color:var(--text-primary, #333);margin:0}.view-all-link[data-v-cb11ab7c]{display:flex;align-items:center;gap:4px;color:#06b6d4;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s}.view-all-link[data-v-cb11ab7c]:hover{color:#0891b2;gap:8px}.data-table[data-v-cb11ab7c]{width:100%;background:var(--bg-primary, white);border-radius:12px;overflow:hidden;border:1px solid var(--border-color, #f5f5f5)}.data-table thead[data-v-cb11ab7c]{background:var(--bg-secondary, #f9fafb);border-bottom:1px solid var(--border-color, #e5e7eb)}.data-table th[data-v-cb11ab7c]{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.data-table td[data-v-cb11ab7c]{padding:16px;border-top:1px solid var(--border-color, #f5f5f5);font-size:14px;color:var(--text-primary, #333)}.data-table tbody tr[data-v-cb11ab7c]:hover{background:var(--bg-secondary, #f9fafb)}.no-data-cell[data-v-cb11ab7c]{text-align:center;color:var(--text-secondary, #666);padding:40px 16px;font-style:italic}.invoice-number[data-v-cb11ab7c]{font-family:Courier New,monospace;font-weight:600;color:var(--text-primary, #333);background:var(--bg-secondary, #f3f4f6);padding:4px 8px;border-radius:4px;font-size:13px}.amount[data-v-cb11ab7c]{font-weight:600;color:var(--text-primary, #333)}.amount.refund[data-v-cb11ab7c]{color:#ef4444}.late-fee[data-v-cb11ab7c]{display:block;font-size:12px;color:#ef4444;margin-top:2px}.status-badge[data-v-cb11ab7c]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.paid[data-v-cb11ab7c]{background:#d1fae5;color:#065f46}.status-badge.unpaid[data-v-cb11ab7c]{background:#fee2e2;color:#991b1b}.status-badge.partial[data-v-cb11ab7c]{background:#fef3c7;color:#92400e}.status-badge.overdue[data-v-cb11ab7c]{background:#fecaca;color:#991b1b;font-weight:700}.transaction-type-badge[data-v-cb11ab7c]{display:inline-block;padding:4px 10px;border-radius:16px;font-size:12px;font-weight:500}.transaction-type-badge.payment[data-v-cb11ab7c]{background:#dbeafe;color:#1e40af}.transaction-type-badge.refund[data-v-cb11ab7c]{background:#fee2e2;color:#991b1b}.transaction-type-badge.adjustment[data-v-cb11ab7c]{background:#fef3c7;color:#92400e}.transaction-type-badge.credit[data-v-cb11ab7c]{background:#d1fae5;color:#065f46}.transaction-type-badge.late_fee[data-v-cb11ab7c]{background:#fecaca;color:#991b1b}.overdue[data-v-cb11ab7c]{color:#dc2626;font-weight:600}.actions[data-v-cb11ab7c]{display:flex;gap:8px}.action-btn[data-v-cb11ab7c]{padding:6px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.action-btn.view[data-v-cb11ab7c]{background:#dbeafe;color:#1e40af}.action-btn.view[data-v-cb11ab7c]:hover{background:#bfdbfe}.action-btn.bill[data-v-cb11ab7c]{background:#e0e7ff;color:#3730a3}.action-btn.bill[data-v-cb11ab7c]:hover{background:#c7d2fe}.action-btn.pay[data-v-cb11ab7c]{background:#d1fae5;color:#065f46}.action-btn.pay[data-v-cb11ab7c]:hover{background:#a7f3d0}.action-btn.delete[data-v-cb11ab7c]{background:#fee2e2;color:#991b1b}.action-btn.delete[data-v-cb11ab7c]:hover{background:#fecaca}.modal-overlay[data-v-cb11ab7c]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal[data-v-cb11ab7c]{background:var(--bg-primary, white);border:2px solid var(--border-color, #e5e5e5);border-radius:16px;max-width:600px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.modal-header[data-v-cb11ab7c]{padding:24px 28px;border-bottom:2px solid var(--border-color, #e5e5e5);display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-cb11ab7c]{margin:0;font-size:22px;font-weight:700;letter-spacing:-.025em;color:var(--text-primary, #333)}.close-btn[data-v-cb11ab7c]{background:transparent;border:2px solid var(--border-color, #e5e5e5);width:40px;height:40px;border-radius:8px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #666);transition:all .2s}.close-btn[data-v-cb11ab7c]:hover{background:var(--error, #ef4444);border-color:var(--error, #ef4444);color:#fff;transform:scale(1.05)}.modal-body[data-v-cb11ab7c]{padding:24px 28px;overflow-y:auto}.modal-footer[data-v-cb11ab7c]{padding:20px 28px;border-top:2px solid var(--border-color, #e5e5e5);background:var(--bg-secondary, #f9fafb);border-radius:0 0 16px 16px;display:flex;justify-content:flex-end;gap:12px}.info-message[data-v-cb11ab7c]{padding:16px;background:#dbeafe;border-left:4px solid #3b82f6;border-radius:8px;color:#1e40af;margin-bottom:16px;font-size:14px;line-height:1.5}.payment-info[data-v-cb11ab7c]{background:var(--bg-secondary, #f9fafb);padding:16px;border-radius:8px;margin-bottom:24px}.info-row[data-v-cb11ab7c]{display:flex;justify-content:space-between;margin-bottom:8px}.info-row[data-v-cb11ab7c]:last-child{margin-bottom:0}.info-row .label[data-v-cb11ab7c]{font-weight:600;color:var(--text-secondary, #666);font-size:14px}.info-row .value[data-v-cb11ab7c]{color:var(--text-primary, #333);font-size:14px}.form-group[data-v-cb11ab7c]{margin-bottom:20px}.form-group label[data-v-cb11ab7c]{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary, #333);font-size:14px}.form-select[data-v-cb11ab7c],.form-input[data-v-cb11ab7c],.form-textarea[data-v-cb11ab7c]{width:100%;padding:10px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-primary, white);color:var(--text-primary, #333);font-size:14px;font-family:inherit}.form-select[data-v-cb11ab7c]:focus,.form-input[data-v-cb11ab7c]:focus,.form-textarea[data-v-cb11ab7c]:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.form-textarea[data-v-cb11ab7c]{min-height:100px;resize:vertical}.cancel-btn[data-v-cb11ab7c],.submit-btn[data-v-cb11ab7c]{padding:12px 28px;border-radius:8px;font-weight:600;font-size:15px;min-width:120px;cursor:pointer;transition:all .2s}.cancel-btn[data-v-cb11ab7c]{background:var(--bg-secondary, #f3f4f6);border:2px solid var(--border-color, #e5e5e5);color:var(--text-secondary, #666)}.cancel-btn[data-v-cb11ab7c]:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-color-dark, #d1d5db)}.submit-btn[data-v-cb11ab7c]{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);border:none;color:#fff}.submit-btn[data-v-cb11ab7c]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.submit-btn[data-v-cb11ab7c]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.stats-grid[data-v-cb11ab7c]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.stats-grid[data-v-cb11ab7c]{grid-template-columns:1fr}.billing-tabs-container[data-v-cb11ab7c]{flex-direction:column;align-items:stretch}.create-invoice-btn[data-v-cb11ab7c]{width:100%;justify-content:center}}.dark .wh-billing .stat-card{background:#1f2937;border-color:#374151}.dark .wh-billing .date-range-select{background:#1f2937;border-color:#374151;color:#f9fafb}.dark .wh-billing .tab-btn{background:#1f2937;border-color:#374151;color:#9ca3af}.dark .wh-billing .tab-btn:hover{background:#374151}.dark .wh-billing .data-table{background:#1f2937;border-color:#374151}.dark .wh-billing .data-table thead{background:#111827;border-color:#374151}.dark .wh-billing .data-table th{color:#9ca3af}.dark .wh-billing .data-table td{border-color:#374151;color:#f9fafb}.dark .wh-billing .data-table tbody tr:hover{background:#111827}.dark .wh-billing .invoice-number{background:#374151;color:#f9fafb}.dark .wh-billing .amount{color:#f9fafb}.dark .wh-billing .modal{background:#1f2937;border-color:var(--border-color, #334155)}.dark .wh-billing .modal-header{border-bottom-color:var(--border-color, #334155)}.dark .wh-billing .modal-header h2{color:#f9fafb}.dark .wh-billing .close-btn{color:#9ca3af;border-color:var(--border-color, #334155)}.dark .wh-billing .close-btn:hover{background:var(--error, #ef4444);border-color:var(--error, #ef4444);color:#fff}.dark .wh-billing .modal-footer{background:rgba(0,0,0,.2);border-top-color:var(--border-color, #334155)}.dark .wh-billing .payment-info{background:#111827}.dark .wh-billing .info-row .label{color:#9ca3af}.dark .wh-billing .info-row .value{color:#f9fafb}.dark .wh-billing .form-select,.dark .wh-billing .form-input,.dark .wh-billing .form-textarea{background:#111827;border-color:#374151;color:#f9fafb}.dark .wh-billing .cancel-btn{background:#374151;border-color:var(--border-color, #334155);color:#9ca3af}.dark .wh-billing .cancel-btn:hover:not(:disabled){border-color:var(--border-color-dark, #475569)}.user-management-section[data-v-6ac03d12]{padding:0}.section-header[data-v-6ac03d12]{display:flex;justify-content:flex-end;margin-bottom:24px}.card[data-v-6ac03d12]{background:white;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.card-header[data-v-6ac03d12]{padding:24px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center}.card-header h3[data-v-6ac03d12]{margin:0;font-size:18px;font-weight:600;color:#333}.search-box[data-v-6ac03d12]{position:relative}.search-input[data-v-6ac03d12]{padding:10px 40px 10px 16px;border:2px solid #e5e5e5;border-radius:8px;font-size:14px;width:300px;transition:border-color .2s}.search-input[data-v-6ac03d12]:focus{outline:none;border-color:#3e6b9e}.search-icon[data-v-6ac03d12]{position:absolute;right:12px;top:50%;transform:translateY(-50%);opacity:.6}.table-container[data-v-6ac03d12]{overflow-x:auto}.users-table[data-v-6ac03d12]{width:100%;border-collapse:collapse}.users-table th[data-v-6ac03d12]{padding:16px 24px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;background:#f9fafb;border-bottom:2px solid #e5e5e5}.users-table td[data-v-6ac03d12]{padding:16px 24px;border-bottom:1px solid #e5e5e5;font-size:14px;color:#333}.users-table tbody tr[data-v-6ac03d12]:hover{background:#f9fafb}.user-name[data-v-6ac03d12]{font-weight:600}.role-badge[data-v-6ac03d12]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.role-badge.admin[data-v-6ac03d12]{background:#fef3c7;color:#92400e}.role-badge.manager[data-v-6ac03d12]{background:#dbeafe;color:#1e40af}.role-badge.staff[data-v-6ac03d12]{background:#d1fae5;color:#065f46}.status-badge[data-v-6ac03d12]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active[data-v-6ac03d12]{background:#d1fae5;color:#065f46}.status-badge.inactive[data-v-6ac03d12]{background:#fee2e2;color:#991b1b}.branch-name[data-v-6ac03d12]{font-size:13px;color:#6b7280}.no-branch[data-v-6ac03d12]{font-size:13px;color:#9ca3af;font-style:italic}.action-buttons[data-v-6ac03d12]{display:flex;gap:8px}.btn-icon[data-v-6ac03d12]{background:none;border:none;font-size:18px;cursor:pointer;padding:6px;border-radius:6px;transition:background .2s}.btn-icon[data-v-6ac03d12]:hover{background:#f3f4f6}.btn-icon.btn-danger[data-v-6ac03d12]:hover{background:#fee2e2}.btn-primary[data-v-6ac03d12]{padding:12px 28px;background:#3E6B9E;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;min-width:120px}.btn-primary[data-v-6ac03d12]:hover{background:#2d5275;transform:translateY(-1px);box-shadow:0 4px 12px #3e6b9e4d}.btn-primary[data-v-6ac03d12]:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.btn-secondary[data-v-6ac03d12]{padding:12px 28px;background:white;color:#374151;border:2px solid #e5e5e5;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;min-width:120px}.btn-secondary[data-v-6ac03d12]:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.btn-danger[data-v-6ac03d12]{padding:12px 28px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;min-width:120px}.btn-danger[data-v-6ac03d12]:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.no-data[data-v-6ac03d12]{padding:60px 20px;text-align:center;color:#9ca3af}.modal-overlay[data-v-6ac03d12]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn-6ac03d12 .2s}.modal-content[data-v-6ac03d12]{background:white;border:2px solid #e5e5e5;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:slideUp-6ac03d12 .3s}.permissions-modal[data-v-6ac03d12]{max-width:800px}.confirm-modal[data-v-6ac03d12]{max-width:450px}.modal-header[data-v-6ac03d12]{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid #e5e5e5;background:white}.modal-header h3[data-v-6ac03d12]{margin:0;font-size:22px;font-weight:700;color:#111827;letter-spacing:-.025em}.close-btn[data-v-6ac03d12]{background:transparent;border:2px solid #e5e5e5;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.close-btn[data-v-6ac03d12]:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:scale(1.05)}.modal-body[data-v-6ac03d12]{flex:1;overflow-y:auto;padding:24px}.modal-description[data-v-6ac03d12]{color:#666;font-size:14px;margin:0 0 24px}.form-group[data-v-6ac03d12]{margin-bottom:20px}.form-group label[data-v-6ac03d12]{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#374151}.form-input[data-v-6ac03d12]{width:100%;padding:12px 16px;border:2px solid #e5e5e5;border-radius:8px;font-size:14px;transition:border-color .2s}.form-input[data-v-6ac03d12]:focus{outline:none;border-color:#3e6b9e}.role-info-section[data-v-6ac03d12]{background:#f0f7ff;padding:16px;border-radius:8px;margin-bottom:24px;border-left:4px solid #3E6B9E}.role-info-header[data-v-6ac03d12]{display:flex;align-items:center;gap:12px}.role-info-label[data-v-6ac03d12]{font-size:14px;font-weight:600;color:#1e40af}.permissions-table-container[data-v-6ac03d12]{overflow-x:auto;margin-bottom:20px;border-radius:8px;border:1px solid #e5e5e5}.permissions-table[data-v-6ac03d12]{width:100%;border-collapse:collapse;background:white}.permissions-table thead[data-v-6ac03d12]{background:#f9fafb}.permissions-table th[data-v-6ac03d12]{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;border-bottom:2px solid #e5e5e5}.permissions-table td[data-v-6ac03d12]{padding:12px 16px;border-bottom:1px solid #e5e5e5;font-size:14px}.permissions-table tbody tr[data-v-6ac03d12]:hover{background:#f9fafb}.resource-name[data-v-6ac03d12]{font-weight:600;color:#111827}.role-permission[data-v-6ac03d12],.effective-access[data-v-6ac03d12]{text-align:center}.permission-badge[data-v-6ac03d12]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.permission-badge.role-based[data-v-6ac03d12]{background:#dbeafe;color:#1e40af}.permission-badge.custom-override[data-v-6ac03d12]{background:#fef3c7;color:#92400e}.permission-badge.no-access[data-v-6ac03d12]{background:#f3f4f6;color:#6b7280}.no-permission[data-v-6ac03d12]{color:#9ca3af;font-size:13px;font-style:italic}.permission-select[data-v-6ac03d12]{padding:6px 10px;border:2px solid #e5e5e5;border-radius:6px;font-size:13px;cursor:pointer;width:100%;max-width:180px}.permission-select[data-v-6ac03d12]:focus{outline:none;border-color:#3e6b9e}.permissions-help[data-v-6ac03d12]{background:#fffbeb;border-left:4px solid #f59e0b;padding:12px 16px;border-radius:6px;font-size:13px;color:#92400e;margin-bottom:16px}.permissions-help strong[data-v-6ac03d12]{color:#78350f}.error-message[data-v-6ac03d12]{padding:12px 16px;background:#fee2e2;color:#991b1b;border-radius:8px;font-size:14px;margin-top:16px}.warning-text[data-v-6ac03d12]{color:#dc2626;font-weight:600;margin-top:12px}.modal-footer[data-v-6ac03d12]{padding:20px 28px;border-top:2px solid #e5e5e5;background:#f9fafb;display:flex;justify-content:flex-end;gap:12px;border-radius:0 0 16px 16px}@keyframes fadeIn-6ac03d12{0%{opacity:0}to{opacity:1}}@keyframes slideUp-6ac03d12{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dark .user-management-section .card{background:var(--surface, #1e293b)!important;box-shadow:0 2px 8px #0000004d!important}.dark .user-management-section .card-header{border-bottom-color:var(--border-color, #334155)!important}.dark .user-management-section .card-header h3{color:var(--on-surface, #f1f5f9)!important}.dark .user-management-section .search-input{background:var(--surface-variant, #334155)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .user-management-section .search-input::placeholder{color:var(--text-muted, #94a3b8)!important}.dark .user-management-section .users-table th{background:var(--surface-variant, #334155)!important;color:var(--text-muted, #94a3b8)!important;border-bottom-color:var(--border-color, #334155)!important}.dark .user-management-section .users-table td{color:var(--on-surface, #f1f5f9)!important;border-bottom-color:var(--border-color, #334155)!important}.dark .user-management-section .users-table tbody tr:hover,.dark .user-management-section .btn-icon:hover{background:var(--surface-variant, #334155)!important}.dark .user-management-section .btn-secondary{background:var(--surface-variant, #334155)!important;color:var(--on-surface, #f1f5f9)!important;border-color:var(--border-color, #334155)!important}.dark .user-management-section .btn-secondary:hover{background:var(--border-color-dark, #475569)!important;border-color:var(--border-color-dark, #475569)!important}.dark .user-management-section .no-data{color:var(--text-muted, #94a3b8)!important}.dark .user-management-section .modal-content{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important}.dark .user-management-section .modal-header{background:var(--surface, #1e293b)!important;border-bottom-color:var(--border-color, #334155)!important}.dark .user-management-section .modal-header h3{color:var(--on-surface, #f1f5f9)!important}.dark .user-management-section .close-btn{color:var(--text-muted, #94a3b8)!important;border-color:var(--border-color, #334155)!important}.dark .user-management-section .close-btn:hover{background:var(--error, #ef4444)!important;border-color:var(--error, #ef4444)!important;color:#fff!important}.dark .user-management-section .modal-description{color:var(--text-muted, #94a3b8)!important}.dark .user-management-section .form-group label{color:var(--on-surface, #f1f5f9)!important}.dark .user-management-section .form-input{background:var(--surface-variant, #334155)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .user-management-section .form-input::placeholder{color:var(--text-muted, #94a3b8)!important}.dark .user-management-section .modal-footer{background:rgba(0,0,0,.2)!important;border-top-color:var(--border-color, #334155)!important}.dark .user-management-section .role-info-section{background:rgba(90,143,196,.15)!important;border-left-color:var(--primary, #5a8fc4)!important}.dark .user-management-section .role-info-label{color:var(--primary, #5a8fc4)!important}.dark .user-management-section .permissions-table-container{border-color:var(--border-color, #334155)!important}.dark .user-management-section .permissions-table{background:var(--surface, #1e293b)!important}.dark .user-management-section .permissions-table thead{background:var(--surface-variant, #334155)!important}.dark .user-management-section .permissions-table th{color:var(--text-muted, #94a3b8)!important;border-bottom-color:var(--border-color, #334155)!important}.dark .user-management-section .permissions-table td{border-bottom-color:var(--border-color, #334155)!important}.dark .user-management-section .permissions-table tbody tr:hover{background:var(--surface-variant, #334155)!important}.dark .user-management-section .resource-name{color:var(--on-surface, #f1f5f9)!important}.dark .user-management-section .permission-select{background:var(--surface-variant, #334155)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .user-management-section .no-permission{color:var(--text-muted, #94a3b8)!important}.dark .user-management-section .permissions-help{background:rgba(251,191,36,.15)!important;color:var(--warning, #fbbf24)!important;border-left-color:var(--warning, #fbbf24)!important}.dark .user-management-section .permissions-help strong{color:var(--warning, #fbbf24)!important}.dark .user-management-section .warning-text{color:var(--error, #f87171)!important}.role-permissions-section[data-v-e3c38aec]{width:100%}.info-subtext[data-v-e3c38aec]{color:#666;font-size:14px;margin-bottom:24px}.role-selector[data-v-e3c38aec]{margin-bottom:32px;display:flex;align-items:center;gap:16px}.role-selector label[data-v-e3c38aec]{font-weight:600;font-size:14px;color:#333}.role-select[data-v-e3c38aec]{padding:10px 16px;border:2px solid #f5f5f5;border-radius:8px;font-size:14px;min-width:250px;transition:border-color .3s}.role-select[data-v-e3c38aec]:focus{outline:none;border-color:#3e6b9e}.permissions-container[data-v-e3c38aec]{background:white;border:1px solid #f5f5f5;border-radius:12px;overflow:hidden}.permissions-header[data-v-e3c38aec]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f9fafb;border-bottom:1px solid #f5f5f5}.permissions-header h4[data-v-e3c38aec]{margin:0;color:#3e6b9e;font-size:18px;font-weight:600}.header-actions[data-v-e3c38aec]{display:flex;gap:12px}.save-btn[data-v-e3c38aec]{padding:10px 24px;background:#3E6B9E;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s}.save-btn[data-v-e3c38aec]:hover:not(:disabled){background:#FFD700;color:#3e6b9e}.save-btn[data-v-e3c38aec]:disabled{opacity:.5;cursor:not-allowed}.permissions-table[data-v-e3c38aec]{width:100%;border-collapse:collapse}.permissions-table thead[data-v-e3c38aec]{background:#f5f5f5}.permissions-table th[data-v-e3c38aec]{padding:14px 12px;text-align:left;font-weight:600;font-size:13px;color:#333;border-bottom:2px solid #e5e7eb}.permissions-table td[data-v-e3c38aec]{padding:14px 12px;border-bottom:1px solid #f5f5f5}.resource-name[data-v-e3c38aec]{font-weight:600;color:#333;font-size:14px}.action-col[data-v-e3c38aec]{text-align:center;width:80px}.action-col input[type=checkbox][data-v-e3c38aec]{width:18px;height:18px;cursor:pointer;accent-color:#3E6B9E}.permissions-table tbody tr[data-v-e3c38aec]:hover{background:#f9fafb}.no-selection[data-v-e3c38aec]{padding:60px 20px;text-align:center;color:#999;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb}.no-selection p[data-v-e3c38aec]{margin:0;font-size:16px}.dark .role-permissions-section h3{color:var(--on-surface, #f1f5f9)!important}.dark .role-permissions-section .info-subtext{color:var(--text-muted, #94a3b8)!important}.dark .role-permissions-section .role-selector label{color:var(--on-surface, #f1f5f9)!important}.dark .role-permissions-section .role-select{background:var(--surface-variant, #334155)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .role-permissions-section .role-select option{background:var(--surface, #1e293b)!important;color:var(--on-surface, #f1f5f9)!important}.dark .role-permissions-section .permissions-container{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important}.dark .role-permissions-section .permissions-header{background:var(--surface-variant, #334155)!important;border-bottom-color:var(--border-color, #334155)!important}.dark .role-permissions-section .permissions-header h4{color:var(--primary, #5a8fc4)!important}.dark .role-permissions-section .permissions-table thead{background:var(--surface-variant, #334155)!important}.dark .role-permissions-section .permissions-table th{color:var(--on-surface, #f1f5f9)!important;border-bottom-color:var(--border-color, #334155)!important}.dark .role-permissions-section .permissions-table td{border-bottom-color:var(--border-color, #334155)!important}.dark .role-permissions-section .permissions-table tbody tr:hover{background:var(--surface-variant, #334155)!important}.dark .role-permissions-section .resource-name{color:var(--on-surface, #f1f5f9)!important}.dark .role-permissions-section .no-selection{background:var(--surface-variant, #334155)!important;border-color:var(--border-color, #334155)!important;color:var(--text-muted, #94a3b8)!important}.permission-gate-wrapper[data-v-26ad56b7]{position:relative;width:100%;height:100%}.permission-content.disabled[data-v-26ad56b7]{pointer-events:none;opacity:.6}.permission-restricted[data-v-26ad56b7]{position:relative;width:100%;min-height:200px;cursor:pointer}.permission-overlay[data-v-26ad56b7]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;padding:2rem;border-radius:12px;border:2px dashed #e0e0e0}.permission-lock-icon[data-v-26ad56b7]{width:64px;height:64px;margin-bottom:1rem;color:#f39c12}.permission-lock-icon svg[data-v-26ad56b7]{width:100%;height:100%}.permission-message[data-v-26ad56b7]{font-size:1.1rem;font-weight:600;color:#7f8c8d;text-align:center;margin:0}.permission-blurred-content[data-v-26ad56b7]{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.permission-hide[data-v-26ad56b7]{display:none}.permission-modal-overlay[data-v-26ad56b7]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;animation:fadeIn-26ad56b7 .2s ease}@keyframes fadeIn-26ad56b7{0%{opacity:0}to{opacity:1}}.permission-modal-content[data-v-26ad56b7]{background:white;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp-26ad56b7 .3s ease}@keyframes slideUp-26ad56b7{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.permission-modal-header[data-v-26ad56b7]{position:relative;padding:2rem;text-align:center;border-bottom:2px solid #ecf0f1;background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);color:#fff}.permission-modal-icon[data-v-26ad56b7]{width:80px;height:80px;margin:0 auto 1rem;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.permission-modal-icon svg[data-v-26ad56b7]{width:48px;height:48px}.permission-modal-header h2[data-v-26ad56b7]{margin:0;font-size:1.75rem;font-weight:700}.permission-modal-close[data-v-26ad56b7]{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.2);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff}.permission-modal-close[data-v-26ad56b7]:hover{background:rgba(255,255,255,.3)}.permission-modal-close svg[data-v-26ad56b7]{width:20px;height:20px}.permission-modal-body[data-v-26ad56b7]{padding:2rem;overflow-y:auto}.permission-modal-message[data-v-26ad56b7]{font-size:1.1rem;color:#2c3e50;margin:0 0 1.5rem;line-height:1.6}.permission-modal-details[data-v-26ad56b7]{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.permission-detail-item[data-v-26ad56b7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.permission-detail-item[data-v-26ad56b7]:last-child{margin-bottom:0}.permission-detail-label[data-v-26ad56b7]{font-weight:600;color:#7f8c8d;font-size:.9rem}.permission-detail-value[data-v-26ad56b7]{font-weight:600;color:#2c3e50;text-transform:capitalize;background:white;padding:.5rem 1rem;border-radius:6px;font-size:.9rem}.permission-modal-info[data-v-26ad56b7]{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#e8f5e9;border-radius:8px;border-left:4px solid #4caf50}.permission-modal-info svg[data-v-26ad56b7]{width:24px;height:24px;flex-shrink:0;color:#4caf50;margin-top:2px}.permission-modal-info p[data-v-26ad56b7]{margin:0;font-size:.95rem;color:#2c3e50;line-height:1.5}.permission-modal-footer[data-v-26ad56b7]{padding:1.5rem 2rem;border-top:2px solid #ecf0f1;display:flex;justify-content:flex-end}.permission-modal-btn-close[data-v-26ad56b7]{padding:.75rem 2rem;background:linear-gradient(135deg,#3E6B9E 0%,#2c5282 100%);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #3e6b9e4d}.permission-modal-btn-close[data-v-26ad56b7]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3e6b9e66}.permission-modal-btn-close[data-v-26ad56b7]:active{transform:translateY(0)}@media (max-width: 768px){.permission-modal-overlay[data-v-26ad56b7]{padding:1rem}.permission-modal-header[data-v-26ad56b7]{padding:1.5rem}.permission-modal-icon[data-v-26ad56b7]{width:64px;height:64px}.permission-modal-icon svg[data-v-26ad56b7]{width:36px;height:36px}.permission-modal-header h2[data-v-26ad56b7]{font-size:1.5rem}.permission-modal-body[data-v-26ad56b7]{padding:1.5rem}.permission-detail-item[data-v-26ad56b7]{flex-direction:column;align-items:flex-start;gap:.5rem}.permission-detail-value[data-v-26ad56b7]{width:100%;text-align:center}}.icon-picker[data-v-185b3bf0]{position:relative;display:inline-block}.icon-picker-trigger[data-v-185b3bf0]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface, white);border:1px solid var(--border-color, #e5e5e5);border-radius:8px;cursor:pointer;font-size:14px;color:var(--on-surface, #333);transition:all .2s;min-width:160px}.icon-picker-trigger[data-v-185b3bf0]:hover{border-color:var(--primary, #3E6B9E)}.trigger-label[data-v-185b3bf0]{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron[data-v-185b3bf0]{opacity:.5;transition:transform .2s}.icon-picker-dropdown[data-v-185b3bf0]{position:absolute;top:calc(100% + 4px);left:0;z-index:1000;background:var(--surface, white);border:1px solid var(--border-color, #e5e5e5);border-radius:12px;box-shadow:0 10px 40px #00000026;width:320px;max-height:400px;display:flex;flex-direction:column}.picker-header[data-v-185b3bf0]{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--border-color, #e5e5e5)}.icon-search[data-v-185b3bf0]{flex:1;padding:8px 12px;border:1px solid var(--border-color, #e5e5e5);border-radius:6px;font-size:14px;outline:none;background:var(--surface, white);color:var(--on-surface, #333)}.icon-search[data-v-185b3bf0]:focus{border-color:var(--primary, #3E6B9E)}.icon-search[data-v-185b3bf0]::placeholder{color:var(--text-muted, #999)}.close-picker[data-v-185b3bf0]{padding:6px;background:none;border:none;cursor:pointer;color:var(--text-muted, #999);border-radius:4px;display:flex;align-items:center;justify-content:center}.close-picker[data-v-185b3bf0]:hover{background:var(--surface-variant, #f5f5f5);color:var(--on-surface, #333)}.icons-grid[data-v-185b3bf0]{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:12px;overflow-y:auto;max-height:320px}.icon-option[data-v-185b3bf0]{display:flex;align-items:center;justify-content:center;padding:8px;background:none;border:2px solid transparent;border-radius:8px;cursor:pointer;color:var(--on-surface, #333);transition:all .15s}.icon-option[data-v-185b3bf0]:hover{background:var(--surface-variant, #f5f5f5);border-color:var(--border-color, #e5e5e5)}.icon-option.selected[data-v-185b3bf0]{background:var(--primary, #3E6B9E);color:#fff;border-color:var(--primary, #3E6B9E)}.no-results[data-v-185b3bf0]{grid-column:1 / -1;text-align:center;padding:20px;color:var(--text-muted, #999);font-size:14px}.no-icon-placeholder[data-v-185b3bf0]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #999);font-size:16px}.clear-icon[data-v-185b3bf0]{background:var(--surface-variant, #f5f5f5)}.clear-icon-x[data-v-185b3bf0]{font-size:14px;color:var(--text-muted, #999)}.clear-icon:hover .clear-icon-x[data-v-185b3bf0]{color:var(--error, #ef4444)}.clear-icon.selected[data-v-185b3bf0]{background:var(--error, #ef4444)}.clear-icon.selected .clear-icon-x[data-v-185b3bf0]{color:#fff}.picker-backdrop[data-v-185b3bf0]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.dark{background:var(--surface, #1e293b);border-color:var(--border-color, #334155);color:var(--on-surface, #f1f5f9)}.dark{background:var(--surface, #1e293b);border-color:var(--border-color, #334155);box-shadow:0 10px 40px #0006}.dark{border-bottom-color:var(--border-color, #334155)}.dark{background:var(--surface-variant, #334155);border-color:var(--border-color, #334155);color:var(--on-surface, #f1f5f9)}.dark{background:var(--surface-variant, #334155);color:var(--on-surface, #f1f5f9)}.dark{color:var(--on-surface, #f1f5f9)}.dark{background:var(--surface-variant, #334155);border-color:var(--border-color, #475569)}.dark{color:var(--text-muted, #94a3b8)}.navigation-management[data-v-e02bcc4c]{width:100%}.info-subtext[data-v-e02bcc4c]{color:var(--text-secondary, #666);font-size:14px;margin-bottom:16px}.info-banner[data-v-e02bcc4c]{display:flex;gap:12px;padding:16px;background:#e0f2fe;border:1px solid #bae6fd;border-radius:8px;margin-bottom:24px;color:#0c4a6e}.info-banner .info-text[data-v-e02bcc4c]{flex:1}.info-banner strong[data-v-e02bcc4c]{display:block;margin-bottom:8px;font-size:14px}.info-banner ul[data-v-e02bcc4c]{margin:0;padding-left:20px;font-size:13px;line-height:1.6}.info-banner li[data-v-e02bcc4c]{margin-bottom:4px}.role-tabs[data-v-e02bcc4c]{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--border-color, #f5f5f5);padding-bottom:0}.role-tab[data-v-e02bcc4c]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-secondary, #666);transition:all .2s;position:relative;top:2px}.role-tab[data-v-e02bcc4c]:hover{color:var(--primary, #3E6B9E);background:var(--surface-variant, #f9fafb)}.role-tab.active[data-v-e02bcc4c]{color:var(--primary, #3E6B9E);border-bottom-color:var(--primary, #3E6B9E);background:var(--surface, white)}.content-grid[data-v-e02bcc4c]{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.menu-builder[data-v-e02bcc4c]{background:var(--surface, white);border:1px solid var(--border-color, #f5f5f5);border-radius:12px;overflow:hidden}.builder-header[data-v-e02bcc4c]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--surface-variant, #f9fafb);border-bottom:1px solid var(--border-color, #f5f5f5)}.builder-header h4[data-v-e02bcc4c]{margin:0;color:var(--primary, #3E6B9E);font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.builder-actions[data-v-e02bcc4c]{display:flex;gap:8px}.action-btn[data-v-e02bcc4c]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--surface, white);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-primary, #333);transition:all .2s}.action-btn[data-v-e02bcc4c]:hover{background:var(--primary, #3E6B9E);color:#fff;border-color:var(--primary, #3E6B9E)}.empty-menu[data-v-e02bcc4c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted, #999);text-align:center}.empty-menu p[data-v-e02bcc4c]{margin:16px 0 4px;font-size:16px;font-weight:600}.empty-menu small[data-v-e02bcc4c]{font-size:14px;color:var(--text-muted, #bbb)}.menu-items-list[data-v-e02bcc4c]{padding:12px;max-height:600px;overflow-y:auto}.menu-item[data-v-e02bcc4c]{background:var(--surface, white);border:2px solid var(--border-color, #f5f5f5);border-radius:8px;margin-bottom:8px;transition:all .2s}.menu-item[data-v-e02bcc4c]:hover{border-color:var(--border-color, #e5e7eb);box-shadow:0 2px 8px #0000000d}.menu-item.section-item[data-v-e02bcc4c]{background:var(--surface-variant, #f9fafb);border-style:dashed}.menu-item.hidden-item[data-v-e02bcc4c]{opacity:.5}.section-content[data-v-e02bcc4c],.item-content[data-v-e02bcc4c]{padding:12px}.section-content[data-v-e02bcc4c]{display:flex;align-items:center;gap:12px}.section-input[data-v-e02bcc4c]{flex:1;padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:14px;font-weight:600;color:var(--text-primary, #333);background:var(--surface, white)}.item-main[data-v-e02bcc4c]{display:flex;align-items:center;gap:12px}.item-icon[data-v-e02bcc4c]{flex-shrink:0}.item-details[data-v-e02bcc4c]{flex:1;display:flex;flex-direction:column;gap:6px}.item-label-input[data-v-e02bcc4c],.item-path-input[data-v-e02bcc4c]{padding:6px 10px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;font-size:14px;background:var(--surface, white)}.item-label-input[data-v-e02bcc4c]{font-weight:600;color:var(--text-primary, #333)}.item-path-input[data-v-e02bcc4c]{font-size:12px;color:var(--text-secondary, #666);font-family:Monaco,Courier New,monospace}.item-path-input[data-v-e02bcc4c]:disabled{background:var(--surface-variant, #f9fafb);color:var(--text-muted, #999)}.item-controls[data-v-e02bcc4c]{display:flex;gap:4px;flex-shrink:0}.control-btn[data-v-e02bcc4c]{padding:6px;background:var(--surface, white);border:1px solid var(--border-color, #e5e7eb);border-radius:4px;cursor:pointer;color:var(--text-secondary, #666);transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px}.control-btn .btn-label[data-v-e02bcc4c]{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.control-btn.add-submenu-btn[data-v-e02bcc4c]{padding:6px 10px;background:var(--primary, #3E6B9E);color:#fff;border-color:var(--primary, #3E6B9E)}.control-btn.add-submenu-btn[data-v-e02bcc4c]:hover{background:#FFD700;color:var(--primary, #3E6B9E);border-color:gold}.control-btn[data-v-e02bcc4c]:hover:not(:disabled){background:var(--surface-variant, #f9fafb);color:var(--primary, #3E6B9E);border-color:var(--primary, #3E6B9E)}.control-btn[data-v-e02bcc4c]:disabled{opacity:.3;cursor:not-allowed}.control-btn.delete-btn[data-v-e02bcc4c]:hover:not(:disabled){background:#fee;color:#ef4444;border-color:#ef4444}.subpages-list[data-v-e02bcc4c]{margin-top:12px;padding-left:24px;border-left:2px solid var(--border-color, #e5e7eb)}.subpage-item[data-v-e02bcc4c]{display:flex;align-items:center;gap:8px;padding:8px;background:var(--surface-variant, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;margin-bottom:6px}.subpage-item.hidden-item[data-v-e02bcc4c]{opacity:.5}.subpage-indicator[data-v-e02bcc4c]{color:var(--text-muted, #999);flex-shrink:0}.subpage-label-input[data-v-e02bcc4c],.subpage-path-input[data-v-e02bcc4c]{padding:4px 8px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;font-size:13px;background:var(--surface, white)}.subpage-label-input[data-v-e02bcc4c]{flex:1;font-weight:600;color:var(--text-primary, #333)}.subpage-path-input[data-v-e02bcc4c]{flex:1;font-family:Monaco,Courier New,monospace;color:var(--text-secondary, #666)}.subpage-path-input[data-v-e02bcc4c]:disabled{background:var(--surface-variant, #f5f5f5);color:var(--text-muted, #999)}.builder-footer[data-v-e02bcc4c]{display:flex;gap:12px;padding:20px 24px;background:var(--surface-variant, #f9fafb);border-top:1px solid var(--border-color, #f5f5f5)}.save-btn[data-v-e02bcc4c],.reset-btn[data-v-e02bcc4c]{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s}.save-btn[data-v-e02bcc4c]{background:var(--primary, #3E6B9E);color:#fff}.save-btn[data-v-e02bcc4c]:hover:not(:disabled){background:#FFD700;color:var(--primary, #3E6B9E)}.save-btn[data-v-e02bcc4c]:disabled{opacity:.5;cursor:not-allowed}.reset-btn[data-v-e02bcc4c]{background:var(--surface, white);color:var(--text-secondary, #666);border:1px solid var(--border-color, #e5e7eb)}.reset-btn[data-v-e02bcc4c]:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444}.available-routes[data-v-e02bcc4c]{background:var(--surface, white);border:1px solid var(--border-color, #f5f5f5);border-radius:12px;overflow:hidden;position:sticky;top:20px}.routes-header[data-v-e02bcc4c]{padding:20px 24px;background:var(--surface-variant, #f9fafb);border-bottom:1px solid var(--border-color, #f5f5f5)}.routes-header h4[data-v-e02bcc4c]{margin:0;color:var(--primary, #3E6B9E);font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.routes-search[data-v-e02bcc4c]{display:flex;align-items:center;gap:8px;padding:16px;border-bottom:1px solid var(--border-color, #f5f5f5)}.search-input[data-v-e02bcc4c]{flex:1;padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:14px;background:var(--surface, white);color:var(--text-primary, #333)}.search-input[data-v-e02bcc4c]:focus{outline:none;border-color:var(--primary, #3E6B9E)}.routes-list[data-v-e02bcc4c]{max-height:400px;overflow-y:auto}.route-item[data-v-e02bcc4c]{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--surface, white);border:none;border-bottom:1px solid var(--border-color, #f5f5f5);cursor:pointer;text-align:left;transition:all .2s}.route-item[data-v-e02bcc4c]:hover:not(:disabled){background:var(--surface-variant, #f9fafb)}.route-item[data-v-e02bcc4c]:disabled{opacity:.5;cursor:not-allowed}.route-info[data-v-e02bcc4c]{display:flex;align-items:center;gap:10px;flex:1}.route-text[data-v-e02bcc4c]{display:flex;flex-direction:column;gap:2px}.route-label[data-v-e02bcc4c]{font-size:14px;font-weight:600;color:var(--text-primary, #333)}.route-path[data-v-e02bcc4c]{font-size:12px;color:var(--text-muted, #999);font-family:Monaco,Courier New,monospace}.added-icon[data-v-e02bcc4c]{color:#10b981}.routes-divider[data-v-e02bcc4c]{height:1px;background:var(--border-color, #f5f5f5);margin:8px 0}.create-route-btn[data-v-e02bcc4c]{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--surface-variant, #f9fafb);border:none;border-top:1px solid var(--border-color, #f5f5f5);cursor:pointer;font-weight:600;font-size:14px;color:var(--primary, #3E6B9E);transition:all .2s}.create-route-btn[data-v-e02bcc4c]:hover{background:var(--primary, #3E6B9E);color:#fff}.custom-route-form[data-v-e02bcc4c]{padding:20px;background:var(--surface-variant, #f9fafb);border-top:1px solid var(--border-color, #f5f5f5)}.custom-route-form h5[data-v-e02bcc4c]{margin:0 0 16px;color:var(--text-primary, #333);font-size:14px;font-weight:600}.form-group[data-v-e02bcc4c]{margin-bottom:16px}.form-group label[data-v-e02bcc4c]{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--text-primary, #333)}.form-input[data-v-e02bcc4c],.form-select[data-v-e02bcc4c]{width:100%;padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:14px;background:var(--surface, white);color:var(--text-primary, #333)}.form-input[data-v-e02bcc4c]:focus,.form-select[data-v-e02bcc4c]:focus{outline:none;border-color:var(--primary, #3E6B9E)}.submit-btn[data-v-e02bcc4c]{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--primary, #3E6B9E);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s}.submit-btn[data-v-e02bcc4c]:hover:not(:disabled){background:#FFD700;color:var(--primary, #3E6B9E)}.submit-btn[data-v-e02bcc4c]:disabled{opacity:.5;cursor:not-allowed}.no-selection[data-v-e02bcc4c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--text-muted, #999);background:var(--surface-variant, #f9fafb);border-radius:12px;border:2px dashed var(--border-color, #e5e7eb)}.no-selection p[data-v-e02bcc4c]{margin:16px 0 0;font-size:16px;font-weight:600}.dark .navigation-management h3{color:var(--on-surface, #e5e7eb)}.dark .navigation-management .info-subtext{color:var(--text-muted, #9ca3af)}.dark .info-banner{background:rgba(59,130,246,.1);border-color:#3b82f633;color:#93c5fd}.dark .role-tabs{border-bottom-color:#ffffff1a}.dark .role-tab{color:var(--text-muted, #9ca3af)}.dark .role-tab:hover{color:var(--primary, #5a8fc4);background:rgba(255,255,255,.05)}.dark .role-tab.active{color:var(--primary, #5a8fc4);border-bottom-color:var(--primary, #5a8fc4);background:rgba(255,255,255,.03)}.dark .menu-builder{background:rgba(255,255,255,.03);border-color:#ffffff1a}.dark .builder-header,.dark .builder-footer{background:rgba(255,255,255,.05);border-color:#ffffff1a}.dark .builder-header h4{color:var(--primary, #5a8fc4)}.dark .action-btn{background:rgba(255,255,255,.03);border-color:#ffffff1a;color:var(--on-surface, #e5e7eb)}.dark .action-btn:hover{background:var(--primary, #5a8fc4);color:#fff;border-color:var(--primary, #5a8fc4)}.dark .empty-menu{color:var(--text-muted, #9ca3af)}.dark .empty-menu small{color:var(--text-muted, #6b7280)}.dark .menu-item{background:rgba(255,255,255,.05);border-color:#ffffff1a}.dark .menu-item:hover{border-color:#ffffff26;box-shadow:0 2px 8px #0000004d}.dark .menu-item.section-item{background:rgba(255,255,255,.03);border-color:#ffffff1a}.dark .section-input,.dark .item-label-input,.dark .item-path-input{background:rgba(255,255,255,.05);border-color:#ffffff1a;color:var(--on-surface, #e5e7eb)}.dark .item-path-input{color:var(--text-secondary, #9ca3af)}.dark .item-path-input:disabled,.dark .subpage-path-input:disabled{background:rgba(255,255,255,.03);color:var(--text-muted, #6b7280)}.dark .control-btn{background:rgba(255,255,255,.05);border-color:#ffffff1a;color:var(--text-secondary, #9ca3af)}.dark .control-btn.add-submenu-btn{background:var(--primary, #5a8fc4);color:#fff;border-color:var(--primary, #5a8fc4)}.dark .control-btn.add-submenu-btn:hover{background:#FFD700;color:var(--primary, #5a8fc4);border-color:gold}.dark .control-btn:hover:not(:disabled){background:rgba(255,255,255,.08);color:var(--primary, #5a8fc4);border-color:var(--primary, #5a8fc4)}.dark .control-btn.delete-btn:hover:not(:disabled){background:rgba(239,68,68,.1);color:#f87171;border-color:#ef4444}.dark .subpages-list{border-left-color:#ffffff1a}.dark .subpage-item{background:rgba(255,255,255,.03);border-color:#ffffff1a}.dark .subpage-indicator{color:var(--text-muted, #6b7280)}.dark .subpage-label-input,.dark .subpage-path-input{background:rgba(255,255,255,.05);border-color:#ffffff1a;color:var(--on-surface, #e5e7eb)}.dark .subpage-path-input{color:var(--text-secondary, #9ca3af)}.dark .save-btn{background:var(--primary, #5a8fc4);color:#fff}.dark .save-btn:hover:not(:disabled){background:#FFD700;color:var(--primary, #5a8fc4)}.dark .reset-btn{background:rgba(255,255,255,.03);color:var(--text-secondary, #9ca3af);border-color:#ffffff1a}.dark .reset-btn:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444}.dark .available-routes{background:rgba(255,255,255,.03);border-color:#ffffff1a}.dark .routes-header{background:rgba(255,255,255,.05);border-bottom-color:#ffffff1a}.dark .routes-header h4{color:var(--primary, #5a8fc4)}.dark .routes-search{border-bottom-color:#ffffff1a}.dark .search-input{background:rgba(255,255,255,.05);border-color:#ffffff1a;color:var(--on-surface, #e5e7eb)}.dark .search-input:focus{border-color:var(--primary, #5a8fc4);background:rgba(255,255,255,.08)}.dark .route-item{background:rgba(255,255,255,.03);border-bottom-color:#ffffff1a}.dark .route-item:hover:not(:disabled){background:rgba(255,255,255,.08)}.dark .route-label{color:var(--on-surface, #e5e7eb)}.dark .route-path{color:var(--text-muted, #9ca3af)}.dark .added-icon{color:#10b981}.dark .routes-divider{background:rgba(255,255,255,.1)}.dark .create-route-btn{background:rgba(255,255,255,.05);border-top-color:#ffffff1a;color:var(--primary, #5a8fc4)}.dark .create-route-btn:hover{background:var(--primary, #5a8fc4);color:#fff}.dark .custom-route-form{background:rgba(255,255,255,.05);border-top-color:#ffffff1a}.dark .custom-route-form h5,.dark .form-group label{color:var(--on-surface, #e5e7eb)}.dark .form-input,.dark .form-select{background:rgba(255,255,255,.05);border-color:#ffffff1a;color:var(--on-surface, #e5e7eb)}.dark .form-input:focus,.dark .form-select:focus{border-color:var(--primary, #5a8fc4);background:rgba(255,255,255,.08)}.dark .form-select option{background:#1e293b;color:#e5e7eb}.dark .submit-btn{background:var(--primary, #5a8fc4);color:#fff}.dark .submit-btn:hover:not(:disabled){background:#FFD700;color:var(--primary, #5a8fc4)}.dark .no-selection{background:rgba(255,255,255,.05);border-color:#ffffff1a;color:var(--text-muted, #9ca3af)}.dark .no-selection p{color:var(--text-muted, #9ca3af)}.settings[data-v-439fe652]{max-width:1200px;margin:0 auto}.settings h1[data-v-439fe652]{color:var(--primary, #3E6B9E);font-size:32px;margin:0 0 32px;font-weight:700}.tabs[data-v-439fe652]{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid var(--border-color, #f5f5f5)}.tab-btn[data-v-439fe652]{padding:12px 20px;background:transparent;color:var(--on-surface, #333);border:none;cursor:pointer;font-weight:600;margin-bottom:-2px;transition:all .2s}.tab-btn[data-v-439fe652]:hover{color:var(--primary, #3E6B9E)}.tab-btn.active[data-v-439fe652]{background:var(--primary, #3E6B9E);color:#fff;border-radius:6px 6px 0 0}.settings-card[data-v-439fe652]{background:var(--surface, white);padding:24px;border-radius:12px;border:1px solid var(--border-color, #f5f5f5)}.settings-card h3[data-v-439fe652]{color:var(--on-surface, #333);margin:0 0 24px;font-weight:600}.settings-card h4[data-v-439fe652]{color:var(--on-surface, #333);margin:0 0 16px;font-weight:600}.accordion-section[data-v-439fe652]{margin-bottom:16px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;overflow:hidden;background:var(--surface, white)}.accordion-header[data-v-439fe652]{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--surface-variant, #f9fafb);border:none;cursor:pointer;transition:all .2s ease;font-size:16px;font-weight:600;color:var(--on-surface, #333)}.accordion-header[data-v-439fe652]:hover{background:var(--surface-hover, #f3f4f6)}.accordion-header.active[data-v-439fe652]{background:var(--primary-light, #e8f0f7);border-bottom:1px solid var(--border-color, #e5e7eb)}.accordion-title[data-v-439fe652]{display:flex;align-items:center;gap:12px;font-weight:600}.accordion-icon[data-v-439fe652]{transition:transform .2s ease;flex-shrink:0}.accordion-content[data-v-439fe652]{padding:20px;background:var(--surface, white);animation:slideDown-439fe652 .3s ease}@keyframes slideDown-439fe652{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-textarea[data-v-439fe652]{width:100%;height:150px;padding:12px;border:1px solid #f5f5f5;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical;box-sizing:border-box;margin-bottom:12px}.message-textarea[data-v-439fe652]:focus{outline:none;border-color:#3e6b9e}.save-btn[data-v-439fe652]{padding:10px 20px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.add-user-section[data-v-439fe652]{background:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:24px}.form-grid[data-v-439fe652]{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end}.form-input[data-v-439fe652]{padding:8px;border:1px solid #f5f5f5;border-radius:4px;font-size:13px;box-sizing:border-box}.form-input[data-v-439fe652]:focus{outline:none;border-color:#3e6b9e}.add-btn[data-v-439fe652]{padding:8px 16px;background:#3E6B9E;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:13px}.users-table[data-v-439fe652],.rates-table[data-v-439fe652]{width:100%;border-collapse:collapse;font-size:13px;margin-top:16px}.users-table thead[data-v-439fe652],.rates-table thead[data-v-439fe652]{background:var(--background, #f5f5f5)}.users-table th[data-v-439fe652],.rates-table th[data-v-439fe652]{padding:12px;text-align:left;font-weight:600;color:var(--on-surface, #333)}.users-table td[data-v-439fe652],.rates-table td[data-v-439fe652]{padding:12px;border-top:1px solid var(--border-color, #f5f5f5);color:var(--on-surface, #333)}.role-badge[data-v-439fe652],.status-badge[data-v-439fe652]{padding:3px 8px;border-radius:3px;font-size:11px;font-weight:600;color:#fff}.role-badge[data-v-439fe652]{background:#3E6B9E}.status-badge[data-v-439fe652]{background:#10b981}.delete-btn[data-v-439fe652]{background:#ef4444;color:#fff;border:none;padding:4px 8px;border-radius:3px;cursor:pointer;font-size:11px;font-weight:600}.edit-btn[data-v-439fe652]{background:#FFD700;color:#3e6b9e;border:none;padding:4px 12px;border-radius:3px;cursor:pointer;font-size:11px;font-weight:600;margin-right:8px}.fx-section[data-v-439fe652]{max-width:400px}.fx-section label[data-v-439fe652]{display:block;font-size:12px;font-weight:600;margin-bottom:8px;color:var(--text-muted, #999)}.fx-input-group[data-v-439fe652]{display:flex;gap:12px}.fx-input[data-v-439fe652]{flex:1;padding:10px;border:1px solid #f5f5f5;border-radius:6px;font-size:14px}.fx-input[data-v-439fe652]:focus{outline:none;border-color:#3e6b9e}.fx-info[data-v-439fe652]{color:var(--text-muted, #999);font-size:12px;margin-top:12px}.user-management-header[data-v-439fe652]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.user-management-header p[data-v-439fe652]{color:var(--text-muted, #666);font-size:14px;margin:8px 0 0}.user-mgmt-btn[data-v-439fe652]{padding:12px 24px;background:#3E6B9E;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;white-space:nowrap;transition:background .2s}.user-mgmt-btn[data-v-439fe652]:hover{background:#2d5275}.info-text[data-v-439fe652]{background:#f0f7ff;color:#1e40af;padding:16px;border-radius:8px;border-left:4px solid #3E6B9E;font-size:14px;line-height:1.6}.info-subtext[data-v-439fe652]{color:var(--text-muted, #666);font-size:14px;margin:-12px 0 24px}.menu-builder[data-v-439fe652]{background:var(--background, #f9f9f9);border-radius:8px;padding:16px;margin-bottom:24px}.menu-item-row[data-v-439fe652]{display:grid;grid-template-columns:auto 1fr 180px auto;gap:12px;align-items:center;background:var(--surface, white);padding:12px;border-radius:6px;margin-bottom:8px;border:2px solid transparent;transition:all .2s}.menu-item-row[data-v-439fe652]:hover{border-color:var(--primary, #3E6B9E);box-shadow:0 2px 8px #3e6b9e1a}.section-item[data-v-439fe652]{margin-top:16px}.section-row[data-v-439fe652]{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-left:4px solid var(--primary, #3E6B9E);grid-template-columns:1fr auto}.section-label-container[data-v-439fe652]{display:flex;align-items:center;gap:12px}.section-icon[data-v-439fe652]{color:var(--primary, #3E6B9E);flex-shrink:0}.section-input[data-v-439fe652]{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--primary, #3E6B9E)}.menu-label-input[data-v-439fe652]{padding:8px 12px;border:1px solid var(--border-color, #e5e5e5);border-radius:4px;font-size:14px;font-weight:500;transition:border-color .2s;background:var(--surface, white);color:var(--on-surface, #333)}.menu-label-input[data-v-439fe652]:focus{outline:none;border-color:var(--primary, #3E6B9E)}.menu-item-path[data-v-439fe652]{font-size:12px;color:var(--text-muted, #999);font-family:monospace}.menu-item-actions[data-v-439fe652]{display:flex;gap:6px;justify-content:flex-end}.move-btn[data-v-439fe652]{padding:6px 12px;background:#f5f5f5;color:#333;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.move-btn[data-v-439fe652]:hover:not(:disabled){background:#3E6B9E;color:#fff;border-color:#3e6b9e}.move-btn[data-v-439fe652]:disabled{opacity:.4;cursor:not-allowed}.visibility-btn[data-v-439fe652]{padding:6px 12px;background:#10b981;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;min-width:60px}.visibility-btn.hidden[data-v-439fe652]{background:#6b7280}.visibility-btn[data-v-439fe652]:hover{opacity:.85}.delete-item-btn[data-v-439fe652]{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s;min-width:40px}.delete-item-btn[data-v-439fe652]:hover{background:#dc2626;transform:scale(1.05)}.menu-item-container[data-v-439fe652]{margin-bottom:12px}.menu-builder-actions[data-v-439fe652]{display:flex;gap:12px;justify-content:flex-end}.reset-btn[data-v-439fe652]{padding:10px 20px;background:#f5f5f5;color:#333;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.reset-btn[data-v-439fe652]:hover{background:#ef4444;color:#fff;border-color:#ef4444}@media (max-width: 768px){.form-grid[data-v-439fe652]{grid-template-columns:1fr}.tabs[data-v-439fe652]{flex-wrap:wrap}.user-management-header[data-v-439fe652]{flex-direction:column;gap:16px}.user-mgmt-btn[data-v-439fe652]{width:100%}.menu-item-row[data-v-439fe652]{grid-template-columns:1fr;gap:8px}.menu-item-actions[data-v-439fe652]{justify-content:center}.menu-builder-actions[data-v-439fe652]{flex-direction:column}.reset-btn[data-v-439fe652],.save-btn[data-v-439fe652]{width:100%}}.api-status-section[data-v-439fe652]{background:var(--background, #f9f9f9);border-radius:8px;padding:20px;margin-bottom:24px}.api-not-configured[data-v-439fe652]{background:#fef3c7;border-left:4px solid #f59e0b;padding:20px;border-radius:8px;margin-top:16px}.not-configured-info[data-v-439fe652]{display:flex;gap:16px;align-items:flex-start}.not-configured-info p[data-v-439fe652]{margin:0 0 8px;color:#92400e;font-size:14px;line-height:1.6}.not-configured-info .help-text[data-v-439fe652]{font-size:13px;margin-top:12px;margin-bottom:4px;font-weight:600}.requirements-list[data-v-439fe652]{margin:4px 0 0;padding-left:20px;color:#92400e;font-size:13px}.requirements-list li[data-v-439fe652]{margin:4px 0}.not-configured-info code[data-v-439fe652]{background:rgba(146,64,14,.15);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:12px;font-weight:600}.config-empty[data-v-439fe652]{text-align:center;padding:20px;color:#9ca3af;font-size:14px}.status-header[data-v-439fe652]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.status-label[data-v-439fe652]{font-weight:600;color:var(--text-muted, #666);font-size:14px}.status-indicator[data-v-439fe652]{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600}.status-indicator.connected[data-v-439fe652]{background:#d1fae5;color:#059669}.status-indicator.disconnected[data-v-439fe652]{background:#fee2e2;color:#dc2626}.api-info-grid[data-v-439fe652]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.api-info-item[data-v-439fe652]{display:flex;flex-direction:column;gap:4px}.api-label[data-v-439fe652]{font-size:12px;color:var(--text-muted, #999);font-weight:600;text-transform:uppercase}.api-value[data-v-439fe652]{font-size:14px;color:var(--on-surface, #333);font-weight:500}.integration-card[data-v-439fe652]{padding:0}.integration-description[data-v-439fe652]{font-size:14px;color:var(--text-muted, #666);margin:0 0 20px;line-height:1.6}.integration-badge[data-v-439fe652]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;margin-left:12px}.integration-badge.connected[data-v-439fe652]{background:#d1fae5;color:#065f46}.integration-badge.disconnected[data-v-439fe652]{background:#fee2e2;color:#991b1b}.integration-form[data-v-439fe652]{margin:20px 0}.integration-form .form-group[data-v-439fe652]{margin-bottom:16px}.integration-form .form-group[data-v-439fe652]:last-child{margin-bottom:0}.checkbox-label[data-v-439fe652]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.api-actions[data-v-439fe652]{display:flex;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color, #e5e7eb)}.test-btn[data-v-439fe652]{padding:12px 24px;background:#3E6B9E;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s}.test-btn[data-v-439fe652]:hover:not(:disabled){background:#2d5275}.test-btn[data-v-439fe652]:disabled{opacity:.6;cursor:not-allowed}.refresh-btn[data-v-439fe652]{padding:12px 24px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s}.refresh-btn[data-v-439fe652]:hover:not(:disabled){background:#059669}.refresh-btn[data-v-439fe652]:disabled{opacity:.6;cursor:not-allowed}.api-config-info[data-v-439fe652]{background:#f0f7ff;border-left:4px solid #3E6B9E;padding:16px;border-radius:6px}.api-config-info h4[data-v-439fe652]{margin:0 0 12px;color:#1e40af;font-size:14px}.api-config-info p[data-v-439fe652]{margin:8px 0;color:#1e40af;font-size:13px}.api-note[data-v-439fe652]{margin-top:16px!important;font-style:italic;color:#666!important}.edit-credentials-btn[data-v-439fe652]{padding:12px 24px;background:#f59e0b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s}.edit-credentials-btn[data-v-439fe652]:hover:not(:disabled){background:#d97706}.edit-credentials-btn[data-v-439fe652]:disabled{opacity:.6;cursor:not-allowed}.disconnect-btn[data-v-439fe652]{padding:12px 24px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s}.disconnect-btn[data-v-439fe652]:hover:not(:disabled){background:#dc2626}.disconnect-btn[data-v-439fe652]:disabled{opacity:.6;cursor:not-allowed}.reconnect-btn[data-v-439fe652]{padding:12px 24px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s}.reconnect-btn[data-v-439fe652]:hover:not(:disabled){background:#059669}.reconnect-btn[data-v-439fe652]:disabled{opacity:.6;cursor:not-allowed}.config-display[data-v-439fe652]{display:flex;flex-direction:column;gap:12px}.config-item[data-v-439fe652]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color, #e5e7eb)}.config-item[data-v-439fe652]:last-child{border-bottom:none}.config-label[data-v-439fe652]{font-size:13px;color:var(--text-muted, #666);font-weight:600}.config-value[data-v-439fe652]{font-size:13px;color:var(--on-surface, #111);font-weight:500}.modal-overlay[data-v-439fe652]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-439fe652]{background:var(--surface, white);border:2px solid var(--border-color, #e5e5e5);border-radius:16px;max-width:500px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.modal-header[data-v-439fe652]{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid var(--border-color, #e5e5e5)}.modal-header h3[data-v-439fe652]{margin:0;font-size:22px;font-weight:700;letter-spacing:-.025em;color:var(--on-surface, #111)}.close-btn[data-v-439fe652]{background:transparent;border:2px solid var(--border-color, #e5e5e5);width:40px;height:40px;border-radius:8px;font-size:20px;color:var(--text-muted, #666);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn[data-v-439fe652]:hover{background:var(--error, #ef4444);border-color:var(--error, #ef4444);color:#fff;transform:scale(1.05)}.modal-body[data-v-439fe652]{padding:24px 28px;overflow-y:auto}.modal-footer[data-v-439fe652]{display:flex;gap:12px;justify-content:flex-end;padding:20px 28px;border-top:2px solid var(--border-color, #e5e5e5);background:var(--bg-secondary, #f9fafb);border-radius:0 0 16px 16px}.credentials-form[data-v-439fe652]{padding:24px}.form-group[data-v-439fe652]{margin-bottom:20px}.form-group label[data-v-439fe652]{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--on-surface, #333)}.form-input[data-v-439fe652]{width:100%;padding:10px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s;background:var(--surface, white);color:var(--on-surface, #333)}.form-input[data-v-439fe652]:focus{outline:none;border-color:var(--primary, #3E6B9E)}.modal-actions[data-v-439fe652]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-btn[data-v-439fe652]{padding:12px 28px;background:var(--background, #f5f5f5);color:var(--on-surface, #333);border:2px solid var(--border-color, #e5e5e5);border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;transition:all .2s}.cancel-btn[data-v-439fe652]:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-color-dark, #d1d5db)}.upload-tabs[data-v-439fe652]{display:flex;gap:8px;margin-bottom:20px;padding:4px;background:var(--background, #f5f5f5);border-radius:8px}.tab-btn-small[data-v-439fe652]{flex:1;padding:8px 16px;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-muted, #666);transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.tab-btn-small[data-v-439fe652]:hover{color:var(--primary, #3E6B9E);background:rgba(62,107,158,.1)}.tab-btn-small.active[data-v-439fe652]{background:var(--surface, white);color:var(--primary, #3E6B9E);box-shadow:0 1px 3px #0000001a}.file-input[data-v-439fe652]{width:100%;padding:12px;border:2px dashed var(--border-color, #e5e7eb);border-radius:8px;font-size:14px;cursor:pointer;background:var(--background, #f9fafb);transition:all .2s}.file-input[data-v-439fe652]:hover{border-color:var(--primary, #3E6B9E);background:rgba(62,107,158,.05)}.file-input[data-v-439fe652]:focus{outline:none;border-color:var(--primary, #3E6B9E);border-style:solid}.base-currency-setting[data-v-439fe652]{margin-bottom:32px;padding-bottom:32px;border-bottom:2px solid var(--border-color, #e5e7eb)}.fx-subsection[data-v-439fe652]{background:var(--background, #f9fafb);border-radius:12px;padding:24px;margin-top:24px}.fx-subsection h4[data-v-439fe652]{margin-top:0;margin-bottom:8px;color:var(--on-surface, #1f2937);font-size:18px;font-weight:600}.currency-select[data-v-439fe652]{padding:10px 16px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--background, #ffffff);color:var(--on-surface, #1f2937);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:220px}.currency-select[data-v-439fe652]:hover{border-color:#667eea}.currency-select[data-v-439fe652]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.fx-current-rate[data-v-439fe652]{margin-bottom:32px}.update-rate-btn[data-v-439fe652]{margin-top:20px;padding:12px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #10b9814d}.update-rate-btn[data-v-439fe652]:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.update-rate-btn[data-v-439fe652]:active{transform:translateY(0)}.no-history[data-v-439fe652]{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px}.rate-display[data-v-439fe652]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:32px;text-align:center;color:#fff;box-shadow:0 4px 20px #667eea4d}.rate-label[data-v-439fe652]{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;opacity:.9}.rate-value[data-v-439fe652]{display:flex;align-items:center;justify-content:center;gap:12px;font-size:48px;font-weight:700;margin-bottom:12px;flex-wrap:wrap}.rate-value .currency[data-v-439fe652]{font-size:24px;font-weight:600;opacity:.9}.rate-value .equals[data-v-439fe652]{font-size:32px;opacity:.7}.rate-value .amount[data-v-439fe652]{color:#fbbf24;text-shadow:0 2px 8px rgba(0,0,0,.2)}.rate-meta[data-v-439fe652]{font-size:13px;opacity:.85}.fx-history-section[data-v-439fe652]{margin-top:32px}.fx-history-section h4[data-v-439fe652]{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--on-surface, #1f2937)}.history-table[data-v-439fe652]{width:100%;border-collapse:collapse;background:var(--surface, white);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.history-table thead[data-v-439fe652]{background:var(--background, #f9fafb)}.history-table th[data-v-439fe652]{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px}.history-table td[data-v-439fe652]{padding:14px 16px;border-top:1px solid var(--border-color, #e5e7eb);font-size:14px;color:var(--on-surface, #374151)}.history-table tbody tr[data-v-439fe652]:hover{background:var(--background, #f9fafb)}.rate-badge[data-v-439fe652]{display:inline-block;padding:4px 12px;background:#dbeafe;color:#1e40af;border-radius:6px;font-weight:600;font-size:14px}.user-info[data-v-439fe652]{display:flex;align-items:center;gap:8px}.user-name[data-v-439fe652]{font-weight:500;color:var(--on-surface, #1f2937)}.user-email[data-v-439fe652]{font-size:12px;color:var(--text-muted, #6b7280)}.fx-form[data-v-439fe652]{padding:24px;display:flex;flex-direction:column;gap:20px}.fx-form .form-help[data-v-439fe652]{font-size:13px;color:var(--text-muted, #6b7280);margin-top:6px}@media (max-width: 768px){.rate-value[data-v-439fe652]{font-size:32px}.rate-value .currency[data-v-439fe652]{font-size:18px}.rate-value .equals[data-v-439fe652]{font-size:24px}.history-table[data-v-439fe652]{font-size:12px}.history-table th[data-v-439fe652],.history-table td[data-v-439fe652]{padding:10px 12px}}.section-header[data-v-439fe652]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.create-btn[data-v-439fe652]{background:#10b981;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;transition:background .2s}.create-btn[data-v-439fe652]:hover{background:#059669}.loading-section[data-v-439fe652],.no-data[data-v-439fe652]{padding:40px;text-align:center;color:var(--text-muted, #6b7280);font-size:14px}.rate-cell[data-v-439fe652]{font-weight:600;color:#10b981;font-size:14px}.description-cell[data-v-439fe652]{color:var(--text-muted, #6b7280);font-size:13px;max-width:300px}.action-buttons[data-v-439fe652]{display:flex;gap:8px}.edit-btn[data-v-439fe652]{background:#3E6B9E;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s}.edit-btn[data-v-439fe652]:hover{background:#2e5a87}.rate-group-form[data-v-439fe652]{padding:24px;display:flex;flex-direction:column;gap:20px}.currency-list-section[data-v-439fe652]{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color, #e5e7eb)}.currencies-table[data-v-439fe652]{width:100%;border-collapse:collapse;font-size:13px;margin-top:16px}.currencies-table thead[data-v-439fe652]{background:var(--background, #f5f5f5)}.currencies-table th[data-v-439fe652]{padding:12px;text-align:left;font-weight:600;color:var(--on-surface, #333)}.currencies-table td[data-v-439fe652]{padding:12px;border-top:1px solid var(--border-color, #f5f5f5);color:var(--on-surface, #333)}.symbol-cell[data-v-439fe652]{font-weight:600;font-size:16px}.status-badge.active[data-v-439fe652]{background:#10b981}.status-badge.inactive[data-v-439fe652]{background:#6b7280}.currency-form[data-v-439fe652]{padding:24px;display:flex;flex-direction:column;gap:20px}.checkbox-label[data-v-439fe652]{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox][data-v-439fe652]{width:18px;height:18px;cursor:pointer}.checkbox-label span[data-v-439fe652]{font-size:14px;font-weight:500;color:var(--on-surface, #333)}.message-board-history[data-v-439fe652]{margin-top:var(--spacing-4)}.message-cell[data-v-439fe652]{max-width:400px;white-space:pre-wrap;word-break:break-word}.date-cell[data-v-439fe652]{white-space:nowrap;min-width:150px}.user-cell[data-v-439fe652]{min-width:150px}.no-data[data-v-439fe652]{padding:var(--spacing-8);text-align:center;color:var(--text-muted);background:var(--background);border-radius:var(--radius-lg)}.loading-section[data-v-439fe652]{padding:var(--spacing-8);text-align:center;color:var(--text-muted)}.pagination[data-v-439fe652]{display:flex;justify-content:center;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid var(--border-color)}.page-btn[data-v-439fe652]{padding:var(--spacing-2) var(--spacing-4);background:var(--surface);color:var(--on-surface);border:1px solid var(--border-color);border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base)}.page-btn[data-v-439fe652]:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn[data-v-439fe652]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-439fe652]{font-size:var(--font-size-sm);color:var(--text-muted)}.general-settings-form[data-v-439fe652]{display:flex;flex-direction:column;gap:24px}.setting-row[data-v-439fe652]{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--border-color, #f0f0f0)}.setting-row[data-v-439fe652]:last-child{border-bottom:none}.setting-info[data-v-439fe652]{flex:1;padding-right:24px}.setting-label[data-v-439fe652]{font-weight:600;color:var(--on-surface);margin-bottom:4px;display:block}.setting-description[data-v-439fe652]{font-size:var(--font-size-sm);color:var(--text-muted);margin:4px 0 0}.setting-control[data-v-439fe652]{flex-shrink:0}.setting-section[data-v-439fe652]{margin-top:24px}.section-title[data-v-439fe652]{font-size:16px;font-weight:600;color:var(--on-surface, #333);margin:0 0 8px}.page-backgrounds-grid[data-v-439fe652]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:16px}.page-bg-card[data-v-439fe652]{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--surface-variant, #f5f5f5);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;transition:all .2s}.page-bg-card[data-v-439fe652]:hover{border-color:var(--primary, #3E6B9E);box-shadow:0 2px 8px #3e6b9e1a}.page-bg-info[data-v-439fe652]{display:flex;align-items:flex-start;gap:12px}.page-bg-info>div[data-v-439fe652]{flex:1}.page-bg-info strong[data-v-439fe652]{display:block;font-size:14px;font-weight:600;color:var(--on-surface, #333);margin-bottom:4px}.page-bg-desc[data-v-439fe652]{font-size:13px;color:var(--text-muted, #666);margin:0;line-height:1.4}.page-bg-actions[data-v-439fe652]{display:flex;gap:8px;align-items:center}.setting-btn-small[data-v-439fe652]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--surface, white);border:1px solid var(--border-color, #e0e0e0);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:var(--on-surface, #333);transition:all .2s;white-space:nowrap}.setting-btn-small[data-v-439fe652]:hover{background:var(--primary, #3E6B9E);color:#fff;border-color:var(--primary, #3E6B9E)}.setting-btn-small.danger[data-v-439fe652]{color:#dc3545;border-color:#dc3545}.setting-btn-small.danger[data-v-439fe652]:hover{background:#dc3545;color:#fff}.toggle-switch[data-v-439fe652]{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input[data-v-439fe652]{opacity:0;width:0;height:0}.toggle-slider[data-v-439fe652]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:26px}.toggle-slider[data-v-439fe652]:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider[data-v-439fe652]{background-color:var(--primary, #3E6B9E)}.toggle-switch input:checked+.toggle-slider[data-v-439fe652]:before{transform:translate(24px)}.setting-btn[data-v-439fe652]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--surface-variant, #f5f5f5);border:1px solid var(--border-color, #e0e0e0);border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.setting-btn[data-v-439fe652]:hover{background:var(--background, #eee);border-color:var(--primary)}.header-image-preview[data-v-439fe652]{padding-top:16px}.preview-container[data-v-439fe652]{position:relative;max-width:400px;margin-top:8px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.preview-container img[data-v-439fe652]{width:100%;height:150px;object-fit:cover}.remove-preview-btn[data-v-439fe652]{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.remove-preview-btn[data-v-439fe652]:hover{background:rgba(220,53,69,.9)}.settings-actions[data-v-439fe652]{padding-top:16px;display:flex;justify-content:flex-end}.image-preview-modal[data-v-439fe652]{margin-top:16px}.image-preview-modal img[data-v-439fe652]{max-width:100%;max-height:200px;border-radius:8px;margin-top:8px;border:1px solid var(--border-color)}.form-help[data-v-439fe652]{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:8px}.invoice-settings-section[data-v-439fe652]{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color, #e5e5e5)}.invoice-settings-section h4[data-v-439fe652]{font-size:16px;font-weight:600;color:var(--on-surface, #333);margin:0 0 8px}.section-description[data-v-439fe652]{font-size:14px;color:var(--text-muted, #666);margin:0 0 20px}.invoice-form-grid[data-v-439fe652]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media (max-width: 600px){.invoice-form-grid[data-v-439fe652]{grid-template-columns:1fr}}.shortcuts-list[data-v-439fe652]{display:flex;flex-direction:column;gap:var(--spacing-5)}.shortcut-item[data-v-439fe652]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);gap:var(--spacing-4)}.shortcut-info[data-v-439fe652]{flex:1}.shortcut-info label[data-v-439fe652]{font-size:var(--font-size-base);font-weight:600;color:var(--on-surface);display:block;margin-bottom:var(--spacing-1)}.shortcut-description[data-v-439fe652]{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.shortcut-input-group[data-v-439fe652]{display:flex;align-items:center;gap:var(--spacing-2)}.shortcut-select[data-v-439fe652]{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-base);background:var(--surface);color:var(--on-surface);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);min-width:80px}.shortcut-select[data-v-439fe652]:hover{border-color:var(--primary)}.shortcut-select[data-v-439fe652]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3e6b9e1a}.shortcut-plus[data-v-439fe652]{font-size:var(--font-size-lg);font-weight:600;color:var(--text-muted)}.shortcut-key-input[data-v-439fe652]{width:50px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-base);background:var(--surface);color:var(--on-surface);font-size:var(--font-size-base);font-weight:700;text-align:center;text-transform:uppercase;transition:all var(--transition-base)}.shortcut-key-input[data-v-439fe652]:hover{border-color:var(--primary)}.shortcut-key-input[data-v-439fe652]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3e6b9e1a}.reset-btn[data-v-439fe652]{padding:var(--spacing-3) var(--spacing-5);background:var(--surface-variant);color:var(--on-surface);border:1px solid var(--border-color);border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.reset-btn[data-v-439fe652]:hover{background:var(--background);transform:translateY(-1px)}@media (max-width: 768px){.shortcut-item[data-v-439fe652]{flex-direction:column;align-items:flex-start}.shortcut-input-group[data-v-439fe652]{width:100%;justify-content:flex-start}}.dark .fx-subsection{background:rgba(255,255,255,.05)}.dark .accordion-section{border-color:#ffffff1a;background:rgba(255,255,255,.03)}.dark .accordion-header{background:rgba(255,255,255,.05);color:#e5e7eb}.dark .accordion-header:hover{background:rgba(255,255,255,.08)}.dark .accordion-header.active{background:rgba(62,107,158,.2);border-bottom-color:#ffffff1a}.dark .accordion-content{background:rgba(255,255,255,.02)}.dark .integration-badge.connected{background:rgba(16,185,129,.2);color:#6ee7b7}.dark .integration-badge.disconnected{background:rgba(239,68,68,.2);color:#fca5a5}.dark .integration-description{color:#9ca3af}.dark .checkbox-label{color:#e5e7eb}.dark .api-not-configured{background:rgba(251,191,36,.15);border-left-color:#fbbf24}.dark .not-configured-info p,.dark .requirements-list{color:#fcd34d}.dark .not-configured-info code{background:rgba(251,191,36,.2);color:#fde68a}.dark .section-title{color:#e5e7eb}.dark .page-bg-card{background:rgba(255,255,255,.05);border-color:#ffffff1a}.dark .page-bg-card:hover{border-color:var(--primary, #3E6B9E);box-shadow:0 2px 8px #3e6b9e33}.dark .page-bg-info strong{color:#e5e7eb}.dark .page-bg-desc{color:#9ca3af}.dark .setting-btn-small{background:rgba(255,255,255,.05);border-color:#ffffff1a;color:#e5e7eb}.dark .setting-btn-small:hover{background:var(--primary, #3E6B9E);color:#fff;border-color:var(--primary, #3E6B9E)}.dark .setting-btn-small.danger{color:#f87171;border-color:#dc2626}.dark .setting-btn-small.danger:hover{background:#dc2626;color:#fff}.dark .menu-builder{background:rgba(255,255,255,.03)}.dark .menu-item-row{background:rgba(255,255,255,.05);border-color:#ffffff0d}.dark .menu-item-row:hover{border-color:var(--primary, #3E6B9E);box-shadow:0 2px 8px #3e6b9e4d}.dark .section-row{background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.05) 100%);border-left-color:var(--primary, #3E6B9E)}.dark .section-icon{color:#60a5fa}.dark .section-input{background:transparent;color:#60a5fa;border-color:#ffffff1a}.dark .menu-label-input{background:rgba(255,255,255,.05);border-color:#ffffff1a;color:#e5e7eb}.dark .menu-label-input:focus{border-color:var(--primary, #3E6B9E);background:rgba(255,255,255,.08)}.dark .menu-item-path{color:#9ca3af}.dark .move-btn{background:rgba(255,255,255,.05);border-color:#ffffff1a;color:#e5e7eb}.dark .move-btn:hover:not(:disabled){background:var(--primary, #3E6B9E);color:#fff;border-color:var(--primary, #3E6B9E)}.dark .visibility-btn{background:#059669}.dark .visibility-btn.hidden{background:#4b5563}.dark .delete-item-btn{background:#dc2626}.dark .reset-btn{background:rgba(255,255,255,.05);border-color:#ffffff1a;color:#e5e7eb}.dark .reset-btn:hover{background:#dc2626;border-color:#dc2626}.dark .modal-content{background:#1f2937;border-color:var(--border-color, #334155)}.dark .modal-header h3{color:#e5e7eb}.dark .close-btn{border-color:var(--border-color, #334155)}.dark .modal-body{background:#1f2937}.dark .form-input{background:rgba(255,255,255,.05);border-color:#ffffff1a;color:#e5e7eb}.dark .form-input:focus{border-color:var(--primary, #3E6B9E);background:rgba(255,255,255,.08)}.dark .cancel-btn{background:rgba(255,255,255,.05);border-color:var(--border-color, #334155);color:#e5e7eb}.dark .cancel-btn:hover:not(:disabled){border-color:var(--border-color-dark, #475569)}.avatars-manager{margin-top:var(--spacing-4)}.avatar-upload-section{margin-bottom:var(--spacing-6)}.upload-label{cursor:pointer;display:block}.upload-box{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-8);text-align:center;background:var(--background);transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.upload-box:hover{border-color:var(--primary);background:var(--surface)}.upload-box span{font-size:var(--font-size-base);font-weight:600;color:var(--on-surface)}.upload-box small{font-size:var(--font-size-sm);color:var(--text-muted)}.avatar-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.avatar-item{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--border-color);background:var(--surface);transition:all var(--transition-base)}.avatar-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.avatar-preview{width:100%;height:100%;object-fit:cover}.remove-avatar-btn{position:absolute;top:var(--spacing-2);right:var(--spacing-2);background:rgba(220,38,38,.9);border:none;border-radius:var(--radius-base);padding:var(--spacing-1);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-base);color:#fff}.avatar-item:hover .remove-avatar-btn{opacity:1}.remove-avatar-btn:hover{background:rgba(220,38,38,1);transform:scale(1.1)}.no-avatars{text-align:center;padding:var(--spacing-10);color:var(--text-muted);background:var(--background);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6)}.no-avatars p{margin:0;font-size:var(--font-size-base)}.avatar-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3)}.dark .upload-box{background:rgba(255,255,255,.05);border-color:#ffffff1a}.dark .upload-box:hover{background:rgba(255,255,255,.08);border-color:var(--primary)}.dark .avatar-item{background:rgba(255,255,255,.05);border-color:#ffffff1a}.dark .avatar-item:hover{border-color:var(--primary)}.dark .no-avatars{background:rgba(255,255,255,.05)}.popup-settings-form{display:flex;flex-direction:column;gap:var(--spacing-5)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background:var(--background, #f9fafb);border-radius:var(--radius-base);gap:var(--spacing-4)}.setting-info{flex:1}.setting-label{font-size:var(--font-size-base);font-weight:600;color:var(--on-surface);display:block;margin-bottom:var(--spacing-1)}.setting-description{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.setting-control{flex-shrink:0}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(22px)}.frequency-select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-base);background:var(--surface);color:var(--on-surface);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;min-width:150px;transition:all var(--transition-base)}.frequency-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3e6b9e1a}.dark .setting-row{background:rgba(255,255,255,.05)}.dark .frequency-select{background:rgba(255,255,255,.05);border-color:#ffffff1a;color:#e5e7eb}.dark .frequency-select:focus{border-color:var(--primary)}.profile[data-v-ef1c9a5b]{max-width:1200px;margin:0 auto}.profile-hero[data-v-ef1c9a5b]{position:relative;padding:60px 40px 40px;margin:-32px -32px 40px;border-radius:0 0 20px 20px;text-align:center;box-shadow:0 4px 20px #0000001a}.profile-hero[data-v-ef1c9a5b]:not(.has-background-image){background:linear-gradient(135deg,#3E6B9E 0%,#2d5275 100%)}.profile-hero.has-background-image[data-v-ef1c9a5b]{background:var(--custom-bg-image, none);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-upload-btn[data-v-ef1c9a5b]{position:absolute;top:20px;right:20px;padding:8px 16px;background:rgba(255,255,255,.2);color:#fff;border-radius:6px;cursor:pointer;font-weight:600;font-size:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);transition:all .2s}.hero-upload-btn[data-v-ef1c9a5b]:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.file-input[data-v-ef1c9a5b]{display:none}.profile-picture-container[data-v-ef1c9a5b]{display:flex;flex-direction:column;align-items:center;gap:16px}.profile-picture[data-v-ef1c9a5b]{width:150px;height:150px;border-radius:50%;background-color:gold;background-size:cover;background-position:center;border:5px solid white;box-shadow:0 4px 20px #0003;position:relative;overflow:hidden;cursor:pointer}.profile-picture-overlay[data-v-ef1c9a5b]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;cursor:pointer;font-size:32px}.profile-picture:hover .profile-picture-overlay[data-v-ef1c9a5b]{opacity:1}.profile-hero h1[data-v-ef1c9a5b]{color:#fff;font-size:32px;margin:0;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.user-role[data-v-ef1c9a5b]{color:#ffffffe6;font-size:16px;margin:0;font-weight:500}.settings-container[data-v-ef1c9a5b]{display:flex;flex-direction:column;gap:24px}.settings-card[data-v-ef1c9a5b]{background:white;padding:32px;border-radius:12px;border:1px solid #f5f5f5;box-shadow:0 2px 8px #0000000d}.settings-card h2[data-v-ef1c9a5b]{color:#3e6b9e;font-size:22px;margin:0 0 24px;font-weight:700}.settings-form[data-v-ef1c9a5b]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-ef1c9a5b]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-ef1c9a5b]{color:#333;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.form-input[data-v-ef1c9a5b]{padding:12px 16px;border:2px solid #e5e5e5;border-radius:8px;font-size:14px;transition:border-color .2s;font-family:inherit}.form-input[data-v-ef1c9a5b]:focus{outline:none;border-color:#3e6b9e;box-shadow:0 0 0 3px #3e6b9e1a}.checkbox-input[data-v-ef1c9a5b]{width:18px;height:18px;cursor:pointer}.form-actions[data-v-ef1c9a5b]{display:flex;justify-content:flex-start;margin-top:8px}.save-btn[data-v-ef1c9a5b]{padding:12px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s}.save-btn[data-v-ef1c9a5b]:hover{background:#059669}.toast-container[data-v-ef1c9a5b]{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px}.toast[data-v-ef1c9a5b]{display:flex;align-items:center;gap:12px;padding:16px;background:white;border-radius:8px;box-shadow:0 4px 20px #00000026;border-left:4px solid;animation:slideIn-ef1c9a5b .3s ease-out;min-width:300px}@keyframes slideIn-ef1c9a5b{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast.success[data-v-ef1c9a5b]{border-left-color:#10b981}.toast.error[data-v-ef1c9a5b]{border-left-color:#ef4444}.toast.warning[data-v-ef1c9a5b]{border-left-color:#f59e0b}.toast.info[data-v-ef1c9a5b]{border-left-color:#3e6b9e}.toast-icon[data-v-ef1c9a5b]{font-size:20px;font-weight:700}.toast.success .toast-icon[data-v-ef1c9a5b]{color:#10b981}.toast.error .toast-icon[data-v-ef1c9a5b]{color:#ef4444}.toast.warning .toast-icon[data-v-ef1c9a5b]{color:#f59e0b}.toast.info .toast-icon[data-v-ef1c9a5b]{color:#3e6b9e}.toast-message[data-v-ef1c9a5b]{flex:1;color:#333;font-size:14px;font-weight:500}.toast-close[data-v-ef1c9a5b]{padding:4px 8px;background:transparent;border:none;cursor:pointer;color:#999;font-size:16px;font-weight:600;transition:color .2s}.toast-close[data-v-ef1c9a5b]:hover{color:#333}@media (max-width: 768px){.profile-hero[data-v-ef1c9a5b]{padding:40px 20px 30px;margin:-32px -32px 30px}.profile-hero h1[data-v-ef1c9a5b]{font-size:24px}.profile-picture[data-v-ef1c9a5b]{width:120px;height:120px}.settings-card[data-v-ef1c9a5b]{padding:24px}.toast-container[data-v-ef1c9a5b]{right:10px;left:10px;max-width:none}.toast[data-v-ef1c9a5b]{min-width:auto}}.dark .profile .settings-card{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important}.dark .profile .settings-card h2{color:var(--primary, #5a8fc4)!important}.dark .profile .form-group label{color:var(--on-surface, #f1f5f9)!important}.dark .profile .form-input{background:var(--surface-variant, #334155)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .profile .form-input:focus{border-color:var(--primary, #5a8fc4)!important}.dark .profile .form-input option{background:var(--surface, #1e293b)!important;color:var(--on-surface, #f1f5f9)!important}.dark .profile .form-input::placeholder{color:var(--text-muted, #94a3b8)!important}.dark .profile .form-group label span{color:var(--on-surface, #f1f5f9)!important}.dark .profile .toast{background:var(--surface, #1e293b)!important;box-shadow:0 4px 20px #0006!important}.dark .profile .toast-message{color:var(--on-surface, #f1f5f9)!important}.dark .profile .toast-close{color:var(--text-muted, #94a3b8)!important}.dark .profile .toast-close:hover{color:var(--on-surface, #f1f5f9)!important}.login-container[data-v-ce77d29d]{min-height:100vh;background:linear-gradient(135deg,#3E6B9E 0%,rgba(62,107,158,.9) 100%);display:flex;align-items:center;justify-content:center;padding:20px}.login-box[data-v-ce77d29d]{background:white;border-radius:16px;padding:48px;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d}.logo-section[data-v-ce77d29d]{text-align:center;margin-bottom:40px}.logo-image[data-v-ce77d29d]{width:120px;height:auto;margin:0 auto 20px;display:block}.logo-section h1[data-v-ce77d29d]{color:#3e6b9e;font-size:28px;margin:0 0 8px;font-weight:700}.logo-section p[data-v-ce77d29d]{color:#666;font-size:14px;margin:0}.error-message[data-v-ce77d29d]{background:#fee;color:#c33;padding:12px;border-radius:6px;margin-bottom:20px;font-size:13px;border:1px solid #fcc}.form-group[data-v-ce77d29d]{margin-bottom:20px}.form-group label[data-v-ce77d29d]{display:block;color:#333;font-size:13px;font-weight:600;margin-bottom:8px}.form-group input[data-v-ce77d29d]{width:100%;padding:12px 16px;border:2px solid #f5f5f5;border-radius:8px;font-size:14px;transition:border-color .3s}.form-group input[data-v-ce77d29d]:focus{outline:none;border-color:#3e6b9e}.password-input[data-v-ce77d29d]{position:relative}.toggle-password[data-v-ce77d29d]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;padding:0}.login-btn[data-v-ce77d29d]{width:100%;padding:12px;background:linear-gradient(135deg,#3E6B9E 0%,rgba(62,107,158,.9) 100%);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s;margin-bottom:24px}.login-btn[data-v-ce77d29d]:hover{transform:translateY(-2px)}.demo-info[data-v-ce77d29d]{text-align:center;padding:16px;background:#f0f8ff;border-radius:8px;font-size:12px;color:#666}.demo-info p[data-v-ce77d29d]{margin:8px 0}.demo-info p[data-v-ce77d29d]:first-child{margin-top:0}.user-management[data-v-77b9755b]{padding:0}.page-header[data-v-77b9755b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header h1[data-v-77b9755b]{margin:0 0 8px;font-size:32px;font-weight:700;color:#333}.page-header p[data-v-77b9755b]{margin:0;color:#666;font-size:14px}.card[data-v-77b9755b]{background:white;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.card-header[data-v-77b9755b]{padding:24px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center}.card-header h3[data-v-77b9755b]{margin:0;font-size:18px;font-weight:600;color:#333}.search-box[data-v-77b9755b]{position:relative}.search-input[data-v-77b9755b]{padding:10px 40px 10px 16px;border:2px solid #e5e5e5;border-radius:8px;font-size:14px;width:300px;transition:border-color .2s}.search-input[data-v-77b9755b]:focus{outline:none;border-color:#3e6b9e}.search-icon[data-v-77b9755b]{position:absolute;right:12px;top:50%;transform:translateY(-50%);opacity:.6}.table-container[data-v-77b9755b]{overflow-x:auto}.users-table[data-v-77b9755b]{width:100%;border-collapse:collapse}.users-table th[data-v-77b9755b]{padding:16px 24px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;background:#f9fafb;border-bottom:2px solid #e5e5e5}.users-table td[data-v-77b9755b]{padding:16px 24px;border-bottom:1px solid #e5e5e5;font-size:14px;color:#333}.users-table tbody tr[data-v-77b9755b]:hover{background:#f9fafb}.user-name[data-v-77b9755b]{font-weight:600}.role-badge[data-v-77b9755b]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.role-badge.admin[data-v-77b9755b]{background:#fef3c7;color:#92400e}.role-badge.manager[data-v-77b9755b]{background:#dbeafe;color:#1e40af}.role-badge.staff[data-v-77b9755b]{background:#d1fae5;color:#065f46}.status-badge[data-v-77b9755b]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active[data-v-77b9755b]{background:#d1fae5;color:#065f46}.status-badge.inactive[data-v-77b9755b]{background:#fee2e2;color:#991b1b}.action-buttons[data-v-77b9755b]{display:flex;gap:8px}.btn-icon[data-v-77b9755b]{background:none;border:none;font-size:18px;cursor:pointer;padding:6px;border-radius:6px;transition:background .2s}.btn-icon[data-v-77b9755b]:hover{background:#f3f4f6}.btn-icon.btn-danger[data-v-77b9755b]:hover{background:#fee2e2}.btn-primary[data-v-77b9755b]{padding:12px 24px;background:#3E6B9E;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary[data-v-77b9755b]:hover{background:#2d5275}.btn-primary[data-v-77b9755b]:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary[data-v-77b9755b]{padding:12px 24px;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-secondary[data-v-77b9755b]:hover{background:#e5e7eb}.btn-danger[data-v-77b9755b]{padding:12px 24px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-danger[data-v-77b9755b]:hover{background:#dc2626}.no-data[data-v-77b9755b]{padding:60px 20px;text-align:center;color:#9ca3af}.modal-overlay[data-v-77b9755b]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn-77b9755b .2s}.modal-content[data-v-77b9755b]{background:white;border:2px solid var(--border-color, #e5e5e5);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:slideUp-77b9755b .3s}.permissions-modal[data-v-77b9755b]{max-width:700px}.confirm-modal[data-v-77b9755b]{max-width:400px}.modal-header[data-v-77b9755b]{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid var(--border-color, #e5e5e5)}.modal-header h3[data-v-77b9755b]{margin:0;font-size:22px;font-weight:700;letter-spacing:-.025em;color:#333}.close-btn[data-v-77b9755b]{background:transparent;border:2px solid var(--border-color, #e5e5e5);width:40px;height:40px;border-radius:8px;font-size:20px;cursor:pointer;color:#666;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn[data-v-77b9755b]:hover{background:var(--error, #ef4444);border-color:var(--error, #ef4444);color:#fff;transform:scale(1.05)}.modal-body[data-v-77b9755b]{flex:1;overflow-y:auto;padding:24px 28px}.modal-description[data-v-77b9755b]{color:#666;font-size:14px;margin:0 0 24px}.form-group[data-v-77b9755b]{margin-bottom:20px}.form-group label[data-v-77b9755b]{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#374151}.form-input[data-v-77b9755b]{width:100%;padding:12px 16px;border:2px solid #e5e5e5;border-radius:8px;font-size:14px;transition:border-color .2s}.form-input[data-v-77b9755b]:focus{outline:none;border-color:#3e6b9e}.permissions-grid[data-v-77b9755b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.permission-item[data-v-77b9755b]{display:flex;align-items:center;justify-content:space-between;gap:12px}.permission-label[data-v-77b9755b]{font-size:14px;font-weight:500;color:#374151}.permission-select[data-v-77b9755b]{padding:8px 12px;border:2px solid #e5e5e5;border-radius:6px;font-size:13px;cursor:pointer;min-width:140px}.permission-select[data-v-77b9755b]:focus{outline:none;border-color:#3e6b9e}.error-message[data-v-77b9755b]{padding:12px 16px;background:#fee2e2;color:#991b1b;border-radius:8px;font-size:14px;margin-top:16px}.warning-text[data-v-77b9755b]{color:#dc2626;font-weight:600;margin-top:12px}.modal-footer[data-v-77b9755b]{padding:20px 28px;border-top:2px solid var(--border-color, #e5e5e5);background:var(--bg-secondary, #f9fafb);border-radius:0 0 16px 16px;display:flex;justify-content:flex-end;gap:12px}@keyframes fadeIn-77b9755b{0%{opacity:0}to{opacity:1}}@keyframes slideUp-77b9755b{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dark .user-management .modal-content{background:#1f2937;border-color:var(--border-color, #334155)}.dark .user-management .modal-header{border-bottom-color:var(--border-color, #334155)}.dark .user-management .modal-header h3{color:#f9fafb}.dark .user-management .close-btn{color:#9ca3af;border-color:var(--border-color, #334155)}.dark .user-management .close-btn:hover{background:var(--error, #ef4444);border-color:var(--error, #ef4444);color:#fff}.dark .user-management .modal-body{background:#1f2937}.dark .user-management .modal-footer{background:rgba(0,0,0,.2);border-top-color:var(--border-color, #334155)}.dark .user-management .modal-description{color:#9ca3af}.dark .user-management .form-input{background:#111827;border-color:var(--border-color, #334155);color:#f9fafb}.dark .user-management .permission-label{color:#cbd5e1}.dark .user-management .permission-select{background:#111827;border-color:var(--border-color, #334155);color:#f9fafb}.dark .user-management .btn-secondary{border-color:var(--border-color, #334155)}.dark .user-management .btn-secondary:hover:not(:disabled){border-color:var(--border-color-dark, #475569)}.packages-page[data-v-ac2a84b8]{max-width:1600px;margin:0 auto}.page-header[data-v-ac2a84b8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1[data-v-ac2a84b8]{font-size:28px;font-weight:700;color:#1a202c;margin:0}.header-actions[data-v-ac2a84b8]{display:flex;gap:12px}.refresh-btn[data-v-ac2a84b8]{padding:10px 20px;border:2px solid var(--primary, #3E6B9E);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;background:white;color:var(--primary, #3E6B9E);display:flex;align-items:center;gap:8px}.refresh-btn[data-v-ac2a84b8]:hover:not(:disabled){background:var(--primary, #3E6B9E);color:#fff}.refresh-btn[data-v-ac2a84b8]:disabled{opacity:.5;cursor:not-allowed}.stats-grid[data-v-ac2a84b8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.stat-card[data-v-ac2a84b8]{background:white;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;border:2px solid #e2e8f0;transition:all .2s}.stat-card[data-v-ac2a84b8]:hover{border-color:var(--primary, #3E6B9E);box-shadow:0 4px 12px #3e6b9e1a}.stat-icon[data-v-ac2a84b8]{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f0f4f8;color:var(--primary, #3E6B9E)}.stat-content[data-v-ac2a84b8]{flex:1}.stat-label[data-v-ac2a84b8]{font-size:13px;color:#64748b;margin:0 0 4px;font-weight:500}.stat-value[data-v-ac2a84b8]{font-size:24px;font-weight:700;color:#1a202c;margin:0}.stat-card.status-pending .stat-icon[data-v-ac2a84b8]{background:#fef3c7;color:#d97706}.stat-card.status-received .stat-icon[data-v-ac2a84b8],.stat-card.status-received_at_warehouse .stat-icon[data-v-ac2a84b8]{background:#dbeafe;color:#2563eb}.stat-card.status-in_transit .stat-icon[data-v-ac2a84b8],.stat-card.status-in_transit_to_jamaica .stat-icon[data-v-ac2a84b8]{background:#e0e7ff;color:#6366f1}.stat-card.status-ready_for_pickup_delivery .stat-icon[data-v-ac2a84b8]{background:#d1fae5;color:#059669}.stat-card.status-delivered .stat-icon[data-v-ac2a84b8],.stat-card.status-pickedup .stat-icon[data-v-ac2a84b8]{background:#d1fae5;color:#10b981}.stat-card.status-delayed .stat-icon[data-v-ac2a84b8],.stat-card.status-discrepancy .stat-icon[data-v-ac2a84b8]{background:#fee2e2;color:#dc2626}.status-card[data-v-ac2a84b8]{background:var(--surface, #ffffff);padding:20px;border-radius:12px;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .05));display:flex;align-items:center;gap:16px;border:1px solid var(--border-color, #e5e5e5);margin-bottom:30px}.status-card.connected[data-v-ac2a84b8]{border-left:4px solid var(--success, #10b981)}.status-card.disconnected[data-v-ac2a84b8]{border-left:4px solid var(--error, #ef4444)}.status-icon[data-v-ac2a84b8]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--surface-variant, #f0f0f0)}.status-card.connected .status-icon[data-v-ac2a84b8]{background:var(--success-bg, #d1fae5);color:var(--success-dark, #059669)}.status-card.disconnected .status-icon[data-v-ac2a84b8]{background:var(--error-bg, #fee2e2);color:var(--error, #dc2626)}.status-info[data-v-ac2a84b8]{flex:1}.status-info h4[data-v-ac2a84b8]{margin:0 0 4px;font-size:14px;color:var(--text-muted, #666)}.status-info p[data-v-ac2a84b8]{margin:0;font-size:16px;font-weight:600;color:var(--on-surface, #333)}.error-text[data-v-ac2a84b8]{font-size:12px;color:var(--error, #dc2626);font-weight:400;margin-top:4px}.status-card-actions[data-v-ac2a84b8]{display:flex;gap:12px;align-items:center}.test-btn[data-v-ac2a84b8]{padding:8px 16px;background:var(--primary, #3E6B9E);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.test-btn[data-v-ac2a84b8]:hover{background:var(--primary-dark, #2d5275)}.filters-section[data-v-ac2a84b8]{margin-bottom:24px;display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.search-box[data-v-ac2a84b8]{flex:1;min-width:300px;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--border-color, #e5e5e5);border-radius:8px;background:var(--surface, #ffffff)}.search-box input[data-v-ac2a84b8]{flex:1;border:none;font-size:14px;background:transparent;color:var(--on-surface, #333)}.search-box input[data-v-ac2a84b8]:focus{outline:none}.search-box input[data-v-ac2a84b8]::placeholder{color:var(--text-muted, #999)}.filter-group[data-v-ac2a84b8]{display:flex;flex-direction:column;gap:8px}.filter-group label[data-v-ac2a84b8]{font-size:13px;font-weight:600;color:#64748b}.status-filter[data-v-ac2a84b8]{padding:10px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:white;color:#1a202c;cursor:pointer;min-width:200px;transition:all .2s}.status-filter[data-v-ac2a84b8]:focus{outline:none;border-color:var(--primary, #3E6B9E)}.status-filter[data-v-ac2a84b8]:hover{border-color:var(--primary, #3E6B9E)}.table-container[data-v-ac2a84b8]{background:var(--surface, #ffffff);border-radius:12px;overflow-x:auto;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .05));border:1px solid var(--border-color, #e5e5e5);margin-bottom:24px}.packages-table[data-v-ac2a84b8]{width:100%;border-collapse:collapse;font-size:14px;min-width:1200px}.packages-table thead[data-v-ac2a84b8]{background:var(--surface-variant, #f9fafb)}.packages-table th[data-v-ac2a84b8]{padding:14px 16px;text-align:left;font-weight:600;color:var(--text-muted, #666);border-bottom:2px solid var(--border-color, #e5e5e5);white-space:nowrap}.packages-table td[data-v-ac2a84b8]{padding:14px 16px;border-bottom:1px solid var(--border-color-light, #f5f5f5);color:var(--on-surface, #333)}.packages-table tbody tr[data-v-ac2a84b8]:hover{background:var(--surface-variant, #f9fafb)}.company-code[data-v-ac2a84b8]{background:var(--primary, #3E6B9E);color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;display:inline-block}.customer-id-cell[data-v-ac2a84b8]{font-family:monospace}.customer-id[data-v-ac2a84b8]{background:var(--surface-variant, #f3f4f6);padding:4px 8px;border-radius:4px;font-size:12px}.package-id-cell[data-v-ac2a84b8]{font-family:monospace;font-size:12px}.package-id[data-v-ac2a84b8]{background:var(--info-bg, #dbeafe);color:var(--info-text, #1e40af);padding:4px 8px;border-radius:4px}.description-cell[data-v-ac2a84b8]{max-width:250px}.description-text[data-v-ac2a84b8]{display:block;font-size:13px;color:var(--text-muted, #666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracking-cell[data-v-ac2a84b8]{font-family:monospace;font-weight:500;font-size:13px}.status-badge[data-v-ac2a84b8]{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap}.status-select[data-v-ac2a84b8]{padding:6px 10px;border-radius:4px;font-size:12px;font-weight:600;border:1px solid var(--border-color, #e5e5e5);cursor:pointer;background:white;color:var(--on-surface, #333);min-width:140px;transition:all .2s}.status-select[data-v-ac2a84b8]:hover{border-color:var(--primary, #3E6B9E)}.status-select[data-v-ac2a84b8]:focus{outline:none;border-color:var(--primary, #3E6B9E);box-shadow:0 0 0 2px #3e6b9e1a}.status-select.pending[data-v-ac2a84b8]{background:var(--warning-bg, #fef3c7);color:var(--warning-text, #92400e);border-color:var(--warning-text, #92400e)}.status-badge.pending[data-v-ac2a84b8]{background:var(--warning-bg, #fef3c7);color:var(--warning-text, #92400e)}.status-badge.awaiting_invoice[data-v-ac2a84b8]{background:#eef2ff;color:#4f46e5}.status-badge.paid[data-v-ac2a84b8]{background:#dcfce7;color:#16a34a}.status-badge.received[data-v-ac2a84b8],.status-badge.received_at_warehouse[data-v-ac2a84b8]{background:var(--success-bg, #d1fae5);color:var(--success-text, #065f46)}.status-badge.in_transit[data-v-ac2a84b8],.status-badge.in_transit_to_jamaica[data-v-ac2a84b8]{background:var(--info-bg, #dbeafe);color:var(--info-text, #1e40af)}.status-badge.delayed[data-v-ac2a84b8]{background:#fef2f2;color:#dc2626}.status-badge.processing_by_customs[data-v-ac2a84b8]{background:#fff7ed;color:#ea580c}.status-badge.processing_at_office[data-v-ac2a84b8]{background:#faf5ff;color:#9333ea}.status-badge.discrepancy[data-v-ac2a84b8]{background:#fef2f2;color:#b91c1c}.status-badge.ready_for_pickup_delivery[data-v-ac2a84b8]{background:#ecfdf5;color:#059669}.status-badge.pickedup[data-v-ac2a84b8]{background:#f0fdfa;color:#0d9488}.status-badge.delivered[data-v-ac2a84b8]{background:#f5f3ff;color:#7c3aed}.actions-cell[data-v-ac2a84b8]{display:flex;gap:8px}.action-btn[data-v-ac2a84b8]{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.action-btn.edit[data-v-ac2a84b8]{background:var(--primary, #3E6B9E);color:#fff}.action-btn.edit[data-v-ac2a84b8]:hover{background:var(--primary-dark, #2d5275)}.no-data[data-v-ac2a84b8]{text-align:center;padding:60px 20px;color:var(--text-muted, #666)}.empty-state[data-v-ac2a84b8]{display:flex;flex-direction:column;align-items:center;gap:12px}.empty-icon[data-v-ac2a84b8]{opacity:.5}.pagination[data-v-ac2a84b8]{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px}.page-btn[data-v-ac2a84b8]{padding:8px 16px;background:var(--primary, #3E6B9E);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:8px}.page-btn[data-v-ac2a84b8]:hover:not(:disabled){background:var(--primary-dark, #2d5275)}.page-btn[data-v-ac2a84b8]:disabled{background:var(--surface-variant, #d1d5db);color:var(--text-muted, #666);cursor:not-allowed}.page-info[data-v-ac2a84b8]{font-size:14px;color:var(--text-muted, #666)}.modal-overlay[data-v-ac2a84b8]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-ac2a84b8]{background:var(--surface, #ffffff);border:2px solid var(--border-color, #e5e5e5);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex;flex-direction:column;width:90%;max-width:800px;max-height:90vh}.modal-header[data-v-ac2a84b8]{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid var(--border-color, #e5e5e5)}.modal-header h3[data-v-ac2a84b8]{margin:0;font-size:22px;font-weight:700;letter-spacing:-.025em;color:var(--on-surface, #333)}.close-btn[data-v-ac2a84b8]{background:transparent;border:2px solid var(--border-color, #e5e5e5);width:40px;height:40px;border-radius:8px;cursor:pointer;padding:0;color:var(--text-muted, #666);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn[data-v-ac2a84b8]:hover{background:var(--error, #ef4444);border-color:var(--error, #ef4444);color:#fff;transform:scale(1.05)}.modal-body[data-v-ac2a84b8]{padding:24px 28px;overflow-y:auto}.detail-grid[data-v-ac2a84b8]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-item[data-v-ac2a84b8]{display:flex;flex-direction:column;gap:6px}.detail-item.full-width[data-v-ac2a84b8]{grid-column:span 2}.detail-item label[data-v-ac2a84b8]{font-size:12px;font-weight:600;color:var(--text-muted, #666)}.required[data-v-ac2a84b8]{color:var(--error, #dc2626)}.detail-item input[data-v-ac2a84b8],.detail-item select[data-v-ac2a84b8],.detail-item textarea[data-v-ac2a84b8]{padding:10px 12px;border:1px solid var(--border-color, #e5e5e5);border-radius:6px;font-size:14px;background:var(--surface, #ffffff);color:var(--on-surface, #333);font-family:inherit}.detail-item input[data-v-ac2a84b8]:disabled{background:var(--surface-variant, #f3f4f6);cursor:not-allowed}.detail-item input[data-v-ac2a84b8]::placeholder,.detail-item textarea[data-v-ac2a84b8]::placeholder{color:var(--text-muted, #999)}.detail-item input[data-v-ac2a84b8]:focus,.detail-item select[data-v-ac2a84b8]:focus,.detail-item textarea[data-v-ac2a84b8]:focus{outline:none;border-color:var(--primary, #3E6B9E)}.modal-footer[data-v-ac2a84b8]{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:2px solid var(--border-color, #e5e5e5);background:var(--bg-secondary, #f9fafb);border-radius:0 0 16px 16px}.btn-cancel[data-v-ac2a84b8]{padding:12px 28px;background:var(--surface-variant, #f5f5f5);border:2px solid var(--border-color, #e5e5e5);border-radius:8px;font-size:15px;font-weight:600;min-width:120px;cursor:pointer;color:var(--on-surface, #333);transition:all .2s}.btn-cancel[data-v-ac2a84b8]:hover{background:var(--border-color, #e5e5e5);transform:translateY(-1px);border-color:var(--border-color-dark, #d1d5db)}.btn-save[data-v-ac2a84b8]{padding:12px 28px;background:var(--primary, #3E6B9E);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;min-width:120px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-save[data-v-ac2a84b8]:hover:not(:disabled){background:var(--primary-dark, #2d5275);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-save[data-v-ac2a84b8]:disabled{opacity:.5;cursor:not-allowed}.dark .page-header h1[data-v-ac2a84b8]{color:#f1f5f9}.dark .refresh-btn[data-v-ac2a84b8]{background:rgba(255,255,255,.1);color:#fff;border-color:#fff3}.dark .refresh-btn[data-v-ac2a84b8]:hover:not(:disabled){background:rgba(255,255,255,.15);border-color:#ffffff4d}.dark .stat-card[data-v-ac2a84b8]{background:rgba(255,255,255,.05);border-color:#ffffff1a}.dark .stat-card[data-v-ac2a84b8]:hover{border-color:#fff3}.dark .stat-icon[data-v-ac2a84b8]{background:rgba(255,255,255,.1)}.dark .stat-label[data-v-ac2a84b8]{color:#94a3b8}.dark .stat-value[data-v-ac2a84b8]{color:#f1f5f9}.dark .status-filter[data-v-ac2a84b8]{background:rgba(255,255,255,.05);border-color:#ffffff1a;color:#f1f5f9}.dark .status-filter[data-v-ac2a84b8]:hover,.dark .status-filter[data-v-ac2a84b8]:focus{border-color:#fff3}.dark .filter-group label[data-v-ac2a84b8]{color:#94a3b8}.dark .packages-table tbody tr[data-v-ac2a84b8]:hover{background:rgba(255,255,255,.05)}.dark .customer-id[data-v-ac2a84b8]{background:rgba(255,255,255,.1);color:#aaa}.dark .package-id[data-v-ac2a84b8]{background:rgba(59,130,246,.15);color:#60a5fa}@media (max-width: 768px){.page-header[data-v-ac2a84b8]{flex-direction:column;align-items:flex-start;gap:16px}.stats-grid[data-v-ac2a84b8]{grid-template-columns:1fr}.filters-section[data-v-ac2a84b8]{flex-direction:column;align-items:stretch}.search-box[data-v-ac2a84b8]{min-width:100%}.filter-group[data-v-ac2a84b8],.status-filter[data-v-ac2a84b8]{width:100%}.detail-grid[data-v-ac2a84b8]{grid-template-columns:1fr}.detail-item.full-width[data-v-ac2a84b8]{grid-column:span 1}.packages-table[data-v-ac2a84b8]{font-size:12px}.packages-table th[data-v-ac2a84b8],.packages-table td[data-v-ac2a84b8]{padding:10px 8px}}.checkbox-cell[data-v-ac2a84b8]{width:40px;text-align:center}.checkbox-cell input[type=checkbox][data-v-ac2a84b8]{cursor:pointer;width:16px;height:16px}tr.selected[data-v-ac2a84b8]{background-color:#3b82f60d}.add-to-shipment-btn[data-v-ac2a84b8]{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;margin-right:10px}.add-to-shipment-btn[data-v-ac2a84b8]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.shipment-modal[data-v-ac2a84b8]{max-width:600px;max-height:85vh}.selected-packages-info[data-v-ac2a84b8]{background:#f3f4f6;padding:12px 16px;border-radius:8px;margin-bottom:20px}.selected-packages-info p[data-v-ac2a84b8]{margin:0;font-size:14px;color:#374151}.shipment-option-section[data-v-ac2a84b8]{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.radio-option[data-v-ac2a84b8]{display:flex;align-items:center;padding:14px 16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.radio-option[data-v-ac2a84b8]:hover{border-color:#3b82f6;background-color:#f9fafb}.radio-option input[type=radio][data-v-ac2a84b8]{margin-right:12px;cursor:pointer}.radio-option input[type=radio]:checked+.radio-label[data-v-ac2a84b8]{color:#3b82f6;font-weight:600}.radio-option .radio-label[data-v-ac2a84b8]{display:flex;align-items:center;gap:8px;font-size:15px}.shipment-form-section[data-v-ac2a84b8],.shipment-select-section[data-v-ac2a84b8]{margin-top:20px}.shipment-form-section h4[data-v-ac2a84b8],.shipment-select-section h4[data-v-ac2a84b8]{margin:0 0 16px;font-size:16px;color:#111827}.form-group[data-v-ac2a84b8]{margin-bottom:16px}.form-group label[data-v-ac2a84b8]{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.form-input[data-v-ac2a84b8]{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.form-input[data-v-ac2a84b8]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.radio-group[data-v-ac2a84b8]{display:flex;gap:12px}.radio-group .radio-label[data-v-ac2a84b8]{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s}.radio-group .radio-label[data-v-ac2a84b8]:hover{border-color:#3b82f6;background-color:#f9fafb}.radio-group input[type=radio][data-v-ac2a84b8]{margin-right:6px}.shipment-logs-list[data-v-ac2a84b8]{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.shipment-log-option[data-v-ac2a84b8]{display:flex;align-items:flex-start;padding:12px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.shipment-log-option[data-v-ac2a84b8]:hover{border-color:#3b82f6;background-color:#f9fafb}.shipment-log-option.selected[data-v-ac2a84b8]{border-color:#3b82f6;background-color:#3b82f60d}.shipment-log-option input[type=radio][data-v-ac2a84b8]{margin-right:12px;margin-top:2px;cursor:pointer}.log-info[data-v-ac2a84b8]{flex:1}.log-header[data-v-ac2a84b8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.log-title[data-v-ac2a84b8]{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:#111827}.log-date[data-v-ac2a84b8]{font-size:12px;color:#6b7280}.log-details[data-v-ac2a84b8]{margin:0;font-size:13px;color:#6b7280}.loading-state[data-v-ac2a84b8],.empty-state-small[data-v-ac2a84b8]{text-align:center;padding:30px;color:#6b7280}.shipment-modal .modal-footer[data-v-ac2a84b8]{padding:20px 28px;border-top:2px solid #e5e7eb;background:#f9fafb;border-radius:0 0 16px 16px;margin-top:0}.save-btn[data-v-ac2a84b8],.cancel-btn[data-v-ac2a84b8]{padding:12px 28px;border-radius:8px;font-size:15px;font-weight:600;min-width:120px;cursor:pointer;transition:all .2s}.save-btn[data-v-ac2a84b8]{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;border:none}.save-btn[data-v-ac2a84b8]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.save-btn[data-v-ac2a84b8]:disabled{opacity:.6;cursor:not-allowed}.cancel-btn[data-v-ac2a84b8]{background:white;color:#7f8c8d;border:2px solid #e5e7eb}.cancel-btn[data-v-ac2a84b8]:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.help-text[data-v-ac2a84b8]{font-size:13px;color:#6b7280;margin-top:6px}.task-center[data-v-49f30dfc]{max-width:1600px;margin:0 auto}.page-header[data-v-49f30dfc]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:20px}.header-left[data-v-49f30dfc]{flex:1}.page-title[data-v-49f30dfc]{font-size:32px;font-weight:700;color:#3e6b9e;margin:0 0 12px}.task-stats[data-v-49f30dfc]{display:flex;align-items:center;gap:12px;font-size:14px;color:#666}.stat-item strong[data-v-49f30dfc]{color:#3e6b9e;font-size:16px}.stat-divider[data-v-49f30dfc]{color:#ddd}.controls-bar[data-v-49f30dfc]{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}.view-switcher[data-v-49f30dfc]{display:flex;gap:8px;background:#f5f5f5;padding:4px;border-radius:8px}.view-btn[data-v-49f30dfc]{padding:8px 20px;background:transparent;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;color:#666;transition:all .2s}.view-btn.active[data-v-49f30dfc]{background:#3E6B9E;color:#fff}.filters[data-v-49f30dfc]{display:flex;gap:12px;flex-wrap:wrap;flex:1;justify-content:flex-end}.filter-select[data-v-49f30dfc]{padding:8px 12px;border:2px solid #e5e5e5;border-radius:6px;font-size:14px;background:white;cursor:pointer;transition:border-color .2s}.filter-select[data-v-49f30dfc]:focus{outline:none;border-color:#3e6b9e}.search-input[data-v-49f30dfc]{padding:8px 12px;border:2px solid #e5e5e5;border-radius:6px;font-size:14px;min-width:200px}.search-input[data-v-49f30dfc]:focus{outline:none;border-color:#3e6b9e}.filter-quick-btn[data-v-49f30dfc]{padding:8px 16px;background:#3E6B9E;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s}.filter-quick-btn[data-v-49f30dfc]:hover{background:#2d5275}.table-view[data-v-49f30dfc]{background:white;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.bulk-actions[data-v-49f30dfc]{padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e5e5;display:flex;gap:12px;align-items:center}.bulk-btn[data-v-49f30dfc]{padding:6px 12px;background:#3E6B9E;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:12px;transition:background .2s}.bulk-btn[data-v-49f30dfc]:hover{background:#2d5275}.bulk-btn.delete[data-v-49f30dfc]{background:#ef4444}.bulk-btn.delete[data-v-49f30dfc]:hover{background:#dc2626}.table-container[data-v-49f30dfc]{overflow-x:auto}.tasks-table[data-v-49f30dfc]{width:100%;border-collapse:collapse;font-size:14px}.tasks-table thead[data-v-49f30dfc]{background:#f5f5f5}.tasks-table th[data-v-49f30dfc]{padding:16px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e5e5e5;white-space:nowrap}.tasks-table th.sortable[data-v-49f30dfc]{cursor:pointer;-webkit-user-select:none;user-select:none}.tasks-table th.sortable[data-v-49f30dfc]:hover{background:#eee}.tasks-table td[data-v-49f30dfc]{padding:16px;border-bottom:1px solid #f5f5f5}.tasks-table tbody tr[data-v-49f30dfc]{cursor:pointer;transition:background .2s}.tasks-table tbody tr[data-v-49f30dfc]:hover{background:#f9fafb}.task-title-cell[data-v-49f30dfc]{display:flex;align-items:center;gap:8px;font-weight:500}.recurring-badge[data-v-49f30dfc]{background:#f59e0b;color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600}.status-badge[data-v-49f30dfc]{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap}.status-badge.todo[data-v-49f30dfc]{background:#e5e7eb;color:#4b5563}.status-badge.in-progress[data-v-49f30dfc]{background:#dbeafe;color:#1e40af}.status-badge.review[data-v-49f30dfc]{background:#fef3c7;color:#b45309}.status-badge.done[data-v-49f30dfc]{background:#d1fae5;color:#065f46}.priority-badge[data-v-49f30dfc]{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.priority-badge.low[data-v-49f30dfc]{background:#e5e7eb;color:#6b7280}.priority-badge.medium[data-v-49f30dfc]{background:#fef3c7;color:#d97706}.priority-badge.high[data-v-49f30dfc]{background:#fed7aa;color:#c2410c}.priority-badge.urgent[data-v-49f30dfc]{background:#fee2e2;color:#dc2626}.assignee-cell[data-v-49f30dfc]{display:flex;align-items:center;gap:8px}.avatar[data-v-49f30dfc]{width:32px;height:32px;background:#3E6B9E;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.labels-cell[data-v-49f30dfc]{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.label-chip[data-v-49f30dfc]{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.label-chip.clickable[data-v-49f30dfc]{cursor:pointer;transition:opacity .2s}.label-chip.clickable[data-v-49f30dfc]:hover{opacity:.8}.label-more[data-v-49f30dfc]{font-size:11px;color:#999;font-weight:600}.due-date-cell[data-v-49f30dfc]{display:flex;align-items:center;gap:8px}.overdue-badge[data-v-49f30dfc]{background:#fee2e2;color:#dc2626;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.actions-cell[data-v-49f30dfc]{display:flex;gap:8px}.action-btn[data-v-49f30dfc]{padding:6px 10px;background:#f5f5f5;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.action-btn[data-v-49f30dfc]:hover{background:#e5e5e5}.action-btn.delete[data-v-49f30dfc]:hover{background:#fee2e2;color:#dc2626}.no-data[data-v-49f30dfc]{text-align:center;padding:40px;color:#999;font-style:italic}.list-view[data-v-49f30dfc]{margin-top:20px}.group-selector[data-v-49f30dfc]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.group-selector label[data-v-49f30dfc]{font-weight:600;color:#333}.grouped-tasks[data-v-49f30dfc]{display:flex;flex-direction:column;gap:32px}.task-group[data-v-49f30dfc]{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.group-header[data-v-49f30dfc]{margin:0 0 16px;font-size:18px;font-weight:700;color:#3e6b9e}.tasks-grid[data-v-49f30dfc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.task-card[data-v-49f30dfc]{background:white;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:box-shadow .2s}.task-card[data-v-49f30dfc]:hover{box-shadow:0 4px 16px #0000001a}.task-card.expanded[data-v-49f30dfc]{grid-column:span 1}.task-card-header[data-v-49f30dfc]{padding:16px;background:#f9fafb;border-bottom:2px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.task-card-title[data-v-49f30dfc]{display:flex;align-items:center;gap:8px;flex:1}.task-card-title h4[data-v-49f30dfc]{margin:0;font-size:16px;font-weight:600;color:#333}.expand-btn[data-v-49f30dfc]{background:none;border:none;cursor:pointer;font-size:14px;color:#666;padding:4px 8px}.task-card-preview[data-v-49f30dfc]{padding:16px}.task-description[data-v-49f30dfc]{margin:0 0 12px;font-size:14px;color:#666;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-meta[data-v-49f30dfc]{display:flex;gap:8px;margin-bottom:12px}.task-footer[data-v-49f30dfc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.assignee-info[data-v-49f30dfc]{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.due-info[data-v-49f30dfc]{font-size:13px;color:#666;display:flex;align-items:center;gap:6px}.task-labels[data-v-49f30dfc]{display:flex;gap:6px;flex-wrap:wrap}.task-card-details[data-v-49f30dfc]{padding:16px;background:#f9fafb;border-top:2px solid #e5e5e5}.details-section[data-v-49f30dfc]{margin-bottom:16px}.details-section h5[data-v-49f30dfc]{margin:0 0 8px;font-size:13px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px}.attachments-list[data-v-49f30dfc],.links-list[data-v-49f30dfc],.comments-list[data-v-49f30dfc]{display:flex;flex-direction:column;gap:8px}.attachment-item[data-v-49f30dfc],.link-item[data-v-49f30dfc]{padding:8px 12px;background:white;border-radius:6px;font-size:13px;display:flex;justify-content:space-between;align-items:center}.file-type[data-v-49f30dfc]{font-size:11px;color:#999;text-transform:uppercase}.link-item a[data-v-49f30dfc]{color:#3e6b9e;text-decoration:none;font-weight:500}.link-item a[data-v-49f30dfc]:hover{text-decoration:underline}.comment-item[data-v-49f30dfc]{padding:12px;background:white;border-radius:6px;font-size:13px}.comment-item strong[data-v-49f30dfc]{color:#333}.comment-item p[data-v-49f30dfc]{margin:8px 0;color:#666;line-height:1.5}.comment-time[data-v-49f30dfc]{font-size:11px;color:#999}.no-data-small[data-v-49f30dfc]{font-size:13px;color:#999;font-style:italic;margin:0}.card-actions[data-v-49f30dfc]{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e5e5}.kanban-view[data-v-49f30dfc]{margin-top:20px}.kanban-board[data-v-49f30dfc]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.kanban-column[data-v-49f30dfc]{background:#f9fafb;border-radius:12px;overflow:hidden;min-height:500px;display:flex;flex-direction:column}.column-header[data-v-49f30dfc]{padding:16px;background:#3E6B9E;color:#fff;display:flex;justify-content:space-between;align-items:center}.column-header h3[data-v-49f30dfc]{margin:0;font-size:16px;font-weight:700}.count-badge[data-v-49f30dfc]{background:rgba(255,255,255,.3);padding:4px 10px;border-radius:12px;font-size:13px;font-weight:600}.column-body[data-v-49f30dfc]{padding:16px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.kanban-card[data-v-49f30dfc]{background:white;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000000d;cursor:pointer;transition:all .2s}.kanban-card[data-v-49f30dfc]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.kanban-card-header[data-v-49f30dfc]{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.kanban-card-header h4[data-v-49f30dfc]{margin:0;font-size:14px;font-weight:600;color:#333;flex:1}.recurring-badge-small[data-v-49f30dfc]{background:#f59e0b;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.kanban-description[data-v-49f30dfc]{margin:0 0 12px;font-size:13px;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kanban-meta[data-v-49f30dfc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.due-info-small[data-v-49f30dfc]{font-size:12px;color:#666;display:flex;align-items:center;gap:4px}.overdue-badge-small[data-v-49f30dfc]{background:#dc2626;color:#fff;padding:2px 6px;border-radius:50%;font-size:10px;font-weight:600}.kanban-labels[data-v-49f30dfc]{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}.label-chip-small[data-v-49f30dfc]{padding:3px 6px;border-radius:4px;font-size:10px;font-weight:600}.kanban-footer[data-v-49f30dfc]{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f5f5f5}.assignee-info-small[data-v-49f30dfc]{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.avatar-small[data-v-49f30dfc]{width:24px;height:24px;background:#3E6B9E;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.kanban-actions[data-v-49f30dfc]{display:flex;gap:4px}.move-btn[data-v-49f30dfc]{padding:4px 8px;background:#f5f5f5;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s}.move-btn[data-v-49f30dfc]:hover:not(:disabled){background:#3E6B9E;color:#fff}.move-btn[data-v-49f30dfc]:disabled{opacity:.3;cursor:not-allowed}.no-tasks-column[data-v-49f30dfc]{text-align:center;padding:40px 20px;color:#999;font-style:italic;font-size:14px}.modal-overlay[data-v-49f30dfc]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.modal-content[data-v-49f30dfc]{background:white;border:2px solid #e5e5e5;border-radius:16px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.task-modal[data-v-49f30dfc]{width:90%;max-width:700px}.task-details-modal[data-v-49f30dfc]{width:90%;max-width:600px}.modal-header[data-v-49f30dfc]{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid #e5e5e5;background:white}.modal-header h3[data-v-49f30dfc]{margin:0;font-size:22px;font-weight:700;letter-spacing:-.025em;color:#111827}.header-actions[data-v-49f30dfc]{display:flex;gap:12px;align-items:center}.btn-icon[data-v-49f30dfc]{padding:8px 16px;background:#3E6B9E;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s}.btn-icon[data-v-49f30dfc]:hover{background:#2d5275}.close-btn[data-v-49f30dfc]{background:transparent;border:2px solid #e5e5e5;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.close-btn[data-v-49f30dfc]:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:scale(1.05)}.modal-body[data-v-49f30dfc]{flex:1;overflow-y:auto;padding:24px}.task-form[data-v-49f30dfc]{display:flex;flex-direction:column;gap:20px}.form-row[data-v-49f30dfc]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group[data-v-49f30dfc]{display:flex;flex-direction:column;gap:8px}.form-group.full[data-v-49f30dfc]{grid-column:span 2}.form-group label[data-v-49f30dfc]{font-weight:600;font-size:14px;color:#333}.required[data-v-49f30dfc]{color:#dc2626}.form-input[data-v-49f30dfc],.form-select[data-v-49f30dfc],.form-textarea[data-v-49f30dfc]{padding:10px 12px;border:2px solid #e5e5e5;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-input[data-v-49f30dfc]:focus,.form-select[data-v-49f30dfc]:focus,.form-textarea[data-v-49f30dfc]:focus{outline:none;border-color:#3e6b9e}.form-textarea[data-v-49f30dfc]{resize:vertical}.checkbox-label[data-v-49f30dfc]{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox][data-v-49f30dfc]{width:18px;height:18px;cursor:pointer;accent-color:#3E6B9E}.label-input-container[data-v-49f30dfc]{display:flex;gap:8px}.selected-labels[data-v-49f30dfc]{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.label-chip .remove-label[data-v-49f30dfc]{background:none;border:none;cursor:pointer;font-size:14px;font-weight:700;padding:0 0 0 6px;color:inherit;opacity:.7}.label-chip .remove-label[data-v-49f30dfc]:hover{opacity:1}.suggested-labels[data-v-49f30dfc]{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;align-items:center}.suggested-labels small[data-v-49f30dfc]{color:#999;font-weight:600}.form-section[data-v-49f30dfc]{padding-top:16px;border-top:1px solid #e5e5e5}.form-section h4[data-v-49f30dfc]{margin:0 0 12px;font-size:15px;font-weight:600;color:#333}.attachments-section[data-v-49f30dfc],.links-section[data-v-49f30dfc]{display:flex;flex-direction:column;gap:12px}.attachment-input[data-v-49f30dfc],.link-input[data-v-49f30dfc]{display:flex;gap:8px}.form-input.small[data-v-49f30dfc],.form-select.small[data-v-49f30dfc]{flex:1}.btn-small[data-v-49f30dfc]{padding:10px 16px;background:#3E6B9E;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;white-space:nowrap;transition:background .2s}.btn-small[data-v-49f30dfc]:hover{background:#2d5275}.remove-btn[data-v-49f30dfc]{background:none;border:none;cursor:pointer;font-size:18px;color:#dc2626;padding:0 8px;transition:opacity .2s}.remove-btn[data-v-49f30dfc]:hover{opacity:.7}.form-actions[data-v-49f30dfc]{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:2px solid #e5e5e5;background:#f9fafb;border-radius:0 0 16px 16px}.btn-primary[data-v-49f30dfc]{padding:12px 28px;background:#3E6B9E;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:15px;min-width:120px;transition:all .2s}.btn-primary[data-v-49f30dfc]:hover{background:#2d5275;transform:translateY(-1px);box-shadow:0 4px 12px #3e6b9e4d}.btn-secondary[data-v-49f30dfc]{padding:12px 28px;background:white;color:#374151;border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;font-weight:600;font-size:15px;min-width:120px;transition:all .2s}.btn-secondary[data-v-49f30dfc]:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.btn-danger[data-v-49f30dfc]{padding:12px 24px;background:#dc2626;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s}.btn-danger[data-v-49f30dfc]:hover{background:#b91c1c}.detail-section[data-v-49f30dfc]{margin-bottom:20px}.detail-section label[data-v-49f30dfc]{display:block;font-weight:600;font-size:13px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.detail-section p[data-v-49f30dfc]{margin:0;color:#333;line-height:1.6}.detail-row[data-v-49f30dfc]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comments-section[data-v-49f30dfc]{display:flex;flex-direction:column;gap:12px}.comment-header[data-v-49f30dfc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.add-comment[data-v-49f30dfc]{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e5e5}@media (max-width: 1200px){.kanban-board[data-v-49f30dfc]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.page-header[data-v-49f30dfc]{flex-direction:column}.controls-bar[data-v-49f30dfc]{flex-direction:column;align-items:stretch}.filters[data-v-49f30dfc]{justify-content:flex-start}.form-row[data-v-49f30dfc]{grid-template-columns:1fr}.form-group.full[data-v-49f30dfc]{grid-column:span 1}.tasks-grid[data-v-49f30dfc],.kanban-board[data-v-49f30dfc],.detail-row[data-v-49f30dfc]{grid-template-columns:1fr}}.dark .task-center .page-title{color:var(--primary, #5a8fc4)!important}.dark .task-center .task-stats{color:var(--text-muted, #94a3b8)!important}.dark .task-center .stat-item strong{color:var(--primary, #5a8fc4)!important}.dark .task-center .stat-divider{color:var(--border-color, #334155)!important}.dark .task-center .controls-bar .view-switcher{background:var(--surface, #1e293b)!important}.dark .task-center .controls-bar .view-btn{color:var(--text-muted, #94a3b8)!important}.dark .task-center .controls-bar .view-btn.active{background:var(--primary, #3E6B9E)!important;color:#fff!important}.dark .task-center .filter-select{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .task-center .filter-select:focus{border-color:var(--primary, #5a8fc4)!important}.dark .task-center .search-input{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .task-center .search-input::placeholder{color:var(--text-muted, #94a3b8)!important}.dark .task-center .search-input:focus{border-color:var(--primary, #5a8fc4)!important}.dark .task-center .table-view{background:var(--surface, #1e293b)!important;box-shadow:0 2px 8px #0000004d!important}.dark .task-center .bulk-actions{background:var(--surface-variant, #334155)!important;border-bottom-color:var(--border-color, #475569)!important;color:var(--on-surface, #f1f5f9)!important}.dark .task-center .tasks-table thead{background:var(--surface-variant, #334155)!important}.dark .task-center .tasks-table th{color:var(--on-surface, #f1f5f9)!important;border-bottom-color:var(--border-color, #475569)!important}.dark .task-center .tasks-table th.sortable:hover{background:var(--surface-variant, #475569)!important}.dark .task-center .tasks-table td{color:var(--on-surface, #f1f5f9)!important;border-bottom-color:var(--border-color, #334155)!important}.dark .task-center .tasks-table tbody tr:hover{background:var(--surface-variant, #334155)!important}.dark .task-center .task-title-cell,.dark .task-center .assignee-cell span,.dark .task-center .due-date-cell{color:var(--on-surface, #f1f5f9)!important}.dark .task-center .action-btn{background:var(--surface-variant, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .task-center .action-btn:hover{background:var(--surface-variant, #475569)!important}.dark .task-center .action-btn.delete:hover{background:rgba(239,68,68,.2)!important;color:#ef4444!important}.dark .task-center .no-data{color:var(--text-muted, #94a3b8)!important}.dark .task-center .group-selector label{color:var(--on-surface, #f1f5f9)!important}.dark .task-center .task-group{background:var(--surface, #1e293b)!important;box-shadow:0 2px 8px #0000004d!important}.dark .task-center .group-header{color:var(--primary, #5a8fc4)!important}.dark .task-center .task-card{background:var(--surface, #1e293b)!important;box-shadow:0 2px 8px #0000004d!important}.dark .task-center .task-card:hover{box-shadow:0 4px 16px #0006!important}.dark .task-center .task-card-header{background:var(--surface-variant, #334155)!important;border-bottom-color:var(--border-color, #475569)!important}.dark .task-center .task-card-title h4{color:var(--on-surface, #f1f5f9)!important}.dark .task-center .expand-btn,.dark .task-center .task-description,.dark .task-center .assignee-info span,.dark .task-center .due-info{color:var(--text-muted, #94a3b8)!important}.dark .task-center .task-card-details{background:var(--surface-variant, #334155)!important;border-top-color:var(--border-color, #475569)!important}.dark .task-center .details-section h5{color:var(--on-surface, #f1f5f9)!important}.dark .task-center .attachment-item,.dark .task-center .link-item{background:var(--surface, #1e293b)!important;color:var(--on-surface, #f1f5f9)!important}.dark .task-center .link-item a{color:var(--primary, #5a8fc4)!important}.dark .task-center .comment-item{background:var(--surface, #1e293b)!important}.dark .task-center .comment-item strong{color:var(--on-surface, #f1f5f9)!important}.dark .task-center .comment-item p{color:var(--text-muted, #94a3b8)!important}.dark .task-center .comment-time{color:var(--text-muted, #64748b)!important}.dark .task-center .no-data-small{color:var(--text-muted, #94a3b8)!important}.dark .task-center .card-actions{border-top-color:var(--border-color, #475569)!important}.dark .task-center .btn-secondary{background:var(--surface-variant, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .task-center .btn-secondary:hover{background:var(--surface-variant, #475569)!important}.dark .task-center .kanban-column,.dark .task-center .column-body{background:var(--surface-variant, #334155)!important}.dark .task-center .kanban-card{background:var(--surface, #1e293b)!important;box-shadow:0 2px 4px #0000004d!important}.dark .task-center .kanban-card:hover{box-shadow:0 4px 12px #0006!important}.dark .task-center .kanban-card-header h4{color:var(--on-surface, #f1f5f9)!important}.dark .task-center .kanban-description,.dark .task-center .due-info-small{color:var(--text-muted, #94a3b8)!important}.dark .task-center .kanban-footer{border-top-color:var(--border-color, #334155)!important}.dark .task-center .assignee-info-small span{color:var(--text-muted, #94a3b8)!important}.dark .task-center .move-btn{background:var(--surface-variant, #334155)!important;color:var(--on-surface, #f1f5f9)!important}.dark .task-center .move-btn:hover:not(:disabled){background:var(--primary, #3E6B9E)!important;color:#fff!important}.dark .task-center .no-tasks-column{color:var(--text-muted, #94a3b8)!important}.dark .task-center .modal-overlay{background:rgba(0,0,0,.7)!important}.dark .task-center .modal-content{background:var(--surface, #1e293b)!important;box-shadow:0 10px 40px #00000080!important}.dark .task-center .modal-header{background:var(--surface-variant, #334155)!important;border-bottom-color:var(--border-color, #475569)!important}.dark .task-center .modal-header h3{color:var(--on-surface, #f1f5f9)!important}.dark .task-center .close-btn{color:var(--text-muted, #94a3b8)!important}.dark .task-center .close-btn:hover{background:var(--surface-variant, #475569)!important}.dark .task-center .modal-body{background:var(--surface, #1e293b)!important}.dark .task-center .form-group label{color:var(--on-surface, #f1f5f9)!important}.dark .task-center .form-input,.dark .task-center .form-select,.dark .task-center .form-textarea{background:var(--surface-variant, #334155)!important;border-color:var(--border-color, #475569)!important;color:var(--on-surface, #f1f5f9)!important}.dark .task-center .form-input::placeholder,.dark .task-center .form-textarea::placeholder{color:var(--text-muted, #64748b)!important}.dark .task-center .form-input:focus,.dark .task-center .form-select:focus,.dark .task-center .form-textarea:focus{border-color:var(--primary, #5a8fc4)!important}.dark .task-center .checkbox-label span{color:var(--on-surface, #f1f5f9)!important}.dark .task-center .suggested-labels small{color:var(--text-muted, #94a3b8)!important}.dark .task-center .form-section{border-top-color:var(--border-color, #475569)!important}.dark .task-center .form-section h4{color:var(--on-surface, #f1f5f9)!important}.dark .task-center .form-actions{border-top-color:var(--border-color, #475569)!important}.dark .task-center .detail-section label{color:var(--text-muted, #94a3b8)!important}.dark .task-center .detail-section p{color:var(--on-surface, #f1f5f9)!important}.dark .task-center .detail-section small{color:var(--text-muted, #94a3b8)!important}.dark .task-center .comments-section .add-comment{border-top-color:var(--border-color, #475569)!important}.dark .task-center .file-type{color:var(--text-muted, #64748b)!important}.dark .task-center .label-more{color:var(--text-muted, #94a3b8)!important}.dark .task-center .remove-btn{color:#ef4444!important}.knowledge-base[data-v-26c184f2]{min-height:100vh;background:#f8f9fa}.hero-section[data-v-26c184f2]{background:linear-gradient(135deg,#3E6B9E 0%,#5a8fc4 100%);padding:var(--spacing-10) var(--spacing-8);position:relative;overflow:hidden;box-shadow:0 4px 6px #00000012}.hero-section[data-v-26c184f2]:before,.hero-section[data-v-26c184f2]:after{content:"";position:absolute;width:300px;height:300px;background:rgba(255,255,255,.08);border-radius:50%}.hero-section[data-v-26c184f2]:before{top:-100px;left:-100px}.hero-section[data-v-26c184f2]:after{bottom:-100px;right:-100px}.hero-content[data-v-26c184f2]{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1}.hero-title[data-v-26c184f2]{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 var(--spacing-3)}.hero-subtitle[data-v-26c184f2]{font-size:var(--font-size-base);color:#ffffffe6;margin:0 0 var(--spacing-6)}.search-container[data-v-26c184f2]{position:relative;max-width:600px;margin:0 auto}.search-icon[data-v-26c184f2]{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);font-size:18px;opacity:.5}.search-input[data-v-26c184f2]{width:100%;padding:var(--spacing-4) var(--spacing-4) var(--spacing-4) 48px;border:2px solid rgba(255,255,255,.2);border-radius:12px;font-size:var(--font-size-base);font-family:var(--font-family);background:rgba(255,255,255,.95);box-shadow:0 8px 16px #00000026;transition:all var(--transition-base)}.search-input[data-v-26c184f2]:focus{outline:none;border-color:#fff;background:white;box-shadow:0 12px 24px #0003;transform:translateY(-2px)}.manage-kb-btn[data-v-26c184f2]{margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-6);background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 8px #0000001a;font-family:var(--font-family);display:inline-flex;align-items:center;gap:var(--spacing-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.manage-kb-btn[data-v-26c184f2]:hover{background:rgba(255,255,255,.3);border-color:#fff;box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.kb-layout[data-v-26c184f2]{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-8);max-width:1400px;margin:0 auto;padding:var(--spacing-8)}.kb-sidebar[data-v-26c184f2]{display:flex;flex-direction:column;gap:var(--spacing-6)}.category-nav[data-v-26c184f2]{background:white;border-radius:12px;padding:var(--spacing-4);box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb}.category-item[data-v-26c184f2]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-2);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all var(--transition-base);width:100%;text-align:left;font-size:14px;font-family:var(--font-family);color:#374151;font-weight:500}.category-item[data-v-26c184f2]:hover{background:#f3f4f6}.category-item.active[data-v-26c184f2]{background:#3E6B9E;color:#fff;box-shadow:0 2px 4px #3e6b9e33}.category-item[data-v-26c184f2]:last-child{margin-bottom:0}.category-icon[data-v-26c184f2]{font-size:20px;width:24px;display:flex;align-items:center;justify-content:center}.category-label[data-v-26c184f2]{flex:1}.sidebar-illustration[data-v-26c184f2]{background:white;border-radius:12px;padding:var(--spacing-8);box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center}.illustration-placeholder[data-v-26c184f2]{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#3E6B9E 0%,#5a8fc4 100%);border-radius:12px;display:flex;align-items:center;justify-content:center}.illustration-icon[data-v-26c184f2]{font-size:80px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.kb-content[data-v-26c184f2]{display:flex;flex-direction:column;gap:var(--spacing-6)}.category-header[data-v-26c184f2]{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);background:white;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb}.category-badge[data-v-26c184f2]{width:64px;height:64px;background:#f0f4f8;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.badge-icon[data-v-26c184f2]{font-size:32px}.category-info[data-v-26c184f2]{flex:1}.category-title[data-v-26c184f2]{margin:0 0 var(--spacing-2);font-size:20px;font-weight:700;color:#111827}.category-description[data-v-26c184f2]{margin:0;font-size:14px;color:#6b7280}.faq-list[data-v-26c184f2]{display:flex;flex-direction:column;gap:var(--spacing-4)}.faq-item[data-v-26c184f2]{background:white;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;transition:all var(--transition-base);cursor:pointer;overflow:hidden}.faq-item[data-v-26c184f2]:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px);border-color:#3e6b9e}.faq-question[data-v-26c184f2]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5) var(--spacing-6);font-size:15px;font-weight:600;color:#111827}.faq-toggle[data-v-26c184f2]{font-size:24px;color:#3e6b9e;font-weight:300;flex-shrink:0;margin-left:var(--spacing-4)}.faq-answer[data-v-26c184f2]{padding:0 var(--spacing-6) var(--spacing-5);font-size:14px;color:#4b5563;line-height:1.7;border-top:1px solid #f3f4f6;animation:slideDown-26c184f2 .3s ease-out;background:#fafbfc}.faq-answer p[data-v-26c184f2]{margin:var(--spacing-4) 0 0}@keyframes slideDown-26c184f2{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.help-section[data-v-26c184f2]{background:linear-gradient(135deg,#f0f4f8 0%,#e5e9f0 100%);border-radius:16px;padding:var(--spacing-8);text-align:center;box-shadow:0 2px 8px #00000014;border:1px solid #d1dce6;margin-top:var(--spacing-6)}.help-badge[data-v-26c184f2]{display:inline-block;padding:var(--spacing-2) var(--spacing-4);background:rgba(62,107,158,.15);color:#3e6b9e;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:var(--spacing-4)}.help-title[data-v-26c184f2]{font-size:24px;font-weight:700;color:#111827;margin:0 0 var(--spacing-3)}.help-text[data-v-26c184f2]{font-size:15px;color:#4b5563;margin:0 0 var(--spacing-6);max-width:600px;margin-left:auto;margin-right:auto}.contact-btn[data-v-26c184f2]{padding:12px 32px;background:#3E6B9E;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 8px #3e6b9e40;font-family:var(--font-family);display:inline-flex;align-items:center;gap:var(--spacing-2)}.contact-btn[data-v-26c184f2]:hover{background:#2d5275;box-shadow:0 6px 12px #3e6b9e59;transform:translateY(-2px)}@media (max-width: 992px){.kb-layout[data-v-26c184f2]{grid-template-columns:1fr}.kb-sidebar[data-v-26c184f2]{order:2}.kb-content[data-v-26c184f2]{order:1}.sidebar-illustration[data-v-26c184f2]{display:none}.hero-title[data-v-26c184f2]{font-size:2rem}}@media (max-width: 768px){.hero-section[data-v-26c184f2]{padding:var(--spacing-8) var(--spacing-5)}.hero-title[data-v-26c184f2]{font-size:1.75rem}.kb-layout[data-v-26c184f2]{padding:var(--spacing-5);gap:var(--spacing-5)}.category-nav[data-v-26c184f2]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}.category-item[data-v-26c184f2]{margin-bottom:0}.faq-question[data-v-26c184f2]{padding:var(--spacing-4)}.faq-answer[data-v-26c184f2]{padding:0 var(--spacing-4) var(--spacing-4)}}.dark .knowledge-base{background:var(--background, #0f172a)!important}.dark .knowledge-base .category-nav{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important}.dark .knowledge-base .category-item{color:var(--on-surface, #f1f5f9)!important}.dark .knowledge-base .category-item:hover{background:var(--surface-variant, #334155)!important}.dark .knowledge-base .category-item.active{background:var(--primary, #3E6B9E)!important;color:#fff!important}.dark .knowledge-base .sidebar-illustration,.dark .knowledge-base .category-header{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important}.dark .knowledge-base .category-badge{background:var(--surface-variant, #334155)!important}.dark .knowledge-base .category-title{color:var(--on-surface, #f1f5f9)!important}.dark .knowledge-base .category-description{color:var(--text-muted, #94a3b8)!important}.dark .knowledge-base .faq-item{background:var(--surface, #1e293b)!important;border-color:var(--border-color, #334155)!important}.dark .knowledge-base .faq-item:hover{border-color:var(--primary, #5a8fc4)!important}.dark .knowledge-base .faq-question{color:var(--on-surface, #f1f5f9)!important}.dark .knowledge-base .faq-toggle{color:var(--primary, #5a8fc4)!important}.dark .knowledge-base .faq-answer{background:var(--surface-variant, #334155)!important;border-top-color:var(--border-color, #334155)!important;color:var(--text-muted, #94a3b8)!important}.dark .knowledge-base .help-section{background:linear-gradient(135deg,var(--surface-variant, #334155) 0%,var(--surface, #1e293b) 100%)!important;border-color:var(--border-color, #334155)!important}.dark .knowledge-base .help-badge{background:rgba(90,143,196,.2)!important;color:var(--primary, #5a8fc4)!important}.dark .knowledge-base .help-title{color:var(--on-surface, #f1f5f9)!important}.dark .knowledge-base .help-text{color:var(--text-muted, #94a3b8)!important}.kb-management[data-v-aaccf0d1]{max-width:1400px;margin:0 auto;padding:var(--spacing-6)}.header[data-v-aaccf0d1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-color)}.header h1[data-v-aaccf0d1]{margin:0;font-size:var(--font-size-2xl);font-weight:700;color:var(--on-surface)}.header-actions[data-v-aaccf0d1]{display:flex;gap:var(--spacing-2);background:var(--surface);padding:var(--spacing-1);border-radius:var(--radius-base);box-shadow:var(--shadow-sm)}.tab-btn[data-v-aaccf0d1]{padding:var(--spacing-3) var(--spacing-6);background:transparent;color:var(--text-muted);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);font-weight:600;transition:all var(--transition-base);font-family:var(--font-family)}.tab-btn[data-v-aaccf0d1]:hover{background:var(--background);color:var(--on-surface)}.tab-btn.active[data-v-aaccf0d1]{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.content-section[data-v-aaccf0d1]{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.section-header[data-v-aaccf0d1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-color)}.section-header h2[data-v-aaccf0d1]{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--on-surface)}.create-btn[data-v-aaccf0d1]{padding:var(--spacing-3) var(--spacing-6);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-base);font-weight:600;transition:all var(--transition-base);box-shadow:var(--shadow-sm);font-family:var(--font-family)}.create-btn[data-v-aaccf0d1]:hover{background:var(--primary-darken);box-shadow:var(--shadow-md);transform:translateY(-1px)}.table-container[data-v-aaccf0d1]{overflow-x:auto}.data-table[data-v-aaccf0d1]{width:100%;border-collapse:collapse}.data-table thead[data-v-aaccf0d1]{background:var(--background)}.data-table th[data-v-aaccf0d1]{padding:var(--spacing-3);text-align:left;font-weight:600;color:var(--text-muted);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.5px}.data-table td[data-v-aaccf0d1]{padding:var(--spacing-4) var(--spacing-3);border-top:1px solid var(--border-color);color:var(--on-surface)}.data-table tbody tr[data-v-aaccf0d1]{transition:background var(--transition-base)}.data-table tbody tr[data-v-aaccf0d1]:hover{background:var(--background)}.icon-cell[data-v-aaccf0d1]{font-size:24px;width:60px;text-align:center}.label-cell[data-v-aaccf0d1]{font-weight:600}.description-cell[data-v-aaccf0d1]{color:var(--text-muted);max-width:300px}.actions-cell[data-v-aaccf0d1]{display:flex;gap:var(--spacing-2)}.edit-btn[data-v-aaccf0d1],.delete-btn[data-v-aaccf0d1]{padding:var(--spacing-2);background:none;border:none;cursor:pointer;font-size:18px;border-radius:var(--radius-sm);transition:all var(--transition-base)}.edit-btn[data-v-aaccf0d1]:hover{background:rgba(0,186,209,.1)}.delete-btn[data-v-aaccf0d1]:hover{background:rgba(255,76,81,.1)}.status-badge[data-v-aaccf0d1]{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge.active[data-v-aaccf0d1],.status-badge.published[data-v-aaccf0d1]{background:rgba(40,199,111,.12);color:var(--success)}.status-badge.inactive[data-v-aaccf0d1],.status-badge.draft[data-v-aaccf0d1]{background:rgba(107,114,128,.12);color:var(--text-muted)}.filter-bar[data-v-aaccf0d1]{margin-bottom:var(--spacing-4);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);flex-wrap:wrap}.filter-select[data-v-aaccf0d1]{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-base);font-size:var(--font-size-base);font-family:var(--font-family);background:var(--background);color:var(--on-surface);min-width:200px}.pagination-controls[data-v-aaccf0d1]{display:flex;align-items:center;gap:var(--spacing-4)}.results-info[data-v-aaccf0d1]{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500}.items-per-page-select[data-v-aaccf0d1]{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--background);color:var(--on-surface);cursor:pointer}.faq-list[data-v-aaccf0d1]{display:flex;flex-direction:column;gap:var(--spacing-4)}.faq-card[data-v-aaccf0d1]{background:var(--background);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--spacing-5);transition:all var(--transition-base)}.faq-card[data-v-aaccf0d1]:hover{box-shadow:var(--shadow-md)}.faq-card-header[data-v-aaccf0d1]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.faq-info[data-v-aaccf0d1]{flex:1}.category-badge[data-v-aaccf0d1]{display:inline-block;padding:var(--spacing-1) var(--spacing-2);background:rgba(62,107,158,.12);color:var(--primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;margin-bottom:var(--spacing-2)}.faq-info h3[data-v-aaccf0d1]{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--on-surface)}.faq-actions[data-v-aaccf0d1]{display:flex;gap:var(--spacing-2);align-items:center}.edit-btn-small[data-v-aaccf0d1],.delete-btn-small[data-v-aaccf0d1]{padding:var(--spacing-2) var(--spacing-4);background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base);font-family:var(--font-family)}.edit-btn-small[data-v-aaccf0d1]:hover{background:rgba(0,186,209,.1);border-color:var(--info);color:var(--info)}.delete-btn-small[data-v-aaccf0d1]:hover{background:rgba(255,76,81,.1);border-color:var(--error);color:var(--error)}.faq-card-body p[data-v-aaccf0d1]{margin:0 0 var(--spacing-3);color:var(--text-muted);line-height:1.6}.faq-meta[data-v-aaccf0d1]{display:flex;gap:var(--spacing-4);font-size:var(--font-size-sm);color:var(--text-muted)}.pagination[data-v-aaccf0d1]{display:flex;justify-content:center;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--border-color)}.pagination-btn[data-v-aaccf0d1]{padding:var(--spacing-2) var(--spacing-4);background:var(--surface);color:var(--on-surface);border:1px solid var(--border-color);border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base);font-family:var(--font-family)}.pagination-btn[data-v-aaccf0d1]:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.pagination-btn[data-v-aaccf0d1]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-aaccf0d1]{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:600;color:var(--on-surface)}.modal-overlay[data-v-aaccf0d1]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-aaccf0d1]{background:var(--surface);border:2px solid var(--border-color, #e5e5e5);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.modal-content.large-modal[data-v-aaccf0d1]{max-width:800px}.modal-header[data-v-aaccf0d1]{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid var(--border-color, #e5e5e5)}.modal-header h3[data-v-aaccf0d1]{margin:0;font-size:22px;font-weight:700;letter-spacing:-.025em;color:var(--on-surface)}.close-btn[data-v-aaccf0d1]{background:transparent;border:2px solid var(--border-color, #e5e5e5);width:40px;height:40px;border-radius:8px;font-size:20px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn[data-v-aaccf0d1]:hover{background:var(--error, #ef4444);border-color:var(--error, #ef4444);color:#fff;transform:scale(1.05)}.modal-form[data-v-aaccf0d1]{padding:24px 28px;overflow-y:auto}.form-group[data-v-aaccf0d1]{margin-bottom:var(--spacing-5)}.form-group label[data-v-aaccf0d1]{display:block;margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);font-weight:600;color:var(--on-surface)}.form-input[data-v-aaccf0d1]{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-base);font-size:var(--font-size-base);font-family:var(--font-family);background:var(--background);color:var(--on-surface);transition:all var(--transition-base)}.form-input[data-v-aaccf0d1]:focus{outline:none;border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px #3e6b9e1a}textarea.form-input[data-v-aaccf0d1]{resize:vertical;min-height:80px}.form-row[data-v-aaccf0d1]{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-4)}.checkbox-group[data-v-aaccf0d1]{display:flex;align-items:center}.checkbox-group label[data-v-aaccf0d1]{display:flex;align-items:center;gap:var(--spacing-2);margin:0;cursor:pointer}.checkbox-group input[type=checkbox][data-v-aaccf0d1]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.form-actions[data-v-aaccf0d1]{display:flex;gap:12px;justify-content:flex-end;margin-top:var(--spacing-6);padding:20px 28px;margin-left:-28px;margin-right:-28px;margin-bottom:-28px;border-top:2px solid var(--border-color, #e5e5e5);background:var(--bg-secondary, #f9fafb);border-radius:0 0 16px 16px}.cancel-btn[data-v-aaccf0d1]{padding:12px 28px;background:var(--background);color:var(--on-surface);border:2px solid var(--border-color, #e5e5e5);border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;transition:all .2s;font-family:var(--font-family)}.cancel-btn[data-v-aaccf0d1]:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-color-dark, #d1d5db)}.submit-btn[data-v-aaccf0d1]{padding:12px 28px;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;transition:all .2s;font-family:var(--font-family)}.submit-btn[data-v-aaccf0d1]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.header[data-v-aaccf0d1]{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.section-header[data-v-aaccf0d1]{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.faq-card-header[data-v-aaccf0d1]{flex-direction:column;gap:var(--spacing-3)}.faq-actions[data-v-aaccf0d1]{width:100%;justify-content:flex-end}.form-row[data-v-aaccf0d1]{grid-template-columns:1fr}}.settings-form[data-v-aaccf0d1]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8)}.settings-section[data-v-aaccf0d1]{background:var(--background);border-radius:var(--radius-lg);padding:var(--spacing-6);border:1px solid var(--border-color)}.settings-section-title[data-v-aaccf0d1]{margin:0 0 var(--spacing-2);font-size:var(--font-size-lg);font-weight:600;color:var(--on-surface)}.settings-section-description[data-v-aaccf0d1]{margin:0 0 var(--spacing-6);color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.6}.settings-preview[data-v-aaccf0d1]{background:var(--background);border-radius:var(--radius-lg);padding:var(--spacing-6);border:1px solid var(--border-color);position:sticky;top:var(--spacing-6)}.help-section-preview[data-v-aaccf0d1]{background:linear-gradient(135deg,#3E6B9E 0%,#5a8fc4 100%);border-radius:var(--radius-lg);padding:var(--spacing-8);text-align:center;color:#fff;box-shadow:var(--shadow-md)}.preview-badge[data-v-aaccf0d1]{display:inline-block;padding:var(--spacing-1) var(--spacing-3);background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-3)}.preview-title[data-v-aaccf0d1]{margin:0 0 var(--spacing-4);font-size:var(--font-size-2xl);font-weight:700;color:#fff}.preview-text[data-v-aaccf0d1]{margin:0 0 var(--spacing-6);color:#fffffff2;line-height:1.6;font-size:var(--font-size-base)}.preview-btn[data-v-aaccf0d1]{padding:var(--spacing-3) var(--spacing-8);background:white;color:#3e6b9e;border:none;border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-base);font-weight:600;box-shadow:0 4px 12px #00000026;transition:all var(--transition-base);font-family:var(--font-family)}.preview-btn[data-v-aaccf0d1]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}@media (max-width: 1024px){.settings-form[data-v-aaccf0d1]{grid-template-columns:1fr}.settings-preview[data-v-aaccf0d1]{position:static}}.invoice-page[data-v-3dc90175]{max-width:1200px;margin:0 auto}.back-btn[data-v-3dc90175]{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;color:var(--text-secondary, #666);font-size:14px;cursor:pointer;margin-bottom:16px;border-radius:6px;transition:all .2s}.back-btn[data-v-3dc90175]:hover{background:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #333)}.invoice-container[data-v-3dc90175]{display:flex;gap:24px}.invoice-document[data-v-3dc90175]{flex:1;background:var(--bg-primary, white);border-radius:12px;border:1px solid var(--border-color, #e5e5e5);padding:40px}.invoice-header[data-v-3dc90175]{display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--border-color, #f0f0f0)}.company-info[data-v-3dc90175]{color:var(--text-secondary, #666);font-size:14px;line-height:1.6}.company-logo[data-v-3dc90175]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.logo[data-v-3dc90175]{width:40px;height:40px}.company-name[data-v-3dc90175]{font-size:24px;font-weight:700;color:#3e6b9e}.logo-large[data-v-3dc90175]{width:120px;height:auto;margin-bottom:12px}.invoice-meta[data-v-3dc90175]{text-align:right}.invoice-number-display[data-v-3dc90175]{margin-bottom:16px}.invoice-number-display .label[data-v-3dc90175]{display:block;font-size:12px;color:var(--text-secondary, #999);text-transform:uppercase;letter-spacing:1px}.invoice-number-display .number[data-v-3dc90175]{font-size:24px;font-weight:700;color:#3e6b9e}.meta-row[data-v-3dc90175]{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:8px;font-size:14px}.meta-row .label[data-v-3dc90175]{color:var(--text-secondary, #666)}.meta-row .value[data-v-3dc90175]{font-weight:600;color:var(--text-primary, #333)}.meta-row input[data-v-3dc90175]{padding:6px 10px;border:1px solid var(--border-color, #e5e5e5);border-radius:6px;font-size:14px;width:140px;background:var(--bg-primary, white);color:var(--text-primary, #333)}.customer-section[data-v-3dc90175]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.invoice-to h4[data-v-3dc90175]{font-size:12px;font-weight:600;color:var(--text-secondary, #999);text-transform:uppercase;letter-spacing:1px;margin:0 0 12px}.customer-name[data-v-3dc90175]{font-size:18px;font-weight:600;color:var(--text-primary, #333);margin:0 0 4px}.customer-id[data-v-3dc90175]{font-size:14px;color:var(--text-secondary, #666);margin:0}.customer-input[data-v-3dc90175]{display:block;padding:10px 12px;border:1px solid var(--border-color, #e5e5e5);border-radius:6px;font-size:14px;margin-bottom:8px;min-width:250px;background:var(--bg-primary, white);color:var(--text-primary, #333)}.customer-input.small[data-v-3dc90175]{font-size:13px;padding:8px 12px}.summary-box[data-v-3dc90175]{background:#3E6B9E;color:#fff;padding:16px 24px;border-radius:8px;text-align:center}.summary-box .label[data-v-3dc90175]{display:block;font-size:12px;opacity:.9;margin-bottom:4px}.summary-box .amount[data-v-3dc90175]{font-size:28px;font-weight:700}.summary-box .amount.paid[data-v-3dc90175]{color:#a8e6cf}.invoice-summary[data-v-3dc90175]{display:flex;gap:12px}.invoice-type-badge[data-v-3dc90175]{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:8px}.invoice-type-badge.courier[data-v-3dc90175]{background:#e0f2fe;color:#0369a1}.invoice-type-badge.customer[data-v-3dc90175]{background:#f0fdf4;color:#16a34a}.payment-history-section[data-v-3dc90175]{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color, #e5e5e5)}.payment-history-section h4[data-v-3dc90175]{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-primary, #333)}.payment-history-list[data-v-3dc90175]{display:flex;flex-direction:column;gap:10px}.payment-item[data-v-3dc90175]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary, #f8f9fa);border-radius:8px}.payment-info[data-v-3dc90175]{display:flex;align-items:center;gap:12px}.payment-date[data-v-3dc90175]{font-size:13px;color:var(--text-secondary, #666)}.payment-method[data-v-3dc90175]{background:var(--bg-primary, white);padding:3px 8px;border-radius:4px;font-size:12px;color:var(--text-primary, #333)}.payment-ref[data-v-3dc90175]{font-size:12px;color:var(--text-secondary, #888);font-family:monospace}.payment-details[data-v-3dc90175]{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.payment-amount[data-v-3dc90175]{font-weight:600;color:#10b981;font-size:15px}.payment-by[data-v-3dc90175]{font-size:11px;color:var(--text-secondary, #888)}.items-section[data-v-3dc90175]{margin-bottom:24px}.items-table[data-v-3dc90175]{width:100%;border-collapse:collapse}.items-table th[data-v-3dc90175]{text-align:left;padding:12px 16px;font-weight:600;color:var(--text-secondary, #666);border-bottom:2px solid var(--border-color, #e5e5e5);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.items-table td[data-v-3dc90175]{padding:16px;border-bottom:1px solid var(--border-color, #f0f0f0);color:var(--text-primary, #333)}.items-table tbody tr[data-v-3dc90175]:hover{background:var(--bg-secondary, #fafafa)}.item-name[data-v-3dc90175]{font-weight:600}.item-description[data-v-3dc90175]{color:var(--text-secondary, #666)}.item-amount[data-v-3dc90175]{font-weight:600;font-size:15px}.item-input[data-v-3dc90175]{width:100%;padding:10px 12px;border:1px solid var(--border-color, #e5e5e5);border-radius:6px;font-size:14px;background:var(--bg-primary, white);color:var(--text-primary, #333)}.amount-input-wrapper[data-v-3dc90175]{display:flex;align-items:center;gap:4px;justify-content:flex-end}.amount-input-wrapper .currency[data-v-3dc90175]{color:var(--text-secondary, #666)}.amount-input[data-v-3dc90175]{width:100px;padding:10px 12px;border:1px solid var(--border-color, #e5e5e5);border-radius:6px;font-size:14px;text-align:right;background:var(--bg-primary, white);color:var(--text-primary, #333)}.remove-item-btn[data-v-3dc90175]{background:none;border:none;cursor:pointer;color:var(--text-secondary, #999);padding:8px;border-radius:4px;transition:all .2s}.remove-item-btn[data-v-3dc90175]:hover:not(:disabled){color:#ef4444;background:#fef2f2}.remove-item-btn[data-v-3dc90175]:disabled{opacity:.3;cursor:not-allowed}.add-item-btn[data-v-3dc90175]{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #333);border:1px dashed var(--border-color, #ccc);border-radius:6px;cursor:pointer;font-size:14px;margin-top:12px;transition:all .2s}.add-item-btn[data-v-3dc90175]:hover{background:#3E6B9E;color:#fff;border-color:#3e6b9e}.totals-section[data-v-3dc90175]{display:flex;justify-content:flex-end;margin-bottom:32px}.totals-box[data-v-3dc90175]{min-width:250px}.total-row[data-v-3dc90175]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;color:var(--text-secondary, #666)}.total-row.grand-total[data-v-3dc90175]{font-size:18px;font-weight:700;color:var(--text-primary, #333);border-top:2px solid var(--border-color, #e5e5e5);padding-top:12px;margin-top:8px}.tax-input-wrapper[data-v-3dc90175]{display:flex;align-items:center;gap:4px}.tax-input[data-v-3dc90175]{width:60px;padding:6px 10px;border:1px solid var(--border-color, #e5e5e5);border-radius:6px;text-align:right;font-size:14px;background:var(--bg-primary, white);color:var(--text-primary, #333)}.discount-input-wrapper[data-v-3dc90175]{display:flex;align-items:center;gap:4px}.discount-input[data-v-3dc90175]{width:60px;padding:6px 10px;border:1px solid var(--border-color, #e5e5e5);border-radius:6px;text-align:right;font-size:14px;background:var(--bg-primary, white);color:var(--text-primary, #333)}.discount-row[data-v-3dc90175]{color:#16a34a}.notes-section[data-v-3dc90175]{padding-top:24px;border-top:1px dashed var(--border-color, #e5e5e5)}.notes-section label[data-v-3dc90175]{font-weight:600;font-size:12px;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.notes-section textarea[data-v-3dc90175]{width:100%;padding:12px;border:1px solid var(--border-color, #e5e5e5);border-radius:6px;resize:vertical;font-size:14px;background:var(--bg-primary, white);color:var(--text-primary, #333)}.notes-section p[data-v-3dc90175]{color:var(--text-secondary, #666);font-size:14px;margin:0}.action-sidebar[data-v-3dc90175]{width:220px;flex-shrink:0}.status-badge[data-v-3dc90175]{text-align:center;padding:10px 16px;border-radius:8px;font-weight:600;font-size:14px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.status-badge.unpaid[data-v-3dc90175]{background:#fef2f2;color:#dc2626}.status-badge.paid[data-v-3dc90175]{background:#f0fdf4;color:#16a34a}.status-badge.partial[data-v-3dc90175]{background:#fffbeb;color:#d97706}.action-btn[data-v-3dc90175]{width:100%;padding:12px 16px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;transition:all .2s}.action-btn.primary[data-v-3dc90175]{background:#3E6B9E;color:#fff}.action-btn.primary[data-v-3dc90175]:hover{background:#2d5a8a}.action-btn.secondary[data-v-3dc90175]{background:var(--bg-primary, white);border:1px solid var(--border-color, #e5e5e5);color:var(--text-primary, #333)}.action-btn.secondary[data-v-3dc90175]:hover{background:var(--bg-secondary, #f5f5f5)}.action-btn.success[data-v-3dc90175]{background:#16a34a;color:#fff}.action-btn.success[data-v-3dc90175]:hover{background:#15803d}.action-btn.danger[data-v-3dc90175]{background:var(--bg-primary, white);border:1px solid #fecaca;color:#dc2626}.action-btn.danger[data-v-3dc90175]:hover{background:#fef2f2}.modal-overlay[data-v-3dc90175]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal[data-v-3dc90175]{background:var(--bg-primary, white);border:2px solid var(--border-color, #e5e5e5);border-radius:16px;width:90%;max-width:400px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.modal-header[data-v-3dc90175]{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid var(--border-color, #e5e5e5)}.modal-header h2[data-v-3dc90175]{margin:0;font-size:22px;font-weight:700;letter-spacing:-.025em;color:var(--text-primary, #333)}.close-btn[data-v-3dc90175]{background:transparent;border:2px solid var(--border-color, #e5e5e5);width:40px;height:40px;border-radius:8px;font-size:20px;cursor:pointer;color:var(--text-secondary, #666);display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn[data-v-3dc90175]:hover{background:var(--error, #ef4444);border-color:var(--error, #ef4444);color:#fff;transform:scale(1.05)}.modal-body[data-v-3dc90175]{padding:24px 28px;overflow-y:auto}.payment-summary[data-v-3dc90175]{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-secondary, #f5f5f5);border-radius:8px;margin-bottom:20px}.payment-summary .amount[data-v-3dc90175]{font-size:20px;font-weight:700;color:#3e6b9e}.form-group[data-v-3dc90175]{margin-bottom:16px}.form-group label[data-v-3dc90175]{display:block;margin-bottom:8px;font-weight:600;font-size:13px;color:var(--text-primary, #333)}.form-group select[data-v-3dc90175]{width:100%;padding:10px 12px;border:1px solid var(--border-color, #e5e5e5);border-radius:6px;font-size:14px;background:var(--bg-primary, white);color:var(--text-primary, #333)}.modal-footer[data-v-3dc90175]{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:2px solid var(--border-color, #e5e5e5);background:var(--bg-secondary, #f9fafb);border-radius:0 0 16px 16px}.cancel-btn[data-v-3dc90175]{padding:12px 28px;background:var(--bg-secondary, #f5f5f5);border:2px solid var(--border-color, #e5e5e5);border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;color:var(--text-primary, #333);transition:all .2s}.cancel-btn[data-v-3dc90175]:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-color-dark, #d1d5db)}.submit-btn[data-v-3dc90175]{padding:12px 28px;background:#3E6B9E;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;transition:all .2s}.submit-btn[data-v-3dc90175]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.submit-btn[data-v-3dc90175]:disabled{opacity:.6;cursor:not-allowed}.payment-modal[data-v-3dc90175]{max-width:500px}.payment-summary-box[data-v-3dc90175]{background:var(--bg-secondary, #f8f9fa);border-radius:8px;padding:16px;margin-bottom:20px}.payment-summary-box .summary-row[data-v-3dc90175]{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.payment-summary-box .summary-row .label[data-v-3dc90175]{color:var(--text-secondary, #666);font-size:13px}.payment-summary-box .summary-row .value[data-v-3dc90175]{font-weight:500;color:var(--text-primary, #333)}.payment-summary-box .summary-row .value.invoice-num[data-v-3dc90175]{font-family:monospace;color:#3e6b9e}.payment-summary-box .summary-row .value.amount[data-v-3dc90175]{font-weight:600}.payment-summary-box .summary-row.total[data-v-3dc90175]{border-top:1px solid var(--border-color, #e5e5e5);padding-top:10px;margin-top:6px}.payment-summary-box .summary-row.paid .value[data-v-3dc90175]{color:#16a34a}.payment-summary-box .summary-row.outstanding[data-v-3dc90175]{border-top:1px solid var(--border-color, #e5e5e5);padding-top:10px;margin-top:6px}.payment-summary-box .summary-row.outstanding .value[data-v-3dc90175]{font-size:18px;color:#3e6b9e}.payment-form .form-row[data-v-3dc90175]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.amount-input-wrapper-modal[data-v-3dc90175]{display:flex;align-items:center;border:1px solid var(--border-color, #e5e5e5);border-radius:6px;overflow:hidden;background:var(--bg-primary, white)}.amount-input-wrapper-modal .currency-prefix[data-v-3dc90175]{padding:10px 12px;background:var(--bg-secondary, #f5f5f5);color:var(--text-secondary, #666);font-weight:500;border-right:1px solid var(--border-color, #e5e5e5)}.payment-amount-input[data-v-3dc90175]{flex:1;padding:10px 12px;border:none;font-size:16px;font-weight:600;color:var(--text-primary, #333);background:transparent}.payment-amount-input[data-v-3dc90175]:focus{outline:none}.form-hint[data-v-3dc90175]{display:block;margin-top:6px;font-size:12px;color:var(--text-secondary, #888)}.text-input[data-v-3dc90175]{width:100%;padding:10px 12px;border:1px solid var(--border-color, #e5e5e5);border-radius:6px;font-size:14px;background:var(--bg-primary, white);color:var(--text-primary, #333)}.notes-textarea[data-v-3dc90175]{width:100%;padding:10px 12px;border:1px solid var(--border-color, #e5e5e5);border-radius:6px;font-size:14px;resize:vertical;font-family:inherit;background:var(--bg-primary, white);color:var(--text-primary, #333)}.transaction-history-modal[data-v-3dc90175]{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color, #e5e5e5)}.transaction-history-modal h4[data-v-3dc90175]{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.transaction-list[data-v-3dc90175]{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto}.transaction-item[data-v-3dc90175]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-secondary, #f8f9fa);border-radius:6px}.tx-info[data-v-3dc90175]{display:flex;align-items:center;gap:8px}.tx-date[data-v-3dc90175]{font-size:12px;color:var(--text-secondary, #666)}.tx-method[data-v-3dc90175]{background:var(--bg-primary, white);padding:2px 6px;border-radius:4px;font-size:11px;color:var(--text-primary, #333)}.tx-ref[data-v-3dc90175]{font-size:11px;color:var(--text-secondary, #888);font-family:monospace}.tx-details[data-v-3dc90175]{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.tx-amount[data-v-3dc90175]{font-weight:600;color:#10b981;font-size:14px}.tx-staff[data-v-3dc90175]{font-size:10px;color:var(--text-secondary, #888)}@media print{.back-btn[data-v-3dc90175],.action-sidebar[data-v-3dc90175],.modal-overlay[data-v-3dc90175]{display:none!important}.invoice-page[data-v-3dc90175]{margin:0!important;padding:0!important;max-width:none!important}.invoice-container[data-v-3dc90175]{display:block}.invoice-document[data-v-3dc90175]{box-shadow:none!important;border:none!important;padding:20px!important;margin:0!important;background:white!important;color:#000!important}.invoice-document[data-v-3dc90175] *{color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.invoice-number-display .number[data-v-3dc90175],.company-name[data-v-3dc90175]{color:#3e6b9e!important}.summary-box[data-v-3dc90175]{background:#3E6B9E!important;color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.summary-box[data-v-3dc90175] *{color:#fff!important}.payment-amount[data-v-3dc90175],.tx-amount[data-v-3dc90175]{color:#10b981!important}.discount-row[data-v-3dc90175]{color:#16a34a!important}.invoice-type-badge.courier[data-v-3dc90175]{background:#e0f2fe!important;color:#0369a1!important}.invoice-type-badge.customer[data-v-3dc90175]{background:#f0fdf4!important;color:#16a34a!important}}@media print{.sidebar,.top-bar,.todo-sidebar,.sidebar-overlay,.modal-overlay,.breadcrumb-nav{display:none!important}.layout{display:block!important}.main-content{padding:0!important;margin:0!important;width:100%!important;max-width:none!important}.content{padding:0!important;margin:0!important;background:white!important}body,html{margin:0!important;padding:0!important;background:white!important}*{overflow:visible!important}}@media (max-width: 900px){.invoice-container[data-v-3dc90175]{flex-direction:column}.action-sidebar[data-v-3dc90175]{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.status-badge[data-v-3dc90175]{grid-column:span 2}.action-btn[data-v-3dc90175]{margin-bottom:0}}@media (max-width: 600px){.invoice-header[data-v-3dc90175]{flex-direction:column;gap:24px}.invoice-meta[data-v-3dc90175]{text-align:left}.meta-row[data-v-3dc90175]{justify-content:flex-start}.customer-section[data-v-3dc90175]{flex-direction:column;gap:20px}.summary-box[data-v-3dc90175]{width:100%}}.dark .back-btn{color:#94a3b8!important}.dark .back-btn:hover{background:rgba(255,255,255,.05)!important;color:#f1f5f9!important}.dark .invoice-document{background:#1e293b!important;border-color:#ffffff14!important}.dark .invoice-header{border-bottom-color:#ffffff14!important}.dark .company-info{color:#cbd5e1!important}.dark .company-details p{color:#94a3b8!important}.dark .invoice-number-display .label{color:#64748b!important}.dark .invoice-number-display .number{color:#5a8fc4!important}.dark .meta-row .label{color:#94a3b8!important}.dark .meta-row .value{color:#f1f5f9!important}.dark .meta-row input{background:#334155!important;border-color:#ffffff1a!important;color:#f1f5f9!important}.dark .invoice-to h4{color:#64748b!important}.dark .customer-name{color:#f1f5f9!important}.dark .customer-id{color:#94a3b8!important}.dark .customer-input{background:#334155!important;border-color:#ffffff1a!important;color:#f1f5f9!important}.dark .invoice-type-badge.courier{background:rgba(14,165,233,.15)!important;color:#38bdf8!important}.dark .invoice-type-badge.customer{background:rgba(34,197,94,.15)!important;color:#4ade80!important}.dark .items-table th{color:#64748b!important;border-bottom-color:#ffffff1a!important}.dark .items-table td{color:#f1f5f9!important;border-bottom-color:#ffffff0d!important}.dark .items-table tbody tr:hover{background:rgba(255,255,255,.03)!important}.dark .item-name{color:#f1f5f9!important}.dark .item-description{color:#94a3b8!important}.dark .item-amount{color:#f1f5f9!important}.dark .item-input{background:#334155!important;border-color:#ffffff1a!important;color:#f1f5f9!important}.dark .amount-input-wrapper .currency{color:#94a3b8!important}.dark .amount-input{background:#334155!important;border-color:#ffffff1a!important;color:#f1f5f9!important}.dark .remove-item-btn{color:#64748b!important}.dark .remove-item-btn:hover:not(:disabled){color:#f87171!important;background:rgba(239,68,68,.15)!important}.dark .add-item-btn{background:#334155!important;border-color:#fff3!important;color:#cbd5e1!important}.dark .add-item-btn:hover{background:#5a8fc4!important;border-color:#5a8fc4!important;color:#fff!important}.dark .total-row{color:#94a3b8!important}.dark .total-row.grand-total{color:#f1f5f9!important;border-top-color:#ffffff1a!important}.dark .discount-input,.dark .tax-input{background:#334155!important;border-color:#ffffff1a!important;color:#f1f5f9!important}.dark .discount-row{color:#4ade80!important}.dark .notes-section{border-top-color:#ffffff1a!important}.dark .notes-section label{color:#64748b!important}.dark .notes-section textarea{background:#334155!important;border-color:#ffffff1a!important;color:#f1f5f9!important}.dark .notes-section p{color:#94a3b8!important}.dark .payment-history-section{border-top-color:#ffffff1a!important}.dark .payment-history-section h4{color:#f1f5f9!important}.dark .payment-item{background:#0f172a!important}.dark .payment-date{color:#94a3b8!important}.dark .payment-method{background:#334155!important;color:#cbd5e1!important}.dark .payment-ref{color:#64748b!important}.dark .payment-amount{color:#4ade80!important}.dark .payment-by{color:#64748b!important}.dark .action-sidebar .status-badge.unpaid{background:rgba(239,68,68,.15)!important;color:#f87171!important}.dark .action-sidebar .status-badge.paid{background:rgba(34,197,94,.15)!important;color:#4ade80!important}.dark .action-sidebar .status-badge.partial{background:rgba(251,191,36,.15)!important;color:#fbbf24!important}.dark .action-btn.secondary{background:#334155!important;border-color:#ffffff1a!important;color:#cbd5e1!important}.dark .action-btn.secondary:hover{background:#475569!important}.dark .action-btn.danger{background:transparent!important;border-color:#f871714d!important;color:#f87171!important}.dark .action-btn.danger:hover{background:rgba(239,68,68,.1)!important}.dark .payment-modal,.dark .modal{background:#1e293b!important;border-color:var(--border-color, #334155)!important}.dark .payment-modal .modal-header,.dark .modal-header{background:#0f172a!important;border-bottom-color:var(--border-color, #334155)!important}.dark .payment-modal .modal-header h2,.dark .modal-header h2{color:#f1f5f9!important}.dark .payment-modal .close-btn,.dark .close-btn{color:#94a3b8!important;border-color:var(--border-color, #334155)!important}.dark .payment-modal .close-btn:hover,.dark .close-btn:hover{background:var(--error, #ef4444)!important;border-color:var(--error, #ef4444)!important;color:#fff!important}.dark .payment-modal .modal-body,.dark .modal-body{background:#1e293b!important}.dark .payment-modal .modal-footer,.dark .modal-footer{background:rgba(0,0,0,.2)!important;border-top-color:var(--border-color, #334155)!important}.dark .cancel-btn{border-color:var(--border-color, #334155)!important}.dark .cancel-btn:hover:not(:disabled){border-color:var(--border-color-dark, #475569)!important}.dark .payment-summary-box{background:#0f172a!important}.dark .payment-summary-box .summary-row .label{color:#94a3b8!important}.dark .payment-summary-box .summary-row .value{color:#f1f5f9!important}.dark .payment-summary-box .summary-row .value.invoice-num{color:#5a8fc4!important}.dark .payment-summary-box .summary-row.total,.dark .payment-summary-box .summary-row.outstanding{border-top-color:#ffffff1a!important}.dark .payment-summary-box .summary-row.paid .value{color:#4ade80!important}.dark .payment-summary-box .summary-row.outstanding .value{color:#5a8fc4!important}.dark .payment-form .form-group label{color:#cbd5e1!important}.dark .payment-form .form-group select{background:#334155!important;border-color:#ffffff1a!important;color:#f1f5f9!important}.dark .amount-input-wrapper-modal{background:#334155!important;border-color:#ffffff1a!important}.dark .amount-input-wrapper-modal .currency-prefix{background:#0f172a!important;border-right-color:#ffffff1a!important;color:#94a3b8!important}.dark .payment-amount-input{background:transparent!important;color:#f1f5f9!important}.dark .form-hint{color:#64748b!important}.dark .text-input,.dark .notes-textarea{background:#334155!important;border-color:#ffffff1a!important;color:#f1f5f9!important}.dark .transaction-history-modal{border-top-color:#ffffff1a!important}.dark .transaction-history-modal h4{color:#94a3b8!important}.dark .transaction-item{background:#0f172a!important}.dark .tx-date{color:#94a3b8!important}.dark .tx-method{background:#334155!important;color:#cbd5e1!important}.dark .tx-ref{color:#64748b!important}.dark .tx-amount{color:#4ade80!important}.dark .tx-staff{color:#64748b!important}.dark .cancel-btn{background:#334155!important;border-color:#ffffff1a!important;color:#cbd5e1!important}.dark .cancel-btn:hover{background:#475569!important}.transactions-page[data-v-07cbd46f]{max-width:1600px;margin:0 auto}.page-header[data-v-07cbd46f]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-6);gap:var(--spacing-4)}.header-left[data-v-07cbd46f]{display:flex;flex-direction:column;gap:var(--spacing-2)}.back-btn[data-v-07cbd46f]{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.back-btn[data-v-07cbd46f]:hover{background:var(--surface-variant);color:var(--primary)}.page-header h1[data-v-07cbd46f]{color:var(--text-primary);font-size:28px;margin:0;font-weight:700}.btn-primary[data-v-07cbd46f]{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-primary[data-v-07cbd46f]:hover{background:var(--primary-darken)}.btn-secondary[data-v-07cbd46f]{padding:var(--spacing-3) var(--spacing-5);background:var(--surface-variant);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary[data-v-07cbd46f]:hover{background:var(--border-color)}.summary-cards[data-v-07cbd46f]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.summary-card[data-v-07cbd46f]{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-5);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.card-icon[data-v-07cbd46f]{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.summary-card.income .card-icon[data-v-07cbd46f]{background:rgba(16,185,129,.1);color:var(--success)}.summary-card.expense .card-icon[data-v-07cbd46f]{background:rgba(239,68,68,.1);color:var(--error)}.summary-card.net .card-icon[data-v-07cbd46f]{background:rgba(62,107,158,.1);color:var(--primary)}.summary-card.count .card-icon[data-v-07cbd46f]{background:rgba(107,114,128,.1);color:var(--text-secondary)}.card-content[data-v-07cbd46f]{display:flex;flex-direction:column;gap:var(--spacing-1)}.card-value[data-v-07cbd46f]{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.card-value.positive[data-v-07cbd46f]{color:var(--success)}.card-value.negative[data-v-07cbd46f]{color:var(--error)}.card-label[data-v-07cbd46f]{font-size:var(--font-size-sm);color:var(--text-muted)}.filters-section[data-v-07cbd46f]{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-6);border:1px solid var(--border-color)}.filter-row[data-v-07cbd46f]{display:flex;flex-wrap:wrap;gap:var(--spacing-4);align-items:flex-end}.filter-group[data-v-07cbd46f]{display:flex;flex-direction:column;gap:var(--spacing-2)}.filter-group label[data-v-07cbd46f]{font-size:var(--font-size-xs);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.filter-select[data-v-07cbd46f],.date-input[data-v-07cbd46f],.search-input[data-v-07cbd46f]{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font-size:var(--font-size-sm);min-width:150px}.date-inputs[data-v-07cbd46f]{flex-direction:row;align-items:center}.date-separator[data-v-07cbd46f]{color:var(--text-muted);padding:0 var(--spacing-2)}.search-group[data-v-07cbd46f]{flex:1;min-width:250px}.search-input[data-v-07cbd46f]{width:100%}.transactions-table-container[data-v-07cbd46f]{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden}.data-table[data-v-07cbd46f]{width:100%;border-collapse:collapse}.data-table th[data-v-07cbd46f]{padding:var(--spacing-3) var(--spacing-4);text-align:left;font-weight:600;font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--surface-variant);border-bottom:1px solid var(--border-color)}.data-table th.sortable[data-v-07cbd46f]{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable[data-v-07cbd46f]:hover{color:var(--primary)}.sort-icon[data-v-07cbd46f]{margin-left:var(--spacing-1)}.data-table td[data-v-07cbd46f]{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--text-primary)}.data-table tbody tr[data-v-07cbd46f]:hover{background:var(--surface-variant)}.income-row[data-v-07cbd46f]{background:transparent}.expense-row[data-v-07cbd46f]{background:rgba(239,68,68,.02)}.invoice-link[data-v-07cbd46f]{color:var(--primary);text-decoration:none;font-weight:500}.invoice-link[data-v-07cbd46f]:hover{text-decoration:underline}.type-badge[data-v-07cbd46f]{display:inline-block;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.type-badge.payment[data-v-07cbd46f]{background:rgba(16,185,129,.1);color:#059669}.type-badge.refund[data-v-07cbd46f]{background:rgba(239,68,68,.1);color:#dc2626}.type-badge.adjustment[data-v-07cbd46f]{background:rgba(245,158,11,.1);color:#d97706}.type-badge.credit[data-v-07cbd46f]{background:rgba(59,130,246,.1);color:#2563eb}.type-badge.late_fee[data-v-07cbd46f]{background:rgba(139,92,246,.1);color:#7c3aed}.type-badge.expense[data-v-07cbd46f]{background:rgba(239,68,68,.1);color:#dc2626}.description-cell[data-v-07cbd46f]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amount[data-v-07cbd46f]{font-weight:600;font-family:var(--font-family-mono)}.amount.income[data-v-07cbd46f]{color:var(--success)}.amount.expense[data-v-07cbd46f]{color:var(--error)}.actions-cell[data-v-07cbd46f]{width:50px}.action-btn[data-v-07cbd46f]{padding:var(--spacing-2);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:transparent}.action-btn.delete[data-v-07cbd46f]{color:var(--text-muted)}.action-btn.delete[data-v-07cbd46f]:hover{background:rgba(239,68,68,.1);color:var(--error)}.loading-state[data-v-07cbd46f],.empty-state[data-v-07cbd46f]{padding:var(--spacing-12);text-align:center;color:var(--text-muted)}.spinner[data-v-07cbd46f]{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin-07cbd46f 1s linear infinite;margin:0 auto var(--spacing-4)}@keyframes spin-07cbd46f{to{transform:rotate(360deg)}}.empty-state svg[data-v-07cbd46f]{color:var(--border-color-dark);margin-bottom:var(--spacing-4)}.empty-state h3[data-v-07cbd46f]{margin:0 0 var(--spacing-2);color:var(--text-primary)}.empty-state p[data-v-07cbd46f]{margin:0;font-size:var(--font-size-sm)}.modal-overlay[data-v-07cbd46f]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal[data-v-07cbd46f]{background:var(--surface);border:2px solid var(--border-color, #e5e5e5);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.modal-header[data-v-07cbd46f]{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid var(--border-color, #e5e5e5)}.modal-header h2[data-v-07cbd46f]{margin:0;font-size:22px;font-weight:700;letter-spacing:-.025em;color:var(--text-primary)}.close-btn[data-v-07cbd46f]{background:transparent;border:2px solid var(--border-color, #e5e5e5);width:40px;height:40px;border-radius:8px;font-size:20px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn[data-v-07cbd46f]:hover{background:var(--error, #ef4444);border-color:var(--error, #ef4444);color:#fff;transform:scale(1.05)}.modal-body[data-v-07cbd46f]{padding:24px 28px;overflow-y:auto}.form-group[data-v-07cbd46f]{margin-bottom:var(--spacing-4)}.form-group label[data-v-07cbd46f]{display:block;margin-bottom:var(--spacing-2);font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}.form-control[data-v-07cbd46f]{width:100%;padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font-size:var(--font-size-sm)}.form-control[data-v-07cbd46f]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3e6b9e1a}.amount-input-wrapper[data-v-07cbd46f]{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.currency-prefix[data-v-07cbd46f]{padding:var(--spacing-3);background:var(--surface-variant);color:var(--text-muted);border-right:1px solid var(--border-color)}.amount-input[data-v-07cbd46f]{border:none;flex:1}.amount-input[data-v-07cbd46f]:focus{box-shadow:none}.modal-footer[data-v-07cbd46f]{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:2px solid var(--border-color, #e5e5e5);background:var(--bg-secondary, #f9fafb);border-radius:0 0 16px 16px}.toast[data-v-07cbd46f]{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-md);color:#fff;font-weight:500;z-index:var(--z-tooltip);animation:slideIn-07cbd46f .3s ease}.toast.success[data-v-07cbd46f]{background:var(--success)}.toast.error[data-v-07cbd46f]{background:var(--error)}@keyframes slideIn-07cbd46f{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1200px){.summary-cards[data-v-07cbd46f]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.summary-cards[data-v-07cbd46f]{grid-template-columns:1fr}.page-header[data-v-07cbd46f],.filter-row[data-v-07cbd46f]{flex-direction:column}.filter-group[data-v-07cbd46f],.filter-select[data-v-07cbd46f],.search-input[data-v-07cbd46f]{width:100%}}.dark .transactions-page h1{color:#f1f5f9}.dark .back-btn{color:#94a3b8}.dark .back-btn:hover{background:rgba(255,255,255,.05);color:#5a8fc4}.dark .summary-card{background:#1e293b;border-color:#ffffff14}.dark .card-value{color:#f1f5f9}.dark .card-label{color:#94a3b8}.dark .filters-section{background:#1e293b;border-color:#ffffff14}.dark .filter-group label{color:#94a3b8}.dark .filter-select,.dark .date-input,.dark .search-input{background:#334155;border-color:#ffffff1a;color:#f1f5f9}.dark .transactions-table-container{background:#1e293b;border-color:#ffffff14}.dark .data-table th{background:#0f172a;color:#64748b;border-bottom-color:#ffffff14}.dark .data-table td{color:#f1f5f9;border-bottom-color:#ffffff0d}.dark .data-table tbody tr:hover{background:rgba(255,255,255,.03)}.dark .expense-row{background:rgba(239,68,68,.05)}.dark .invoice-link{color:#5a8fc4}.dark .type-badge.payment{background:rgba(34,197,94,.15);color:#4ade80}.dark .type-badge.refund,.dark .type-badge.expense{background:rgba(248,113,113,.15);color:#f87171}.dark .type-badge.adjustment{background:rgba(251,191,36,.15);color:#fbbf24}.dark .type-badge.credit{background:rgba(96,165,250,.15);color:#60a5fa}.dark .type-badge.late_fee{background:rgba(167,139,250,.15);color:#a78bfa}.dark .amount.income{color:#4ade80}.dark .amount.expense{color:#f87171}.dark .empty-state h3{color:#f1f5f9}.dark .empty-state p{color:#94a3b8}.dark .modal{background:#1e293b;border-color:var(--border-color, #334155)}.dark .modal-header{border-bottom-color:var(--border-color, #334155)}.dark .modal-header h2{color:#f1f5f9}.dark .close-btn{color:#94a3b8;border-color:var(--border-color, #334155)}.dark .close-btn:hover{background:var(--error, #ef4444);border-color:var(--error, #ef4444);color:#fff}.dark .form-group label{color:#cbd5e1}.dark .form-control{background:#334155;border-color:#ffffff1a;color:#f1f5f9}.dark .currency-prefix{background:#0f172a;border-right-color:#ffffff1a;color:#94a3b8}.dark .modal-footer{background:rgba(0,0,0,.2);border-top-color:var(--border-color, #334155)}.dark .btn-secondary{background:#334155;border:2px solid var(--border-color, #334155);color:#cbd5e1}.dark .btn-secondary:hover:not(:disabled){border-color:var(--border-color-dark, #475569)}.dark .action-btn.delete{color:#64748b}.dark .action-btn.delete:hover{background:rgba(248,113,113,.15);color:#f87171}.expenses[data-v-9c0e3d2f]{max-width:1400px;margin:0 auto}.expenses h1[data-v-9c0e3d2f]{color:var(--text-primary, #3E6B9E);font-size:32px;margin:0 0 32px;font-weight:700}.expenses-content[data-v-9c0e3d2f]{background:var(--bg-primary, white);padding:40px;border-radius:12px;border:1px solid var(--border-color, #f5f5f5);text-align:center}.expenses-content p[data-v-9c0e3d2f]{color:var(--text-secondary, #666);font-size:16px;margin:0}.dark .expenses h1[data-v-9c0e3d2f]{color:#f1f5f9!important}.dark .expenses-content[data-v-9c0e3d2f]{background:#1e293b!important;border-color:#ffffff1a!important}.dark .expenses-content p[data-v-9c0e3d2f]{color:#94a3b8!important}.data-migration[data-v-fd8e93c3]{max-width:1200px;margin:0 auto}.page-header[data-v-fd8e93c3]{margin-bottom:32px}.page-header h1[data-v-fd8e93c3]{margin:0 0 8px;font-size:32px;font-weight:700;color:#333}.page-header p[data-v-fd8e93c3]{margin:0;color:#666;font-size:14px}.card[data-v-fd8e93c3]{background:white;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.card h3[data-v-fd8e93c3]{margin:0 0 20px;font-size:20px;font-weight:600;color:#333}.card-description[data-v-fd8e93c3]{color:#666;font-size:14px;margin:-10px 0 20px}.status-grid[data-v-fd8e93c3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.status-item[data-v-fd8e93c3]{display:flex;align-items:center;gap:16px;padding:20px;background:#f9fafb;border-radius:8px;border:2px solid #e5e5e5}.status-icon[data-v-fd8e93c3]{font-size:32px}.status-label[data-v-fd8e93c3]{font-size:12px;color:#666;margin-bottom:4px}.status-value[data-v-fd8e93c3]{font-size:24px;font-weight:700;color:#333}.migration-info[data-v-fd8e93c3]{display:flex;flex-direction:column;gap:24px}.info-box[data-v-fd8e93c3]{background:#f0f7ff;padding:20px;border-radius:8px;border-left:4px solid #3E6B9E}.info-box h4[data-v-fd8e93c3]{margin:0 0 12px;color:#1e40af}.info-box ul[data-v-fd8e93c3]{margin:0;padding-left:20px;color:#1e40af}.info-box li[data-v-fd8e93c3]{margin-bottom:8px}.migrate-btn[data-v-fd8e93c3]{padding:16px 32px;background:#3E6B9E;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;align-self:flex-start}.migrate-btn[data-v-fd8e93c3]:hover:not(:disabled){background:#2d5275}.migrate-btn[data-v-fd8e93c3]:disabled{background:#9ca3af;cursor:not-allowed}.loading[data-v-fd8e93c3]{text-align:center;padding:40px}.spinner[data-v-fd8e93c3]{width:50px;height:50px;border:5px solid #f3f4f6;border-top:5px solid #3E6B9E;border-radius:50%;animation:spin-fd8e93c3 1s linear infinite;margin:0 auto 20px}@keyframes spin-fd8e93c3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results[data-v-fd8e93c3]{display:flex;flex-direction:column;gap:24px}.result-summary[data-v-fd8e93c3]{padding:20px;border-radius:8px;text-align:center}.result-summary.success[data-v-fd8e93c3]{background:#d1fae5;border-left:4px solid #10b981}.result-summary.warning[data-v-fd8e93c3]{background:#fef3c7;border-left:4px solid #f59e0b}.result-summary h4[data-v-fd8e93c3]{margin:0;font-size:18px}.results-grid[data-v-fd8e93c3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.result-item[data-v-fd8e93c3]{padding:20px;border-radius:8px;text-align:center}.result-item.success[data-v-fd8e93c3]{background:#d1fae5}.result-item.skipped[data-v-fd8e93c3]{background:#dbeafe}.result-item.failed[data-v-fd8e93c3]{background:#fee2e2}.result-label[data-v-fd8e93c3]{font-size:12px;color:#666;margin-bottom:8px}.result-value[data-v-fd8e93c3]{font-size:32px;font-weight:700;color:#333}.errors[data-v-fd8e93c3]{background:#fee2e2;padding:20px;border-radius:8px;border-left:4px solid #ef4444}.errors h4[data-v-fd8e93c3]{margin:0 0 12px;color:#991b1b}.error-item[data-v-fd8e93c3]{padding:8px 0;color:#991b1b;font-size:14px}.action-buttons[data-v-fd8e93c3]{display:flex;gap:12px}.btn-primary[data-v-fd8e93c3]{padding:12px 24px;background:#3E6B9E;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary[data-v-fd8e93c3]:hover{background:#2d5275}.btn-secondary[data-v-fd8e93c3]{padding:12px 24px;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-secondary[data-v-fd8e93c3]:hover{background:#e5e7eb}.preview-table-container[data-v-fd8e93c3]{overflow-x:auto}.preview-table[data-v-fd8e93c3]{width:100%;border-collapse:collapse;font-size:14px}.preview-table thead[data-v-fd8e93c3]{background:#f9fafb}.preview-table th[data-v-fd8e93c3]{padding:12px;text-align:left;font-weight:600;color:#666;border-bottom:2px solid #e5e5e5}.preview-table td[data-v-fd8e93c3]{padding:12px;border-bottom:1px solid #e5e5e5}.type-badge[data-v-fd8e93c3]{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.type-badge.air[data-v-fd8e93c3]{background:#dbeafe;color:#1e40af}.type-badge.sea[data-v-fd8e93c3]{background:#d1fae5;color:#065f46}.preview-note[data-v-fd8e93c3]{margin-top:16px;color:#666;font-size:13px;text-align:center}.warning-card[data-v-fd8e93c3]{background:#fef3c7;border-left:4px solid #f59e0b}.warning-card h4[data-v-fd8e93c3]{margin:0 0 12px;color:#92400e}.warning-card ul[data-v-fd8e93c3]{margin:0;padding-left:20px;color:#92400e}.warning-card li[data-v-fd8e93c3]{margin-bottom:8px}@media (max-width: 768px){.status-grid[data-v-fd8e93c3],.results-grid[data-v-fd8e93c3]{grid-template-columns:1fr}.action-buttons[data-v-fd8e93c3]{flex-direction:column}.btn-primary[data-v-fd8e93c3],.btn-secondary[data-v-fd8e93c3]{width:100%}}.customers-container[data-v-e3ddc291]{min-height:100vh}.content-section[data-v-e3ddc291]{padding:var(--spacing-8);max-width:1400px;margin:0 auto}.loading-state[data-v-e3ddc291],.error-state[data-v-e3ddc291],.empty-state[data-v-e3ddc291]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-10);text-align:center;color:var(--text-muted)}.loading-state p[data-v-e3ddc291],.error-state p[data-v-e3ddc291],.empty-state p[data-v-e3ddc291]{margin-top:var(--spacing-4);font-size:var(--font-size-lg)}.error-state h3[data-v-e3ddc291],.empty-state h3[data-v-e3ddc291]{margin:var(--spacing-4) 0 var(--spacing-2);color:var(--on-surface);font-size:var(--font-size-2xl)}.btn-retry[data-v-e3ddc291],.btn-refresh[data-v-e3ddc291]{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);margin-top:var(--spacing-4);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-base);transition:background-color .2s}.btn-retry[data-v-e3ddc291]:hover,.btn-refresh[data-v-e3ddc291]:hover{background-color:var(--primary-dark)}.customers-section[data-v-e3ddc291]{background:var(--surface);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.section-header[data-v-e3ddc291]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-color)}.header-left h2[data-v-e3ddc291]{display:flex;align-items:center;gap:var(--spacing-3);margin:0 0 var(--spacing-2) 0;color:var(--on-surface);font-size:var(--font-size-2xl)}.customer-count[data-v-e3ddc291]{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)}.table-container[data-v-e3ddc291]{overflow-x:auto}.customers-table[data-v-e3ddc291]{width:100%;border-collapse:collapse}.customers-table thead[data-v-e3ddc291]{background-color:var(--surface-variant)}.customers-table th[data-v-e3ddc291]{padding:var(--spacing-3) var(--spacing-4);text-align:left;font-weight:600;color:var(--text-muted);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.customers-table tbody tr[data-v-e3ddc291]{border-bottom:1px solid var(--border-color);transition:background-color .2s}.customers-table tbody tr[data-v-e3ddc291]:hover{background-color:var(--surface-variant)}.customers-table td[data-v-e3ddc291]{padding:var(--spacing-4);color:var(--on-surface)}.customer-name[data-v-e3ddc291]{font-weight:500}.company-badge[data-v-e3ddc291]{display:inline-block;padding:var(--spacing-1) var(--spacing-3);background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500}.status-badge[data-v-e3ddc291]{display:inline-block;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500}.status-active[data-v-e3ddc291]{background-color:#10b981;color:#fff}.status-inactive[data-v-e3ddc291]{background-color:#ef4444;color:#fff}.status-unknown[data-v-e3ddc291]{background-color:var(--text-muted);color:#fff}.dark .loading-state,.dark .error-state,.dark .empty-state{color:#94a3b8}.dark .error-state h3,.dark .empty-state h3{color:#f1f5f9}.dark .customers-section{background:#1e293b}.dark .customers-table thead,.dark .customers-table tbody tr:hover{background-color:#334155}.dark .customers-table tbody tr{border-bottom:1px solid #334155}.deliveries[data-v-a2003070]{padding:0}.loading-container[data-v-a2003070]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.spinner[data-v-a2003070]{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin-a2003070 .8s linear infinite}@keyframes spin-a2003070{to{transform:rotate(360deg)}}.deliveries-content[data-v-a2003070]{padding:2rem}.action-bar[data-v-a2003070]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.filters[data-v-a2003070]{display:flex;gap:1rem}.filter-select[data-v-a2003070],.filter-input[data-v-a2003070]{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary)}.bins-list[data-v-a2003070]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.bin-card[data-v-a2003070]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease}.bin-card[data-v-a2003070]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}.bin-closed[data-v-a2003070]{opacity:.8}.bin-header[data-v-a2003070]{margin-bottom:1rem}.bin-title[data-v-a2003070]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.bin-title h3[data-v-a2003070]{font-size:1.1rem;margin:0}.bin-status[data-v-a2003070]{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-open[data-v-a2003070]{background:#10b98120;color:#10b981}.status-closed[data-v-a2003070]{background:#6b728020;color:#6b7280}.bin-meta[data-v-a2003070]{display:flex;gap:1rem;font-size:.85rem;color:var(--text-secondary)}.bin-meta p[data-v-a2003070]{display:flex;align-items:center;gap:.25rem;margin:0}.bin-stats[data-v-a2003070]{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.bin-stats .stat[data-v-a2003070]{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.modal-overlay[data-v-a2003070]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.bin-detail-overlay[data-v-a2003070]{align-items:flex-start;overflow-y:auto;padding:2rem 1rem}.modal-content[data-v-a2003070]{background:var(--card-bg);border:2px solid var(--border-color, #e5e5e5);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex;flex-direction:column;padding:0;max-width:600px;width:100%;max-height:90vh}.bin-detail-modal[data-v-a2003070]{max-width:1200px;max-height:none;padding:0}.bin-detail-modal .bin-summary[data-v-a2003070]{margin:24px 28px}.bin-detail-modal .add-delivery-section[data-v-a2003070],.bin-detail-modal .deliveries-list[data-v-a2003070]{margin:0 28px 24px}.modal-header[data-v-a2003070]{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid var(--border-color, #e5e5e5)}.modal-header h3[data-v-a2003070]{display:flex;align-items:center;gap:.5rem;margin:0;font-size:22px;font-weight:700;letter-spacing:-.025em}.header-actions[data-v-a2003070]{display:flex;align-items:center;gap:1rem}.bin-meta-text[data-v-a2003070]{display:flex;align-items:center;gap:1rem;margin:.5rem 0 0;font-size:.9rem;color:var(--text-secondary)}.close-btn[data-v-a2003070]{background:transparent;border:2px solid var(--border-color, #e5e5e5);width:40px;height:40px;border-radius:8px;cursor:pointer;padding:0;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn[data-v-a2003070]:hover{background:var(--error, #ef4444);border-color:var(--error, #ef4444);color:#fff;transform:scale(1.05)}.bin-summary[data-v-a2003070]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px}.summary-stat[data-v-a2003070]{display:flex;align-items:center;gap:1rem}.summary-stat svg[data-v-a2003070]{color:var(--primary-color)}.summary-value[data-v-a2003070]{font-size:1.5rem;font-weight:700;margin:0}.summary-label[data-v-a2003070]{font-size:.85rem;color:var(--text-secondary);margin:0}.add-delivery-section[data-v-a2003070]{margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px}.section-tabs[data-v-a2003070]{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.tab-btn[data-v-a2003070]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;color:var(--text-secondary);font-weight:500;transition:all .2s ease}.tab-btn[data-v-a2003070]:hover{color:var(--text-primary)}.tab-btn.active[data-v-a2003070]{color:var(--primary-color);border-bottom-color:var(--primary-color)}.delivery-form h4[data-v-a2003070]{margin:0 0 1rem}.search-package[data-v-a2003070]{display:flex;gap:.5rem;margin-bottom:1rem}.found-package[data-v-a2003070]{margin-top:1.5rem;padding:1.5rem;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color)}.found-package h5[data-v-a2003070]{margin:0 0 1rem;color:var(--success-color)}.package-info[data-v-a2003070]{margin-bottom:1.5rem}.package-info p[data-v-a2003070]{margin:.5rem 0;font-size:.9rem}.form[data-v-a2003070]{display:flex;flex-direction:column;gap:1rem;padding:0 28px 24px;overflow-y:auto}.form-group[data-v-a2003070]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-a2003070]{font-weight:500;font-size:.9rem}.form-row[data-v-a2003070]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-input[data-v-a2003070]{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem}.form-input[data-v-a2003070]:focus{outline:none;border-color:var(--primary-color)}.form-input[data-v-a2003070]:read-only{background:var(--bg-tertiary);cursor:not-allowed}.input-with-button[data-v-a2003070]{display:flex;gap:.5rem}.input-with-button .form-input[data-v-a2003070]{flex:1}.btn-random[data-v-a2003070]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-random[data-v-a2003070]:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.distance-calculator[data-v-a2003070]{padding:1rem;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color)}.fee-breakdown[data-v-a2003070]{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:6px;font-size:.9rem}.fee-breakdown p[data-v-a2003070]{margin:.5rem 0}.total-fee[data-v-a2003070]{font-weight:700;font-size:1rem;color:var(--primary-color);margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.total-display[data-v-a2003070]{padding:1rem;background:var(--bg-secondary);border-radius:8px;font-size:1.1rem;text-align:right}.form-actions[data-v-a2003070]{display:flex;justify-content:flex-end;gap:1rem;padding:20px 28px;border-top:2px solid var(--border-color, #e5e5e5);background:var(--bg-secondary, #f9fafb);border-radius:0 0 16px 16px;margin:0}.deliveries-list[data-v-a2003070]{margin-top:2rem}.deliveries-header[data-v-a2003070]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.deliveries-header h4[data-v-a2003070]{margin:0}.deliveries-table-container[data-v-a2003070]{overflow-x:auto}.deliveries-table[data-v-a2003070]{width:100%;border-collapse:collapse;font-size:.9rem}.deliveries-table thead[data-v-a2003070]{background:var(--bg-secondary)}.deliveries-table th[data-v-a2003070]{padding:.75rem;text-align:left;font-weight:600;border-bottom:2px solid var(--border-color)}.deliveries-table td[data-v-a2003070]{padding:1rem .75rem;border-bottom:1px solid var(--border-color)}.delivery-row[data-v-a2003070]:hover{background:var(--bg-secondary)}.delivery-type[data-v-a2003070]{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.type-package[data-v-a2003070]{background:#3b82f620;color:#3b82f6}.type-local[data-v-a2003070]{background:#f59e0b20;color:#f59e0b}.address-cell[data-v-a2003070]{max-width:300px}.address-cell p[data-v-a2003070]{margin:.25rem 0}.small-text[data-v-a2003070]{font-size:.85rem;color:var(--text-secondary)}.text-right[data-v-a2003070]{text-align:right}.text-muted[data-v-a2003070]{color:var(--text-secondary)}.btn[data-v-a2003070]{display:inline-flex;align-items:center;gap:.5rem;padding:12px 28px;border-radius:8px;font-size:15px;font-weight:600;min-width:120px;cursor:pointer;transition:all .2s ease}.btn[data-v-a2003070]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-a2003070]{background:var(--primary-color);color:#fff;border:none}.btn-primary[data-v-a2003070]:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-secondary[data-v-a2003070]{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color, #e5e5e5)}.btn-secondary[data-v-a2003070]:hover:not(:disabled){background:var(--bg-tertiary);transform:translateY(-1px);border-color:var(--border-color-dark, #d1d5db)}.btn-warning[data-v-a2003070]{background:#f59e0b;color:#fff;border:none}.btn-warning[data-v-a2003070]:hover:not(:disabled){background:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-danger[data-v-a2003070]{background:#ef4444;color:#fff;border:none}.btn-danger[data-v-a2003070]:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-icon[data-v-a2003070]{padding:.5rem;border:none;background:none;cursor:pointer;border-radius:6px;transition:background .2s ease}.btn-icon[data-v-a2003070]:hover{background:var(--bg-secondary)}.btn-icon.btn-danger[data-v-a2003070]:hover{background:#ef444420;color:#ef4444}.modal-footer[data-v-a2003070]{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-top:2px solid var(--border-color, #e5e5e5);background:var(--bg-secondary, #f9fafb);border-radius:0 0 16px 16px}.bin-info[data-v-a2003070]{flex:1}.confirm-dialog[data-v-a2003070]{max-width:500px}.confirm-dialog p[data-v-a2003070]{margin:0;padding:24px 28px}.toast[data-v-a2003070]{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:2000;animation:slideIn-a2003070 .3s ease}@keyframes slideIn-a2003070{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success[data-v-a2003070]{background:#10b981;color:#fff}.toast-error[data-v-a2003070]{background:#ef4444;color:#fff}.error-message[data-v-a2003070]{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ef444420;color:#ef4444;border-radius:6px;font-size:.9rem}.no-data[data-v-a2003070]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--text-secondary)}.no-data svg[data-v-a2003070]{opacity:.3;margin-bottom:1rem}@media (max-width: 768px){.bins-list[data-v-a2003070],.bin-summary[data-v-a2003070],.form-row[data-v-a2003070]{grid-template-columns:1fr}.deliveries-table[data-v-a2003070]{font-size:.85rem}.deliveries-table th[data-v-a2003070],.deliveries-table td[data-v-a2003070]{padding:.5rem}.modal-content[data-v-a2003070]{padding:1.5rem}.action-bar[data-v-a2003070]{flex-direction:column;align-items:stretch}.filters[data-v-a2003070]{flex-direction:column}}.dark .deliveries{--bg-secondary: #1f2937;--bg-tertiary: #111827;--card-bg: #1f2937;--text-primary: #f9fafb;--text-secondary: #9ca3af;--border-color: #374151}.dark .bin-card{background:#1f2937;border-color:#374151}.dark .bin-card:hover{border-color:var(--primary-color)}.dark .modal-content{background:#1f2937;border-color:#374151}.dark .form-input{background:#111827;border-color:#374151;color:#f9fafb}.dark .btn-secondary{background:#374151;color:#f9fafb;border-color:#4b5563}.dark .btn-secondary:hover:not(:disabled){background:#4b5563}.staff-container[data-v-224746ac]{min-height:100vh}.content-section[data-v-224746ac]{padding:var(--spacing-8);max-width:1400px;margin:0 auto}.coming-soon[data-v-224746ac]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-10);text-align:center;color:var(--text-muted)}.coming-soon h2[data-v-224746ac]{margin:var(--spacing-4) 0 var(--spacing-2);color:var(--on-surface);font-size:var(--font-size-2xl)}.coming-soon p[data-v-224746ac]{font-size:var(--font-size-lg);margin:0}.supplies-container[data-v-eefe1b1c]{min-height:100vh}.content-section[data-v-eefe1b1c]{padding:var(--spacing-8);max-width:1400px;margin:0 auto}.coming-soon[data-v-eefe1b1c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-10);text-align:center;color:var(--text-muted)}.coming-soon h2[data-v-eefe1b1c]{margin:var(--spacing-4) 0 var(--spacing-2);color:var(--on-surface);font-size:var(--font-size-2xl)}.coming-soon p[data-v-eefe1b1c]{font-size:var(--font-size-lg);margin:0}.accounting-container[data-v-0f5723ba]{min-height:100vh}.content-section[data-v-0f5723ba]{padding:var(--spacing-8);max-width:1400px;margin:0 auto}.coming-soon[data-v-0f5723ba]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-10);text-align:center;color:var(--text-muted)}.coming-soon h2[data-v-0f5723ba]{margin:var(--spacing-4) 0 var(--spacing-2);color:var(--on-surface);font-size:var(--font-size-2xl)}.coming-soon p[data-v-0f5723ba]{font-size:var(--font-size-lg);margin:0}.dark .coming-soon{color:#94a3b8}.dark .coming-soon h2{color:#f1f5f9}.sso-container[data-v-6b812793]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}.sso-card[data-v-6b812793]{background:#ffffff;border-radius:16px;padding:48px;text-align:center;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d}.sso-loading[data-v-6b812793],.sso-error[data-v-6b812793],.sso-success[data-v-6b812793]{display:flex;flex-direction:column;align-items:center;gap:16px}.spinner[data-v-6b812793]{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#3b82f6;border-radius:50%;animation:spin-6b812793 1s linear infinite}@keyframes spin-6b812793{to{transform:rotate(360deg)}}.error-icon[data-v-6b812793]{width:64px;height:64px;border-radius:50%;background:#fee2e2;color:#ef4444;font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center}.success-icon[data-v-6b812793]{width:64px;height:64px;border-radius:50%;background:#dcfce7;color:#22c55e;font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center}h2[data-v-6b812793]{margin:0;color:#1a1a2e;font-size:24px}p[data-v-6b812793]{margin:0;color:#6b7280;font-size:14px}.btn-primary[data-v-6b812793]{margin-top:16px;padding:12px 32px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background .2s}.btn-primary[data-v-6b812793]:hover{background:#2563eb}:root{--primary: #3E6B9E;--primary-darken: #2d5275;--primary-lighten: #5a8fc4;--accent: #E8F4F8;--surface: #ffffff;--surface-variant: #f5f7fa;--background: #f0f2f5;--on-surface: #2d3748;--on-surface-variant: #4a5568;--text-primary: #1a202c;--text-secondary: #4a5568;--text-muted: #718096;--text-disabled: #a0aec0;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--error: #ef4444;--error-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--border-color: #e5e7eb;--border-color-dark: #d1d5db;--divider: #f3f4f6;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--elevation-card: 0 2px 8px rgba(0, 0, 0, .08);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-none: 0;--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-popover: 1500;--z-tooltip: 1600;--sidebar-width: 260px;--sidebar-width-collapsed: 80px;--topbar-height: 64px;--max-content-width: 1400px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}.dark{--primary: #5a8fc4;--primary-darken: #3E6B9E;--primary-lighten: #7ba9d4;--accent: #1e3a4f;--surface: #1e293b;--surface-variant: #334155;--background: #0f172a;--on-surface: #f1f5f9;--on-surface-variant: #cbd5e1;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-disabled: #64748b;--success: #22c55e;--success-light: #166534;--warning: #fbbf24;--warning-light: #854d0e;--error: #f87171;--error-light: #7f1d1d;--info: #60a5fa;--info-light: #1e3a8a;--border-color: #334155;--border-color-dark: #475569;--divider: #1e293b;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .5);--elevation-card: 0 2px 8px rgba(0, 0, 0, .5)}html,body{transition:background-color var(--transition-base),color var(--transition-base)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border-color-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background-color:var(--primary);color:#fff}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:root{--primary: #3E6B9E;--primary-darken: #2d5275;--primary-lighten: #5080b3;--accent: #FFD700;--accent-darken: #e6c200;--success: #28C76F;--success-darken: #1fa35c;--info: #00BAD1;--warning: #FF9F43;--error: #FF4C51;--error-darken: #e63c41;--background: #F8F7FA;--surface: #FFFFFF;--on-surface: #2F2B3D;--on-background: #2F2B3D;--border-color: rgba(47, 43, 61, .12);--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--gray-300: #E0E0E0;--gray-400: #BDBDBD;--gray-500: #9E9E9E;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--high-emphasis: .9;--medium-emphasis: .7;--disabled-emphasis: .4;--hover-opacity: .06;--focus-opacity: .1;--selected-opacity: .08;--activated-opacity: .16;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--radius-sm: 4px;--radius-base: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-pill: 30px;--shadow-xs: 0 2px 4px 0 rgba(47, 43, 61, .1);--shadow-sm: 0 2px 6px 0 rgba(47, 43, 61, .12);--shadow-md: 0 4px 8px 0 rgba(47, 43, 61, .14);--shadow-lg: 0 6px 12px 0 rgba(47, 43, 61, .16);--shadow-xl: 0 8px 20px 0 rgba(47, 43, 61, .18);--elevation-card: 0 3px 12px 0 rgba(47, 43, 61, .14);--elevation-dialog: 0 4px 18px 0 rgba(47, 43, 61, .16);--font-family: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .6875rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2rem;--transition-base: .135s ease;--transition-slow: .3s ease;--transition-fast: .15s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.375;color:rgba(var(--on-surface),var(--high-emphasis));background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:500;color:var(--on-surface)}h1{font-size:2.875rem;line-height:4.25rem}h2{font-size:2.375rem;line-height:3.5rem}h3{font-size:1.75rem;line-height:2.625rem}h4{font-size:1.5rem;line-height:2.375rem}h5{font-size:1.125rem;line-height:1.75rem}h6{font-size:.9375rem;line-height:1.375rem}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-high-emphasis{opacity:var(--high-emphasis)}.text-medium-emphasis{opacity:var(--medium-emphasis)}.text-disabled{opacity:var(--disabled-emphasis)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-info{color:var(--info)}.text-uppercase{text-transform:uppercase;letter-spacing:.0469rem}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.w-100{width:100%}.h-100{height:100%}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-pill{border-radius:var(--radius-pill)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.elevation-card{box-shadow:var(--elevation-card)}.elevation-dialog{box-shadow:var(--elevation-dialog)}.modern-card{background:var(--surface);border-radius:var(--radius-base);box-shadow:var(--elevation-card);padding:var(--spacing-6);transition:box-shadow var(--transition-base)}.modern-card:hover{box-shadow:var(--shadow-lg)}.modern-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-5)}.modern-card-title{font-size:var(--font-size-lg);font-weight:500;color:var(--on-surface);line-height:1.75rem;margin:0}.modern-card-subtitle{font-size:var(--font-size-sm);color:var(--on-surface);opacity:.55;margin-top:var(--spacing-1)}.modern-card-text{font-size:var(--font-size-base);line-height:1.375rem;color:var(--on-surface);opacity:var(--medium-emphasis)}.modern-card-actions{display:flex;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-5)}.modern-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);height:38px;padding:0 var(--spacing-4);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:500;line-height:1;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;text-decoration:none;position:relative;overflow:hidden}.modern-btn:active{transform:scale(.98)}.modern-btn:disabled{opacity:var(--disabled-emphasis);cursor:not-allowed;pointer-events:none}.modern-btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 6px #3e6b9e1f}.modern-btn-primary:hover{background:var(--primary-darken);box-shadow:0 4px 8px #3e6b9e29}.modern-btn-success{background:var(--success);color:#fff;box-shadow:0 2px 6px #28c76f1f}.modern-btn-success:hover{background:var(--success-darken)}.modern-btn-error{background:var(--error);color:#fff;box-shadow:0 2px 6px #ff4c511f}.modern-btn-error:hover{background:var(--error-darken)}.modern-btn-outlined{background:transparent;color:var(--primary);border:1px solid rgba(62,107,158,.22)}.modern-btn-outlined:hover{background:rgba(62,107,158,.08);border-color:#3e6b9e99}.modern-btn-text{background:transparent;color:var(--primary);padding:0 var(--spacing-3)}.modern-btn-text:hover{background:rgba(62,107,158,.08)}.modern-btn-sm{height:34px;padding:0 var(--spacing-3);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.modern-btn-lg{height:48px;padding:0 var(--spacing-6);font-size:var(--font-size-base);border-radius:var(--radius-lg)}.modern-input-wrapper{position:relative;margin-bottom:var(--spacing-4)}.modern-input-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--on-surface);opacity:var(--high-emphasis);margin-bottom:var(--spacing-2)}.modern-input{width:100%;height:42px;padding:0 var(--spacing-4);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--on-surface);background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-base);transition:all var(--transition-fast);outline:none}.modern-input:hover{border-color:#2f2b3d99}.modern-input:focus{border:2px solid var(--primary);padding:0 calc(var(--spacing-4) - 1px);box-shadow:0 2px 6px #3e6b9e1f}.modern-input::placeholder{color:var(--on-surface);opacity:var(--disabled-emphasis)}.modern-input:disabled{background:rgba(47,43,61,.04);border-color:#2f2b3d3d;opacity:var(--disabled-emphasis);cursor:not-allowed}.modern-textarea{min-height:100px;padding:var(--spacing-3) var(--spacing-4);resize:vertical}.modern-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);height:24px;padding:0 var(--spacing-2);font-size:var(--font-size-sm);font-weight:500;line-height:1;border-radius:var(--radius-xl);white-space:nowrap}.modern-badge-primary{background:rgba(62,107,158,.16);color:var(--primary)}.modern-badge-success{background:rgba(40,199,111,.16);color:var(--success)}.modern-badge-warning{background:rgba(255,159,67,.16);color:var(--warning)}.modern-badge-error{background:rgba(255,76,81,.16);color:var(--error)}.modern-badge-info{background:rgba(0,186,209,.16);color:var(--info)}.modern-table-wrapper{background:var(--surface);border-radius:var(--radius-base);box-shadow:var(--elevation-card);overflow:hidden}.modern-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.modern-table thead{background:#EAEAEC}.modern-table th{padding:var(--spacing-4) var(--spacing-6);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--on-surface);opacity:var(--high-emphasis);text-transform:uppercase;letter-spacing:.2px;white-space:nowrap}.modern-table tbody tr{border-top:1px solid var(--border-color);transition:background var(--transition-fast)}.modern-table tbody tr:hover{background:rgba(62,107,158,.04)}.modern-table td{padding:var(--spacing-4) var(--spacing-6);color:var(--on-surface);opacity:var(--medium-emphasis)}.modern-table td:first-child,.modern-table th:first-child{padding-left:var(--spacing-6)}.modern-table td:last-child,.modern-table th:last-child{padding-right:var(--spacing-6)}.modern-alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);border-left:4px solid;background:var(--surface);box-shadow:var(--shadow-sm)}.modern-alert-icon{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-base);font-size:var(--font-size-lg)}.modern-alert-content{flex:1}.modern-alert-title{font-size:var(--font-size-lg);font-weight:500;line-height:1.5rem;margin-bottom:var(--spacing-1)}.modern-alert-text{font-size:var(--font-size-base);line-height:1.375rem;opacity:var(--medium-emphasis)}.modern-alert-success{border-left-color:var(--success)}.modern-alert-success .modern-alert-icon{background:rgba(40,199,111,.16);color:var(--success)}.modern-alert-warning{border-left-color:var(--warning)}.modern-alert-warning .modern-alert-icon{background:rgba(255,159,67,.16);color:var(--warning)}.modern-alert-error{border-left-color:var(--error)}.modern-alert-error .modern-alert-icon{background:rgba(255,76,81,.16);color:var(--error)}.modern-alert-info{border-left-color:var(--info)}.modern-alert-info .modern-alert-icon{background:rgba(0,186,209,.16);color:var(--info)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#DBDADE;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#C5C5C9}.dark{--primary: #5a8fc4;--primary-darken: #3E6B9E;--primary-lighten: #7ba9d4;--accent: #1e3a4f;--surface: #1e293b;--surface-variant: #334155;--background: #0f172a;--on-surface: #f1f5f9;--on-background: #f1f5f9;--border-color: rgba(255, 255, 255, .12);--gray-50: #1e293b;--gray-100: #334155;--gray-200: #475569;--gray-300: #64748b;--gray-400: #94a3b8;--gray-500: #cbd5e1;--gray-600: #e2e8f0;--gray-700: #f1f5f9;--gray-800: #f8fafc;--gray-900: #ffffff;--success: #22c55e;--success-darken: #16a34a;--info: #38bdf8;--warning: #fbbf24;--error: #f87171;--error-darken: #ef4444;--shadow-xs: 0 2px 4px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 2px 6px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 8px 0 rgba(0, 0, 0, .4);--shadow-lg: 0 6px 12px 0 rgba(0, 0, 0, .5);--shadow-xl: 0 8px 20px 0 rgba(0, 0, 0, .5);--elevation-card: 0 3px 12px 0 rgba(0, 0, 0, .5);--elevation-dialog: 0 4px 18px 0 rgba(0, 0, 0, .6);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-disabled: #64748b}.dark .modern-table thead{background:#334155}.dark .modern-table tbody tr:hover{background:rgba(255,255,255,.05)}.dark ::-webkit-scrollbar-track{background:#1e293b}.dark ::-webkit-scrollbar-thumb{background:#475569}.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}*,*:before,*:after{transition:background-color .2s ease,border-color .2s ease,color .2s ease}