:root[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#e8e8e8;--text-primary:#333;--text-secondary:#666;--text-tertiary:#999;--border-color:#ddd;--border-light:#e8e8e8;--input-bg:#fff;--input-border:#ccc;--input-focus:#ff6b35;--table-header-bg:#f8f8f8;--table-row-hover:#f0f0f0;--shadow-sm:#0000001a;--shadow-md:#00000026;--orange-primary:#ff6b35;--orange-hover:#e55a2b;--button-text:#fff;--btn-new-bg:#e67e22;--btn-new-hover:#d35400;--btn-edit-bg:#3498db;--btn-edit-hover:#2980b9;--btn-delete-bg:#e74c3c;--btn-delete-hover:#c0392b;--btn-cancel-bg:#95a5a6;--btn-cancel-hover:#7f8c8d;--btn-save-bg:#27ae60;--btn-save-hover:#229954;--btn-clear-bg:#f44336;--btn-clear-hover:#da190b;--success-bg:#d4edda;--success-text:#155724;--success-border:#c3e6cb;--error-bg:#f8d7da;--error-text:#721c24;--error-border:#f5c6cb;--modal-overlay:#00000080;--note-bg:#fff3cd;--note-text:#856404;--note-border:#ffc107;--required-color:#d32f2f;--invalid-border:#ffcdd2;--invalid-shadow:#d32f2f1a;--field-note-color:#c62828;--line-items-header:#d2691e;--btn-add-bg:#4caf50;--btn-add-hover:#45a049;--btn-add-shadow:#4caf504d;--btn-remove-bg:#f44336;--btn-remove-hover:#da190b;--btn-update-bg:#2196f3;--btn-update-hover:#0b7dda;--btn-cancel-edit-bg:#ff9800;--btn-cancel-edit-hover:#e68900;--btn-edit-line-bg:#4caf50;--btn-edit-line-hover:#45a049;--locked-row-bg:#f5f5f5;--locked-text:#333;--form-actions-bg:#fff;--form-actions-border:#ddd;--btn-clear-form-bg:#f0f0f0;--btn-clear-form-text:#333;--btn-clear-form-hover:#e0e0e0;--btn-submit-bg:#4caf50;--btn-submit-hover:#45a049;--btn-submit-shadow:#4caf504d;--empty-table-text:#666;--time-placeholder:#999;--nav-tab-hover:#ffffff26;--nav-tab-active:#ffffff40;--secondary-nav-hover:#fffc;--error-message-bg:#ffebee;--error-message-text:#c62828;--success-message-bg:#e8f5e9;--success-message-text:#2e7d32;--ref-section-title:#e67e22;--ref-card-title:#333;--ref-link:#3498db;--ref-strong:#555;--ref-doc-bg:#f9f9f9;--ref-doc-border:#e0e0e0;--ref-doc-text:#333;--btn-download-bg:#3498db;--btn-download-hover:#2980b9;--btn-download-disabled:#95a5a6;--hts-table-header:#e67e22;--hts-row-hover:#f9f9f9;--card-bg:#fff;--primary-color:#ff6b35;--btn-primary-bg:#ff6b35;--btn-primary-hover:#e55a2b;--btn-secondary-bg:#f0f0f0;--btn-secondary-text:#333;--btn-secondary-hover:#e0e0e0;--btn-edit-text:#fff;--badge-admin-bg:#e74c3c;--badge-admin-text:#fff;--badge-user-bg:#3498db;--badge-user-text:#fff;--badge-domestic-bg:#3498db;--badge-domestic-text:#fff;--badge-intl-bg:#9b59b6;--badge-intl-text:#fff;--badge-pending-bg:#f39c12;--badge-pending-text:#fff;--badge-transit-bg:#3498db;--badge-transit-text:#fff;--badge-delivered-bg:#27ae60;--badge-delivered-text:#fff;--badge-cancelled-bg:#95a5a6;--badge-cancelled-text:#fff;--input-disabled-bg:#f5f5f5;--error-color:#d32f2f}:root[data-theme=dark]{--bg-primary:#1e1e1e;--bg-secondary:#2d2d2d;--bg-tertiary:#3a3a3a;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--text-tertiary:grey;--border-color:#404040;--border-light:#353535;--input-bg:#2d2d2d;--input-border:#404040;--input-focus:#ff6b35;--table-header-bg:#252525;--table-row-hover:#353535;--shadow-sm:#0000004d;--shadow-md:#00000080;--orange-primary:#ff6b35;--orange-hover:#ff8555;--button-text:#fff;--btn-new-bg:#ff8c42;--btn-new-hover:#ffa05c;--btn-edit-bg:#4a9eff;--btn-edit-hover:#6bb0ff;--btn-delete-bg:#ff5252;--btn-delete-hover:#ff6b6b;--btn-cancel-bg:#757575;--btn-cancel-hover:#9e9e9e;--btn-save-bg:#4caf50;--btn-save-hover:#66bb6a;--btn-clear-bg:#ff5252;--btn-clear-hover:#ff6b6b;--success-bg:#1b5e20;--success-text:#a5d6a7;--success-border:#2e7d32;--error-bg:#b71c1c;--error-text:#ffcdd2;--error-border:#c62828;--modal-overlay:#000000b3;--note-bg:#4a4000;--note-text:#ffd54f;--note-border:#ff8f00;--required-color:#ff5252;--invalid-border:#ff5252;--invalid-shadow:#ff525233;--field-note-color:#ff5252;--line-items-header:#ff8c42;--btn-add-bg:#66bb6a;--btn-add-hover:#81c784;--btn-add-shadow:#66bb6a4d;--btn-remove-bg:#ff5252;--btn-remove-hover:#ff6b6b;--btn-update-bg:#42a5f5;--btn-update-hover:#64b5f6;--btn-cancel-edit-bg:#ffa726;--btn-cancel-edit-hover:#ffb74d;--btn-edit-line-bg:#66bb6a;--btn-edit-line-hover:#81c784;--locked-row-bg:#2d2d2d;--locked-text:#e0e0e0;--form-actions-bg:#1e1e1e;--form-actions-border:#404040;--btn-clear-form-bg:#424242;--btn-clear-form-text:#e0e0e0;--btn-clear-form-hover:#616161;--btn-submit-bg:#66bb6a;--btn-submit-hover:#81c784;--btn-submit-shadow:#66bb6a4d;--empty-table-text:grey;--time-placeholder:#666;--nav-tab-hover:#ffffff1a;--nav-tab-active:#fff3;--secondary-nav-hover:#ffffffb3;--error-message-bg:#5d1f1f;--error-message-text:#ffcdd2;--success-message-bg:#1b5e20;--success-message-text:#a5d6a7;--ref-section-title:#ff8c42;--ref-card-title:#e0e0e0;--ref-link:#64b5f6;--ref-strong:#b0b0b0;--ref-doc-bg:#2d2d2d;--ref-doc-border:#404040;--ref-doc-text:#e0e0e0;--btn-download-bg:#42a5f5;--btn-download-hover:#64b5f6;--btn-download-disabled:#616161;--hts-table-header:#ff8c42;--hts-row-hover:#2d2d2d;--card-bg:#2d2d2d;--primary-color:#ff6b35;--btn-primary-bg:#ff6b35;--btn-primary-hover:#ff8555;--btn-secondary-bg:#424242;--btn-secondary-text:#e0e0e0;--btn-secondary-hover:#616161;--btn-edit-text:#fff;--badge-admin-bg:#ff5252;--badge-admin-text:#fff;--badge-user-bg:#42a5f5;--badge-user-text:#fff;--badge-domestic-bg:#42a5f5;--badge-domestic-text:#fff;--badge-intl-bg:#ab47bc;--badge-intl-text:#fff;--badge-pending-bg:#ffa726;--badge-pending-text:#fff;--badge-transit-bg:#42a5f5;--badge-transit-text:#fff;--badge-delivered-bg:#66bb6a;--badge-delivered-text:#fff;--badge-cancelled-bg:#757575;--badge-cancelled-text:#fff;--input-disabled-bg:#1a1a1a;--error-color:#ff5252}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Helvetica,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}button,input,select,textarea{font-family:inherit}html{scroll-behavior:smooth}.login-container{min-height:100vh}.login-container,.login-logo-container{background-color:var(--bg-primary);transition:background-color .3s ease}.login-logo-container{padding:30px 40px}.login-logo{color:var(--orange-primary);font-size:56px;font-weight:700;letter-spacing:3px;transition:color .3s ease}.login-logo-subtitle{color:var(--text-secondary);font-size:13px;margin-left:2px;margin-top:-5px;transition:color .3s ease}.login-header-bar{background-color:var(--orange-primary);color:var(--button-text);font-size:20px;font-weight:700;padding:15px 40px;transition:background-color .3s ease}.login-content{display:flex;justify-content:center;padding:60px 20px}.login-box{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-md);max-width:500px;min-width:420px;padding:45px;transition:all .3s ease}.login-instruction{color:var(--text-primary);font-size:14px;margin-bottom:25px;transition:color .3s ease}.form-group{margin-bottom:20px}.form-group label{font-weight:700;margin-bottom:5px;transition:color .3s ease}.form-group input{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.form-group input:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--shadow-sm);outline:none}.login-button{background:var(--orange-primary);border:none;border-radius:4px;box-shadow:0 2px 4px var(--shadow-sm);color:var(--button-text);cursor:pointer;font-size:15px;font-weight:600;margin-top:15px;padding:10px 35px;transition:all .2s}.login-button:hover:not(:disabled){background:var(--orange-hover);box-shadow:0 4px 8px var(--shadow-md);transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.notification-bell-container{display:inline-block;position:relative}.notification-bell-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:background-color .2s}.notification-bell-button:hover{background-color:#0000000d}.notification-bell-icon{color:#333;height:24px;width:24px}.notification-badge{background-color:#e74c3c;border-radius:10px;color:#fff;font-size:11px;font-weight:700;line-height:1.2;min-width:18px;padding:2px 6px;position:absolute;right:4px;text-align:center;top:4px}.notification-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:500px;position:absolute;right:0;top:calc(100% + 8px);width:360px;z-index:1000}.notification-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.notification-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.mark-all-read-btn{background:none;border:none;border-radius:4px;color:#d97948;cursor:pointer;font-size:13px;padding:4px 8px;transition:background-color .2s}.mark-all-read-btn:hover{background-color:#d979481a}.notification-list{max-height:400px;overflow-y:auto}.notification-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:background-color .2s}.notification-item:hover{background-color:#f9f9f9}.notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:#fff8f5}.notification-item.unread:hover{background-color:#fff3ed}.notification-content{flex:1 1;padding-right:8px}.notification-title{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.notification-message{color:#666;font-size:13px;line-height:1.4;margin-bottom:4px}.notification-time{color:#999;font-size:12px}.notification-dot{background-color:#d97948;border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.notification-empty,.notification-loading{color:#999;font-size:14px;padding:32px 16px;text-align:center}.notification-footer{border-top:1px solid #e0e0e0;padding:12px 16px;text-align:center}.notification-footer button{background:none;border:none;border-radius:4px;color:#d97948;cursor:pointer;font-size:14px;padding:4px 8px;transition:background-color .2s}.notification-footer button:hover{background-color:#d979481a}@media (max-width:768px){.notification-dropdown{right:-16px;width:320px}}@media (max-width:480px){.notification-dropdown{left:16px;position:fixed;right:16px;top:60px;width:auto}}.table-container{background-color:var(--bg-primary);border:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-sm);transition:all .3s ease}.shipments-table thead{background:var(--orange-primary);color:var(--button-text)}.shipments-table th{border-right:1px solid #fff3;font-size:13px;letter-spacing:.5px;padding:14px 16px;text-transform:uppercase}.shipments-table th:last-child{border-right:none}.shipments-table td{font-size:14px;padding:14px 16px;transition:color .3s ease}.shipments-table tbody tr{transition:background-color .2s}.shipments-table tbody tr:hover{background-color:var(--table-row-hover)}.no-data{color:var(--text-secondary);font-style:italic}.clone-button{background-color:var(--orange-primary);border:none;border-radius:4px;color:var(--button-text);cursor:pointer;font-size:12px;font-weight:600;padding:6px 16px;transition:all .2s}.clone-button:hover{background-color:var(--orange-hover);box-shadow:0 2px 6px var(--shadow-md);transform:translateY(-1px)}.address-dropdown{margin-bottom:15px;position:relative}.address-dropdown-trigger{align-items:center;background:var(--orange-primary);border:none;border-radius:4px;color:var(--button-text);cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:10px 15px;transition:all .2s;width:100%}.address-dropdown-trigger:hover{background:var(--orange-hover);box-shadow:0 4px 8px var(--shadow-md);transform:translateY(-1px)}.dropdown-arrow{font-size:10px}.address-dropdown-panel{animation:slideDown .2s ease-out;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px var(--shadow-md);display:flex;flex-direction:column;left:0;margin-top:5px;max-height:600px;min-width:900px;position:absolute;right:0;top:100%;transition:all .3s ease;z-index:1000}.address-dropdown-header{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:15px;transition:all .3s ease}.search-row{align-items:center;display:flex;gap:10px}.address-search{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;color:var(--text-primary);flex:1 1;font-size:14px;padding:10px 12px;transition:all .2s}.address-search:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--shadow-sm);outline:none}.filter-toggle-btn{background-color:var(--bg-primary);border:1px solid var(--orange-primary);border-radius:4px;color:var(--orange-primary);cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s;white-space:nowrap}.filter-toggle-btn:hover{background-color:var(--orange-primary);color:var(--button-text)}.clear-filters-btn{background-color:var(--btn-clear-bg);border:none;border-radius:4px;color:var(--button-text);cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s;white-space:nowrap}.clear-filters-btn:hover{background-color:var(--btn-clear-hover)}.filters-panel{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;margin-top:15px;padding:15px;transition:all .3s ease}.filter-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.filter-field label{color:var(--text-secondary);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase;transition:color .3s ease}.filter-field input{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;color:var(--text-primary);font-size:13px;padding:8px 10px;transition:all .2s;width:100%}.filter-field input:focus{border-color:var(--input-focus);box-shadow:0 0 0 2px var(--shadow-sm);outline:none}.address-dropdown-content{flex:1 1;max-height:450px;overflow-x:auto;overflow-y:auto}.address-table{font-size:12px;min-width:850px}.address-table thead{background:var(--orange-primary);color:var(--button-text);z-index:1}.address-table th{color:var(--button-text);font-size:11px;letter-spacing:.5px;padding:12px 10px;text-transform:uppercase}.address-table th:first-child{width:90px}.address-table th:nth-child(2),.address-table th:nth-child(3){width:180px}.address-table th:nth-child(4){width:120px}.address-table th:nth-child(5){width:60px}.address-table th:nth-child(6){width:80px}.address-table th:nth-child(7){width:70px}.address-table th:nth-child(8){width:120px}.address-table th:nth-child(9){width:110px}.address-table th:nth-child(10){width:150px}.address-table td{overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap}.address-table td:nth-child(2){color:var(--text-primary);font-weight:600}.address-row{cursor:pointer;transition:background-color .2s}.address-row:hover{background-color:var(--table-row-hover)}.address-row:active{background-color:var(--bg-tertiary)}.address-empty,.address-loading{color:var(--text-secondary);font-style:italic;padding:40px 20px;text-align:center;transition:color .3s ease}.address-dropdown-footer{align-items:center;background-color:var(--bg-tertiary);border-radius:0 0 8px 8px;border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between;padding:12px 15px;transition:all .3s ease}.address-count{color:var(--text-primary);font-weight:600}.pagination{gap:5px}.page-btn{font-size:12px;padding:4px 10px}.page-btn:hover:not(:disabled){background-color:var(--orange-primary);border-color:var(--orange-primary);color:var(--button-text)}.page-btn:disabled{opacity:.4}.page-info{font-size:12px}.note-box{background-color:var(--note-bg);border:1px solid var(--note-border);color:var(--note-text);font-size:13px;margin-bottom:20px;padding:15px;transition:all .3s ease}.form-row{grid-gap:30px;gap:30px;margin-bottom:30px}.form-column,.form-section{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px var(--shadow-sm);padding:25px;transition:all .3s ease}.form-section{margin-bottom:20px}.section-title{margin-bottom:15px;transition:color .3s ease}.form-field label{font-weight:600}.form-field label .required{color:var(--required-color);font-weight:700;margin-left:2px}.form-field input:required:invalid{border-color:var(--invalid-border)}.form-field input:required:valid{border-color:var(--input-border)}.form-field input:focus:required:invalid{border-color:var(--required-color);box-shadow:0 0 0 3px var(--invalid-shadow)}.autocomplete-wrapper{position:relative}.autocomplete-wrapper .dropdown-icon{color:var(--time-placeholder);font-size:10px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.autocomplete-wrapper input{padding-right:35px}.form-field input[type=date],.form-field input[type=email],.form-field input[type=number],.form-field input[type=text],.form-field input[type=time],.form-field select,.form-field textarea{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;color:var(--text-primary);font-size:14px;padding:8px 10px;transition:all .2s;width:100%}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--shadow-sm);outline:none}.checkbox-field label{align-items:center;display:flex;font-weight:400}.checkbox-field input[type=checkbox]{margin-right:8px;width:auto}.field-note{color:var(--field-note-color);font-size:12px;font-style:normal;font-weight:500;line-height:1.5;margin-top:5px;transition:color .3s ease}.radio-group{display:flex;gap:30px}.radio-group label{align-items:center;display:flex;font-weight:400}.radio-group input[type=radio]{margin-right:8px}.accessorials-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.accessorial-item{align-items:center;display:flex;gap:15px}.accessorial-item span{font-weight:700;min-width:150px}.accessorial-item label{align-items:center;display:flex;font-weight:400}.accessorial-item input[type=checkbox]{margin-right:5px}.line-items-container{overflow-x:auto}.line-items-table{border-collapse:collapse;margin-bottom:15px;width:100%}.line-items-table thead{background-color:var(--line-items-header);color:var(--button-text)}.line-items-table th{font-size:12px;font-weight:700;padding:10px;text-align:left}.line-items-table td{border-bottom:1px solid var(--border-color);padding:8px;vertical-align:top}.line-items-table input{background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);font-size:12px;padding:4px;width:100%}.line-items-table .no-data{color:var(--empty-table-text);font-style:italic;padding:30px!important;text-align:center;transition:color .3s ease}.add-button{background-color:var(--btn-add-bg);border:none;border-radius:4px;color:var(--button-text);cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s}.add-button:hover{background-color:var(--btn-add-hover);box-shadow:0 2px 6px var(--btn-add-shadow);transform:translateY(-1px)}.remove-button{background-color:var(--btn-remove-bg);border:none;border-radius:3px;color:var(--button-text);cursor:pointer;display:block;font-size:11px;padding:4px 12px;transition:all .2s;width:100%}.remove-button:hover{background-color:var(--btn-remove-hover)}.update-button{background-color:var(--btn-update-bg);border:none;border-radius:3px;color:var(--button-text);cursor:pointer;display:block;font-size:11px;margin-bottom:3px;padding:4px 12px;transition:all .2s;width:100%}.update-button:hover{background-color:var(--btn-update-hover)}.cancel-button{background-color:var(--btn-cancel-edit-bg);border:none;border-radius:3px;color:var(--button-text);cursor:pointer;display:block;font-size:11px;padding:4px 12px;transition:all .2s;width:100%}.cancel-button:hover{background-color:var(--btn-cancel-edit-hover)}.edit-button{background-color:var(--btn-edit-line-bg);border:none;border-radius:3px;color:var(--button-text);cursor:pointer;display:block;font-size:11px;margin-bottom:3px;padding:4px 12px;transition:all .2s;width:100%}.edit-button:hover{background-color:var(--btn-edit-line-hover)}.locked-row{background-color:var(--locked-row-bg);transition:background-color .3s ease}.locked-value{color:var(--locked-text);display:block;font-size:12px;padding:4px;transition:color .3s ease}.form-actions{background-color:var(--form-actions-bg);border:1px solid var(--form-actions-border);display:flex;gap:20px;justify-content:center;margin-top:30px;padding:20px;transition:all .3s ease}.clear-button,.submit-button{border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:14px;padding:10px 40px}.clear-button{background-color:var(--btn-clear-form-bg);color:var(--btn-clear-form-text)}.clear-button:hover:not(:disabled){background-color:var(--btn-clear-form-hover)}.submit-button{background-color:var(--btn-submit-bg);border-color:var(--btn-submit-bg);color:var(--button-text);transition:all .2s}.submit-button:hover:not(:disabled){background-color:var(--btn-submit-hover);box-shadow:0 4px 8px var(--btn-submit-shadow);transform:translateY(-1px)}.clear-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.6}.readonly-field{cursor:not-allowed!important;opacity:.8}@media (prefers-color-scheme:light){.readonly-field{background-color:#f5f5f5!important;border:1px solid #ddd!important;color:#666!important}}@media (prefers-color-scheme:dark){.readonly-field{background-color:#1a1a1a!important;border:1px solid #555!important;color:#fff!important}}.contact-link{color:#06c;font-weight:500;text-decoration:none;transition:color .3s ease}.contact-link:hover{text-decoration:underline}@media (prefers-color-scheme:dark){.contact-link{color:#66b3ff}}.hts-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.hts-modal-content{background:#fff!important;background:var(--modal-bg,#fff)!important;border:1px solid #e0e0e0;border:1px solid var(--modal-border,#e0e0e0);border-radius:8px;box-shadow:0 4px 20px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;width:90%}@media (prefers-color-scheme:dark){.hts-modal-content{--modal-bg:#2a2a2a;--modal-border:#444;--text-primary:#fff;--text-secondary:#ddd;--text-muted:#aaa;--input-bg:#1a1a1a;--input-border:#555;--row-bg:#2a2a2a;--row-hover:#333;--button-bg:#1a1a1a}}@media (prefers-color-scheme:light){.hts-modal-content{--modal-bg:#fff;--modal-border:#e0e0e0;--text-primary:#1a1a1a;--text-secondary:#333;--text-muted:#666;--input-bg:#fff;--input-border:#ddd;--row-bg:#fff;--row-hover:#f8f8f8;--button-bg:#fff}}.hts-modal-header{align-items:center;background:var(--modal-bg)!important;border-bottom:2px solid var(--modal-border);display:flex;justify-content:space-between;padding:20px}.hts-modal-header h2{color:var(--text-primary)!important;font-size:24px;font-weight:600;margin:0}.hts-modal-close{align-items:center;background:none;border:none;color:var(--text-secondary)!important;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:color .2s;width:32px}.hts-modal-close:hover{color:#ff6b35!important}.hts-modal-search{background:var(--modal-bg)!important;border-bottom:1px solid var(--modal-border);padding:20px}.hts-modal-search input{background:var(--input-bg)!important;border:2px solid var(--input-border);border-radius:4px;color:var(--text-primary)!important;font-size:16px;padding:12px;transition:border-color .2s;width:100%}.hts-modal-search input::placeholder{color:var(--text-muted)!important}.hts-modal-search input:focus{border-color:#ff6b35;outline:none}.hts-search-info{color:var(--text-muted)!important;font-size:14px;font-weight:500;margin-top:8px}.hts-modal-body{background:var(--modal-bg)!important;flex:1 1;overflow-y:auto;padding:20px}.hts-loading,.hts-no-results{color:var(--text-muted)!important;font-size:16px;font-weight:500;padding:40px;text-align:center}.hts-table thead{background-color:#ff6b35!important;position:-webkit-sticky;position:sticky;top:0;z-index:10}.hts-table th,.hts-table thead{color:#fff!important}.hts-table th:first-child{width:150px}.hts-table th:last-child{text-align:center;width:100px}.hts-table tbody tr{background-color:var(--row-bg)!important;border-bottom:1px solid var(--modal-border);transition:background-color .2s}.hts-table tbody tr:hover{background-color:var(--row-hover)!important}.hts-table tbody tr.selected{background-color:#fff3e0!important}.hts-table td{padding:12px}.hts-code,.hts-table td{color:var(--text-primary)!important}.hts-code{font-family:Courier New,monospace;font-weight:600}.hts-description{color:var(--text-secondary)!important;line-height:1.4}.hts-select-btn{background-color:#ff6b35!important;border:none;border-radius:4px;color:#fff!important;cursor:pointer;font-size:14px;font-weight:500;padding:6px 16px;transition:background-color .2s}.hts-select-btn:hover{background-color:#e55a2b!important}.hts-modal-footer{align-items:center;background:var(--modal-bg)!important;border-top:2px solid var(--modal-border);display:flex;justify-content:space-between;padding:20px}.hts-pagination{align-items:center;display:flex;gap:5px}.hts-page-btn{background-color:var(--button-bg)!important;border:1px solid var(--input-border);border-radius:4px;color:var(--text-primary)!important;cursor:pointer;font-size:14px;font-weight:500;min-width:36px;padding:6px 12px;transition:all .2s}.hts-page-btn:hover:not(:disabled){background-color:var(--row-hover)!important;border-color:#ff6b35}.hts-page-btn.active{background-color:#ff6b35!important;border-color:#ff6b35;color:#fff!important;font-weight:600}.hts-page-btn:disabled{background-color:var(--button-bg)!important;cursor:not-allowed;opacity:.5}.hts-page-ellipsis{padding:6px}.hts-page-ellipsis,.hts-page-info{color:var(--text-muted)!important;font-weight:500}.hts-page-info{font-size:14px}@media (max-width:768px){.hts-modal-content{max-height:95vh;width:95%}.hts-table th:first-child{width:120px}.hts-table th:last-child{width:80px}.hts-modal-footer{flex-direction:column;gap:15px}.hts-page-info{order:-1}}.address-book-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.btn-new{background-color:var(--btn-new-bg);border:none;border-radius:4px;color:var(--button-text);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.btn-new:hover{background-color:var(--btn-new-hover)}.address-book-controls{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.search-input{background-color:var(--input-bg);border:1px solid var(--input-border);font-size:14px;padding:10px;transition:all .3s ease}.search-input:focus{border-color:var(--input-focus)}.address-count{color:var(--text-secondary);font-size:14px;transition:color .3s ease;white-space:nowrap}.address-table-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:20px;overflow-x:auto;transition:all .3s ease}.address-table{border-collapse:collapse;font-size:13px;width:100%}.address-table thead{background-color:var(--table-header-bg);position:-webkit-sticky;position:sticky;top:0}.address-table th{border-bottom:2px solid var(--border-color);font-weight:600;padding:12px 8px;text-align:left;white-space:nowrap}.address-table td,.address-table th{color:var(--text-primary);transition:all .3s ease}.address-table td{border-bottom:1px solid var(--border-light);padding:10px 8px}.address-table tbody tr:hover{background-color:var(--table-row-hover)}.actions-cell{display:flex;gap:5px}.btn-delete,.btn-edit{border:none;border-radius:3px;cursor:pointer;font-size:12px;padding:5px 10px;transition:background-color .2s}.btn-edit{background-color:var(--btn-edit-bg);color:var(--button-text)}.btn-edit:hover{background-color:var(--btn-edit-hover)}.btn-delete{background-color:var(--btn-delete-bg);color:var(--button-text)}.btn-delete:hover{background-color:var(--btn-delete-hover)}.no-data{color:var(--text-tertiary);padding:40px!important}.loading,.no-data{text-align:center;transition:color .3s ease}.loading{color:var(--text-secondary);padding:40px}.message{align-items:center;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.message.success{background-color:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.message.error{background-color:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text)}.message button{background:none;border:none;color:inherit;cursor:pointer;font-size:20px;padding:0 5px}.modal-overlay{background-color:var(--modal-overlay)}.modal-content{background:var(--bg-primary);box-shadow:0 4px 6px var(--shadow-md);max-width:600px;transition:all .3s ease}.modal-header{padding:20px}.modal-header h2{font-size:20px;transition:color .3s ease}.modal-close{color:var(--text-tertiary);font-size:28px;transition:color .2s}.modal-body{padding:20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-field,.form-row{margin-bottom:15px}.form-field label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:5px;transition:color .3s ease}.form-field input,.form-field select{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;color:var(--text-primary);font-size:14px;padding:8px;transition:all .3s ease;width:100%}.form-field input:focus,.form-field select:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--shadow-sm);outline:none}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;padding:20px}.btn-cancel,.btn-save{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.btn-cancel{background-color:var(--btn-cancel-bg);color:var(--button-text)}.btn-cancel:hover{background-color:var(--btn-cancel-hover)}.btn-save{background-color:var(--btn-save-bg);color:var(--button-text)}.btn-save:hover{background-color:var(--btn-save-hover)}.pagination{gap:10px;margin-top:20px}.page-btn{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.page-btn:hover:not(:disabled){background-color:var(--bg-tertiary)}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-info{font-size:14px;padding:0 10px;transition:color .3s ease}.references-container{margin:0 auto;max-width:1200px}.reference-section{margin-bottom:30px}.reference-section h2{border-bottom:2px solid var(--ref-section-title);color:var(--ref-section-title);font-size:20px;margin-bottom:15px;padding-bottom:10px;transition:color .3s ease}.reference-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:15px;padding:20px;transition:all .3s ease}.reference-card h3{color:var(--ref-card-title);font-size:16px;margin-bottom:10px;transition:color .3s ease}.reference-card p{line-height:1.6;margin:8px 0}.reference-card ul{margin:10px 0;padding-left:20px}.reference-card li{line-height:1.6;margin:8px 0}.reference-card a{color:var(--ref-link);text-decoration:none;transition:color .3s ease}.reference-card a:hover{text-decoration:underline}.reference-card strong{color:var(--ref-strong);transition:color .3s ease}.document-list{display:flex;flex-direction:column;gap:15px}.document-item{align-items:center;background:var(--ref-doc-bg);border:1px solid var(--ref-doc-border);border-radius:4px;display:flex;justify-content:space-between;padding:12px;transition:all .3s ease}.document-item span{color:var(--ref-doc-text);font-weight:500;transition:color .3s ease}.btn-download{background-color:var(--btn-download-bg);border:none;border-radius:4px;color:var(--button-text);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background-color .2s}.btn-download:hover:not(:disabled){background-color:var(--btn-download-hover)}.btn-download:disabled{background-color:var(--btn-download-disabled);cursor:not-allowed}.hts-table{border-collapse:collapse;font-size:14px;width:100%}.hts-table thead{background-color:var(--hts-table-header);color:var(--button-text)}.hts-table th{font-weight:600;padding:12px;text-align:left}.hts-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:10px 12px;transition:all .3s ease}.hts-table tbody tr:hover{background-color:var(--hts-row-hover)}.hts-table tbody tr:last-child td{border-bottom:none}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.admin-actions{display:flex;gap:10px}.btn-secondary{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background-color:var(--orange-primary);border-color:var(--orange-primary);color:var(--button-text)}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px var(--shadow-sm);display:flex;gap:15px;padding:20px;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 8px var(--shadow-md);transform:translateY(-2px)}.stat-icon{font-size:32px}.stat-content{flex:1 1}.stat-value{color:var(--orange-primary);font-size:28px;font-weight:700;line-height:1;margin-bottom:5px}.stat-label{color:var(--text-secondary);font-size:13px;transition:color .3s ease}.dashboard-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:25px;transition:all .3s ease}.dashboard-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.dashboard-section.half{margin-bottom:0}.section-title{border-bottom:2px solid var(--orange-primary);color:var(--orange-primary);font-size:18px;padding-bottom:10px}.status-grid{gap:15px}.status-grid,.status-item{display:flex;flex-direction:column}.status-item{gap:8px}.status-bar{background:var(--bg-tertiary);border-radius:4px;height:30px;overflow:hidden;transition:background-color .3s ease}.status-fill{height:100%;transition:width .5s ease}.status-fill.status-submitted{background:linear-gradient(90deg,#3498db,#5dade2)}.status-fill.status-in-transit{background:linear-gradient(90deg,#f39c12,#f5b041)}.status-fill.status-delivered{background:linear-gradient(90deg,#27ae60,#52be80)}.status-fill.status-draft{background:linear-gradient(90deg,#95a5a6,#bdc3c7)}.status-info{align-items:center;display:flex;justify-content:space-between}.status-name{color:var(--text-primary);font-weight:600;text-transform:capitalize;transition:color .3s ease}.status-count{color:var(--orange-primary);font-weight:700}.sessions-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.session-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:12px;transition:all .3s ease}.session-item:hover{background:var(--table-row-hover)}.session-user{align-items:center;display:flex;gap:8px;margin-bottom:5px}.session-name{color:var(--text-primary);font-weight:600;transition:color .3s ease}.session-username{color:var(--text-secondary);font-size:13px;transition:color .3s ease}.badge-admin{background:var(--orange-primary);border-radius:3px;color:var(--button-text);font-size:11px;font-weight:600;padding:2px 8px}.session-details{display:flex;font-size:12px;justify-content:space-between;transition:color .3s ease}.session-details,.session-time{color:var(--text-secondary)}.session-ip{color:var(--text-tertiary);font-family:monospace}.health-info{display:flex;flex-direction:column;gap:12px}.health-item{align-items:center;background:var(--bg-tertiary);border-radius:4px;display:flex;justify-content:space-between;padding:10px;transition:background-color .3s ease}.health-label{color:var(--text-primary);font-weight:500;transition:color .3s ease}.health-value{color:var(--text-secondary);font-weight:600;transition:color .3s ease}.health-value.status-good{color:#27ae60}.shipments-table{font-size:13px}.shipments-table thead{transition:background-color .3s ease}.shipments-table th{padding:12px;transition:all .3s ease}.shipments-table td{border-bottom:1px solid var(--border-light);padding:10px 12px;transition:all .3s ease}.badge-status,.badge-type{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.badge-type.domestic{background:#e3f2fd;color:#1976d2}.badge-type.international{background:#f3e5f5;color:#7b1fa2}.badge-status.submitted{background:#e3f2fd;color:#1976d2}.badge-status.in-transit{background:#fff3e0;color:#f57c00}.badge-status.delivered{background:#e8f5e9;color:#388e3c}.badge-status.draft{background:#f5f5f5;color:#757575}:root[data-theme=dark] .badge-type.domestic{background:#1565c0;color:#bbdefb}:root[data-theme=dark] .badge-type.international{background:#6a1b9a;color:#e1bee7}:root[data-theme=dark] .badge-status.submitted{background:#1565c0;color:#bbdefb}:root[data-theme=dark] .badge-status.in-transit{background:#e65100;color:#ffe0b2}:root[data-theme=dark] .badge-status.delivered{background:#2e7d32;color:#c8e6c9}:root[data-theme=dark] .badge-status.draft{background:#424242;color:#e0e0e0}.empty-state{color:var(--text-tertiary);font-style:italic;padding:40px;transition:color .3s ease}@media (max-width:768px){.dashboard-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.admin-header{align-items:flex-start;flex-direction:column;gap:15px}}.empty-state,.loading-state{padding:60px 20px}.btn-create-user{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--orange-hover) 100%);border:none;border-radius:6px;box-shadow:0 4px 12px #ff6b354d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-create-user:hover{background:linear-gradient(135deg,var(--orange-hover) 0,var(--primary-color) 100%);box-shadow:0 6px 16px #ff6b3566;transform:translateY(-2px)}.btn-create-user:active{box-shadow:0 2px 8px #ff6b354d;transform:translateY(0)}.btn-create-user:before{content:"+";font-size:1.3rem;font-weight:700}.filters-bar{display:flex;gap:1rem;margin-bottom:1.5rem}.search-input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);flex:1 1;font-size:.95rem;padding:.75rem}.search-input:focus{border-color:var(--primary-color);outline:none}.filter-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.95rem;min-width:150px;padding:.75rem}.filter-select:focus{border-color:var(--primary-color);outline:none}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:var(--table-header-bg)}.users-table th{border-bottom:2px solid var(--border-color);font-weight:600;text-align:left}.users-table td,.users-table th{color:var(--text-primary);padding:1rem}.users-table td{border-bottom:1px solid var(--border-color)}.users-table tbody tr:hover{background:var(--table-row-hover)}.badge-role{border-radius:12px;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.badge-role.admin{background:var(--badge-admin-bg);color:var(--badge-admin-text)}.badge-role.user{background:var(--badge-user-bg);color:var(--badge-user-text)}.badge-status.active{background:var(--success-bg);color:var(--success-text)}.badge-status.inactive{background:var(--error-bg);color:var(--error-text)}.btn-edit{background:var(--btn-edit-bg);border:none;border-radius:4px;color:var(--btn-edit-text);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background .2s}.btn-edit:hover{background:var(--btn-edit-hover)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--card-bg);border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.modal-close{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.modal-close:hover{color:var(--text-primary)}.modal-content form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.95rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);outline:none}.form-group input:disabled{background:var(--input-disabled-bg);cursor:not-allowed}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer;width:auto}.required{color:var(--error-color)}.modal-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.filters-section{background:var(--card-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1.5rem}.filters-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.filters-row:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.filter-input,.filter-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.95rem;padding:.75rem}.filter-input:focus,.filter-select:focus{border-color:var(--primary-color);outline:none}.filter-actions{align-items:flex-end;display:flex;gap:1rem}.btn-clear{background:var(--btn-clear-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--btn-clear-text);cursor:pointer;font-size:.95rem;padding:.75rem 1.5rem;transition:all .2s}.btn-clear:hover{background:var(--btn-clear-hover)}.stats-bar{background:var(--card-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-item .label{color:var(--text-secondary);font-size:.85rem}.stat-item .value{color:var(--text-primary);font-size:1.5rem;font-weight:600}.table-container{background:var(--card-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.shipments-table{border-collapse:collapse;min-width:1200px;width:100%}.shipments-table thead{background:var(--table-header-bg)}.shipments-table th{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.shipments-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:1rem}.shipments-table tbody tr:hover{background:var(--table-row-hover)}.badge-type{border-radius:12px;font-size:.85rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.badge-type.domestic{background:var(--badge-domestic-bg);color:var(--badge-domestic-text)}.badge-type.international{background:var(--badge-intl-bg);color:var(--badge-intl-text)}.badge-status{border-radius:12px;font-size:.85rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.badge-status.pending{background:var(--badge-pending-bg);color:var(--badge-pending-text)}.badge-status.in_transit{background:var(--badge-transit-bg);color:var(--badge-transit-text)}.badge-status.delivered{background:var(--badge-delivered-bg);color:var(--badge-delivered-text)}.badge-status.cancelled{background:var(--badge-cancelled-bg);color:var(--badge-cancelled-text)}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:500}.user-id{color:var(--text-secondary);font-size:.85rem}.location-info{display:flex;flex-direction:column;font-size:.9rem;gap:.25rem}.location-arrow{color:var(--text-secondary);margin:0 .25rem}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding:1rem}.btn-page{background:var(--btn-secondary-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--btn-secondary-text);cursor:pointer;padding:.5rem 1rem;transition:all .2s}.btn-page:hover:not(:disabled){background:var(--btn-secondary-hover)}.btn-page:disabled{cursor:not-allowed;opacity:.5}.page-info{font-size:.95rem}.empty-state,.page-info{color:var(--text-secondary)}.empty-state{font-size:1.1rem;padding:3rem}.loading-state{padding:60px 20px!important;text-align:center}.loading-state .spinner{animation:spin .8s linear infinite;border:4px solid var(--border-light);border-radius:50%;border-top-color:var(--orange-primary);height:40px;margin:0 auto 16px;width:40px}.loading-state p{color:var(--text-secondary);font-size:14px;margin:0}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{padding:60px 20px!important;text-align:center}.empty-state-content{margin:0 auto;max-width:400px}.empty-state-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.empty-state-text{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.account-info-container{margin:0 auto;max-width:800px}.account-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:24px}.section-title{border-bottom:2px solid #f0f0f0;color:#ff6b35;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:12px}.info-grid{display:flex;flex-direction:column;gap:16px}.info-row{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;padding:12px}.info-row label{color:#333;font-weight:600;margin:0;min-width:140px}.info-row span{color:#666;flex:1 1}.role-badge{background:#4caf50;border-radius:12px;color:#fff;display:inline-block;font-size:13px;font-weight:500;padding:4px 12px;text-transform:capitalize}.password-form{display:flex;flex-direction:column;gap:20px}.password-form .form-field{display:flex;flex-direction:column;gap:8px}.password-form label{color:#333;font-size:14px;font-weight:600}.password-form input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .3s}.password-form input:focus{border-color:#ff6b35;outline:none}.password-form input:disabled{background:#f5f5f5;cursor:not-allowed}.password-requirements{background:#f0f7ff;border-left:4px solid #2196f3;border-radius:4px;font-size:13px;padding:12px 16px}.password-requirements strong{color:#1976d2;display:block;margin-bottom:8px}.password-requirements ul{color:#555;margin:0;padding-left:20px}.password-requirements li{margin:4px 0}.submit-button{align-self:flex-start;background:#ff6b35;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background .3s}.submit-button:hover:not(:disabled){background:#e55a2b}.submit-button:disabled{background:#ccc;cursor:not-allowed}@media (prefers-color-scheme:dark){.account-section{background:#2d2d2d}.section-title{border-bottom-color:#444;color:#ff8c5a}.info-row{background:#3a3a3a}.info-row label{color:#e0e0e0}.info-row span{color:#b0b0b0}.password-form label{color:#e0e0e0}.password-form input{background:#3a3a3a;border-color:#555;color:#e0e0e0}.password-form input:focus{border-color:#ff8c5a}.password-form input:disabled{background:#2a2a2a}.password-requirements{background:#1a2332;border-left-color:#4caf50}.password-requirements strong{color:#66bb6a}.password-requirements ul{color:#b0b0b0}}@media (max-width:768px){.account-info-container{padding:0 16px}.account-section{padding:16px}.info-row{align-items:flex-start;flex-direction:column;gap:4px}.info-row label{min-width:auto}.submit-button{width:100%}}.app-container{min-height:100vh;transition:background-color .3s ease}.app-container,.logo-container{background-color:var(--bg-primary)}.logo-container{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:25px 40px;transition:background-color .3s ease,border-color .3s ease}.logo-wrapper{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;transition:opacity .2s}.logo-wrapper:hover{opacity:.8}.logo{color:var(--orange-primary);font-size:52px;font-weight:700;letter-spacing:3px;text-shadow:1px 1px 2px var(--shadow-sm)}.logo,.logo-subtitle{transition:color .3s ease}.logo-subtitle{color:var(--text-secondary);font-size:13px;font-weight:400;margin-top:-5px}.theme-toggle{align-items:center;background:none;border:2px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.theme-toggle:hover{background-color:var(--bg-tertiary);border-color:var(--orange-primary);transform:rotate(180deg)}.header-bar{background-color:var(--orange-primary);color:var(--button-text);font-size:18px;font-weight:700;padding:12px 40px;transition:background-color .3s ease}.welcome-bar{align-items:center;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px var(--shadow-sm);display:flex;gap:20px;justify-content:space-between;padding:12px 40px;transition:all .3s ease}.welcome-text{color:var(--text-primary);flex:1 1;font-size:14px;transition:color .3s ease}.welcome-text a{color:var(--orange-primary);cursor:pointer;font-weight:600;text-decoration:none;transition:color .2s}.welcome-text a:hover{color:var(--orange-hover);text-decoration:underline}.nav-tabs{background:var(--orange-primary);box-shadow:0 2px 4px var(--shadow-md);display:flex;padding:0 40px;transition:background .3s ease}.nav-tab{background:none;border:none;color:var(--button-text);cursor:pointer;font-size:14px;font-weight:500;padding:14px 24px;position:relative;transition:all .2s}.nav-tab:hover:not(:disabled){background-color:var(--nav-tab-hover)}.nav-tab.active{background-color:var(--nav-tab-active);font-weight:600}.nav-tab.active:after{background-color:var(--button-text);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.nav-tab:disabled{cursor:not-allowed;opacity:.5}.secondary-nav{background-color:var(--orange-primary);display:flex;gap:20px;justify-content:flex-end;padding:8px 40px;transition:background-color .3s ease}.secondary-nav button{background:none;border:none;color:var(--button-text);cursor:pointer;font-size:14px;text-decoration:underline;transition:color .2s}.secondary-nav button:hover{color:var(--secondary-nav-hover)}.content{animation:fadeIn .3s ease-in;margin:0 auto;max-width:1400px;padding:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-title{color:var(--orange-primary);font-size:28px;letter-spacing:.5px;margin-bottom:25px;transition:color .3s ease}.error-message,.page-title{font-weight:600;text-align:center}.error-message{animation:slideDownPulse .5s ease-out;background-color:var(--error-message-bg);border-left:2px solid var(--error-message-text);border:2px solid var(--error-message-text);border-left-width:6px;border-radius:8px;box-shadow:0 4px 12px #c628284d;color:var(--error-message-text);font-size:15px;margin-bottom:24px;padding:18px 24px;position:relative;transition:all .3s ease}.error-message:before{content:"⚠️ ";font-size:18px;margin-right:8px}.success-message{animation:slideDown .3s ease-out;background-color:var(--success-message-bg);border-left:2px solid var(--success-message-text);border:2px solid var(--success-message-text);border-left-width:6px;border-radius:8px;box-shadow:0 4px 12px #2e7d324d;color:var(--success-message-text);font-size:15px;font-weight:600;margin-bottom:24px;padding:18px 24px;text-align:center;transition:all .3s ease}.success-message:before{content:"✓ ";font-size:18px;font-weight:700;margin-right:8px}@keyframes slideDownPulse{0%{opacity:0;transform:translateY(-20px) scale(.95)}50%{transform:translateY(0) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}