.rate-limit-notification{position:fixed;top:20px;right:20px;z-index:10000;animation:slideIn .3s ease-out}.rate-limit-content{background:var(--error-color);color:var(--text-color);padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px color-mix(in srgb,var(--background-color) 30%,transparent);display:flex;align-items:center;gap:12px;min-width:300px;max-width:400px}.rate-limit-icon{font-size:24px;flex-shrink:0}.rate-limit-message{flex:1}.rate-limit-message strong{display:block;margin-bottom:4px;font-size:16px}.rate-limit-message p{margin:0;font-size:14px;opacity:.9}.countdown{font-weight:700;font-size:18px;color:var(--text-color)}.rate-limit-close{background:none;border:none;color:var(--text-color);font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.rate-limit-close:hover{opacity:1}.update-notification{position:fixed;top:20px;right:20px;z-index:10000;max-width:400px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 20px color-mix(in srgb,var(--background-color) 50%,transparent);animation:slideIn .3s ease-out}.update-notification.critical{border-color:var(--error-color);background:color-mix(in srgb,var(--error-color) 10%,transparent)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.update-notification-content{padding:16px}.update-notification-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.update-icon{font-size:24px}.update-notification-header h3{margin:0;flex:1;font-size:16px;color:var(--text-color)}.update-close{background:transparent;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.update-close:hover{background:color-mix(in srgb,var(--text-color) 10%,transparent)}.update-notification-body{margin-bottom:16px}.update-notification-body p{margin:0 0 8px;color:var(--text-color);font-size:14px;line-height:1.5}.update-notes{display:block;margin-top:8px;color:var(--text-secondary);font-size:13px}.update-changelog{margin:12px 0 0;padding-left:20px;color:var(--text-secondary);font-size:13px}.update-changelog li{margin-bottom:4px}.update-notification-actions{display:flex;gap:8px;justify-content:flex-end}.update-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.update-button.primary{background:var(--button-color);color:var(--background-color)}.update-button.primary:hover{background:var(--secondaryColor)}.update-button.secondary{background:transparent;color:var(--text-color);border:1px solid var(--border-color)}.update-button.secondary:hover{background:color-mix(in srgb,var(--text-color) 10%,transparent)}.account-management-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--background-color) 70%,transparent);display:flex;justify-content:center;align-items:flex-start;padding-top:2rem;z-index:2000;animation:fadeIn .2s ease-out}.account-management-modal{background:linear-gradient(135deg,var(--surface-color) 0%,var(--background-color) 100%);border:2px solid var(--border-color);border-radius:12px;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px color-mix(in srgb,var(--background-color) 50%,transparent);animation:slideUp .3s ease-out}.account-management-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid color-mix(in srgb,var(--text-color) 10%,transparent)}.account-management-header h2{margin:0;font-size:1.5rem;color:var(--text-color)}.account-management-content{display:flex;flex:1;overflow:hidden}.account-management-sidebar{width:180px;background-color:color-mix(in srgb,var(--background-color) 20%,transparent);border-right:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);padding:.25rem 0;display:flex;flex-direction:column;gap:0;overflow:hidden;justify-content:flex-start}.sidebar-item{display:flex;align-items:center;gap:.5rem;padding:.01rem .1rem;background:none;border:none;color:var(--text-secondary);font-family:Orbitron,sans-serif;font-size:.8rem;cursor:pointer;transition:all .2s ease;text-align:left;border-left:3px solid transparent}.sidebar-icon{font-size:.75rem;width:16px;text-align:center}.sidebar-divider{height:1px;background-color:color-mix(in srgb,var(--text-color) 10%,transparent);margin:.5rem 0;margin-top:auto}.sidebar-item.logout-button{color:var(--error-color)}.sidebar-item.logout-button:hover{background-color:color-mix(in srgb,var(--error-color) 10%,transparent);color:var(--error-color)}.account-management-main{flex:1;padding:2rem;overflow-y:auto}.form-group select option{background:var(--surface-color);color:var(--text-color)}.security-info{color:var(--text-secondary)}.security-info ul{margin-top:1rem;padding-left:1.5rem}.security-info li{margin-bottom:.5rem}.guest-profile-info{padding:1rem 0}.guest-user-display{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 30%,transparent);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.guest-user-display p{margin:.5rem 0;color:var(--text-color);font-size:1rem}.guest-user-display p strong{color:var(--primary-color)}.guest-notice{margin-top:1rem!important;padding:1rem;background:color-mix(in srgb,var(--warning-color) 10%,transparent);border-left:3px solid var(--warning-color);border-radius:4px;color:var(--text-secondary)!important;font-size:.95rem!important;line-height:1.5}.display-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);flex-wrap:wrap}.display-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:Orbitron,sans-serif;font-size:.9rem;cursor:pointer;transition:all .2s ease;margin-bottom:-1px}.display-tab:hover{color:var(--text-color);background-color:color-mix(in srgb,var(--primary-color) 5%,transparent)}.display-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:color-mix(in srgb,var(--primary-color) 10%,transparent)}.color-hex-display{font-family:Courier New,monospace;font-size:.8rem;font-weight:600;color:var(--text-color);background:color-mix(in srgb,var(--surface-color) 50%,var(--background-color));padding:.25rem .5rem;border-radius:3px;border:1px solid var(--border-color);min-width:70px;text-align:center}.color-preview{width:2rem;height:2rem;border-radius:4px;border:1px solid var(--border-color);margin-right:.5rem}.color-preview-button,.color-preview-status{padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border-color);font-size:.75rem;margin-right:.5rem;color:var(--text-color)}.color-preview-border{width:2rem;height:2rem;border-radius:4px;border:2px solid transparent;margin-right:.5rem;background-color:var(--surface-color)}.logout-banner{position:fixed;top:0;left:0;right:0;background-color:var(--surface-color);border-bottom:2px solid var(--primary-color);padding:1rem 2rem;display:flex;align-items:center;justify-content:center;gap:1rem;z-index:3000;box-shadow:0 4px 12px color-mix(in srgb,var(--background-color) 50%,transparent);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.logout-banner span{color:var(--text-color);font-family:Orbitron,sans-serif;font-size:1rem;font-weight:500}.logout-spinner{width:24px;height:24px;border:3px solid color-mix(in srgb,var(--border-color) 30%,transparent);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.sidebar-item:disabled,.close-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.user-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--background-color) 70%,transparent);display:flex;justify-content:center;align-items:flex-start;padding-top:2rem;z-index:2000;animation:fadeIn .2s ease-out}.user-settings-modal{background:linear-gradient(135deg,var(--surface-color) 0%,var(--background-color) 100%);border:2px solid var(--border-color);border-radius:12px;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px color-mix(in srgb,var(--background-color) 50%,transparent);animation:slideUp .3s ease-out}.user-settings-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid color-mix(in srgb,var(--text-color) 10%,transparent)}.user-settings-header h2{margin:0;font-size:1.5rem;color:var(--text-color)}.close-button{background:none;border:none;color:var(--text-color);font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.close-button:hover{background-color:color-mix(in srgb,var(--text-color) 10%,transparent)}.user-settings-content{display:flex;flex:1;overflow:hidden}.user-settings-sidebar{width:220px;background-color:color-mix(in srgb,var(--background-color) 20%,transparent);border-right:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);padding:1rem 0;display:flex;flex-direction:column;gap:.5rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:none;border:none;color:var(--text-secondary);font-family:Orbitron,sans-serif;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-align:left;border-left:3px solid transparent}.sidebar-item:hover{background-color:color-mix(in srgb,var(--primary-color) 10%,transparent);color:var(--text-color)}.sidebar-item.active{background-color:color-mix(in srgb,var(--primary-color) 15%,transparent);color:var(--primary-color);border-left-color:var(--primary-color)}.sidebar-icon{font-size:1.2rem;width:24px;text-align:center}.user-settings-main{flex:1;padding:2rem;overflow-y:auto}.section-content h3{margin:0 0 1.5rem;font-size:1.3rem;color:var(--text-color)}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-color);font-weight:500;font-size:.95rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group select{width:100%;padding:.75rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:1rem;font-family:inherit;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color)}.form-group select:disabled{opacity:.6;cursor:not-allowed;background:var(--background-color)}.coming-soon-note{display:block;color:var(--text-secondary);font-size:.85rem;margin-top:.5rem;font-style:italic}.checkbox-group{padding:1rem;background:color-mix(in srgb,var(--background-color) 20%,transparent);border-radius:6px;border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent)}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;margin-bottom:.5rem}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.checkbox-label span{font-weight:500;color:var(--text-color)}.checkbox-group small{display:block;color:var(--text-secondary);font-size:.85rem;margin-top:.25rem}.success-message{background:color-mix(in srgb,var(--success-color) 20%,transparent);border:1px solid var(--success-color);color:var(--success-color);padding:.75rem;border-radius:6px;margin-bottom:1rem}.btn-primary{padding:.75rem 2rem;background:var(--primary-color);color:var(--text-color);border:none;border-radius:6px;font-size:1rem;font-family:Orbitron,sans-serif;cursor:pointer;transition:background-color .2s ease}.btn-primary:hover:not(:disabled){background:var(--secondary-color)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:.75rem 2rem;background:var(--surface-color);color:var(--text-color);border:none;border-radius:6px;font-size:1rem;font-family:Orbitron,sans-serif;cursor:pointer;transition:background-color .2s ease}.btn-secondary:hover{background:var(--border-color)}.btn-danger{padding:.75rem 2rem;background:var(--button-color-red);color:var(--button-text-color-red, var(--text-color));border:none;border-radius:6px;font-size:1rem;font-family:Orbitron,sans-serif;cursor:pointer;transition:background-color .2s ease}.btn-danger:hover{background:var(--button-color-red);opacity:.9;filter:brightness(.9)}.data-info{color:var(--text-secondary)}.data-actions{display:flex;gap:1rem;margin:1.5rem 0}.warning-box{background:color-mix(in srgb,var(--warning-color) 10%,transparent);border:1px solid var(--warning-color);color:var(--warning-color);padding:1rem;border-radius:6px;margin-top:1.5rem}.warning-box strong{color:var(--warning-color)}.guest-data-notice{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 30%,transparent);border-radius:6px;padding:.75rem 1rem;margin-bottom:1rem;color:var(--text-color);font-size:.9rem}.guest-data-notice strong{color:var(--primary-color)}.color-settings-section{margin-bottom:1.25rem;padding:.75rem 0}.color-settings-section h4{margin:0 0 .75rem;font-size:.95rem;color:var(--primary-color);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.color-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;margin-bottom:1rem}.color-group{margin-bottom:0}.color-group label{display:block;margin-bottom:.35rem;font-size:.85rem;color:var(--text-secondary);font-weight:500}.color-input-wrapper{display:flex;gap:.5rem;align-items:center}.color-input-wrapper input[type=color]{width:45px;height:35px;padding:2px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;background:none;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.color-input-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-wrapper input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.color-input-wrapper input[type=color]::-moz-color-swatch{border:none;border-radius:3px}.color-text-input{flex:1;padding:.5rem .65rem;background:var(--surface-color));border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:.85rem;font-family:Courier New,monospace;transition:border-color .2s ease;min-width:0}.color-text-input:focus{outline:none;border-color:var(--primary-color)}.section-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.section-subtitle{color:var(--text-secondary);font-size:.8rem;margin:-.5rem 0 .75rem;font-style:italic}.color-preview{margin-top:.5rem;padding:.5rem;border-radius:4px;border:1px solid var(--border-color);font-size:.85rem;text-align:center;min-height:32px;display:flex;align-items:center;justify-content:center}.color-preview-button,.color-preview-status{margin-top:.5rem;padding:.5rem 1rem;border-radius:4px;border:none;font-size:.85rem;text-align:center;min-height:32px;display:flex;align-items:center;justify-content:center;cursor:default;font-weight:500}.color-preview-border{margin-top:.5rem;padding:.5rem;border-radius:4px;border:2px solid;background:var(--surface-color);color:var(--text-color);font-size:.85rem;text-align:center;min-height:32px;display:flex;align-items:center;justify-content:center}.notifications-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--background-color) 70%,transparent);display:flex;justify-content:center;align-items:flex-start;padding-top:2rem;z-index:2000;animation:fadeIn .2s ease-out}.notifications-modal{background:linear-gradient(135deg,var(--surface-color) 0%,var(--background-color) 100%);border:2px solid var(--border-color);border-radius:12px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px color-mix(in srgb,var(--background-color) 50%,transparent);animation:slideUp .3s ease-out}.notifications-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid color-mix(in srgb,var(--text-color) 10%,transparent)}.notifications-modal-header h2{margin:0;color:var(--title-color);font-size:1.5rem}.notifications-modal-close{background:none;border:none;color:var(--text-color);font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.notifications-modal-close:hover{background-color:color-mix(in srgb,var(--text-color) 10%,transparent);color:var(--primary-color)}.notifications-modal-tabs{display:flex;border-bottom:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);padding:0 1.5rem}.notifications-modal-tab{background:none;border:none;color:var(--text-secondary);padding:1rem 1.5rem;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.95rem;border-bottom:2px solid transparent;transition:all .2s ease;position:relative;top:1px;display:flex;align-items:center;gap:.5rem}.notifications-modal-tab:hover{color:var(--text-color);background-color:color-mix(in srgb,var(--primary-color) 5%,transparent)}.notifications-modal-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-badge{background-color:var(--error-color);color:var(--text-color);border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:700;min-width:20px;text-align:center}.notifications-modal-content{flex:1;overflow-y:auto;padding:1.5rem}.notifications-message{padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.notifications-message.success{background:color-mix(in srgb,var(--success-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--success-color) 30%,transparent);color:var(--success-color)}.notifications-message.error{background:color-mix(in srgb,var(--error-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--error-color) 30%,transparent);color:var(--error-color)}.notifications-loading,.notifications-empty{text-align:center;padding:3rem;color:var(--text-secondary)}.notifications-empty-icon{color:var(--text-secondary);opacity:.5;margin-bottom:1rem}.notifications-empty p{margin:0;font-size:1rem}.notifications-list{display:flex;flex-direction:column;gap:1rem}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:color-mix(in srgb,var(--text-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:8px;transition:all .2s ease}.notification-item.unread{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border-color:var(--primary-color)}.notification-item:hover{background:color-mix(in srgb,var(--text-color) 8%,transparent);border-color:var(--primary-color)}.notification-item.unread:hover{background:color-mix(in srgb,var(--primary-color) 15%,transparent)}.notification-item-content{flex:1}.notification-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.notification-user-info{display:flex;flex-direction:row;align-items:center;gap:.5rem;flex-wrap:wrap}.notification-username{color:var(--text-color);font-weight:500;font-size:1rem}.notification-title{color:var(--text-color);font-weight:600;font-size:1rem}.notification-unread-badge{background-color:var(--primary-color);color:var(--text-color);border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:700;text-transform:uppercase}.notification-organization{color:var(--primary-color);font-size:.85rem;font-weight:500}.notification-time{color:var(--text-secondary);font-size:.85rem}.notification-message{color:var(--text-secondary);font-size:.9rem;margin:0}.notification-item-actions{display:flex;gap:.5rem}.notification-accept-btn,.notification-reject-btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.85rem;transition:all .2s ease;white-space:nowrap}.notification-accept-btn{background:var(--primary-color);color:var(--text-color)}.notification-accept-btn:hover{background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px color-mix(in srgb,var(--primary-color) 30%,transparent)}.notification-reject-btn{background:color-mix(in srgb,var(--text-color) 10%,transparent);color:var(--text-color);border:1px solid color-mix(in srgb,var(--text-color) 20%,transparent)}.notification-reject-btn:hover{background:color-mix(in srgb,var(--text-color) 20%,transparent);color:var(--text-color)}.main-ship-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--background-color) 70%,transparent);display:flex;align-items:flex-start;justify-content:center;padding-top:2rem;z-index:10000;animation:fadeIn .2s ease-out}.main-ship-selector-modal{background:linear-gradient(135deg,var(--surface-color) 0%,var(--background-color) 100%);border:2px solid var(--border-color);border-radius:12px;padding:0;min-width:500px;max-width:600px;max-height:80vh;box-shadow:0 8px 24px color-mix(in srgb,var(--background-color) 50%,transparent);display:flex;flex-direction:column;animation:slideUp .3s ease-out}.main-ship-selector-header{padding:.75rem 1.5rem;border-bottom:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);display:flex;justify-content:space-between;align-items:center}.main-ship-selector-header h2{margin:0;color:var(--text-color);font-size:1.5rem;font-weight:700}.close-button{background:none;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-button:hover{background:color-mix(in srgb,var(--text-color) 10%,transparent);color:var(--text-color)}.main-ship-selector-content{padding:1.5rem;overflow-y:auto;flex:1}.main-ship-selector-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.loading-message,.no-ships-message{text-align:center;color:var(--text-secondary);padding:2rem}.no-ships-message p{margin:.5rem 0}.ships-list{margin-bottom:1.5rem}.ship-option{margin-bottom:.75rem;padding:.75rem;border-radius:6px;background:color-mix(in srgb,var(--text-color) 5%,transparent);transition:background .2s ease}.ship-option:hover{background:color-mix(in srgb,var(--text-color) 10%,transparent)}.ship-radio-label{display:flex;align-items:center;cursor:pointer;width:100%}.ship-radio-label input[type=radio]{margin-right:.75rem;cursor:pointer;width:18px;height:18px;accent-color:var(--primary-color)}.ship-radio-text{color:var(--text-color);flex:1}.ship-model{color:var(--text-secondary);font-weight:400}.selected-ship-info{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 30%,transparent);border-radius:6px;padding:1rem;margin-bottom:1.5rem}.selected-ship-info h3{margin:0 0 .75rem;color:var(--primary-color);font-size:1.1rem}.selected-ship-info p{margin:.5rem 0;color:var(--text-color)}.error-message{background:color-mix(in srgb,var(--error-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--error-color) 50%,transparent);color:var(--error-color);padding:.75rem;border-radius:6px;margin-bottom:1rem}.success-message{background:color-mix(in srgb,var(--success-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--success-color) 50%,transparent);color:var(--success-color);padding:.75rem;border-radius:6px;margin-bottom:1rem}.main-ship-selector-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:6px;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--primary-color);color:var(--text-color)}.btn-primary:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px color-mix(in srgb,var(--button-color) 30%,transparent)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:color-mix(in srgb,var(--text-color) 10%,transparent);color:var(--text-color);border:1px solid color-mix(in srgb,var(--surface-color) 20%,transparent)}.btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--surface-color) 20%,transparent)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.overlay-selector-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--background-color) 70%,transparent);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .2s ease-out}.overlay-selector-modal{background:linear-gradient(135deg,var(--surface-color) 0%,var(--background-color) 100%);border:2px solid var(--border-color);border-radius:12px;width:90%;max-width:500px;display:flex;flex-direction:column;box-shadow:0 8px 32px color-mix(in srgb,var(--background-color) 50%,transparent);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.overlay-selector-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid color-mix(in srgb,var(--text-color) 10%,transparent)}.overlay-selector-modal-header h2{margin:0;color:var(--title-color);font-size:1.5rem}.overlay-selector-modal-close{background:none;border:none;color:var(--text-color);font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.overlay-selector-modal-close:hover{background-color:color-mix(in srgb,var(--text-color) 10%,transparent);color:var(--primary-color)}.overlay-selector-modal-content{padding:1.5rem}.overlay-selector-section{margin-bottom:2rem}.overlay-selector-section:last-child{margin-bottom:0}.overlay-selector-section-title{margin:0 0 1rem;color:var(--text-color);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.overlay-selector-list{display:flex;flex-direction:column;gap:.75rem}.overlay-selector-item{width:100%;padding:1rem 1.5rem;background:color-mix(in srgb,var(--text-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;font-family:Orbitron,sans-serif;display:flex;justify-content:space-between;align-items:center}.overlay-selector-item:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 15%,transparent);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 20%,transparent)}.overlay-selector-item:disabled{opacity:.6;cursor:not-allowed}.overlay-selector-item.active{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border-color:var(--primary-color)}.overlay-selector-item-name{color:var(--text-color);font-size:1rem;font-weight:500}.overlay-selector-add-icon{color:var(--primary-color);font-size:1.5rem;font-weight:300;line-height:1}.overlay-selector-remove-btn{background:color-mix(in srgb,var(--error-color) 20%,transparent);border:1px solid var(--error-color);color:var(--error-color);width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;transition:all .2s ease;padding:0}.overlay-selector-remove-btn:hover{background:var(--error-color);color:var(--text-color);transform:scale(1.1)}.overlay-selector-coming-soon{color:var(--text-secondary);font-size:.85rem;font-style:italic}.overlay-selector-loading,.overlay-selector-empty{text-align:center;padding:3rem;color:var(--text-secondary)}.overlay-selector-options{display:flex;flex-direction:column;gap:1rem}.overlay-selector-option-btn{width:100%;padding:1.25rem 1.5rem;background:color-mix(in srgb,var(--text-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;font-family:Orbitron,sans-serif;display:flex;justify-content:space-between;align-items:center}.overlay-selector-option-btn:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 15%,transparent);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 20%,transparent)}.overlay-selector-option-btn:disabled{opacity:.6;cursor:not-allowed}.overlay-selector-option-btn-active{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border-color:var(--primary-color)}.overlay-selector-option-name{color:var(--text-color);font-size:1rem;font-weight:500}.overlay-selector-option-status{color:var(--text-secondary);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.25rem .75rem;border-radius:4px;background:color-mix(in srgb,var(--text-color) 10%,transparent);transition:all .2s ease}.overlay-selector-option-btn-active .overlay-selector-option-status{color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 20%,transparent)}.overlay-selector-settings-btn{width:100%;padding:1rem 1.5rem;background:color-mix(in srgb,var(--primary-color) 15%,transparent);border:1px solid var(--primary-color);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;font-family:Orbitron,sans-serif;display:flex;align-items:center;gap:.75rem;color:var(--primary-color);font-size:1rem;font-weight:500;margin-bottom:1rem}.overlay-selector-settings-btn:hover{background:color-mix(in srgb,var(--primary-color) 25%,transparent);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 30%,transparent)}.overlay-selector-settings-btn svg{flex-shrink:0}.log-parser-container{padding:var(--spacing-4);background-color:var(--color-background);color:var(--color-text);border-radius:var(--border-radius);box-shadow:var(--shadow-small)}.log-parser-container h2{color:var(--color-heading)}.consent-section,.file-upload-section{margin-top:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-card-background)}.input-file{display:block;margin-top:var(--spacing-2);padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-input-background);color:var(--color-input-text)}.input-file::-webkit-file-upload-button{background-color:var(--button-primary-bg);color:var(--button-primary-text);border:1px solid var(--button-border-color);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius);cursor:pointer;margin-right:var(--spacing-2)}.log-content-preview{background-color:var(--color-code-background);border-color:var(--color-border-dark)}.log-content-preview h3{color:var(--color-heading)}.log-content-preview pre{color:var(--color-code-text);font-family:var(--font-family-monospace);max-height:300px;overflow-y:auto}.log-content-section{margin-bottom:var(--spacing-4)}.raw-log-content{height:400px;overflow-y:auto;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-card-background);padding:var(--spacing-4);scrollbar-width:thin;scrollbar-color:var(--color-border-dark) var(--color-card-background)}.raw-log-content::-webkit-scrollbar{width:8px;height:8px}.raw-log-content::-webkit-scrollbar-track{background:var(--color-card-background);border-radius:var(--border-radius)}.raw-log-content::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:4px}.raw-log-content::-webkit-scrollbar-thumb:hover{background:var(--color-border)}.log-tabs-container{display:flex;border-bottom:1px solid var(--color-border);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--surface-color)}.log-tabs-container::-webkit-scrollbar{height:8px}.log-tabs-container::-webkit-scrollbar-track{background:var(--surface-color)}.log-tabs-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.log-tabs-container::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--border-color) 80%,transparent)}.form-field{margin-bottom:1.25rem}.form-field label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-bottom:.5rem;color:var(--text-secondary)}.form-field input[type=text],.form-field textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--border-color);border-radius:4px;font-family:Orbitron,sans-serif;font-size:.9rem;box-sizing:border-box;background-color:var(--input-bg-color);color:var(--text-color);transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.form-field input[type=text]:focus,.form-field textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 30%,transparent)}.form-field input[type=text]::placeholder,.form-field textarea::placeholder{color:var(--text-tertiary)}.form-field input[type=text]:-webkit-autofill,.form-field input[type=text]:-webkit-autofill:hover,.form-field input[type=text]:-webkit-autofill:focus,.form-field input[type=text]:-webkit-autofill:active{-webkit-text-fill-color:var(--text-color)!important;-webkit-box-shadow:0 0 0 30px var(--input-bg-color) inset!important;box-shadow:0 0 0 30px var(--input-bg-color) inset!important}.form-field textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.btn{padding:.6rem 1.2rem;border-radius:4px;font-family:Orbitron,sans-serif;font-size:.85rem;cursor:pointer;transition:all .2s ease-in-out;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.btn-primary{background:var(--button-color-primary);color:var(--button-text-primary);border:1px solid var(--button-color-primary)}.btn-primary:hover:not(:disabled){background:var(--button-color-primary-hover);border-color:var(--button-color-primary-hover)}.btn-secondary{background:transparent;color:var(--button-text-secondary);border:1px solid var(--button-border-secondary)}.btn-secondary:hover:not(:disabled){background:var(--button-color-secondary-hover);color:var(--button-text-secondary-hover);border-color:var(--button-border-secondary-hover)}.btn-danger{background:var(--button-color-danger);color:var(--button-text-danger);border:1px solid var(--button-color-danger)}.btn-danger:hover:not(:disabled){background:var(--button-color-danger-hover);border-color:var(--button-color-danger-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:.4rem .8rem;font-size:.75rem}.btn-xs{padding:.3rem .6rem;font-size:.65rem}.text-primary{color:var(--text-color)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-error{color:var(--error-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--info-color)}.bg-primary{background-color:var(--background-color)}.bg-secondary{background-color:var(--surface-color)}.bg-tertiary{background-color:var(--header-color)}.bg-error{background-color:var(--error-color)}.bg-success{background-color:var(--success-color)}.bg-warning{background-color:var(--warning-color)}.bg-info{background-color:var(--info-color)}.bg-overlay{background-color:var(--overlay-color)}.border-primary{border-color:var(--border-color)}.border-secondary{border-color:var(--divider-color)}.border-error{border-color:var(--error-color)}.border-success{border-color:var(--success-color)}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.w-full{width:100%}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.shadow-md{box-shadow:0 4px 6px #0000001a}.card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;box-shadow:0 2px 8px color-mix(in srgb,var(--background-color) 10%,transparent);transition:all .2s ease-in-out}.card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 15%,transparent)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--divider-color)}.card-title{font-size:1.2rem;font-weight:600;color:var(--text-color)}.badge{padding:.2em .6em;border-radius:4px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background-color:var(--primary-color-light);color:var(--primary-color-dark)}.badge-success{background-color:var(--success-color-light);color:var(--success-color-dark)}.badge-info{background-color:var(--info-color-light);color:var(--info-color-dark)}.badge-warning{background-color:var(--warning-color-light);color:var(--warning-color-dark)}.badge-danger{background-color:var(--error-color-light);color:var(--error-color-dark)}.input-group{display:flex;gap:.75rem;align-items:stretch}.input-group .input-field{flex:1}.input-field{padding:.75rem .875rem;background:color-mix(in srgb,var(--surface-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--surface-color) 10%,transparent);border-radius:6px;color:var(--text-color);font-size:.875rem}.input-field:focus{outline:none;border-color:var(--primary-color);background:color-mix(in srgb,var(--surface-color) 8%,transparent)}.input-field::placeholder{color:var(--text-tertiary)}.message{padding:.875rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.message.success{background:color-mix(in srgb,var(--success-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--success-color) 30%,transparent);color:var(--success-color)}.message.error{background:color-mix(in srgb,var(--error-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--error-color) 30%,transparent);color:var(--error-color)}.search-results{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.result-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:color-mix(in srgb,var(--surface-color) 3%,transparent);border:1px solid color-mix(in srgb,var(--surface-color) 8%,transparent);border-radius:6px}.result-item:hover{background:color-mix(in srgb,var(--surface-color) 6%,transparent);border-color:color-mix(in srgb,var(--surface-color) 12%,transparent)}.user-info{display:flex;flex-direction:column;gap:.25rem}.username{color:var(--text-color);font-weight:500;font-size:.95rem}.user-email{color:var(--text-secondary);font-size:.85rem}.organization{color:var(--primary-color);font-size:.85rem;font-weight:500}.no-results{padding:3rem 2rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.app-footer{display:none!important}.merged-overlay-settings-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--border-color) 10%,transparent);padding-bottom:.5rem}.merged-overlay-settings-tab{background:transparent;border:1px solid color-mix(in srgb,var(--border-color) 20%,transparent);border-radius:4px;padding:.5rem .75rem;cursor:pointer;color:var(--text-color);font-size:.875rem;transition:all .2s ease;white-space:nowrap}.merged-overlay-settings-tab:hover{background:color-mix(in srgb,var(--border-color) 5%,transparent);border-color:color-mix(in srgb,var(--border-color) 30%,transparent)}.merged-overlay-settings-tab.active{background:var(--button-color);border-color:var(--button-border-color);color:var(--button-text-color)}.merged-overlay-settings-content{flex:1;overflow-y:auto}.merged-overlay-settings-tab-content{display:flex;flex-direction:column;gap:1.5rem}.admin-table-container{background-color:var(--table-container-background-color);border:1px solid var(--table-container-border-color);border-radius:8px;overflow:hidden;margin-top:1.5rem}.admin-table-wrapper{overflow-x:auto;overflow-y:visible}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem;background-color:var(--table-background-color)}.admin-table thead{background-color:var(--table-header-background-color);border-bottom:2px solid var(--table-header-border-color)}.admin-table thead th{padding:.375rem 1rem;text-align:left;font-weight:600;color:var(--table-header-text-color);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;white-space:nowrap;position:sticky;top:0;z-index:10}.admin-table tbody tr{border-bottom:1px solid var(--table-row-border-color);transition:background-color .2s ease;background-color:var(--table-background-color)}.admin-table tbody tr:hover{background-color:var(--table-row-hover-background-color)}.admin-table tbody tr.selected{background-color:color-mix(in srgb,var(--primary-color) 15%,transparent);border-left:3px solid var(--primary-color)}.admin-table tbody tr:last-child{border-bottom:none}.admin-table tbody td{padding:.375rem 1rem;color:var(--table-row-text-color);vertical-align:middle}.admin-table tbody td:first-child{font-weight:500;color:var(--text-secondary)}.admin-table .no-data{text-align:center;padding:3rem 1rem;color:var(--text-secondary);font-style:italic}.admin-table .action-buttons{display:flex;gap:.5rem;align-items:center}.admin-table .badge{display:inline-block;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.admin-table .badge-active{background-color:color-mix(in srgb,var(--success-color) 20%,transparent);color:var(--success-color);border:1px solid color-mix(in srgb,var(--success-color) 40%,transparent)}.admin-table .badge-inactive{background-color:color-mix(in srgb,var(--error-color) 20%,transparent);color:var(--error-color);border:1px solid color-mix(in srgb,var(--error-color) 40%,transparent)}.admin-table .badge-public{background-color:color-mix(in srgb,var(--primary-color) 20%,transparent);color:var(--primary-color);border:1px solid color-mix(in srgb,var(--primary-color) 40%,transparent)}@media (max-width: 768px){.admin-table-container{border-radius:0;margin-left:-1.25rem;margin-right:-1.25rem;border-left:none;border-right:none}.admin-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{min-width:800px}.admin-table thead th,.admin-table tbody td{padding:.375rem .5rem;font-size:.8125rem}}.social-dashboard-container{display:flex;flex-direction:column;height:100%;background-color:var(--background-color);color:var(--text-color);padding:1rem;border-radius:8px}.social-dashboard-offcanvas-body .social-dashboard-container{padding:0;border-radius:0;background-color:transparent}.social-dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.social-dashboard-header h3{margin:0;color:var(--text-color);font-size:1.125rem}.social-dashboard-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.social-dashboard-tab{background:none;border:none;color:var(--text-secondary);padding:.75rem 1rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.social-dashboard-tab:hover{color:var(--text-color)}.social-dashboard-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.social-dashboard-content{flex-grow:1;overflow-y:auto;padding:1rem 0}.social-dashboard-offcanvas-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--background-color) 70%,transparent);z-index:1040;animation:fadeIn .3s ease-out}.social-dashboard-offcanvas{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:500px;background-color:var(--surface-color);border-left:2px solid var(--border-color);z-index:1050;display:flex;flex-direction:column;box-shadow:-4px 0 20px color-mix(in srgb,#000 40%,transparent);animation:slideInRight .3s ease-out;overflow:hidden}.social-dashboard-offcanvas-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background-color:var(--background-color);flex-shrink:0}.social-dashboard-offcanvas-header h3{margin:0;font-size:1.25rem;color:var(--text-color);font-family:Orbitron,sans-serif}.social-dashboard-offcanvas-close{background:none;border:none;color:var(--text-secondary);font-size:2rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.social-dashboard-offcanvas-close:hover{background:color-mix(in srgb,var(--error-color) 10%,transparent);color:var(--error-color)}.social-dashboard-offcanvas-body{flex:1;overflow-y:auto;padding:1rem 1.5rem}.social-dashboard-offcanvas-body .social-dashboard-container{height:100%;padding:0;border-radius:0;background-color:transparent}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{position:relative;padding:12px 20px;border-radius:6px;box-shadow:0 4px 12px color-mix(in srgb,var(--background-color) 30%,transparent);display:flex;align-items:center;gap:15px;min-width:300px;max-width:500px;animation:slideInRight .3s ease-out;font-family:Orbitron,sans-serif;font-size:14px;pointer-events:auto;border-left:4px solid}.toast-success{background-color:var(--success-color);opacity:.95;color:var(--text-color);border-left-color:var(--success-color)}.toast-error{background-color:var(--error-color);opacity:.95;color:var(--text-color);border-left-color:var(--error-color)}.toast-info{background-color:var(--primary-color);opacity:.95;color:var(--text-color);border-left-color:var(--primary-color)}.toast-warning{background-color:var(--warning-color);opacity:.95;color:var(--text-color);border-left-color:var(--warning-color)}.toast-message{flex:1;word-wrap:break-word}.toast-close{background:none;border:none;color:var(--text-color);font-size:20px;font-weight:700;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-left:auto;opacity:.8;transition:opacity .2s;flex-shrink:0}.toast-close:hover{opacity:1}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--background-color) 70%,transparent);display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease-out}.confirm-dialog{background-color:var(--surface-color);border:2px solid var(--button-color);border-radius:8px;padding:24px;max-width:500px;width:90%;box-shadow:0 8px 24px color-mix(in srgb,var(--background-color) 50%,transparent);animation:slideUp .3s ease-out;font-family:Orbitron,sans-serif}.confirm-dialog-title{color:var(--title-color);font-size:18px;font-weight:700;margin-bottom:12px}.confirm-dialog-message{color:var(--text-color);font-size:14px;margin-bottom:24px;line-height:1.5;white-space:pre-line}.confirm-dialog-buttons{display:flex;gap:12px;justify-content:flex-end}.confirm-dialog-button{padding:10px 20px;border:none;border-radius:4px;font-family:Orbitron,sans-serif;font-size:14px;cursor:pointer;transition:all .2s;font-weight:500}.confirm-dialog-button-primary{background-color:var(--button-color);color:var(--text-color)}.confirm-dialog-button-primary:hover{background-color:var(--secondary-color)}.confirm-dialog-button-secondary{background-color:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color)}.confirm-dialog-button-secondary:hover{background-color:var(--background-color)}.confirm-dialog-button-danger{background-color:var(--error-color);color:var(--button-text-color-red, var(--text-color))}.confirm-dialog-button-danger:hover{background-color:var(--error-color);opacity:.8}.sidebar{position:fixed;left:0;top:0;width:64px;height:100vh;background-color:var(--background-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:flex-start;padding:8px;gap:2px;z-index:1000;box-shadow:2px 0 8px color-mix(in srgb,var(--background-color) 30%,transparent);transition:width .3s ease;overflow-x:hidden;overflow-y:auto;will-change:width;backface-visibility:hidden;transform:translateZ(0);scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.sidebar.collapsed{width:64px}.sidebar:not(.collapsed){width:240px;box-shadow:4px 0 16px color-mix(in srgb,var(--background-color) 50%,transparent);z-index:1001}.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar:not(.collapsed){transform:translate(0);width:240px}.sidebar.collapsed{transform:translate(-100%)}.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--background-color) 50%,transparent);z-index:999}}.sidebar-toggle{width:100%;min-height:36px;display:flex;align-items:center;justify-content:flex-start;gap:12px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0;padding:6px 12px;margin-bottom:2px}.sidebar.collapsed .sidebar-toggle{justify-content:center;padding:6px;width:48px}.sidebar-toggle:hover{background-color:var(--surface-color);color:var(--primary-color)}.sidebar-toggle svg{transition:transform .3s ease;flex-shrink:0}.sidebar-label{font-size:14px;font-weight:500;white-space:nowrap;opacity:0;transform:translate(-10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none;flex:1;will-change:opacity,transform;backface-visibility:hidden}.sidebar:not(.collapsed) .sidebar-label{opacity:1;transform:translate(0);pointer-events:auto}.sidebar-accordion-item{width:100%}.sidebar-item.has-submenu{position:relative}.sidebar-accordion-arrow{transition:transform .3s ease;flex-shrink:0;margin-left:auto;opacity:.6}.sidebar.collapsed .sidebar-accordion-arrow{display:none}.sidebar-accordion-arrow.expanded{transform:rotate(180deg)}.sidebar-submenu{display:flex;flex-direction:column;padding-left:0;margin-top:2px;animation:slideDown .2s ease-out;scrollbar-width:none;-ms-overflow-style:none}.sidebar-submenu::-webkit-scrollbar{display:none}.sidebar-submenu-item{width:100%;min-height:28px;display:flex;align-items:center;padding:4px 12px 4px 48px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:13px;text-align:left;position:relative}.sidebar.collapsed .sidebar-submenu-item{padding:4px;justify-content:center;min-width:36px;width:36px;margin:2px auto}.sidebar.collapsed .sidebar-submenu-item:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background-color:currentColor;opacity:.5}.sidebar-submenu-item:hover{background-color:var(--surface-color);color:var(--primary-color)}.sidebar-submenu-item.active{background-color:color-mix(in srgb,var(--button-color) 15%,transparent);color:var(--primary-color);border-left:2px solid var(--primary-color);padding-left:46px}.sidebar.collapsed .sidebar-submenu-item.active{padding-left:4px;border-left:none;border:2px solid var(--primary-color);background-color:color-mix(in srgb,var(--button-color) 20%,transparent)}.sidebar.collapsed .sidebar-submenu-item.active:before{background-color:var(--primary-color);opacity:1}.sidebar-submenu-label{white-space:nowrap}.sidebar-submenu-separator{padding:4px 12px 2px 48px;margin-top:2px}.sidebar.collapsed .sidebar-submenu-separator{padding:4px 12px 2px}.sidebar-submenu-separator-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);opacity:.7}.sidebar-separator{width:100%;height:1px;background-color:var(--border-color);margin:2px 0;flex-shrink:0}.sidebar.collapsed .sidebar-separator{width:80%;margin:2px auto}.sidebar-item{width:100%;min-height:36px;display:flex;align-items:center;justify-content:flex-start;gap:12px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0;padding:4px 12px}.sidebar.collapsed .sidebar-item{justify-content:center;padding:4px;width:48px}.sidebar-item:hover{background-color:var(--surface-color);color:var(--primary-color)}.sidebar.collapsed .sidebar-item:hover{transform:translate(2px)}.sidebar-item.active{background-color:var(--surface-color);color:var(--primary-color);border-left:3px solid var(--primary-color)}.sidebar.collapsed .sidebar-item.active{border-left:3px solid var(--primary-color)}.sidebar-item.hovered{background-color:var(--surface-color);color:var(--primary-color)}.sidebar-item svg{width:20px;height:20px;stroke:currentColor;flex-shrink:0}.sidebar-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--text-color);font-weight:700;font-size:16px;text-transform:uppercase;flex-shrink:0}.profile-icon{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%)}.sidebar-item-with-details{align-items:flex-start}.sidebar-user-details{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;align-items:flex-start}.sidebar-online-count{font-size:11px;color:var(--text-secondary);opacity:.8;white-space:nowrap}.sidebar-icon-with-badge{position:relative;display:flex;align-items:center;justify-content:center}.sidebar-badge{position:absolute;top:-6px;right:-6px;background-color:var(--error-color);color:var(--button-text-color);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid var(--background-color);box-shadow:0 2px 4px color-mix(in srgb,var(--background-color) 30%,transparent);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.sidebar-item:after{content:attr(title);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background-color:var(--header-color);color:var(--text-color);padding:6px 12px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1001;border:1px solid var(--border-color);box-shadow:0 4px 8px color-mix(in srgb,var(--background-color) 30%,transparent)}.sidebar-item:hover:after{opacity:1}@media (max-width: 768px){.sidebar{width:56px}.sidebar-item{width:44px;height:44px}nav{margin-left:56px}.main-content{margin-left:56px}}.user-management{padding:20px;background-color:var(--background-color)}.user-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.user-management-header h2{color:var(--color-title);font-family:Orbitron,sans-serif}.create-user-button{background-color:var(--color-button);color:var(--background-color);border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:700}.create-user-button:hover{background-color:var(--color-secondary)}.create-user-form{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:20px;margin-bottom:20px}.create-user-form h3{color:var(--color-title);margin-bottom:15px}.create-user-form .form-row{display:flex;gap:15px;margin-bottom:15px}.create-user-form .form-group{flex:1}.create-user-form label{display:block;color:var(--color-dropdown-label);margin-bottom:5px;font-size:14px}.create-user-form input{width:100%;padding:8px;background-color:var(--color-surface);color:var(--color-dropdown-text);border:1px solid var(--color-border);border-radius:5px;font-family:Orbitron,sans-serif;box-sizing:border-box}.submit-button{background-color:var(--color-button);color:var(--background-color);border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:700}.submit-button:hover{background-color:var(--color-secondary)}.status-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px color-mix(in srgb,var(--primary-color) 20%,transparent)}.status-button:disabled{opacity:.5;cursor:not-allowed}.delete-button{background-color:var(--color-error);color:var(--color-text);border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:12px}.delete-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-error) 80%,transparent)}.delete-button:disabled{opacity:.5;cursor:not-allowed}.loading{padding:40px;text-align:center;color:var(--color-text-secondary)}.error-message{background-color:color-mix(in srgb,var(--color-error) 20%,transparent);color:var(--color-error);padding:10px;border-radius:5px;margin-bottom:20px;border:1px solid var(--color-error)}.cargo-approval-tab{padding:20px;color:var(--color-button)}.cargo-approval-loading{padding:40px;text-align:center;color:var(--color-button)}.cargo-approval-header{margin-bottom:20px}.cargo-approval-header h2{color:var(--color-button);margin-bottom:8px}.cargo-approval-subtitle{color:var(--color-text-secondary);font-size:14px}.cargo-approval-type-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid color-mix(in srgb,var(--color-button) 20%,transparent);padding-bottom:10px}.cargo-approval-type-tab-btn{padding:10px 20px;border:none;background-color:transparent;color:var(--color-text-secondary);border-radius:4px 4px 0 0;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-12px}.cargo-approval-type-tab-btn:hover{color:var(--color-button);background-color:color-mix(in srgb,var(--color-button) 5%,transparent)}.cargo-approval-type-tab-btn.active{color:var(--color-button);border-bottom-color:var(--color-button);background-color:color-mix(in srgb,var(--color-button) 10%,transparent)}.cargo-approval-scope-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid color-mix(in srgb,var(--color-button) 20%,transparent);padding-bottom:10px}.cargo-approval-scope-tab-btn{padding:10px 20px;border:none;background-color:transparent;color:var(--color-text-secondary);border-radius:4px 4px 0 0;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-12px}.cargo-approval-scope-tab-btn:hover{color:var(--color-button);background-color:color-mix(in srgb,var(--color-button) 5%,transparent)}.cargo-approval-scope-tab-btn.active{color:var(--color-button);border-bottom-color:var(--color-button);background-color:color-mix(in srgb,var(--color-button) 10%,transparent)}.cargo-approval-tabs{display:flex;gap:10px;margin-bottom:20px}.cargo-approval-tab-btn{padding:10px 20px;border:1px solid color-mix(in srgb,var(--color-button) 30%,transparent);background-color:transparent;color:var(--color-text-secondary);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.cargo-approval-tab-btn:hover{color:var(--color-button);border-color:color-mix(in srgb,var(--color-button) 50%,transparent);background-color:color-mix(in srgb,var(--color-button) 5%,transparent)}.cargo-approval-tab-btn.active{color:var(--color-button);border-color:var(--color-button);background-color:color-mix(in srgb,var(--color-button) 10%,transparent)}.cargo-approval-message{padding:12px;margin-bottom:20px;border-radius:4px;border:1px solid}.cargo-approval-message.success{background-color:color-mix(in srgb,var(--color-success) 10%,transparent);border-color:var(--color-success);color:var(--color-success)}.cargo-approval-message.error{background-color:color-mix(in srgb,var(--color-error) 10%,transparent);border-color:var(--color-error);color:var(--color-error)}.cargo-approval-empty{padding:60px 20px;text-align:center;color:var(--color-text-secondary)}.cargo-approval-empty p{margin:10px 0}.cargo-approval-empty-hint{font-size:14px;color:var(--color-text-secondary)}.cargo-approval-actions{display:flex;gap:10px;align-items:center;margin-bottom:20px;padding:15px;background-color:color-mix(in srgb,var(--color-button) 5%,transparent);border-radius:4px;border:1px solid color-mix(in srgb,var(--color-button) 20%,transparent)}.select-all-btn,.bulk-approve-btn,.bulk-reject-btn{padding:8px 16px;border:1px solid var(--color-button);background-color:transparent;color:var(--color-button);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.select-all-btn:hover:not(:disabled),.bulk-approve-btn:hover:not(:disabled),.bulk-reject-btn:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-button) 10%,transparent)}.select-all-btn:disabled,.bulk-approve-btn:disabled,.bulk-reject-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-approve-btn{background-color:color-mix(in srgb,var(--color-success) 10%,transparent);border-color:var(--color-success);color:var(--color-success)}.bulk-approve-btn:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-success) 20%,transparent)}.bulk-reject-btn{background-color:color-mix(in srgb,var(--color-error) 10%,transparent);border-color:var(--color-error);color:var(--color-error)}.bulk-reject-btn:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-error) 20%,transparent)}.pending-count{margin-left:auto;color:var(--color-button);font-weight:700}.cargo-approval-list{display:flex;flex-direction:column;gap:15px}.user-group{border:1px solid color-mix(in srgb,var(--color-button) 20%,transparent);border-radius:4px;background-color:color-mix(in srgb,var(--color-button) 3%,transparent);overflow:hidden}.user-group-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:color-mix(in srgb,var(--color-button) 8%,transparent);cursor:pointer;transition:all .2s;border-bottom:1px solid color-mix(in srgb,var(--color-button) 20%,transparent)}.user-group-header:hover{background-color:color-mix(in srgb,var(--color-button) 12%,transparent)}.user-group-info{display:flex;align-items:center}.user-group-name{font-size:18px;font-weight:700;color:var(--color-button)}.user-expand-btn{background:none;border:none;color:var(--color-button);font-size:16px;cursor:pointer;padding:8px 12px;border-radius:4px;transition:all .2s;min-width:40px;display:flex;align-items:center;justify-content:center}.user-expand-btn:hover{background-color:color-mix(in srgb,var(--color-button) 10%,transparent)}.user-expand-btn.expanded{transform:rotate(0)}.user-entries-list{display:flex;flex-direction:column;gap:10px;padding:15px;background-color:color-mix(in srgb,var(--color-button) 2%,transparent)}.cargo-approval-entry{display:flex;gap:15px;padding:12px 15px;background-color:color-mix(in srgb,var(--color-button) 5%,transparent);border:1px solid color-mix(in srgb,var(--color-button) 20%,transparent);border-radius:4px;transition:all .2s}.cargo-approval-entry:hover{background-color:color-mix(in srgb,var(--color-button) 8%,transparent);border-color:color-mix(in srgb,var(--color-button) 40%,transparent)}.entry-checkbox{display:flex;align-items:flex-start;padding-top:4px}.entry-details{flex:1}.entry-header{display:flex;gap:15px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.entry-commodity{font-size:16px;font-weight:700;color:var(--color-button)}.entry-user{color:var(--color-text-secondary);font-size:14px}.entry-date{color:var(--color-text-secondary);font-size:12px;margin-left:auto}.entry-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px}.info-row{display:flex;gap:8px;font-size:13px}.info-label{color:var(--color-text-secondary);font-weight:700}.info-value{color:var(--color-button)}.entry-actions{display:flex;flex-direction:row;gap:8px;align-items:center;min-width:200px}.approve-btn,.reject-btn{padding:8px 14px;border:1px solid;background-color:transparent;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s;white-space:nowrap;flex:1}.approve-btn{border-color:var(--color-success);color:var(--color-success)}.approve-btn:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-success) 20%,transparent)}.reject-btn{border-color:var(--color-error);color:var(--color-error)}.reject-btn:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-error) 20%,transparent)}.approve-btn:disabled,.reject-btn:disabled{opacity:.5;cursor:not-allowed}.review-btn{padding:10px 16px;border:1px solid var(--color-button);background-color:transparent;color:var(--color-button);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s;white-space:nowrap}.review-btn:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-button) 10%,transparent)}.review-btn:disabled{opacity:.5;cursor:not-allowed}.review-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--color-background) 80%,transparent);display:flex;align-items:flex-start;justify-content:center;padding-top:2rem;z-index:1000}.review-modal-content{background-color:var(--color-background);border:2px solid var(--color-button);border-radius:8px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.review-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid color-mix(in srgb,var(--color-button) 20%,transparent)}.review-modal-header h3{color:var(--color-button);margin:0}.review-modal-close{background:none;border:none;color:var(--color-button);font-size:28px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .2s}.review-modal-close:hover{color:var(--color-error);transform:scale(1.1)}.review-modal-body{padding:20px;flex:1;overflow-y:auto}.review-entry-info,.review-cargo-manifest,.review-mission-info{margin-bottom:25px}.review-entry-info h4,.review-cargo-manifest h4,.review-mission-info h4{color:var(--color-button);margin-bottom:15px;font-size:18px}.review-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.review-info-grid>div{padding:10px;background-color:color-mix(in srgb,var(--color-button) 5%,transparent);border-radius:4px;border:1px solid color-mix(in srgb,var(--color-button) 20%,transparent)}.review-info-grid strong{color:var(--color-button);margin-right:8px}.review-cargo-list{display:flex;flex-direction:column;gap:10px}.review-cargo-item{padding:15px;background-color:color-mix(in srgb,var(--color-button) 5%,transparent);border:1px solid color-mix(in srgb,var(--color-button) 20%,transparent);border-radius:4px}.review-cargo-item>div{margin-bottom:8px;color:var(--color-button)}.review-cargo-item>div:last-child{margin-bottom:0}.review-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid color-mix(in srgb,var(--color-button) 20%,transparent)}.review-modal-footer .approve-btn,.review-modal-footer .decline-btn{padding:12px 24px;font-size:16px}.decline-btn{border-color:var(--color-error);color:var(--color-error)}.decline-btn:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-error) 20%,transparent)}@media (max-width: 768px){.cargo-approval-entry{flex-direction:column;padding:10px 12px}.entry-actions{flex-direction:row;width:100%;min-width:unset}.approve-btn,.reject-btn{flex:1}.user-group-header{padding:12px 15px}.user-group-name{font-size:16px}.user-group-count{font-size:13px}.user-entries-list{padding:10px;gap:8px}.cargo-approval-actions{flex-wrap:wrap}.pending-count{margin-left:0;width:100%}.cargo-approval-scope-tabs{flex-wrap:wrap}.cargo-approval-scope-tab-btn{font-size:14px;padding:8px 16px}.review-modal-content{width:95%;max-height:95vh}.review-info-grid{grid-template-columns:1fr}.review-modal-footer{flex-direction:column}.review-modal-footer .approve-btn,.review-modal-footer .decline-btn{width:100%}}.statistics-tab{padding:20px}.statistics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.statistics-header h2{margin:0;color:var(--color-text);font-size:24px}.statistics-loading{text-align:center;padding:40px;color:var(--color-text-secondary);font-size:16px}.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.stat-card{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-background) 100%);border:2px solid var(--color-border);border-radius:12px;padding:24px;display:flex;gap:20px;transition:all .3s ease}.stat-card:hover{border-color:var(--color-button);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--color-button) 20%,transparent)}.stat-icon{font-size:48px;display:flex;align-items:center;justify-content:center}.stat-content{flex:1}.stat-content h3{margin:0 0 12px;color:var(--color-text);font-size:18px}.stat-value{font-size:36px;font-weight:700;color:var(--color-button);margin-bottom:12px}.stat-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.stat-detail-item{color:var(--color-text-secondary);font-size:14px}.stat-label{color:var(--color-text-secondary);margin-right:8px}.stat-roles{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.stat-role-item{display:flex;gap:8px;padding:4px 12px;background:color-mix(in srgb,var(--color-button) 10%,transparent);border-radius:4px;font-size:13px}.role-name{color:var(--color-button);font-weight:500}.role-count{color:var(--color-text);font-weight:700}.activity-graph-container{margin-top:40px;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-background) 100%);border:2px solid var(--color-border);border-radius:12px;padding:24px;transition:all .3s ease}.activity-graph-container:hover{border-color:var(--color-button);box-shadow:0 4px 12px color-mix(in srgb,var(--color-button) 20%,transparent)}.activity-graph-container h3{margin:0 0 20px;color:var(--color-text);font-size:20px;font-family:Orbitron,sans-serif}.organization-management-tab{padding:20px}.org-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.org-management-header h2{margin:0;color:var(--color-text);font-size:24px}.loading{text-align:center;padding:40px;color:var(--color-text-secondary);font-size:16px}.error-message{background:color-mix(in srgb,var(--color-error) 20%,transparent);border:1px solid var(--color-error);color:var(--color-error);padding:12px;border-radius:4px;margin-bottom:20px}.org-tag-badge{display:inline-block;background:var(--color-primary);color:var(--color-text);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.org-description-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-button{padding:.375rem .75rem;border:none;border-radius:4px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.status-button.active{background-color:color-mix(in srgb,var(--success-color) 20%,transparent);color:var(--success-color);border:1px solid color-mix(in srgb,var(--success-color) 40%,transparent)}.status-button.inactive{background-color:color-mix(in srgb,var(--error-color) 20%,transparent);color:var(--error-color);border:1px solid color-mix(in srgb,var(--error-color) 40%,transparent)}.status-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px color-mix(in srgb,var(--primary-color) 20%,transparent)}.view-button{background-color:color-mix(in srgb,var(--primary-color) 20%,transparent);color:var(--primary-color);border:1px solid color-mix(in srgb,var(--primary-color) 40%,transparent);padding:.375rem .75rem;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease}.view-button:hover{background-color:color-mix(in srgb,var(--primary-color) 30%,transparent);transform:translateY(-1px);box-shadow:0 2px 4px color-mix(in srgb,var(--primary-color) 20%,transparent)}.refresh-button{background:var(--color-primary);color:var(--color-text);border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.refresh-button:hover{background:var(--color-secondary)}.no-description{color:var(--color-text-secondary)}.system-settings-tab{padding:20px;max-width:900px}.settings-header{margin-bottom:30px}.settings-header h2{margin:0 0 8px;color:var(--color-text);font-size:24px}.settings-subtitle{margin:0;color:var(--color-text-secondary);font-size:14px}.settings-message{padding:12px 16px;border-radius:4px;margin-bottom:20px;font-size:14px}.settings-message.success{background:color-mix(in srgb,var(--color-success) 20%,transparent);border:1px solid var(--color-success);color:var(--color-success)}.settings-message.error{background:color-mix(in srgb,var(--color-error) 20%,transparent);border:1px solid var(--color-error);color:var(--color-error)}.settings-sections{display:flex;flex-direction:column;gap:30px}.settings-section{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-background) 100%);border:2px solid var(--color-border);border-radius:12px;padding:24px}.settings-section h3{margin:0 0 20px;color:var(--color-button);font-size:18px;border-bottom:1px solid var(--color-border);padding-bottom:12px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--color-border)}.setting-item:last-child{border-bottom:none}.setting-info{flex:1;margin-right:20px}.setting-label{display:block;color:var(--color-text);font-weight:500;margin-bottom:4px;font-size:15px}.setting-description{margin:0;color:var(--color-text-secondary);font-size:13px;line-height:1.4}.setting-control{flex-shrink:0}.setting-input{background:var(--color-border);border:1px solid var(--color-background);color:var(--color-text);padding:8px 12px;border-radius:4px;width:100px;font-size:14px}.setting-input:focus{outline:none;border-color:var(--color-button)}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-background);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--text-color);transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-button)}.settings-actions{margin-top:30px;display:flex;justify-content:flex-end}.save-settings-button{background:var(--color-button);color:var(--color-text);border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s}.save-settings-button:hover:not(:disabled){background:var(--color-secondary);transform:translateY(-1px)}.save-settings-button:disabled{opacity:.6;cursor:not-allowed}.patch-notes-management{padding:20px}.patch-notes-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid color-mix(in srgb,var(--color-button) 20%,transparent)}.patch-notes-management-header h2{margin:0;color:var(--color-text);font-size:24px}.create-button{padding:10px 20px;background-color:var(--color-button);color:var(--color-text);border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.create-button:hover{background-color:var(--color-secondary);transform:translateY(-1px)}.patch-notes-form-container{background-color:color-mix(in srgb,var(--color-button) 5%,transparent);border:1px solid color-mix(in srgb,var(--color-button) 20%,transparent);border-radius:8px;padding:25px;margin-bottom:30px}.patch-notes-form-container h3{margin:0 0 20px;color:var(--color-button);font-size:20px}.patch-notes-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--color-text-secondary);font-size:14px;font-weight:500}.form-group input[type=text],.form-group input[type=email],.form-group select,.form-group textarea{padding:10px 12px;background-color:color-mix(in srgb,var(--color-surface) 5%,transparent);border:1px solid color-mix(in srgb,var(--color-surface) 10%,transparent);border-radius:4px;color:var(--color-text);font-size:14px;font-family:inherit;transition:border-color .2s;position:relative;z-index:1}.form-group select{z-index:10}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-button)}.form-group textarea{resize:vertical;min-height:120px}.checkbox-group{flex-direction:row;gap:20px;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--color-text)}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-button)}.form-actions{display:flex;gap:12px;margin-top:10px}.submit-button{padding:12px 24px;background-color:var(--color-button);color:var(--color-text);border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.submit-button:hover{background-color:var(--color-secondary);transform:translateY(-1px)}.cancel-button{padding:12px 24px;background-color:transparent;color:var(--color-text-secondary);border:1px solid color-mix(in srgb,var(--color-surface) 20%,transparent);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.cancel-button:hover{color:var(--color-text);border-color:color-mix(in srgb,var(--color-surface) 40%,transparent)}.patch-notes-list{margin-top:30px}.patch-notes-list h3{margin:0 0 20px;color:var(--color-text);font-size:20px}.no-entries{text-align:center;padding:40px 20px;color:var(--color-text-secondary);font-size:16px}.entries-table{overflow-x:auto;overflow-y:visible;border-radius:8px;border:1px solid color-mix(in srgb,var(--color-surface) 10%,transparent);position:relative}.entries-table table{width:100%;border-collapse:collapse;background-color:color-mix(in srgb,var(--color-background) 30%,transparent)}.entries-table thead{background-color:color-mix(in srgb,var(--color-button) 10%,transparent)}.entries-table th{padding:12px 16px;text-align:left;color:var(--color-button);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid color-mix(in srgb,var(--color-button) 20%,transparent)}.entries-table td{padding:12px 16px;color:var(--color-text);font-size:14px;border-bottom:1px solid color-mix(in srgb,var(--color-surface) 5%,transparent)}.entries-table tbody tr:hover{background-color:color-mix(in srgb,var(--color-button) 5%,transparent)}.version-cell{font-weight:600;color:var(--color-button)}.title-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;background-color:color-mix(in srgb,var(--color-surface) 10%,transparent)}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;margin-right:6px}.status-badge.active{background-color:color-mix(in srgb,var(--color-button) 20%,transparent);color:var(--color-button)}.status-badge.inactive{background-color:color-mix(in srgb,var(--color-surface) 10%,transparent);color:var(--color-text-secondary)}.status-badge.public{background-color:color-mix(in srgb,var(--color-button) 20%,transparent);color:var(--color-button)}.date-cell{color:var(--color-text-secondary);font-size:12px}.actions-cell{display:flex;gap:8px}.edit-button,.delete-button{padding:6px 10px;background-color:transparent;border:1px solid color-mix(in srgb,var(--color-surface) 20%,transparent);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.edit-button:hover{background-color:color-mix(in srgb,var(--color-button) 20%,transparent);border-color:var(--color-button)}.delete-button:hover{background-color:color-mix(in srgb,var(--color-error) 20%,transparent);border-color:var(--color-error)}.loading{text-align:center;padding:40px 20px;color:var(--color-text-secondary);font-size:16px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.patch-notes-management-header{flex-direction:column;align-items:flex-start;gap:15px}.entries-table{font-size:12px}.entries-table th,.entries-table td{padding:8px 10px}.title-cell{max-width:150px}}.location-admin-container{padding:20px;max-width:100%;overflow-x:auto;overflow-y:visible;position:relative}.location-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;border-bottom:1px solid color-mix(in srgb,var(--border-color) 20%,transparent);padding-bottom:8px}.location-tab-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:color-mix(in srgb,var(--background-color) 70%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 20%,transparent);border-radius:4px 4px 0 0;color:var(--text-secondary);font-family:Orbitron,sans-serif;font-size:13px;cursor:pointer;transition:all .2s ease;border-bottom:none;margin-bottom:-1px}.location-tab-btn:hover{background:color-mix(in srgb,var(--button-color) 10%,transparent);color:var(--text-color);border-color:color-mix(in srgb,var(--button-color) 30%,transparent)}.location-tab-btn.active{background:color-mix(in srgb,var(--button-color) 20%,transparent);border-color:var(--button-color);color:var(--button-text-color);border-bottom:1px solid var(--background-color);margin-bottom:-2px}.location-tab-icon{font-size:16px}.location-tab-label{font-weight:500}.location-count{color:var(--text-secondary);font-size:14px;font-weight:400;margin-left:8px}.location-admin-header{margin-bottom:20px}.location-admin-header h2{color:var(--color-button);font-family:Orbitron,sans-serif;margin:0 0 10px}.location-admin-subtitle{color:var(--color-text-secondary);font-size:14px;margin:0}.location-admin-error{padding:12px;background:color-mix(in srgb,var(--color-error) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent);border-radius:4px;color:var(--color-error);margin-bottom:20px}.location-admin-filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px;background:color-mix(in srgb,var(--color-button) .05);border:1px solid color-mix(in srgb,var(--color-button) .2);border-radius:4px}.filter-group label{color:var(--color-button);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.clear-filters-btn{padding:8px 16px;background:color-mix(in srgb,var(--color-error) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 50%,transparent);border-radius:4px;color:var(--color-error);font-family:Orbitron,sans-serif;font-size:14px;cursor:pointer;transition:all .2s;align-self:flex-end;margin-top:20px}.clear-filters-btn:hover{background:color-mix(in srgb,var(--color-error) 30%,transparent);border-color:color-mix(in srgb,var(--color-error) 70%,transparent)}.location-admin-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px;background:color-mix(in srgb,var(--color-button) .05);border:1px solid color-mix(in srgb,var(--color-button) .2);border-radius:4px}.pending-updates-info{color:var(--color-button);font-size:14px}.pending-count{color:var(--color-warning);font-weight:500}.save-changes-btn{padding:10px 20px;background:color-mix(in srgb,var(--color-button) .2);border:1px solid var(--color-button);border-radius:4px;color:var(--color-button);font-family:Orbitron,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.save-changes-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-button) .3);box-shadow:0 0 10px color-mix(in srgb,var(--color-button) .3)}.save-changes-btn:disabled{opacity:.5;cursor:not-allowed}.location-admin-loading{text-align:center;padding:40px;color:var(--color-button);font-family:Orbitron,sans-serif}.location-admin-table-container{overflow-x:auto;overflow-y:visible;margin-bottom:1.25rem;position:relative}.table-location-admin{font-family:Orbitron,sans-serif;font-size:.8125rem}.table-location-admin thead{position:sticky;top:0;z-index:10}.table-location-admin th{padding:.75rem .625rem;text-align:left;font-weight:600;text-transform:uppercase;font-size:.6875rem;letter-spacing:.0625rem}.table-location-admin td{padding:.625rem}.table-location-admin tbody tr{transition:background-color .2s}.table-location-admin tbody tr.in-dropdown{background-color:var(--color-table-row-hover-background)}.dropdown-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--color-button)}.type-badge{display:inline-block;padding:4px 8px;border-radius:3px;font-size:11px;font-weight:500;text-transform:capitalize;background:color-mix(in srgb,var(--color-button) .2);color:var(--color-button);border:1px solid color-mix(in srgb,var(--color-button) .3)}.table-badge{display:inline-block;padding:4px 8px;border-radius:3px;font-size:10px;font-weight:500;background:color-mix(in srgb,var(--color-text) 10%,transparent);color:var(--color-text-secondary);border:1px solid color-mix(in srgb,var(--color-text) 20%,transparent)}.no-results{text-align:center;padding:40px;color:var(--color-text-secondary);font-style:italic}.location-admin-help{padding:15px;background:color-mix(in srgb,var(--color-button) .05);border:1px solid color-mix(in srgb,var(--color-button) .2);border-radius:4px;color:var(--color-text-secondary);font-size:13px}.location-admin-help p{margin:0 0 10px;color:var(--color-button)}.location-admin-help ul{margin:0;padding-left:20px}.location-admin-help li{margin:5px 0}.location-admin-section{margin-bottom:20px;padding:12px;background:color-mix(in srgb,var(--color-background) 30%,transparent);border:1px solid color-mix(in srgb,var(--color-button) .2);border-radius:4px}.location-admin-section h3{color:var(--color-button);font-family:Orbitron,sans-serif;margin:0 0 12px;font-size:16px}.new-entry-form{padding:12px;margin-bottom:12px;background:color-mix(in srgb,var(--color-button) .05);border:1px solid color-mix(in srgb,var(--color-button) .2);border-radius:4px;position:relative}.form-row{display:flex;gap:10px;margin-bottom:10px}.form-field{flex:1;display:flex;flex-direction:column;gap:3px}.form-field label{color:var(--color-dropdown-label);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.form-field input{padding:6px 10px;background:var(--color-background);border:1px solid var(--color-button);border-radius:4px;color:var(--color-button);font-family:Orbitron,sans-serif;font-size:13px}.form-field input:focus{outline:none;border-color:var(--color-button);box-shadow:0 0 5px color-mix(in srgb,var(--color-button) .3)}.form-field input.name-duplicate{border-color:var(--color-error);box-shadow:0 0 5px color-mix(in srgb,var(--color-error) 30%,transparent)}.form-field input.name-duplicate:focus{border-color:var(--color-error);box-shadow:0 0 8px color-mix(in srgb,var(--color-error) 50%,transparent)}.duplicate-warning{display:block;color:var(--color-error);font-size:11px;margin-top:4px;font-family:Orbitron,sans-serif}.alt-name-row{display:flex;gap:6px;margin-bottom:6px}.alt-name-row input{flex:1}.remove-btn{padding:6px 10px;background:color-mix(in srgb,var(--color-error) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 50%,transparent);border-radius:4px;color:var(--color-error);font-family:Orbitron,sans-serif;font-size:14px;cursor:pointer;transition:all .2s;min-width:30px}.remove-btn:hover{background:color-mix(in srgb,var(--color-error) 30%,transparent)}.add-alt-btn{padding:6px 10px;background:color-mix(in srgb,var(--color-button) .1);border:1px solid color-mix(in srgb,var(--color-button) .3);border-radius:4px;color:var(--color-button);font-family:Orbitron,sans-serif;font-size:11px;cursor:pointer;transition:all .2s}.add-alt-btn:hover{background:color-mix(in srgb,var(--color-button) .2)}.remove-entry-btn{padding:6px 10px;background:color-mix(in srgb,var(--color-error) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 50%,transparent);border-radius:4px;color:var(--color-error);font-family:Orbitron,sans-serif;font-size:11px;cursor:pointer;transition:all .2s;margin-top:6px}.remove-entry-btn:hover{background:color-mix(in srgb,var(--color-error) 30%,transparent)}.form-actions{display:flex;gap:10px;margin-top:12px}.add-entry-btn{padding:6px 12px;background:color-mix(in srgb,var(--color-button) .1);border:1px solid color-mix(in srgb,var(--color-button) .3);border-radius:4px;color:var(--color-button);font-family:Orbitron,sans-serif;font-size:12px;cursor:pointer;transition:all .2s}.add-entry-btn:hover{background:color-mix(in srgb,var(--color-button) .2)}.save-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-button) .3);box-shadow:0 0 10px color-mix(in srgb,var(--color-button) .3)}.selected-source{margin-top:4px;padding:4px 8px;background:color-mix(in srgb,var(--color-button) .1);border:1px solid color-mix(in srgb,var(--color-button) .3);border-radius:3px;color:var(--color-button);font-size:11px}.alt-names-list{margin:0;padding-left:20px;color:var(--color-text-secondary);font-size:12px}.alt-names-list li{margin:3px 0}.delete-btn{padding:6px 12px;background:color-mix(in srgb,var(--color-error) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 50%,transparent);border-radius:4px;color:var(--color-error);font-family:Orbitron,sans-serif;font-size:12px;cursor:pointer;transition:all .2s}.form-field-full{width:100%;flex:1 1 100%}.location-search-container{position:relative;width:100%}.location-search-input{width:100%;padding:6px 10px;background:var(--color-background);border:1px solid var(--color-button);border-radius:4px;color:var(--color-button);font-family:Orbitron,sans-serif;font-size:13px;margin-bottom:6px}.location-search-input:focus{outline:none;border-color:var(--color-button);box-shadow:0 0 5px color-mix(in srgb,var(--color-button) .3)}.location-search-loading{padding:6px;color:var(--color-button);font-size:11px;text-align:center}.location-datatable-container{border:1px solid color-mix(in srgb,var(--color-button) .2);border-radius:4px;background:color-mix(in srgb,var(--color-background) 30%,transparent);margin-bottom:6px;max-height:300px;overflow-y:auto}.location-datatable-header{padding:6px 8px;background:color-mix(in srgb,var(--color-button) .05);border-bottom:1px solid color-mix(in srgb,var(--color-button) .2)}.location-datatable-count{color:var(--color-button);font-size:11px;font-family:Orbitron,sans-serif}.location-datatable{width:100%;border-collapse:collapse;font-family:Orbitron,sans-serif;font-size:11px}.location-datatable thead{background:color-mix(in srgb,var(--color-button) .1);position:sticky;top:0;z-index:10}.location-datatable th{padding:6px 8px;text-align:left;color:var(--color-button);font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.5px;border-bottom:2px solid color-mix(in srgb,var(--color-button) .3)}.location-datatable td{padding:6px 8px;color:var(--color-text-secondary);border-bottom:1px solid color-mix(in srgb,var(--color-button) .1)}.location-datatable tbody tr{transition:background-color .2s;cursor:pointer}.location-datatable tbody tr:hover{background:color-mix(in srgb,var(--color-button) .05)}.location-datatable tbody tr.selected{background:color-mix(in srgb,var(--color-button) .15);border-left:3px solid var(--color-button)}.location-datatable tbody tr.selected:hover{background:color-mix(in srgb,var(--color-button) .2)}.type-badge-small{display:inline-block;padding:2px 5px;border-radius:3px;font-size:9px;font-weight:500;text-transform:capitalize;background:color-mix(in srgb,var(--color-button) .2);color:var(--color-button);border:1px solid color-mix(in srgb,var(--color-button) .3)}.table-badge-small{display:inline-block;padding:2px 5px;border-radius:3px;font-size:8px;font-weight:500;background:color-mix(in srgb,var(--color-text) 10%,transparent);color:var(--color-text-secondary);border:1px solid color-mix(in srgb,var(--color-text) 20%,transparent)}.select-location-btn{padding:4px 8px;background:color-mix(in srgb,var(--color-button) .2);border:1px solid color-mix(in srgb,var(--color-button) .5);border-radius:4px;color:var(--color-button);font-family:Orbitron,sans-serif;font-size:10px;cursor:pointer;transition:all .2s}.select-location-btn:hover{background:color-mix(in srgb,var(--color-button) .3);box-shadow:0 0 5px color-mix(in srgb,var(--color-button) .3)}.location-pagination{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:color-mix(in srgb,var(--color-button) .05);border-top:1px solid color-mix(in srgb,var(--color-button) .2)}.pagination-btn{padding:4px 8px;background:color-mix(in srgb,var(--color-button) .2);border:1px solid color-mix(in srgb,var(--color-button) .5);border-radius:4px;color:var(--color-button);font-family:Orbitron,sans-serif;font-size:11px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-button) .3);box-shadow:0 0 5px color-mix(in srgb,var(--color-button) .3)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--color-button);font-size:11px;font-family:Orbitron,sans-serif}.coordinates-text{color:var(--color-button);font-family:Courier New,monospace;font-size:11px;white-space:nowrap;font-weight:500}.no-coordinates{color:var(--color-text-secondary);font-style:italic;font-size:11px}.badge-yes{display:inline-block;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500;background:color-mix(in srgb,var(--success-color) 20%,transparent);color:var(--success-color);border:1px solid color-mix(in srgb,var(--success-color) 40%,transparent)}.badge-no{display:inline-block;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500;background:color-mix(in srgb,var(--color-text-secondary) 10%,transparent);color:var(--color-text-secondary);border:1px solid color-mix(in srgb,var(--color-text-secondary) 20%,transparent)}.location-controls-row{display:flex;gap:10px;align-items:flex-end}.filter-input,.filter-select{background-color:var(--background-color)!important;border:1px solid var(--button-color);border-radius:4px;padding:8px 12px;color:var(--text-color)!important;font-family:Orbitron,sans-serif;font-size:14px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.filter-select *{color:var(--text-color)!important}.filter-toggle-btn{padding:8px 16px;background:color-mix(in srgb,var(--button-color) 20%,transparent);border:1px solid var(--button-border-color);border-radius:4px;color:var(--button-text-color);font-family:Orbitron,sans-serif;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:fit-content}.filter-toggle-btn:hover{background:color-mix(in srgb,var(--button-color) 30%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--button-color) 30%,transparent)}.filter-offcanvas{position:fixed;top:0;right:0;width:100%;height:100%;z-index:1000;pointer-events:none;transition:opacity .3s ease}.filter-offcanvas.open{pointer-events:all}.filter-offcanvas-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:color-mix(in srgb,var(--background-color) 80%,transparent);opacity:0;transition:opacity .3s ease}.filter-offcanvas.open .filter-offcanvas-backdrop{opacity:1}.filter-offcanvas-content{position:absolute;top:0;right:0;width:400px;max-width:90vw;height:100%;background:var(--surface-color);border-left:1px solid var(--border-color);box-shadow:-4px 0 20px color-mix(in srgb,var(--background-color) 50%,transparent);transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow:hidden}.filter-offcanvas.open .filter-offcanvas-content{transform:translate(0)}.filter-offcanvas-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--button-color) 10%,transparent)}.filter-offcanvas-header h3{margin:0;color:var(--button-text-color);font-family:Orbitron,sans-serif;font-size:1.1rem}.filter-offcanvas-close{background:none;border:none;color:var(--text-color);font-size:2rem;line-height:1;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.filter-offcanvas-close:hover{background:color-mix(in srgb,var(--button-color) 20%,transparent);color:var(--text-color)}.filter-offcanvas-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.filter-field{display:flex;flex-direction:column;gap:.5rem}.filter-field label{color:var(--text-color);font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.filter-field .filter-select{z-index:10;color:var(--text-color)!important}.filter-field .filter-select option{color:var(--text-color)!important;background:var(--background-color)!important}.filter-select option{background:var(--background-color)!important;color:var(--text-color)!important}.filter-select:focus{outline:none;border-color:var(--button-color);box-shadow:0 0 5px color-mix(in srgb,var(--button-color) .3)}.filter-offcanvas-footer{padding:1rem;border-top:1px solid var(--border-color);background:color-mix(in srgb,var(--background-color) 50%,transparent)}.clear-filters-btn{width:100%;padding:.75rem;background:color-mix(in srgb,var(--error-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--error-color) 50%,transparent);border-radius:4px;color:var(--error-color);font-family:Orbitron,sans-serif;font-size:.9rem;cursor:pointer;transition:all .2s ease}.selected-entries-section{margin-top:20px;padding:12px;background:color-mix(in srgb,var(--color-button) .05);border:1px solid color-mix(in srgb,var(--color-button) .2);border-radius:4px}.selected-entries-section h4{color:var(--color-button);font-family:Orbitron,sans-serif;margin:0 0 12px;font-size:14px}.selected-entry-row{padding:6px 8px;margin-bottom:6px;background:color-mix(in srgb,var(--color-background) 30%,transparent);border:1px solid color-mix(in srgb,var(--color-button) .2);border-radius:4px}.selected-entry-row:last-child{margin-bottom:0}.selected-entry-row .form-row{margin-bottom:0;gap:8px}.selected-entry-row .form-field{gap:2px}.selected-entry-row .form-field label{font-size:10px;margin-bottom:0}.selected-entry-row .form-field input{padding:4px 8px;font-size:12px}.selected-entry-row .form-field-actions{align-items:center;padding-top:18px}.selected-entry-row .remove-entry-btn{padding:4px 8px;font-size:11px;margin-top:0}.location-info-readonly{background:color-mix(in srgb,var(--color-button) .1)!important;color:var(--color-button)!important;cursor:default!important}.form-field-actions{display:flex;align-items:flex-end;min-width:100px;flex:0 0 auto}@media (max-width: 768px){.location-admin-filters{flex-direction:column}.filter-group{min-width:100%}.location-admin-actions{flex-direction:column;gap:10px;align-items:stretch}.save-changes-btn{width:100%}.form-row,.form-actions{flex-direction:column}.location-datatable{font-size:11px}.location-datatable th,.location-datatable td{padding:6px}.location-pagination{flex-direction:column;gap:10px}}.ship-details-admin-container{padding:12px;max-width:100%;position:relative}.ship-details-admin-header{margin-bottom:12px}.ship-details-admin-header h2{color:var(--color-button);font-family:Orbitron,sans-serif;margin:0 0 4px;font-size:18px}.ship-details-admin-subtitle{color:var(--color-text-secondary);font-size:12px;margin:0}.ship-details-admin-error{padding:8px 12px;background:color-mix(in srgb,var(--color-error) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent);border-radius:4px;color:var(--color-error);margin-bottom:12px;font-size:12px}.ship-details-admin-loading{text-align:center;padding:40px;color:var(--color-button);font-family:Orbitron,sans-serif}.ship-details-admin-actions{margin-bottom:12px}.form-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--color-button) .2)}.form-tab{padding:6px 12px;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-family:Orbitron,sans-serif;font-size:12px;cursor:pointer;transition:all .2s;margin-bottom:-1px}.form-tab:hover{color:var(--color-button)}.form-tab.active{color:var(--color-button);border-bottom-color:var(--color-button)}.form-tab-content{min-height:200px}.form-field-inline input[type=text],.form-field-inline input[type=number]{flex:1;padding:4px 8px;background:var(--color-background);border:1px solid var(--color-button);border-radius:4px;color:var(--color-button);font-family:Orbitron,sans-serif;font-size:12px;min-width:0}.form-field-inline input[type=text]:focus,.form-field-inline input[type=number]:focus{outline:none;border-color:var(--color-button);box-shadow:0 0 4px color-mix(in srgb,var(--color-button) .3)}.commodities-admin-container{padding:12px;max-width:100%;position:relative}.commodities-admin-header{margin-bottom:12px}.commodities-admin-header h2{color:var(--color-button);font-family:Orbitron,sans-serif;margin:0 0 4px;font-size:18px}.commodities-admin-subtitle{color:var(--color-text-secondary);font-size:12px;margin:0}.commodities-admin-error{padding:8px 12px;background:color-mix(in srgb,var(--color-error) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent);border-radius:4px;color:var(--color-error);margin-bottom:12px;font-size:12px}.commodities-admin-loading{text-align:center;padding:40px;color:var(--color-button);font-family:Orbitron,sans-serif}.commodities-admin-actions{margin-bottom:12px}.add-btn{padding:6px 12px;background:color-mix(in srgb,var(--color-button) .2);border:1px solid var(--color-button);border-radius:4px;color:var(--color-button);font-family:Orbitron,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.add-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-button) .3);box-shadow:0 0 8px color-mix(in srgb,var(--color-button) .3)}.add-btn:disabled{opacity:.5;cursor:not-allowed}.off-canvas-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,#000 40%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.off-canvas-overlay.active{opacity:1;visibility:visible}.off-canvas-panel{position:fixed;top:0;right:-500px;width:500px;max-width:90vw;height:100vh;background:var(--color-background);border-left:1px solid color-mix(in srgb,var(--color-button) .2);z-index:10000;display:flex;flex-direction:column;transition:right .3s ease;box-shadow:-4px 0 20px color-mix(in srgb,#000 40%,transparent);overflow-y:auto;visibility:visible}.off-canvas-panel.active{right:0}.off-canvas-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid color-mix(in srgb,var(--color-button) .2);background:color-mix(in srgb,var(--color-button) .05);flex-shrink:0}.off-canvas-header h3{color:var(--color-button);font-family:Orbitron,sans-serif;margin:0;font-size:16px;font-weight:600}.close-btn{background:none;border:none;color:var(--color-text-secondary);font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-error) .1);color:var(--color-error)}.close-btn:disabled{opacity:.5;cursor:not-allowed}.off-canvas-body{flex:1;overflow-y:auto;padding:16px}.form-section{display:flex;flex-direction:column;gap:10px}.form-row{display:flex;gap:12px}.form-field-inline{display:flex;align-items:center;gap:8px;flex:1}.form-field-inline.form-field-full{flex:1 1 100%;align-items:flex-start}.form-field-inline.form-field-full label{padding-top:4px}.form-field-inline label{color:var(--color-dropdown-label);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;min-width:100px}.form-field-inline input[type=text],.form-field-inline textarea{flex:1;padding:4px 8px;background:var(--color-background);border:1px solid var(--color-button);border-radius:4px;color:var(--color-button);font-family:Orbitron,sans-serif;font-size:12px;min-width:0}.form-field-inline textarea{resize:vertical;min-height:60px;font-family:inherit}.form-field-inline input[type=text]:focus,.form-field-inline textarea:focus{outline:none;border-color:var(--color-button);box-shadow:0 0 4px color-mix(in srgb,var(--color-button) .3)}.form-field-inline input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-button);margin-left:auto}.off-canvas-footer{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px;border-top:1px solid color-mix(in srgb,var(--color-button) .2);background:color-mix(in srgb,var(--color-button) .02);flex-shrink:0}.cancel-btn{padding:6px 12px;background:color-mix(in srgb,var(--color-text-secondary) .2);border:1px solid color-mix(in srgb,var(--color-text-secondary) .5);border-radius:4px;color:var(--color-text-secondary);font-family:Orbitron,sans-serif;font-size:12px;cursor:pointer;transition:all .2s}.cancel-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-text-secondary) .3)}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.save-btn{padding:6px 12px;background:color-mix(in srgb,var(--color-button) .2);border:1px solid var(--color-button);border-radius:4px;color:var(--color-button);font-family:Orbitron,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.save-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-button) .3);box-shadow:0 0 8px color-mix(in srgb,var(--color-button) .3)}.save-btn:disabled{opacity:.5;cursor:not-allowed}.table-card{background:color-mix(in srgb,var(--color-background) 30%,transparent);border:1px solid color-mix(in srgb,var(--color-button) .2);border-radius:4px;overflow:hidden}.table-card-header{padding:8px 12px;border-bottom:1px solid color-mix(in srgb,var(--color-button) .2);background:color-mix(in srgb,var(--color-button) .05)}.table-card-header h3{color:var(--color-button);font-family:Orbitron,sans-serif;margin:0;font-size:14px;font-weight:600}.table-card-body{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-family:Orbitron,sans-serif;font-size:11px}.admin-table thead{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--color-background) 90%,transparent)}.admin-table th{padding:6px 8px;text-align:left;font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.5px;color:var(--color-button);border-bottom:1px solid color-mix(in srgb,var(--color-button) .2)}.admin-table td{padding:6px 8px;color:var(--color-text);border-bottom:1px solid color-mix(in srgb,var(--color-button) .1);font-size:11px}.admin-table tbody tr{transition:background-color .15s}.admin-table tbody tr:hover{background:color-mix(in srgb,var(--color-button) .05)}.no-data{text-align:center;padding:20px;color:var(--color-text-secondary);font-style:italic;font-size:12px}.code-badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:500;background:color-mix(in srgb,var(--color-button) .15);color:var(--color-button);border:1px solid color-mix(in srgb,var(--color-button) .3)}.illegal-badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:500;background:color-mix(in srgb,var(--color-error) .15);color:var(--color-error);border:1px solid color-mix(in srgb,var(--color-error) .3)}.active-badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:500;background:color-mix(in srgb,var(--success-color) 15%,transparent);color:var(--success-color);border:1px solid color-mix(in srgb,var(--success-color) 30%,transparent)}.inactive-badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:500;background:color-mix(in srgb,var(--color-text-secondary) .15);color:var(--color-text-secondary);border:1px solid color-mix(in srgb,var(--color-text-secondary) .3)}.action-buttons{display:flex;gap:4px}.edit-btn{padding:4px 8px;background:color-mix(in srgb,var(--color-button) .2);border:1px solid color-mix(in srgb,var(--color-button) .5);border-radius:4px;color:var(--color-button);font-family:Orbitron,sans-serif;font-size:11px;cursor:pointer;transition:all .2s}.edit-btn:hover{background:color-mix(in srgb,var(--color-button) .3)}.delete-btn{padding:4px 8px;background:color-mix(in srgb,var(--color-error) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 50%,transparent);border-radius:4px;color:var(--color-error);font-family:Orbitron,sans-serif;font-size:11px;cursor:pointer;transition:all .2s}.delete-btn:hover{background:color-mix(in srgb,var(--color-error) 30%,transparent)}.job-tags-admin{padding:1.5rem}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.admin-section-header h2{margin:0;color:var(--text-color)}.tags-list{margin-top:1.5rem}.admin-table{width:100%;border-collapse:collapse;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.admin-table thead{background-color:color-mix(in srgb,var(--primary-color) 10%,transparent);border-bottom:2px solid var(--border-color)}.admin-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-color);text-transform:uppercase;font-size:12px;letter-spacing:.5px}.admin-table td{padding:12px 16px;border-bottom:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);color:var(--text-color)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background-color:color-mix(in srgb,var(--primary-color) 5%,transparent)}.tag-preview{display:inline-block;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500;color:#000}.color-display{display:inline-block;width:24px;height:24px;border-radius:4px;border:1px solid var(--border-color);vertical-align:middle;margin-right:8px}.color-code{font-family:monospace;font-size:13px;color:var(--text-secondary)}.tag-form{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-top:1.5rem}.tag-form h3{margin:0 0 1.5rem;color:var(--text-color)}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-color);font-weight:500;font-size:14px}.color-input-group{display:flex;gap:.5rem;align-items:center}.color-picker{width:60px;height:40px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;background:none}.color-input-group input[type=text]{flex:1}.form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.admin-loading,.admin-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.admin-error{background-color:color-mix(in srgb,#ff0000 20%,transparent);border:1px solid #ff0000;color:#fcc;padding:1rem;border-radius:4px;margin-bottom:1rem}.off-canvas-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1040;animation:fadeIn .3s ease}.off-canvas{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:600px;background-color:var(--surface-color);border-left:2px solid var(--border-color);z-index:1050;display:flex;flex-direction:column;box-shadow:-4px 0 20px #0000004d;animation:slideInRight .3s ease}.off-canvas-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:2px solid var(--border-color);background-color:var(--background-color)}.pending-tags-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.pending-tags-section h4{margin:0 0 1rem;color:var(--text-color);font-size:1.1rem}.btn-icon{background:transparent;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.btn-icon:hover{background-color:color-mix(in srgb,var(--primary-color) 10%,transparent)}.location-issue-types-admin{padding:1rem}.type-key{background-color:color-mix(in srgb,var(--primary-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 30%,transparent);border-radius:3px;padding:2px 6px;font-family:Courier New,monospace;font-size:.85rem;color:var(--primary-color)}.status-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:.75rem;font-weight:600}.status-badge.active{background-color:color-mix(in srgb,var(--success-color) 20%,transparent);color:var(--success-color);border:1px solid color-mix(in srgb,var(--success-color) 40%,transparent)}.status-badge.inactive{background-color:color-mix(in srgb,var(--text-secondary) 20%,transparent);color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--text-secondary) 40%,transparent)}.admin-table tr.inactive{opacity:.6}.form-help{display:block;margin-top:4px;font-size:.75rem;color:var(--text-secondary)}.off-canvas-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--background-color) 70%,transparent);z-index:1040;animation:fadeIn .3s ease}.off-canvas{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:600px;background-color:var(--surface-color);border-left:2px solid var(--border-color);z-index:1050;display:flex;flex-direction:column;box-shadow:-4px 0 20px color-mix(in srgb,var(--background-color) 50%,transparent);animation:slideInRight .3s ease}.off-canvas-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background-color:var(--surface-color)}.off-canvas-header h3{margin:0;color:var(--text-color)}.off-canvas-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color);background-color:var(--surface-color)}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:.65rem;background:var(--input-bg-color);border:1px solid color-mix(in srgb,var(--button-color) .2);border-radius:3px;color:var(--text-color);font-size:.9rem;font-family:Orbitron,sans-serif;transition:all .2s ease;box-sizing:border-box}.form-group input[type=text]:focus,.form-group input[type=number]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 8px color-mix(in srgb,var(--primary-color) 30%,transparent)}.form-group input[type=text]::placeholder,.form-group input[type=number]::placeholder{color:var(--text-secondary)}.form-group input[type=text]:disabled{opacity:.6;cursor:not-allowed;background:color-mix(in srgb,var(--text-secondary) 10%,transparent)}.form-group input[type=checkbox]{margin-right:.5rem;width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.admin-panel{padding:1.25rem;padding-left:calc(1.25rem + 64px);min-height:calc(100vh - 12.5rem);transition:padding-left .3s ease}body:not(.sidebar-collapsed) .admin-panel{padding-left:calc(1.25rem + 240px)}.admin-header{margin-bottom:1.875rem;padding-bottom:1.25rem;border-bottom:.125rem solid color-mix(in srgb,var(--color-button) 20%,transparent)}.admin-header h1{margin:0 0 .5rem;color:var(--color-text);font-size:2rem}.admin-subtitle{margin:0;color:var(--color-text-secondary);font-size:1rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1.875rem;border-bottom:.125rem solid color-mix(in srgb,var(--color-button) 20%,transparent);flex-wrap:wrap}.admin-tab-btn{padding:.75rem 1.25rem;background-color:transparent;border:none;border-bottom:.1875rem solid transparent;color:var(--color-text-secondary);cursor:pointer;font-size:.9375rem;font-weight:500;transition:all .2s;margin-bottom:-.125rem;white-space:nowrap}.admin-tab-btn:hover{color:var(--color-button);background-color:color-mix(in srgb,var(--color-button) 5%,transparent);border-bottom-color:color-mix(in srgb,var(--color-button) 50%,transparent)}.admin-tab-btn.active{color:var(--color-button);border-bottom-color:var(--color-button);background-color:color-mix(in srgb,var(--color-button) 10%,transparent)}.admin-content{margin-top:1.25rem;position:relative;overflow:visible}.star-nav{width:100%;height:calc(100vh - 200px);background:var(--background-color);color:var(--text-color)}.star-nav-container{max-width:1400px;margin:0 auto;padding:2rem}.star-nav-header{text-align:center;margin-bottom:3rem}.star-nav-header h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--text-color);background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.star-nav-header p{font-size:1.2rem;color:var(--text-secondary)}.star-nav-content{width:100%;min-height:600px;background:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;padding:0;position:relative;overflow:hidden}.star-nav-canvas-container{width:100%;max-width:1400px;height:600px;min-height:600px;max-height:600px;position:relative;background:var(--background-color);overflow:hidden;margin:0 auto;pointer-events:auto}.star-nav-canvas-container canvas{display:block!important;max-width:1400px!important;max-height:600px!important;background:var(--background-color);position:absolute;top:0;left:0;box-sizing:border-box}.star-nav-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center;color:var(--text-secondary)}.placeholder-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.7}.star-nav-placeholder h2{font-size:2rem;margin-bottom:1rem;color:var(--text-color)}.star-nav-placeholder p{font-size:1.1rem;margin-bottom:.5rem;line-height:1.6}.star-nav-placeholder ul{text-align:left;margin:1.5rem 0;padding-left:2rem;max-width:600px}.star-nav-placeholder ul li{margin-bottom:.5rem;font-size:1rem}.placeholder-note{margin-top:2rem;padding:1rem;background:var(--border-color);border-radius:8px;border-left:4px solid var(--primary-color);font-style:italic;color:var(--text-secondary)}.star-nav-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:600px;color:var(--text-secondary)}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.star-nav-error{padding:2rem;text-align:center;color:var(--error-color);background:var(--surface-color);border:2px solid var(--error-color);border-radius:8px;margin:2rem}.star-nav-controls-panel{padding:1.5rem;background:var(--background-color);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}.star-nav-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid var(--border-color)}.star-nav-tab{background:transparent;color:var(--text-secondary);border:none;border-bottom:2px solid transparent;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;margin-bottom:-2px}.star-nav-tab:hover{color:var(--text-color);background:color-mix(in srgb,var(--primary-color) 10%,transparent)}.star-nav-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 15%,transparent)}.star-nav-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.star-nav-focus-btn{background:var(--primary-color);color:var(--text-color);border:2px solid var(--primary-color);padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:400;transition:all .3s ease}.star-nav-focus-btn:hover{background:var(--secondary-color);border-color:var(--secondary-color);transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color) 40%,transparent)}.star-nav-focus-btn:active{transform:translateY(0)}.star-nav-info{color:var(--text-secondary)}.star-nav-info h3{color:var(--text-color);margin-bottom:.5rem;font-size:1.1rem}.star-nav-info ul{margin:.5rem 0;padding-left:1.5rem}.star-nav-info ul li{margin-bottom:.25rem;font-size:.9rem}.star-nav-stats-panel{position:absolute;top:1rem;right:1rem;width:350px;max-width:calc(100% - 2rem);background:color-mix(in srgb,var(--background-color) 95%,transparent);border:2px solid var(--primary-color);border-radius:12px;padding:0;z-index:1000;box-shadow:0 4px 20px color-mix(in srgb,var(--primary-color) 30%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInRight .3s ease-out}.star-nav-stats-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:2px solid var(--border-color);background:color-mix(in srgb,var(--primary-color) 10%,transparent)}.star-nav-stats-header h2{margin:0;font-size:1.5rem;color:var(--text-color);font-weight:600}.star-nav-stats-close{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0}.star-nav-stats-close:hover{background:var(--primary-color);color:var(--text-color);transform:scale(1.1)}.star-nav-stats-content{padding:1.5rem;max-height:500px;overflow-y:auto}.star-nav-stats-content::-webkit-scrollbar{width:8px}.star-nav-stats-content::-webkit-scrollbar-track{background:color-mix(in srgb,var(--border-color) 30%,transparent);border-radius:4px}.star-nav-stats-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.star-nav-stats-content::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.star-nav-stats-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid color-mix(in srgb,var(--border-color) 50%,transparent)}.star-nav-stats-row:last-child{border-bottom:none}.star-nav-stats-label{font-weight:600;color:var(--primary-color);font-size:.9rem;min-width:120px;flex-shrink:0}.star-nav-stats-value{color:var(--text-color);font-size:.9rem;text-align:right;flex-grow:1;word-break:break-word}@media (max-width: 768px){.star-nav-stats-panel{width:calc(100% - 2rem);right:1rem;left:1rem;top:1rem}.star-nav-stats-row{flex-direction:column;gap:.25rem}.star-nav-stats-value{text-align:left}}.groups-tab{padding:20px;max-width:1200px;margin:0 auto;font-family:Orbitron,sans-serif}.groups-tab-content{min-height:400px}.groups-list{display:grid;gap:20px}.group-card.selected-card{border-color:var(--button-color-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--button-color-primary) 10%,transparent)}.group-card.active-card{background-color:color-mix(in srgb,var(--primary-color) 10%,transparent)}.group-card{cursor:pointer}.friends-list{display:flex;flex-direction:column;gap:10px}.friend-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:4px}.friend-name{font-size:14px}.already-member{font-size:12px;font-style:italic}.job-board{padding:20px;max-width:100%;margin:0;font-family:Orbitron,sans-serif;position:relative;min-height:100vh;width:100%}.job-board-content{min-height:400px}.loading,.error,.empty{text-align:center;padding:40px;font-size:16px}.empty .hint{font-size:14px;margin-top:10px}.job-board-table-container{background-color:var(--table-container-background-color);border:1px solid var(--table-container-border-color);border-radius:4px;overflow:hidden}.job-board-table-wrapper{overflow-x:auto;overflow-y:visible}.job-board-table{width:100%;border-collapse:collapse;font-family:Orbitron,sans-serif}.job-board-table thead{background-color:color-mix(in srgb,var(--primary-color) 10%,transparent);border-bottom:2px solid var(--border-color)}.job-board-table thead th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-color);text-transform:uppercase;font-size:12px;letter-spacing:.5px;white-space:nowrap}.job-board-table tbody td{text-align:left}.job-board-table tbody tr{border-bottom:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);transition:background-color .2s ease}.job-board-table tbody tr:hover{background-color:color-mix(in srgb,var(--primary-color) 5%,transparent)}.job-board-table tbody tr.selected{background-color:color-mix(in srgb,var(--primary-color) 10%,transparent)}.job-board-table tbody tr:last-child{border-bottom:none}.job-board-table tbody td{padding:12px 16px;color:var(--text-color);font-size:14px;vertical-align:top}.job-board-table tbody td:first-child{font-weight:500}.job-details-row{background-color:color-mix(in srgb,var(--background-color) 50%,transparent)}.job-details-row td{padding:20px 16px}.job-members-section{padding:16px;background-color:var(--surface-color);border-radius:4px;border:1px solid var(--border-color)}.job-members-section h4{margin:0 0 12px;font-size:16px;font-weight:600}.job-members-list{display:flex;flex-direction:column;gap:8px}.job-member-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:var(--background-color);border-radius:4px;border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent)}.job-actions{display:flex;gap:8px;align-items:center;justify-content:flex-start}.job-board-tabs{display:flex;gap:8px;border-bottom:2px solid var(--border-color)}.tab-button{padding:8px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:Orbitron,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.tab-button:hover:not(:disabled){color:var(--text-color);border-bottom-color:color-mix(in srgb,var(--primary-color) 50%,transparent)}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-button:disabled{opacity:.5;cursor:not-allowed}.job-manage-main{width:100%;min-height:calc(100vh - 40px);padding:0;margin:0;display:flex;flex-direction:column;align-items:flex-start;position:relative}.job-manage-header{width:100%;padding:0 20px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid color-mix(in srgb,var(--primary-color) 30%,transparent)}.job-manage-content{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:0;flex:1;text-align:left;width:calc(100% - 40px);margin:0 20px;box-sizing:border-box;display:flex;flex-direction:column}.job-manage-tabs{display:flex;gap:0;border-bottom:2px solid var(--border-color);padding:0 1.5rem}.job-manage-tabs .tab-button{padding:1rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:Orbitron,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:-2px;text-align:left}.job-manage-tabs .tab-button:hover:not(:disabled){color:var(--text-color);border-bottom-color:color-mix(in srgb,var(--primary-color) 50%,transparent)}.job-manage-tabs .tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.job-manage-tabs .tab-button:disabled{opacity:.5;cursor:not-allowed}.job-settings-form{padding:1.5rem}.job-settings-form .form-field{margin-bottom:1.5rem}.job-settings-form .form-field:last-of-type{margin-bottom:0}.job-settings-form .form-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.job-manage-section{padding:1.5rem;text-align:left;flex:1}.job-details-compact{display:flex;flex-direction:column;gap:.5rem}.job-detail-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;text-align:left;flex-wrap:wrap}.job-detail-row .detail-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-weight:600;opacity:.8}.job-detail-row .detail-value{font-size:14px;word-break:break-word}.job-detail-row .detail-separator{color:var(--text-secondary);opacity:.5;font-size:14px}.job-members-section,.job-members-section h4{text-align:left}.off-canvas-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1040;animation:fadeIn .2s ease}.off-canvas{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:500px;background-color:var(--surface-color);border-left:2px solid var(--border-color);z-index:1050;display:flex;flex-direction:column;box-shadow:-4px 0 20px #0000004d;animation:slideInRight .3s ease}.off-canvas-right{right:0}.off-canvas-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--border-color);background-color:var(--background-color)}.off-canvas-header h3{margin:0;font-size:1.5rem;color:var(--text-color)}.off-canvas-body{flex:1;overflow-y:auto;padding:1.5rem}.off-canvas-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--border-color)}.tags-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag-chip{padding:.375rem .75rem;border:1px solid;border-radius:16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:transparent}.tag-chip:hover{opacity:.8;transform:scale(1.05)}.tag-chip.selected{font-weight:600}.job-board-filters{padding:1rem 0}.filter-tags{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tag{padding:.5rem 1rem;border:1px solid;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:transparent}.filter-tag:hover{opacity:.8;transform:scale(1.05)}.filter-tag.active{font-weight:600}.job-tags-display{display:flex;flex-wrap:wrap;gap:.25rem}.job-tag-badge{padding:.25rem .5rem;border:1px solid;border-radius:12px;font-size:11px;font-weight:500;background-color:color-mix(in srgb,var(--tag-color, #00ffcc) 20%,transparent)}.off-canvas-actions .btn{flex:1}.join-requests{width:100%;font-family:Orbitron,sans-serif}.requests-loading{text-align:center;padding:2rem;color:color-mix(in srgb,var(--button-color) 60%,transparent)}.requests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--button-color) 10%,transparent);flex-wrap:wrap;gap:1rem}.requests-header h2{color:var(--button-color);margin:0;font-weight:600;font-size:1.5rem;letter-spacing:.5px;text-shadow:0 0 10px color-mix(in srgb,var(--button-color) 20%,transparent)}.status-tabs{display:flex;gap:.5rem}.status-tabs button{background:color-mix(in srgb,var(--background-color) 30%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 20%,transparent);color:color-mix(in srgb,var(--text-color) 50%,transparent);padding:.5rem 1rem;border-radius:3px;cursor:pointer;transition:all .2s ease;font-family:Orbitron,sans-serif;font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;position:relative}.status-tabs button:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--button-color);transition:width .3s ease}.status-tabs button:hover{border-color:color-mix(in srgb,var(--button-color) 40%,transparent);color:color-mix(in srgb,var(--button-color) 80%,transparent);background:color-mix(in srgb,var(--button-color) 5%,transparent)}.status-tabs button.active{background:color-mix(in srgb,var(--button-color) 10%,transparent);border-color:color-mix(in srgb,var(--button-color) 40%,transparent);color:var(--button-color)}.status-tabs button.active:after{width:100%}.no-requests{text-align:center;padding:4rem;color:color-mix(in srgb,var(--text-color) 50%,transparent)}.requests-list{display:grid;gap:1rem}.request-card{background:color-mix(in srgb,var(--background-color) 30%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 15%,transparent);border-radius:4px;padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.request-card:hover{border-color:color-mix(in srgb,var(--button-color) 30%,transparent);background:color-mix(in srgb,var(--button-color) 5%,transparent)}.request-user h4{margin:0 0 .5rem;color:var(--button-color);font-size:1.1rem;font-weight:600;letter-spacing:.5px}.request-email{color:color-mix(in srgb,var(--text-color) 60%,transparent);font-size:.85rem}.request-message{margin:1rem 0;padding:1rem;background:color-mix(in srgb,var(--background-color) 20%,transparent);border-radius:3px;border-left:2px solid color-mix(in srgb,var(--button-color) 30%,transparent)}.request-message strong{color:color-mix(in srgb,var(--button-color) 80%,transparent);display:block;margin-bottom:.5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.request-message p{color:color-mix(in srgb,var(--text-color) 70%,transparent);margin:0;line-height:1.6;font-size:.9rem}.request-meta{display:flex;flex-direction:column;gap:.5rem;color:color-mix(in srgb,var(--text-color) 50%,transparent);font-size:.8rem;margin-top:1rem;text-transform:uppercase;letter-spacing:.5px}.request-actions{display:flex;gap:.75rem;margin-top:1rem}.btn-approve,.btn-reject{padding:.6rem 1.25rem;border:none;border-radius:3px;cursor:pointer;font-size:.85rem;transition:all .3s ease;font-family:Orbitron,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.btn-approve{background:color-mix(in srgb,var(--button-color) 10%,transparent);color:var(--button-color);border:1px solid color-mix(in srgb,var(--button-color) 30%,transparent)}.btn-approve:hover{background:color-mix(in srgb,var(--button-color) 20%,transparent);border-color:color-mix(in srgb,var(--button-color) 50%,transparent);box-shadow:0 0 15px color-mix(in srgb,var(--button-color) 30%,transparent);transform:translateY(-1px)}.btn-reject{background:color-mix(in srgb,var(--error-color) 10%,transparent);color:var(--error-color);border:1px solid color-mix(in srgb,var(--error-color) 30%,transparent)}.btn-reject:hover{background:color-mix(in srgb,var(--error-color) 20%,transparent);border-color:color-mix(in srgb,var(--error-color) 50%,transparent);box-shadow:0 0 15px color-mix(in srgb,var(--error-color) 30%,transparent);transform:translateY(-1px)}.role-management{width:100%;font-family:Orbitron,sans-serif}.role-tabs{display:flex;gap:0;border-bottom:2px solid color-mix(in srgb,var(--button-color) .2);margin-bottom:1.5rem}.role-tab{padding:.75rem 1.5rem;background:color-mix(in srgb,var(--background-color) .3);color:color-mix(in srgb,var(--text-color) .6);border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;position:relative;top:2px}.role-tab:hover{color:color-mix(in srgb,var(--button-color) .8);background:color-mix(in srgb,var(--button-color) .05)}.role-tab.active{color:var(--button-color);background:color-mix(in srgb,var(--background-color) 30%,transparent);border-bottom:2px solid var(--button-color);box-shadow:0 0 10px color-mix(in srgb,var(--button-color) 20%,transparent)}.roles-tab-content,.assign-tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.roles-loading{text-align:center;padding:2rem;color:color-mix(in srgb,var(--button-color) .6)}.roles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--button-color) .1)}.roles-header h2{color:var(--button-color);margin:0;font-weight:600;font-size:1.5rem;letter-spacing:.5px;text-shadow:0 0 10px color-mix(in srgb,var(--button-color) .2)}.btn-create-role{background:color-mix(in srgb,var(--button-color) .1);color:var(--button-color);border:1px solid color-mix(in srgb,var(--button-color) .3);padding:.6rem 1.25rem;border-radius:3px;cursor:pointer;font-size:.85rem;transition:all .3s ease;font-family:Orbitron,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.btn-create-role:hover{background:color-mix(in srgb,var(--button-color) .2);border-color:color-mix(in srgb,var(--button-color) .5);box-shadow:0 0 15px color-mix(in srgb,var(--button-color) .3);transform:translateY(-1px)}.no-roles{text-align:center;padding:4rem;color:color-mix(in srgb,var(--text-color) .5)}.roles-list{display:grid;gap:1rem;margin-bottom:2rem}.role-card{background:color-mix(in srgb,var(--background-color) .3);border:1px solid color-mix(in srgb,var(--button-color) .15);border-radius:4px;padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease;overflow:hidden}.role-card:hover{border-color:color-mix(in srgb,var(--button-color) .3);background:color-mix(in srgb,var(--button-color) .05)}.role-card.collapsed{padding-bottom:1.25rem}.role-card.expanded{border-color:color-mix(in srgb,var(--button-color) .25)}.role-content{margin-top:1rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--button-color) .1);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:1000px;transform:translateY(0)}}.role-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;flex-wrap:wrap;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.role-header:hover{opacity:.9}.role-header-left{display:flex;align-items:center;gap:.75rem;flex:1}.role-toggle-btn{background:transparent;border:none;color:color-mix(in srgb,var(--button-color) .6);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:24px;height:24px;flex-shrink:0}.role-toggle-btn:hover{color:var(--button-color)}.role-toggle-icon{display:inline-block;transition:transform .3s ease;font-size:.7rem;line-height:1}.role-toggle-icon.expanded{transform:rotate(180deg)}.role-header h3{margin:0;color:var(--button-color);font-size:1.1rem;font-weight:600;letter-spacing:.5px}.role-badge{display:inline-block;padding:.25rem .6rem;border-radius:3px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.default{background:color-mix(in srgb,var(--button-color) .15);color:var(--button-color);border:1px solid color-mix(in srgb,var(--button-color) .3)}.role-protected-badge{display:inline-block;padding:.25rem .6rem;border-radius:3px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:color-mix(in srgb,var(--warning-color) .15);color:var(--warning-color);border:1px solid color-mix(in srgb,var(--warning-color) .3)}.role-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-edit,.btn-delete{padding:.4rem .9rem;border:none;border-radius:3px;cursor:pointer;font-size:.8rem;transition:all .2s ease;font-family:Orbitron,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.btn-edit{background:color-mix(in srgb,var(--button-color) .1);color:var(--button-color);border:1px solid color-mix(in srgb,var(--button-color) .3)}.btn-edit:hover{background:color-mix(in srgb,var(--button-color) .2);border-color:color-mix(in srgb,var(--button-color) .5);box-shadow:0 0 10px color-mix(in srgb,var(--button-color) .3)}.btn-delete{background:color-mix(in srgb,var(--error-color) .1);color:var(--error-color);border:1px solid color-mix(in srgb,var(--error-color) .3)}.btn-delete:hover{background:color-mix(in srgb,var(--error-color) .2);border-color:color-mix(in srgb,var(--error-color) .5);box-shadow:0 0 10px color-mix(in srgb,var(--error-color) .3)}.role-permissions{margin:1rem 0;padding:1rem;background:color-mix(in srgb,var(--background-color) .2);border-radius:3px;border-left:2px solid color-mix(in srgb,var(--button-color) .3)}.role-permissions h4{color:color-mix(in srgb,var(--button-color) .8);margin:0 0 .75rem;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-permissions ul{list-style:none;padding:0;margin:0}.role-permissions li{color:color-mix(in srgb,var(--text-color) .7);padding:.35rem 0;font-size:.85rem}.role-permissions li.no-permissions{color:color-mix(in srgb,var(--text-color) .4);font-style:italic}.role-members{margin-top:1rem}.role-members h4{color:color-mix(in srgb,var(--button-color) .8);margin:0 0 .75rem;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.members-with-role{display:flex;flex-wrap:wrap;gap:.5rem}.member-tag{background:color-mix(in srgb,var(--button-color) .1);color:var(--button-color);padding:.25rem .6rem;border-radius:3px;font-size:.75rem;font-weight:500;border:1px solid color-mix(in srgb,var(--button-color) .2)}.no-members{color:color-mix(in srgb,var(--text-color) .4);font-style:italic;font-size:.85rem}.role-form-container{width:100%}.role-form{background:color-mix(in srgb,var(--background-color) .3);border:1px solid color-mix(in srgb,var(--button-color) .15);border-radius:4px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.role-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.role-form h2{color:var(--button-color);margin:0;font-weight:600;font-size:1.5rem;letter-spacing:.5px;text-shadow:0 0 10px color-mix(in srgb,var(--button-color) .2)}.btn-close-form{background:color-mix(in srgb,var(--error-color) .1);color:var(--error-color);border:1px solid color-mix(in srgb,var(--error-color) .3);border-radius:3px;width:32px;height:32px;cursor:pointer;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:Orbitron,sans-serif}.btn-close-form:hover{background:color-mix(in srgb,var(--error-color) .2);border-color:color-mix(in srgb,var(--error-color) .5);box-shadow:0 0 10px color-mix(in srgb,var(--error-color) .3)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:color-mix(in srgb,var(--button-color) .8);font-weight:500;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.form-group input[type=text]{width:100%;padding:.65rem;background:color-mix(in srgb,var(--background-color) .4);border:1px solid color-mix(in srgb,var(--button-color) .2);border-radius:3px;color:var(--text-color);font-size:.9rem;font-family:Orbitron,sans-serif;transition:all .2s ease}.form-group input[type=text]:focus{outline:none;border-color:color-mix(in srgb,var(--button-color) .5);box-shadow:0 0 10px color-mix(in srgb,var(--button-color) .2)}.form-group input[type=checkbox]{margin-right:.5rem;cursor:pointer;accent-color:var(--button-color)}.form-group label:has(input[type=checkbox]){display:flex;align-items:center;cursor:pointer;color:color-mix(in srgb,var(--text-color) .8);text-transform:none;font-size:.9rem}.permissions-section{margin:2rem 0;padding:1.25rem;background:color-mix(in srgb,var(--background-color) .2);border-radius:4px;border-left:2px solid color-mix(in srgb,var(--button-color) .3)}.permissions-section h3{color:var(--button-color);margin-bottom:1rem;font-weight:600;font-size:1.1rem;letter-spacing:.5px;text-transform:uppercase}.permission-group{margin-bottom:.75rem;padding:.9rem;background:color-mix(in srgb,var(--background-color) .3);border-radius:3px;border:1px solid color-mix(in srgb,var(--button-color) .1);transition:all .2s ease}.permission-group:hover{border-color:color-mix(in srgb,var(--button-color) .2)}.permission-group label{display:flex;align-items:center;color:color-mix(in srgb,var(--text-color) .9);font-weight:500;cursor:pointer;text-transform:none;font-size:.9rem}.permission-group small{display:block;margin-top:.35rem;color:color-mix(in srgb,var(--text-color) .5);font-size:.8rem;margin-left:1.75rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem}.btn-cancel,.btn-submit{padding:.6rem 1.5rem;border:none;border-radius:3px;font-size:.85rem;cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.btn-cancel{background:color-mix(in srgb,var(--text-color) .05);color:color-mix(in srgb,var(--text-color) .7);border:1px solid color-mix(in srgb,var(--text-color) .1)}.btn-cancel:hover{background:color-mix(in srgb,var(--text-color) .1);border-color:color-mix(in srgb,var(--text-color) .2)}.btn-submit{background:color-mix(in srgb,var(--button-color) .1);color:var(--button-color);border:1px solid color-mix(in srgb,var(--button-color) .3)}.btn-submit:hover{background:color-mix(in srgb,var(--button-color) .2);border-color:color-mix(in srgb,var(--button-color) .5);box-shadow:0 0 15px color-mix(in srgb,var(--button-color) .3)}.assign-tab-content,.assign-roles-section{width:100%}.assign-roles-section h3{color:var(--button-color);margin-bottom:1.25rem;font-weight:600;font-size:1.2rem;letter-spacing:.5px;text-transform:uppercase}.no-members-message{text-align:center;padding:3rem;color:color-mix(in srgb,var(--text-color) .5);background:color-mix(in srgb,var(--background-color) .2);border-radius:4px;border:1px solid color-mix(in srgb,var(--button-color) .1)}.members-role-assignment{display:grid;gap:.75rem}.member-role-assignment{background:color-mix(in srgb,var(--background-color) .3);border:1px solid color-mix(in srgb,var(--button-color) .1);border-radius:3px;padding:1rem;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.member-role-assignment:hover{border-color:color-mix(in srgb,var(--button-color) .3);background:color-mix(in srgb,var(--button-color) .05)}.member-info{display:flex;flex-direction:column;gap:.25rem}.member-info strong{color:var(--button-color);font-weight:600;font-size:.95rem;letter-spacing:.5px}.current-role{color:color-mix(in srgb,var(--text-color) .6);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.role-select{background:color-mix(in srgb,var(--background-color) .4);border:1px solid color-mix(in srgb,var(--button-color) .2);border-radius:3px;padding:.5rem .75rem;color:var(--button-color);font-size:.85rem;cursor:pointer;min-width:200px;font-family:Orbitron,sans-serif;transition:all .2s ease}.role-select:hover{border-color:color-mix(in srgb,var(--button-color) .4)}.role-select:focus{outline:none;border-color:color-mix(in srgb,var(--button-color) .5);box-shadow:0 0 10px color-mix(in srgb,var(--button-color) .2)}.org-statistics{padding:0}.org-statistics h2{color:var(--button-color);margin-bottom:2rem;font-weight:600;font-size:1.5rem;letter-spacing:.5px;text-shadow:0 0 10px color-mix(in srgb,var(--button-color) 20%,transparent)}.org-statistics-loading{text-align:center;padding:4rem;color:color-mix(in srgb,var(--button-color) 60%,transparent);font-family:Orbitron,sans-serif}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:color-mix(in srgb,var(--background-color) 40%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 15%,transparent);border-radius:4px;padding:1.5rem;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--button-color) 40%,transparent),transparent)}.stat-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--button-color) 40%,transparent);box-shadow:0 4px 20px color-mix(in srgb,var(--button-color) 15%,transparent)}.stat-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.8}.stat-value{font-size:2.25rem;font-weight:700;color:var(--button-color);margin-bottom:.5rem;text-shadow:0 0 10px color-mix(in srgb,var(--button-color) 40%,transparent);letter-spacing:1px}.stat-label{color:color-mix(in srgb,var(--text-color) 80%,transparent);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;font-weight:500;margin-bottom:.5rem}.stat-sublabel{color:color-mix(in srgb,var(--text-color) 50%,transparent);font-size:.75rem;margin-top:.5rem}.stats-section{margin-bottom:2.5rem}.stats-section h3{color:var(--button-color);margin-bottom:1.5rem;font-weight:600;font-size:1.2rem;letter-spacing:.5px;border-bottom:1px solid color-mix(in srgb,var(--button-color) 20%,transparent);padding-bottom:.75rem}.top-members-list{display:flex;flex-direction:column;gap:1rem}.top-member-card{background:color-mix(in srgb,var(--background-color) 30%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 10%,transparent);border-radius:4px;padding:1.25rem;display:flex;align-items:center;gap:1.5rem;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-member-card:hover{border-color:color-mix(in srgb,var(--button-color) 30%,transparent);background:color-mix(in srgb,var(--button-color) 5%,transparent)}.member-rank{background:color-mix(in srgb,var(--button-color) 15%,transparent);color:var(--button-color);width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;border:1px solid color-mix(in srgb,var(--button-color) 30%,transparent);flex-shrink:0}.member-info{flex:1}.member-name{color:color-mix(in srgb,var(--text-color) 90%,transparent);font-weight:600;font-size:1rem;margin-bottom:.5rem}.member-stats{display:flex;gap:.75rem;align-items:center;color:color-mix(in srgb,var(--text-color) 60%,transparent);font-size:.85rem;flex-wrap:wrap}.member-stats span{white-space:nowrap}.recent-activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{background:color-mix(in srgb,var(--background-color) 30%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 10%,transparent);border-radius:4px;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.activity-item:hover{border-color:color-mix(in srgb,var(--button-color) 30%,transparent);background:color-mix(in srgb,var(--button-color) 5%,transparent)}.activity-type{font-size:1.5rem;flex-shrink:0}.activity-details{flex:1}.activity-description{color:color-mix(in srgb,var(--text-color) 90%,transparent);font-size:.9rem;margin-bottom:.25rem}.activity-date{color:color-mix(in srgb,var(--text-color) 50%,transparent);font-size:.75rem}.activity-status{flex-shrink:0}.status-approved{background:color-mix(in srgb,var(--button-color) 15%,transparent);color:var(--button-color);padding:.25rem .6rem;border-radius:3px;font-size:.75rem;font-weight:600;border:1px solid color-mix(in srgb,var(--button-color) 30%,transparent);text-transform:uppercase;letter-spacing:.5px}.status-pending{background:color-mix(in srgb,var(--warning-color) 15%,transparent);color:var(--warning-color);padding:.25rem .6rem;border-radius:3px;font-size:.75rem;font-weight:600;border:1px solid color-mix(in srgb,var(--warning-color) 30%,transparent);text-transform:uppercase;letter-spacing:.5px}.stats-empty{text-align:center;padding:4rem 2rem;color:color-mix(in srgb,var(--text-color) 50%,transparent)}.stats-empty p{margin:.5rem 0;font-size:1rem}.stats-empty-subtitle{font-size:.85rem;color:color-mix(in srgb,var(--text-color) 40%,transparent)}.stats-tabs{display:flex;gap:0;margin-bottom:2rem;border-bottom:1px solid color-mix(in srgb,var(--button-color) 20%,transparent);overflow-x:auto}.stats-tabs button{background:transparent;border:none;padding:.75rem 1.5rem;color:color-mix(in srgb,var(--text-color) 50%,transparent);cursor:pointer;font-size:.9rem;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s ease;font-family:Orbitron,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.5px;position:relative;white-space:nowrap}.stats-tabs button:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:2px;background:var(--button-color);transition:width .3s ease}.stats-tabs button:hover{color:color-mix(in srgb,var(--button-color) 80%,transparent)}.stats-tabs button:hover:after{width:100%}.stats-tabs button.active{color:var(--button-color)}.stats-tabs button.active:after{width:100%}.stats-tab-content{min-height:400px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-item{background:color-mix(in srgb,var(--background-color) 30%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 10%,transparent);border-radius:4px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.summary-label{color:color-mix(in srgb,var(--text-color) 60%,transparent);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.summary-value{color:var(--button-color);font-size:1.5rem;font-weight:700;text-shadow:0 0 10px color-mix(in srgb,var(--button-color) 30%,transparent)}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.breakdown-card{background:color-mix(in srgb,var(--background-color) 40%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 15%,transparent);border-radius:4px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.breakdown-card:hover{border-color:color-mix(in srgb,var(--button-color) 40%,transparent);box-shadow:0 4px 20px color-mix(in srgb,var(--button-color) 15%,transparent)}.breakdown-header{color:color-mix(in srgb,var(--text-color) 70%,transparent);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-weight:500}.breakdown-value{color:var(--button-color);font-size:1.75rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 10px color-mix(in srgb,var(--button-color) 30%,transparent)}.breakdown-details{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.75rem;color:color-mix(in srgb,var(--text-color) 50%,transparent)}.detail-approved{color:var(--button-color)}.detail-pending{color:var(--warning-color)}.breakdown-table{overflow-x:auto;margin-top:1rem}.breakdown-table table{width:100%;border-collapse:collapse;background:color-mix(in srgb,var(--background-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 15%,transparent);border-radius:4px;overflow:hidden}.breakdown-table thead{background:color-mix(in srgb,var(--background-color) 40%,transparent);border-bottom:2px solid color-mix(in srgb,var(--button-color) 30%,transparent)}.breakdown-table th{padding:1rem;text-align:left;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--button-color);border-right:1px solid color-mix(in srgb,var(--button-color) 10%,transparent)}.breakdown-table th:last-child{border-right:none}.breakdown-table tbody tr{border-bottom:1px solid color-mix(in srgb,var(--button-color) 10%,transparent);transition:all .2s ease}.breakdown-table tbody tr:hover{background:color-mix(in srgb,var(--button-color) 5%,transparent)}.breakdown-table tbody tr:last-child{border-bottom:none}.breakdown-table td{padding:1rem;font-size:.9rem;color:color-mix(in srgb,var(--text-color) 90%,transparent);border-right:1px solid color-mix(in srgb,var(--button-color) 10%,transparent);vertical-align:middle}.breakdown-table td:last-child{border-right:none}.commodity-name,.route-name,.member-name-cell{font-weight:500;color:color-mix(in srgb,var(--text-color) 95%,transparent)}.rank-cell{font-weight:700;color:var(--button-color);text-align:center}.fleet-overview{display:flex;flex-direction:column;gap:1rem}.fleet-loading,.fleet-error{text-align:center;padding:2rem;color:color-mix(in srgb,var(--button-color) .6);font-family:Orbitron,sans-serif}.fleet-error{color:color-mix(in srgb,var(--error-color) .8)}.fleet-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--table-outline-color);margin-bottom:.5rem}.fleet-header h2{color:var(--button-color);margin:0;font-weight:600;font-size:1.25rem;letter-spacing:.5px}.fleet-stats{display:flex;gap:1.5rem}.fleet-stat{display:flex;flex-direction:column;align-items:flex-end}.fleet-stat-label{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500;margin-bottom:.25rem}.fleet-stat-value{font-size:1.5rem;font-weight:700;color:var(--button-color);font-family:Orbitron,sans-serif;letter-spacing:.5px}.fleet-empty{text-align:center;padding:3rem;color:color-mix(in srgb,var(--text-color) .5);font-style:italic}.fleet-content{display:flex;flex-direction:column;gap:2rem}.fleet-ship-section{display:flex;flex-direction:column;gap:1rem}.fleet-ship-section .fleet-ship-name{color:var(--button-color);font-size:1.1rem;font-weight:600;margin:0;letter-spacing:.5px;padding-bottom:.5rem;border-bottom:1px solid color-mix(in srgb,var(--table-outline-color) .5)}.fleet-owners-list{display:flex;flex-wrap:wrap;gap:.75rem;padding:.5rem 0}.fleet-owner-item{background:var(--table-background-color, var(--surface-color));border:1px solid var(--table-row-border-color, var(--table-outline-color));border-radius:4px;padding:.5rem 1rem;color:var(--text-color);font-size:.9rem;transition:all .2s ease}.fleet-owner-item:hover{background-color:var(--table-row-hover-background-color, color-mix(in srgb, var(--surface-color) 120%, transparent));border-color:var(--table-outline-color);transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--button-color) .1)}.time-picker-wrapper{position:relative;width:100%}.time-picker-input{position:relative;cursor:pointer}.time-input-display{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.time-display{display:block;width:100%;padding:.5rem .75rem;background:var(--surface-color);border:1px solid var(--table-outline-color);border-radius:4px;color:var(--text-color);font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .2s ease}.time-picker-input:hover .time-display{border-color:var(--button-color)}.time-picker-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;font-size:1.2rem}.time-picker-dropdown{position:absolute;top:100%;left:0;margin-top:.5rem;background:var(--table-background-color, var(--surface-color));border:1px solid var(--table-row-border-color, var(--table-outline-color));border-radius:8px;box-shadow:0 4px 12px color-mix(in srgb,var(--button-color) .2);z-index:1000;min-width:300px;padding:1.5rem}.time-picker-header{display:flex;gap:.5rem;margin-bottom:1rem;justify-content:center}.mode-button{padding:.5rem 1rem;background:transparent;border:1px solid var(--table-outline-color);border-radius:4px;color:var(--text-color);cursor:pointer;transition:all .2s ease;font-family:Orbitron,sans-serif;font-size:.9rem}.mode-button:hover{background:color-mix(in srgb,var(--surface-color) 120%);border-color:var(--button-color)}.mode-button.active{background:var(--button-color);color:var(--button-text-color);border-color:var(--button-color)}.clock-container{position:relative;width:200px;height:200px;margin:0 auto 1.5rem}.clock-face{width:100%;height:100%}.clock-circle{fill:var(--surface-color);stroke:var(--table-outline-color);stroke-width:2}.clock-hand{stroke:var(--button-color);stroke-linecap:round}.clock-center{fill:var(--button-color)}.clock-numbers{position:absolute;top:0;left:0;width:100%;height:100%}.clock-number{position:absolute;width:40px;height:40px;margin-left:-20px;margin-top:-20px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text-color);background:var(--surface-color);border:2px solid transparent;transition:all .2s ease;-webkit-user-select:none;user-select:none}.clock-number:hover{background:color-mix(in srgb,var(--button-color) .1);border-color:var(--button-color);transform:scale(1.1)}.clock-number.selected{background:var(--button-color);color:var(--button-text-color);border-color:var(--button-color);font-weight:600;transform:scale(1.15)}.clock-number.minute{font-size:.75rem;width:35px;height:35px;margin-left:-17.5px;margin-top:-17.5px}.time-picker-footer{display:flex;flex-direction:column;gap:1rem;align-items:center}.time-display-large{font-size:1.5rem;font-weight:600;color:var(--button-color);font-family:Orbitron,sans-serif;letter-spacing:2px}.am-pm-toggle{display:flex;gap:.5rem;margin:.5rem 0}.am-pm-button{padding:.5rem 1.5rem;background:transparent;border:1px solid var(--table-outline-color);border-radius:4px;color:var(--text-color);cursor:pointer;transition:all .2s ease;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:500}.am-pm-button:hover{background:color-mix(in srgb,var(--surface-color) 120%);border-color:var(--button-color)}.am-pm-button.active{background:var(--button-color);color:var(--button-text-color);border-color:var(--button-color)}.time-picker-actions{display:flex;gap:.75rem;width:100%;justify-content:center}.btn-time-cancel,.btn-time-apply{padding:.5rem 1.5rem;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Orbitron,sans-serif}.btn-time-cancel{background:transparent;color:var(--text-color);border:1px solid var(--table-outline-color)}.btn-time-cancel:hover{background:color-mix(in srgb,var(--surface-color) 120%);border-color:var(--button-color)}.btn-time-apply{background:var(--button-color);color:var(--button-text-color);border:1px solid var(--button-border-color)}.btn-time-apply:hover{background:color-mix(in srgb,var(--button-color) 120%);transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--button-color) .3)}.events-container{display:flex;flex-direction:column;gap:1rem}.events-loading{text-align:center;padding:2rem;color:color-mix(in srgb,var(--button-color) .6);font-family:Orbitron,sans-serif}.events-header{padding-bottom:.75rem;border-bottom:1px solid var(--table-outline-color);margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.events-header h2{color:var(--button-color);margin:0;font-weight:600;font-size:1.25rem;letter-spacing:.5px}.btn-create-event{background:var(--button-color);color:var(--button-text-color);border:1px solid var(--button-border-color);padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Orbitron,sans-serif}.btn-create-event:hover{background:color-mix(in srgb,var(--button-color) 120%);transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--button-color) .3)}.btn-close-form{background:transparent;color:var(--text-color);border:none;font-size:1.5rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.btn-close-form:hover{background:color-mix(in srgb,var(--surface-color) 120%);color:var(--button-color)}.event-form{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--table-background-color, var(--surface-color));border:1px solid var(--table-row-border-color, var(--table-outline-color));border-radius:4px}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:.5rem}}.form-group label{color:var(--button-color);font-size:.85rem;font-weight:500;letter-spacing:.5px}.form-group input,.form-group textarea{background:var(--surface-color);border:1px solid var(--table-outline-color);color:var(--text-color);padding:.5rem .75rem;border-radius:4px;font-size:.9rem;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--button-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--button-color) .2)}.form-group textarea{resize:vertical;min-height:80px}.form-group small{font-size:.75rem;color:var(--text-secondary);margin-top:-.25rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.25rem}.btn-cancel{background:transparent;color:var(--text-color);border:1px solid var(--table-outline-color);padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Orbitron,sans-serif}.btn-cancel:hover{background:color-mix(in srgb,var(--surface-color) 120%);border-color:var(--button-color)}.btn-submit{background:var(--button-color);color:var(--button-text-color);border:1px solid var(--button-border-color);padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Orbitron,sans-serif}.btn-submit:hover{background:color-mix(in srgb,var(--button-color) 120%);transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--button-color) .3)}.events-empty{text-align:center;padding:3rem;color:color-mix(in srgb,var(--text-color) .5);font-style:italic}.events-list{display:flex;flex-direction:column;gap:1rem}.event-card{background:var(--table-background-color, var(--surface-color));border:1px solid var(--table-row-border-color, var(--table-outline-color));border-radius:4px;padding:1.25rem;transition:all .2s ease}.event-card:hover{background-color:var(--table-row-hover-background-color, color-mix(in srgb, var(--surface-color) 120%, transparent));border-color:var(--table-outline-color);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--button-color) .1)}.event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.event-title{color:var(--button-color);font-size:1.1rem;font-weight:600;margin:0;letter-spacing:.5px;flex:1}.event-date{background:color-mix(in srgb,var(--button-color) .15);color:var(--button-color);padding:.25rem .75rem;border-radius:3px;font-size:.8rem;font-weight:600;border:1px solid color-mix(in srgb,var(--button-color) .3);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;display:flex;flex-direction:column;gap:.25rem}.event-time{text-transform:none;font-weight:500;font-size:.75rem}.event-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:.75rem 0}.event-location{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid color-mix(in srgb,var(--table-outline-color) .3)}.event-location-label{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.event-location-value{color:var(--button-color);font-size:.85rem;font-weight:500}.discord-integrations{display:flex;flex-direction:column;gap:1rem}.discord-header{padding-bottom:.75rem;border-bottom:1px solid var(--table-outline-color);margin-bottom:.5rem}.discord-header h2{color:var(--button-color);margin:0;font-weight:600;font-size:1.25rem;letter-spacing:.5px}.discord-construction{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--table-background-color, var(--surface-color));border:1px solid var(--table-row-border-color, var(--table-outline-color));border-radius:4px;min-height:300px}.discord-construction-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.discord-construction h3{color:var(--button-color);font-size:1.5rem;font-weight:600;margin:0 0 1rem;letter-spacing:.5px}.discord-construction p{color:var(--text-secondary);font-size:1rem;margin:.5rem 0;line-height:1.5}.discord-coming-soon{color:color-mix(in srgb,var(--button-color) .7);font-weight:500;margin-top:1rem}.tags-container{display:flex;flex-direction:column;gap:1rem}.tags-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--table-outline-color);margin-bottom:.5rem}.tags-header h2{color:var(--button-color);margin:0;font-weight:600;font-size:1.25rem;letter-spacing:.5px}.tags-readonly-note{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-style:italic}.tags-content{display:flex;flex-direction:column;gap:1.5rem}.tags-empty{text-align:center;padding:3rem;color:color-mix(in srgb,var(--text-color) .5)}.tags-empty p{margin:.5rem 0}.tags-empty-hint{font-size:.85rem;font-style:italic;color:color-mix(in srgb,var(--text-color) .4)}.tags-list{display:flex;flex-wrap:wrap;gap:.75rem}.tag-item{display:flex;align-items:center;gap:.5rem;background:color-mix(in srgb,var(--button-color) .15);border:1px solid color-mix(in srgb,var(--button-color) .3);border-radius:4px;padding:.5rem .75rem;transition:all .2s ease}.tag-item:hover{background:color-mix(in srgb,var(--button-color) .2);border-color:color-mix(in srgb,var(--button-color) .5)}.tag-value{color:var(--button-color);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tag-remove{background:transparent;border:none;color:color-mix(in srgb,var(--error-color) .8);font-size:1.25rem;font-weight:700;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;line-height:1}.tag-remove:hover:not(:disabled){background:color-mix(in srgb,var(--error-color) .2);color:var(--error-color)}.tag-remove:disabled{opacity:.5;cursor:not-allowed}.tags-add-form{display:flex;gap:.75rem;align-items:center;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--table-outline-color) .3)}.tags-input{flex:1;padding:.6rem .75rem;border:1px solid var(--table-outline-color);border-radius:4px;background-color:var(--input-bg-color);color:var(--text-color);font-family:Orbitron,sans-serif;font-size:.9rem;text-transform:uppercase;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.tags-input:focus{outline:none;border-color:var(--button-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--button-color) 30%,transparent)}.tags-input:disabled{opacity:.5;cursor:not-allowed}.tags-add-button{background:color-mix(in srgb,var(--button-color) .1);color:var(--button-color);border:1px solid color-mix(in srgb,var(--button-color) .3);padding:.6rem 1.25rem;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s ease;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.tags-add-button:hover:not(:disabled){background:color-mix(in srgb,var(--button-color) .2);border-color:color-mix(in srgb,var(--button-color) .5);box-shadow:0 0 15px color-mix(in srgb,var(--button-color) .3)}.tags-add-button:disabled{opacity:.5;cursor:not-allowed}.admin-tab{display:flex;flex-direction:column;gap:1.5rem}.admin-header{padding-bottom:.75rem;border-bottom:1px solid var(--table-outline-color);margin-bottom:.5rem}.admin-header h2{color:var(--button-color);margin:0 0 .5rem;font-weight:600;font-size:1.25rem;letter-spacing:.5px}.admin-warning{color:color-mix(in srgb,var(--error-color) .8);font-size:.85rem;margin:0;font-style:italic}.admin-message{padding:.75rem 1rem;border-radius:4px;font-size:.9rem;font-weight:500}.admin-error{background:color-mix(in srgb,var(--error-color) .15);color:var(--error-color);border:1px solid color-mix(in srgb,var(--error-color) .3)}.admin-success{background:color-mix(in srgb,var(--button-color) .15);color:var(--button-color);border:1px solid color-mix(in srgb,var(--button-color) .3)}.admin-restricted{text-align:center;padding:3rem;color:color-mix(in srgb,var(--text-color) .6)}.admin-restricted h2{color:var(--button-color);margin-bottom:.5rem}.admin-sections{display:flex;flex-direction:column;gap:2rem}.admin-section{background:var(--table-background-color, var(--surface-color));border:1px solid var(--table-row-border-color, var(--table-outline-color));border-radius:4px;padding:1.5rem}.admin-section-danger{border-color:color-mix(in srgb,var(--error-color) .4);background:color-mix(in srgb,var(--error-color) .05)}.admin-section h3{color:var(--button-color);margin:0 0 .5rem;font-weight:600;font-size:1.1rem;letter-spacing:.5px}.admin-section-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 1.5rem}.admin-transfer-form{display:flex;flex-direction:column;gap:1rem}.admin-form-field{display:flex;flex-direction:column;gap:.5rem}.admin-form-field label{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.admin-select{padding:.6rem .75rem;border:1px solid var(--table-outline-color);border-radius:4px;background-color:var(--input-bg-color);color:var(--text-color);font-family:Orbitron,sans-serif;font-size:.9rem;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.admin-select:focus{outline:none;border-color:var(--button-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--button-color) 30%,transparent)}.admin-select:disabled{opacity:.5;cursor:not-allowed}.admin-no-members{color:var(--text-secondary);font-style:italic;padding:1rem;text-align:center}.admin-button{padding:.6rem 1.25rem;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s ease;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.admin-button:disabled{opacity:.5;cursor:not-allowed}.admin-button-transfer{background:color-mix(in srgb,var(--button-color) .1);color:var(--button-color);border-color:color-mix(in srgb,var(--button-color) .3);align-self:flex-start}.admin-button-transfer:hover:not(:disabled){background:color-mix(in srgb,var(--button-color) .2);border-color:color-mix(in srgb,var(--button-color) .5);box-shadow:0 0 15px color-mix(in srgb,var(--button-color) .3)}.admin-button-delete{background:color-mix(in srgb,var(--error-color) .1);color:var(--error-color);border-color:color-mix(in srgb,var(--error-color) .3)}.admin-button-delete:hover:not(:disabled){background:color-mix(in srgb,var(--error-color) .2);border-color:color-mix(in srgb,var(--error-color) .5);box-shadow:0 0 15px color-mix(in srgb,var(--error-color) .3)}.admin-confirm{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:color-mix(in srgb,var(--background-color) .5);border:1px solid var(--table-outline-color);border-radius:4px}.admin-confirm-message{color:var(--text-color);font-size:.95rem;margin:0;line-height:1.5}.admin-confirm-message strong{color:var(--button-color)}.admin-confirm-warning{color:color-mix(in srgb,var(--error-color) .8);font-size:.85rem;margin:0;font-weight:500}.admin-confirm-actions{display:flex;gap:.75rem;margin-top:.5rem}.admin-button-confirm{background:color-mix(in srgb,var(--button-color) .1);color:var(--button-color);border-color:color-mix(in srgb,var(--button-color) .3)}.admin-button-confirm:hover:not(:disabled){background:color-mix(in srgb,var(--button-color) .2);border-color:color-mix(in srgb,var(--button-color) .5);box-shadow:0 0 15px color-mix(in srgb,var(--button-color) .3)}.admin-button-cancel{background:transparent;color:var(--text-secondary);border-color:var(--table-outline-color)}.admin-button-cancel:hover:not(:disabled){background:color-mix(in srgb,var(--text-color) .05);border-color:color-mix(in srgb,var(--text-color) .2)}.organization-view{width:100%;margin:0;padding:1rem;font-family:Orbitron,sans-serif;min-height:100vh;display:flex;flex-direction:column}.org-selector-bar{background:color-mix(in srgb,var(--background-color) .4);border:1px solid color-mix(in srgb,var(--button-color) .2);border-radius:4px;padding:.75rem 1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.org-selector-bar label{color:color-mix(in srgb,var(--button-color) .8);font-weight:500;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.org-select-dropdown{background:color-mix(in srgb,var(--background-color) .6);border:1px solid color-mix(in srgb,var(--button-color) .3);border-radius:3px;padding:.5rem .75rem;color:var(--button-color);font-size:.9rem;cursor:pointer;font-family:Orbitron,sans-serif;transition:all .2s ease}.org-select-dropdown:hover{border-color:color-mix(in srgb,var(--button-color) .6);background:color-mix(in srgb,var(--button-color) .1)}.org-select-dropdown:focus{outline:none;border-color:var(--button-color);box-shadow:0 0 10px color-mix(in srgb,var(--button-color) .3)}.orgs-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:2rem}.org-select-button{background:color-mix(in srgb,var(--background-color) .5);border:1px solid color-mix(in srgb,var(--button-color) .2);border-radius:4px;padding:1.5rem;cursor:pointer;transition:all .3s ease;text-align:center;color:var(--text-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.org-select-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--button-color) .1),transparent);transition:left .5s ease}.org-select-button:hover:before{left:100%}.org-select-button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--button-color) .6);box-shadow:0 4px 20px color-mix(in srgb,var(--button-color) .2)}.org-select-button h3{margin:0 0 .5rem;color:var(--button-color);font-size:1.3rem;font-weight:600;letter-spacing:.5px}.org-loading,.org-error{text-align:center;padding:4rem;font-size:1.1rem;color:color-mix(in srgb,var(--button-color) .6);font-family:Orbitron,sans-serif}.org-header{background:var(--background-color);border:1px solid var(--table-outline-color);border-radius:4px;padding:1rem;margin-bottom:1rem;position:relative}.org-header:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--button-color) .6),transparent)}.org-header h1{font-size:1.5rem;margin:0 .75rem .5rem 0;color:var(--button-color);display:inline-block;font-weight:600;letter-spacing:.5px}.org-header .org-tag{display:inline-block;background:color-mix(in srgb,var(--button-color) .15);color:var(--button-color);padding:.35rem .75rem;border-radius:3px;font-size:.85rem;font-weight:600;border:1px solid color-mix(in srgb,var(--button-color) .3);text-transform:uppercase;letter-spacing:1px}.org-description{color:var(--text-secondary);margin:.5rem 0;font-size:.875rem;line-height:1.4;font-weight:300}.org-meta{display:flex;gap:1.5rem;margin-top:.5rem;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.org-tabs{display:flex;gap:0;margin-bottom:1rem;border-bottom:1px solid var(--table-outline-color);overflow-x:auto}.org-tabs button{background:transparent;border:none;padding:.5rem 1rem;color:var(--text-secondary);cursor:pointer;font-size:.875rem;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s ease;font-family:Orbitron,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.5px;position:relative;white-space:nowrap}.org-tabs button:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:2px;background:var(--button-color);transition:width .3s ease}.org-tabs button:hover{color:color-mix(in srgb,var(--button-color) .8)}.org-tabs button:hover:after{width:100%}.org-tabs button.active{color:var(--button-color)}.org-tabs button.active:after{width:100%}.org-content{background:var(--background-color);border:1px solid var(--table-outline-color);border-radius:4px;padding:1rem}.org-overview{display:flex;flex-direction:column;gap:1rem}.org-overview h2,.org-members h2,.org-roles h2{color:var(--button-color);margin:0;font-weight:600;font-size:1.25rem;letter-spacing:.5px}.overview-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--table-outline-color);margin-bottom:.5rem}.overview-header h2{margin:0}.user-role-badge{background:color-mix(in srgb,var(--button-color) .15);color:var(--button-color);padding:.25rem .5rem;border-radius:3px;font-size:.75rem;font-weight:600;border:1px solid color-mix(in srgb,var(--button-color) .3);text-transform:uppercase;letter-spacing:.5px}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.stat-card{background:var(--table-background-color, var(--surface-color));border:1px solid var(--table-row-border-color, var(--table-outline-color));border-radius:4px;padding:.75rem 1rem;text-align:left;transition:all .2s ease;position:relative}.stat-card:hover{background-color:var(--table-row-hover-background-color, color-mix(in srgb, var(--surface-color) 120%, transparent));border-color:var(--table-outline-color)}.stat-label{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--button-color);font-family:Orbitron,sans-serif;letter-spacing:.5px}.recent-members{display:flex;flex-direction:column;gap:.5rem}.recent-member-item{background:color-mix(in srgb,var(--background-color) .3);border:1px solid color-mix(in srgb,var(--button-color) .1);border-radius:3px;padding:.9rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.recent-member-item:hover{border-color:color-mix(in srgb,var(--button-color) .3);background:color-mix(in srgb,var(--button-color) .05)}.member-name{color:color-mix(in srgb,var(--text-color) .9);font-weight:500;flex:1;font-size:.9rem}.member-role-badge{background:color-mix(in srgb,var(--button-color) .15);color:var(--button-color);padding:.25rem .6rem;border-radius:3px;font-size:.75rem;font-weight:600;border:1px solid color-mix(in srgb,var(--button-color) .3);text-transform:uppercase;letter-spacing:.5px}.member-date{color:color-mix(in srgb,var(--text-color) .5);font-size:.8rem}.view-all-members{margin-top:1rem;text-align:center}.btn-view-all{background:color-mix(in srgb,var(--button-color) .1);color:var(--button-color);border:1px solid color-mix(in srgb,var(--button-color) .3);padding:.6rem 1.25rem;border-radius:3px;cursor:pointer;font-size:.85rem;transition:all .3s ease;font-family:Orbitron,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.btn-view-all:hover{background:color-mix(in srgb,var(--button-color) .2);border-color:color-mix(in srgb,var(--button-color) .5);box-shadow:0 0 15px color-mix(in srgb,var(--button-color) .3);transform:translate(3px)}.btn-back{background:color-mix(in srgb,var(--button-color) .1);color:var(--button-color);border:1px solid color-mix(in srgb,var(--button-color) .3);padding:.6rem 1.25rem;border-radius:3px;cursor:pointer;font-size:.85rem;margin-top:1rem;transition:all .3s ease;font-family:Orbitron,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.btn-back:hover{background:color-mix(in srgb,var(--button-color) .2);border-color:color-mix(in srgb,var(--button-color) .5);box-shadow:0 0 15px color-mix(in srgb,var(--button-color) .3)}.members-table-container{overflow-x:auto;margin-top:1rem;width:100%;border:1px solid var(--table-outline-color);border-radius:4px;background-color:var(--surface-color)}.table-members{width:100%;border-collapse:collapse;background-color:var(--surface-color);font-family:Orbitron,sans-serif;font-size:.85rem}.table-members thead{background-color:var(--table-header-background-color, var(--background-color))}.table-members th{background-color:var(--table-header-background-color, var(--background-color));color:var(--table-header-text-color);padding:12px;text-align:left;border-bottom:2px solid var(--table-header-border-color, var(--table-outline-color));border-right:1px solid color-mix(in srgb,var(--table-header-border-color, var(--table-outline-color)) 30%,transparent);font-weight:600;text-transform:uppercase;letter-spacing:.0625rem;font-size:14px;white-space:nowrap}.table-members th:last-child{border-right:none}.table-members tbody tr{border-bottom:1px solid var(--table-row-border-color, var(--table-outline-color));border-top:1px solid var(--table-row-border-color, var(--table-outline-color));transition:background-color .2s ease;background-color:var(--table-background-color, var(--surface-color))}.table-members tbody tr:nth-child(2n){background-color:color-mix(in srgb,var(--table-background-color, var(--surface-color)) 95%,transparent)}.table-members tbody tr:nth-child(odd){background-color:var(--table-background-color, var(--surface-color))}.table-members tbody tr:hover{background-color:var(--table-row-hover-background-color, color-mix(in srgb, var(--surface-color) 120%, transparent))}.table-members tbody tr:last-child{border-bottom:1px solid var(--table-row-border-color, var(--table-outline-color))}.table-members tbody tr.owner-row{border-left:.1875rem solid var(--table-header-border-color)}.table-members td{padding:10px 12px;color:var(--table-row-text-color, var(--row-text-color));font-size:14px;border-right:1px solid color-mix(in srgb,var(--table-row-border-color, var(--table-outline-color)) 30%,transparent);vertical-align:middle}.table-members td:last-child{border-right:none}.members-table td.no-data{text-align:center;color:color-mix(in srgb,var(--text-color) .5);padding:2rem;font-style:italic}.member-username-cell{display:flex;align-items:center;gap:.75rem}.member-username{color:color-mix(in srgb,var(--text-color) .9);font-weight:500;font-size:.95rem}.owner-badge{background:color-mix(in srgb,var(--button-color) .2);color:var(--button-color);padding:.2rem .5rem;border-radius:3px;font-size:.7rem;font-weight:600;border:1px solid color-mix(in srgb,var(--button-color) .4);text-transform:uppercase;letter-spacing:.5px}.member-email-cell{color:color-mix(in srgb,var(--text-color) .7);font-size:.85rem}.member-role-cell{display:flex;align-items:center}.member-role-default{color:color-mix(in srgb,var(--text-color) .6);font-size:.85rem;font-style:italic}.member-date-cell{color:color-mix(in srgb,var(--text-color) .7);font-size:.85rem}.member-actions-cell{text-align:center}.btn-remove-member{background:color-mix(in srgb,var(--error-color) .1);color:var(--error-color);border:1px solid color-mix(in srgb,var(--error-color) .3);padding:.4rem .8rem;border-radius:3px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:.5px}.btn-remove-member:hover{background:color-mix(in srgb,var(--error-color) .2);border-color:color-mix(in srgb,var(--error-color) .5);box-shadow:0 0 10px color-mix(in srgb,var(--error-color) .3)}.members-list{display:grid;gap:.75rem}.member-card{background:color-mix(in srgb,var(--background-color) .3);border:1px solid color-mix(in srgb,var(--button-color) .1);border-radius:3px;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.member-card:hover{border-color:color-mix(in srgb,var(--button-color) .3);background:color-mix(in srgb,var(--button-color) .05)}.member-info h4{margin:0 0 .5rem;color:var(--button-color);font-weight:600;font-size:1rem;letter-spacing:.5px}.member-email{color:color-mix(in srgb,var(--text-color) .6);font-size:.85rem;display:block;margin-bottom:.5rem}.member-role{display:inline-block;background:color-mix(in srgb,var(--button-color) .15);color:var(--button-color);padding:.25rem .6rem;border-radius:3px;font-size:.75rem;font-weight:600;border:1px solid color-mix(in srgb,var(--button-color) .3);text-transform:uppercase;letter-spacing:.5px}.member-meta{color:color-mix(in srgb,var(--text-color) .5);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;font-weight:400}.location-issue-offcanvas-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--background-color) 70%,transparent);z-index:2000;animation:fadeIn .3s ease-out}.location-issue-offcanvas{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:500px;background:linear-gradient(135deg,var(--surface-color) 0%,var(--background-color) 100%);border-left:2px solid var(--border-color);display:flex;flex-direction:column;box-shadow:-8px 0 32px color-mix(in srgb,var(--background-color) 50%,transparent);z-index:2001;transform:translate(100%);transition:transform .3s ease-out;overflow:hidden}.location-issue-offcanvas.location-issue-offcanvas-open{transform:translate(0)}.location-issue-offcanvas-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);flex-shrink:0}.location-issue-offcanvas-header h2{margin:0;color:var(--title-color);font-size:1.25rem}.location-issue-offcanvas-close{background:none;border:none;color:var(--text-color);font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.location-issue-offcanvas-close:hover{background-color:color-mix(in srgb,var(--text-color) 10%,transparent);color:var(--primary-color)}.location-issue-offcanvas-content{padding:1rem;overflow-y:auto;flex:1}.location-issue-location-info{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 30%,transparent);border-radius:4px;padding:.5rem .75rem;margin-bottom:.75rem;color:var(--text-color);font-size:.9rem}.location-issue-message{padding:.5rem .75rem;border-radius:4px;margin-bottom:.75rem;font-size:.85rem}.location-issue-message.success{background:color-mix(in srgb,var(--success-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--success-color) 30%,transparent);color:var(--success-color)}.location-issue-message.error{background:color-mix(in srgb,var(--error-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--error-color) 30%,transparent);color:var(--error-color)}.location-issue-existing{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--text-color) 10%,transparent)}.location-issue-existing h3{color:var(--title-color);font-size:.95rem;margin-bottom:.5rem;font-weight:600}.location-issue-list{display:flex;flex-direction:column;gap:.5rem}.location-issue-item{background:color-mix(in srgb,var(--surface-color) 50%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);border-radius:4px;padding:.5rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.location-issue-item-header{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.location-issue-type-badge{background:color-mix(in srgb,var(--warning-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--warning-color) 50%,transparent);color:var(--warning-color);padding:.15rem .4rem;border-radius:3px;font-size:.7rem;text-transform:capitalize;font-weight:700}.location-issue-title{flex:1;color:var(--text-color);font-weight:500;font-size:.85rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-issue-confirmations{color:var(--text-secondary);font-size:.75rem;white-space:nowrap}.location-issue-item-actions{flex-shrink:0}.location-issue-confirm-btn{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 30%,transparent);color:var(--text-color);padding:.35rem .75rem;border-radius:3px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.75rem;transition:all .2s ease}.location-issue-confirm-btn:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 20%,transparent);border-color:var(--primary-color);color:var(--primary-color)}.location-issue-confirm-btn:disabled,.location-issue-confirm-btn.confirmed{opacity:.6;cursor:not-allowed;background:color-mix(in srgb,var(--text-secondary) 10%,transparent);border-color:color-mix(in srgb,var(--text-secondary) 20%,transparent);color:var(--text-secondary)}.location-issue-confirm-btn:disabled:hover,.location-issue-confirm-btn.confirmed:hover{background:color-mix(in srgb,var(--text-secondary) 10%,transparent);border-color:color-mix(in srgb,var(--text-secondary) 20%,transparent);color:var(--text-secondary)}.location-issue-form{display:flex;flex-direction:column;gap:.75rem}.location-issue-form-field{display:flex;flex-direction:column;gap:.35rem}.location-issue-form-field label{color:var(--text-color);font-size:.85rem;font-weight:500}.location-issue-form-field input,.location-issue-form-field select,.location-issue-form-field textarea{width:100%;padding:.5rem .75rem;background:var(--surface-color);border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);border-radius:4px;color:var(--text-color);font-family:Orbitron,sans-serif;font-size:.85rem;box-sizing:border-box;transition:all .2s ease}.location-issue-form-field input:focus,.location-issue-form-field select:focus,.location-issue-form-field textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 8px color-mix(in srgb,var(--primary-color) 30%,transparent)}.location-issue-type-checklist{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:4px;max-height:200px;overflow-y:auto}.location-issue-type-checkbox-item{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:3px;transition:background-color .2s ease}.location-issue-type-checkbox-item:hover{background-color:color-mix(in srgb,var(--primary-color) 5%,transparent)}.location-issue-type-checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color);flex-shrink:0}.location-issue-type-checkbox-label{color:var(--text-color);font-size:.9rem;-webkit-user-select:none;user-select:none}.location-issue-form-help{display:block;margin-top:.5rem;font-size:.75rem;color:var(--text-secondary)}.location-issue-form-field textarea{resize:vertical;min-height:80px}.location-issue-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.location-issue-cancel-btn,.location-issue-submit-btn{padding:.5rem 1rem;border-radius:4px;font-family:Orbitron,sans-serif;font-size:.85rem;cursor:pointer;transition:all .2s ease;border:none}.location-issue-cancel-btn{background:color-mix(in srgb,var(--surface-color) 50%,transparent);color:var(--text-color);border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent)}.location-issue-cancel-btn:hover:not(:disabled){background:color-mix(in srgb,var(--surface-color) 70%,transparent);border-color:var(--border-color)}.location-issue-submit-btn{background:var(--button-color);color:var(--button-text-color);border:1px solid var(--button-border-color);font-weight:700}.location-issue-submit-btn:hover:not(:disabled){background:var(--button-color-primary-hover);border-color:var(--button-color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--button-color) 30%,transparent)}.location-issue-submit-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.location-issue-offcanvas{max-width:100%}}.location-information-container{padding:20px;max-width:100%;overflow-x:auto}.location-information-header{margin-bottom:20px}.location-information-header h2{color:var(--button-color);font-family:Orbitron,sans-serif;margin:0 0 10px}.location-count{color:var(--text-secondary);font-size:14px;margin:0}.location-information-filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px;background:color-mix(in srgb,var(--button-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 20%,transparent);border-radius:4px}.filter-group{display:flex;flex-direction:column;gap:5px;min-width:200px;flex:1}.filter-group label{color:var(--button-color);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.filter-input,.filter-select{padding:8px 12px;background:var(--background-color);border:1px solid var(--button-color);border-radius:4px;color:var(--button-color);font-family:Orbitron,sans-serif;font-size:14px}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--button-color);box-shadow:0 0 5px color-mix(in srgb,var(--button-color) 30%,transparent)}.filter-input::placeholder{color:var(--text-secondary)}.clear-filters-btn{padding:8px 16px;background:color-mix(in srgb,var(--error-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--error-color) 50%,transparent);border-radius:4px;color:var(--error-color);font-family:Orbitron,sans-serif;font-size:14px;cursor:pointer;transition:all .2s;align-self:flex-end;margin-top:20px}.clear-filters-btn:hover{background:color-mix(in srgb,var(--error-color) 30%,transparent);border-color:color-mix(in srgb,var(--error-color) 70%,transparent)}.location-information-loading,.location-information-error{text-align:center;padding:40px;color:var(--button-color);font-family:Orbitron,sans-serif}.location-information-error{color:var(--error-color)}.location-information-table-container{overflow-x:auto}.table-location-information{font-family:Orbitron,sans-serif;font-size:.8125rem}.table-location-information thead{position:sticky;top:0;z-index:10}.table-location-information th{padding:.75rem .625rem;text-align:left;font-weight:600;text-transform:uppercase;font-size:.6875rem;letter-spacing:.0625rem;white-space:nowrap}.table-location-information th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.table-location-information th.sortable:hover{background-color:var(--table-header-background-color)}.table-location-information td{padding:.625rem}.table-location-information tbody tr{transition:background-color .2s}.table-location-information tbody tr:nth-child(2n){background-color:var(--table-row-hover-background-color)}.type-badge{display:inline-block;padding:4px 8px;border-radius:3px;font-size:11px;font-weight:500;text-transform:capitalize;background:color-mix(in srgb,var(--button-color) 20%,transparent);color:var(--button-color);border:1px solid color-mix(in srgb,var(--button-color) 30%,transparent)}.coordinates{font-family:Courier New,monospace;font-size:11px;color:var(--text-secondary)}.no-results{text-align:center;padding:40px;color:var(--text-secondary);font-style:italic}.report-issue-btn{background:color-mix(in srgb,var(--warning-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--warning-color) 50%,transparent);color:var(--warning-color);padding:6px 12px;border-radius:4px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:11px;transition:all .2s ease;white-space:nowrap}.report-issue-btn:hover{background:color-mix(in srgb,var(--warning-color) 20%,transparent);border-color:var(--warning-color);transform:translateY(-1px)}.location-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid color-mix(in srgb,var(--button-color) 20%,transparent)}.location-tab{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-family:Orbitron,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;bottom:-2px}.location-tab:hover{color:var(--button-color);background:color-mix(in srgb,var(--button-color) 5%,transparent)}.location-tab.active{color:var(--button-color);border-bottom-color:var(--button-color);background:color-mix(in srgb,var(--button-color) 10%,transparent)}.location-tab-content{min-height:400px}.issue-count-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;background:color-mix(in srgb,var(--warning-color) 20%,transparent);color:var(--warning-color);border:1px solid color-mix(in srgb,var(--warning-color) 50%,transparent)}.view-issues-btn{background:color-mix(in srgb,var(--button-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 50%,transparent);color:var(--button-color);padding:6px 12px;border-radius:4px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:11px;transition:all .2s ease;white-space:nowrap}.view-issues-btn:hover{background:color-mix(in srgb,var(--button-color) 20%,transparent);border-color:var(--button-color);transform:translateY(-1px)}.location-statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.stat-card{background:color-mix(in srgb,var(--button-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 20%,transparent);border-radius:8px;padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover{background:color-mix(in srgb,var(--button-color) 10%,transparent);border-color:color-mix(in srgb,var(--button-color) 40%,transparent);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--button-color) 20%,transparent)}.stat-label{color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-family:Orbitron,sans-serif}.stat-value{color:var(--button-color);font-size:32px;font-weight:700;font-family:Orbitron,sans-serif}@media (max-width: 768px){.location-information-filters{flex-direction:column}.filter-group{min-width:100%}.location-information-table{font-size:11px}.location-information-table th,.location-information-table td{padding:8px 6px}.location-tabs{flex-direction:column;gap:5px}.location-tab{width:100%;text-align:left;border-bottom:none;border-left:3px solid transparent;bottom:0}.location-tab.active{border-left-color:var(--button-color);border-bottom-color:transparent}.location-statistics-grid{grid-template-columns:1fr}}.ships-tab{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 8px color-mix(in srgb,var(--background-color) 20%,transparent)}.ships-tab-loading{padding:40px;text-align:center;color:var(--text-secondary);font-size:16px}.ships-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:15px}.ships-tab-header-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.view-mode-toggle{display:flex;gap:5px;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:5px;padding:3px}.view-mode-btn{background-color:transparent;color:var(--text-secondary);border:none;padding:8px 15px;cursor:pointer;font-size:13px;border-radius:3px;transition:all .2s;font-family:Orbitron,sans-serif;font-weight:500}.view-mode-btn:hover:not(:disabled){background-color:var(--surface-color);color:var(--text-primary)}.view-mode-btn.active{background-color:var(--button-color);color:var(--text-color);font-weight:700}.view-mode-btn:disabled{opacity:.5;cursor:not-allowed}.ships-tab-header h2{color:var(--text-primary);margin:0;font-family:Orbitron,sans-serif}.add-ship-button{background-color:var(--button-color);color:var(--text-color);border:none;padding:10px 20px;cursor:pointer;font-size:14px;border-radius:5px;transition:background-color .3s;font-family:Orbitron,sans-serif;font-weight:700}.add-ship-button:hover{background-color:var(--button-color-green)}.ship-form-container{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:20px}.ship-form-container h3{color:var(--text-primary);margin-top:0;margin-bottom:15px;font-family:Orbitron,sans-serif}.ship-form{display:flex;flex-direction:column;gap:15px}.form-row{display:flex;gap:15px;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:5px;flex:1;min-width:200px}.form-group input{background-color:var(--surface-color);color:var(--dropdown-text-color);border:1px solid var(--border-color);border-radius:5px;padding:10px;font-size:14px;font-family:Orbitron,sans-serif}.form-group input:focus{outline:none;border-color:var(--button-color)}.form-group input.readonly-input{background-color:var(--surface-color);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.form-group input:disabled{background-color:var(--surface-color);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.form-actions{display:flex;gap:10px;margin-top:10px}.save-button,.cancel-button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-family:Orbitron,sans-serif;font-weight:700;transition:background-color .3s}.save-button{background-color:var(--button-color);color:var(--text-color)}.save-button:hover{background-color:var(--button-color-green)}.cancel-button{background-color:var(--text-secondary);color:var(--text-color)}.cancel-button:hover{background-color:color-mix(in srgb,var(--text-secondary) 80%,transparent)}.ships-list{margin-top:20px}.no-ships{text-align:center;padding:40px;color:var(--text-secondary);font-size:16px}.ships-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.ship-card{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:15px;transition:transform .2s,box-shadow .2s}.ship-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--button-color) 20%,transparent)}.ship-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--background-color)}.ship-card-header h3{color:var(--text-primary);margin:0;font-family:Orbitron,sans-serif;font-size:18px}.ship-card-actions{display:flex;gap:8px}.edit-button,.delete-button{background:none;border:none;cursor:pointer;font-size:18px;padding:5px;transition:transform .2s}.edit-button:hover,.delete-button:hover{transform:scale(1.2)}.ship-card-body{display:flex;flex-direction:column;gap:10px}.ship-info-row{display:flex;justify-content:space-between;align-items:center}.ship-label{color:var(--text-secondary);font-size:14px}.ship-value{color:var(--text-primary);font-size:14px;font-weight:700}.cargo-usage{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color)}.cargo-usage-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;color:var(--text-secondary)}.cargo-usage-bar{width:100%;height:20px;background-color:var(--surface-color);border-radius:10px;overflow:hidden;border:1px solid var(--border-color)}.cargo-usage-fill{height:100%;background:linear-gradient(90deg,var(--button-color) 0%,var(--button-color-green) 100%);transition:width .3s}.ships-list-view{overflow-x:auto}.ships-table{width:100%;border-collapse:collapse;background-color:var(--background-color);border-radius:8px;overflow:hidden}.ships-table thead{background-color:var(--background-color)}.ships-table th{color:var(--text-primary);padding:12px 15px;text-align:left;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;border-bottom:2px solid var(--border-color)}.ships-table td{color:var(--text-secondary);padding:12px 15px;border-bottom:1px solid var(--border-color);font-size:14px}.ships-table tbody tr:hover{background-color:var(--surface-color)}.ships-table tbody tr:last-child td{border-bottom:none}.cargo-usage-inline{display:flex;flex-direction:column;gap:5px;min-width:150px}.cargo-usage-inline span{font-size:12px;color:var(--text-secondary)}.cargo-usage-bar-small{width:100%;height:12px;background-color:var(--surface-color);border-radius:6px;overflow:hidden;border:1px solid var(--border-color)}.interactive-view-container{display:flex;gap:20px;margin-top:20px;min-height:400px}.members-sidebar{flex:0 0 250px;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:15px;max-height:600px;overflow-y:auto}.members-sidebar h3{color:var(--text-primary);margin:0 0 15px;font-family:Orbitron,sans-serif;font-size:16px;padding-bottom:10px;border-bottom:1px solid var(--background-color)}.members-list{display:flex;flex-direction:column;gap:8px}.member-item{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:5px;padding:12px;cursor:pointer;transition:all .2s;text-align:left;display:flex;justify-content:space-between;align-items:center;color:var(--text-primary);font-family:Orbitron,sans-serif}.member-item:hover{background-color:var(--surface-color);border-color:var(--button-color)}.member-item.active{background-color:var(--button-color);color:var(--text-color);border-color:var(--button-color);font-weight:700}.member-name{font-size:14px;font-weight:500}.member-ship-count{font-size:12px;opacity:.8}.member-item.active .member-ship-count{opacity:.9}.interactive-ships-content{flex:1;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:20px;min-height:400px}.interactive-ships-content h3{color:var(--text-primary);margin:0 0 20px;font-family:Orbitron,sans-serif;font-size:18px;padding-bottom:15px;border-bottom:1px solid var(--background-color)}.no-selection{display:flex;align-items:center;justify-content:center;height:100%;min-height:300px;color:var(--text-secondary);font-size:16px;text-align:center}.no-selection p{margin:0}.patch-notes-tab{max-width:900px;margin:0 auto;padding:2rem 1.5rem;color:var(--text-color);line-height:1.7}.patch-notes-header{margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.patch-notes-header h1{margin:0 0 1.5rem;color:var(--title-color);font-size:2.5rem;font-weight:300;letter-spacing:-.5px}.patch-notes-filters-inline{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.filter-select{padding:.5rem .75rem;background:transparent;color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;cursor:pointer;transition:border-color .2s}.filter-select:hover{border-color:var(--button-color)}.filter-select:focus{outline:none;border-color:var(--button-color)}.clear-btn{padding:.5rem 1rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s}.clear-btn:hover{color:var(--text-color);border-color:var(--text-color)}.loading,.no-entries{text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-size:1rem}.patch-notes-content{display:flex;flex-direction:column;gap:4rem}.version-section{position:relative}.version-title{margin:0 0 2rem;padding-bottom:.75rem;color:var(--title-color);font-size:1.75rem;font-weight:400;border-bottom:1px solid var(--border-color)}.entries-list{display:flex;flex-direction:column;gap:2.5rem}.patch-notes-entry{position:relative;padding-left:1.5rem;border-left:2px solid var(--border-color);transition:border-color .2s}.patch-notes-entry:hover{border-left-color:var(--button-color)}.entry-meta{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.85rem}.entry-type{font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.entry-date{color:var(--text-secondary)}.entry-title{margin:0 0 .75rem;color:var(--title-color);font-size:1.25rem;font-weight:500;line-height:1.4}.entry-description{color:var(--text-color);line-height:1.8}.entry-description p{margin:.75rem 0}.entry-description p:first-child{margin-top:0}.entry-description p:last-child{margin-bottom:0}@media (max-width: 768px){.patch-notes-tab{padding:1.5rem 1rem}.patch-notes-header h1{font-size:2rem}.patch-notes-filters-inline{width:100%}.filter-select{flex:1;min-width:120px}.patch-notes-content{gap:3rem}.entries-list{gap:2rem}.patch-notes-entry{padding-left:1rem}.entry-title{font-size:1.1rem}}.moondream-tab{padding:2rem;color:var(--text-color);max-width:120rem;margin:0 auto}.moondream-header{margin-bottom:2rem}.moondream-header h2{color:var(--title-color);margin-bottom:.5rem;font-size:2rem}.moondream-header p{color:var(--text-secondary);margin-bottom:1rem}.moondream-warning{background-color:var(--warning-color);color:var(--text-color);padding:1rem;border-radius:.5rem;border:1px solid var(--border-color)}.moondream-warning p{margin:0;color:var(--text-color)}.moondream-content{display:flex;flex-direction:column;gap:2rem}.moondream-section{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem}.moondream-section h3{color:var(--title-color);margin-bottom:1rem;font-size:1.5rem}.moondream-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.moondream-input-group{display:flex;flex-direction:column;gap:.5rem}.moondream-input-group label{color:var(--text-color);font-weight:500}.moondream-input-group textarea{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.25rem;padding:.75rem;color:var(--text-color);font-family:inherit;resize:vertical}.moondream-input-group textarea:focus{outline:none;border-color:var(--primary-color)}.moondream-select{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.25rem;padding:.75rem;color:var(--text-color);font-family:inherit;font-size:1rem;cursor:pointer;width:100%}.moondream-select:focus{outline:none;border-color:var(--primary-color)}.moondream-select option{background-color:var(--background-color);color:var(--text-color)}.moondream-button{background-color:var(--button-color);color:var(--button-text-color);border:1px solid var(--button-border-color);border-radius:.25rem;padding:.75rem 1.5rem;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.moondream-button:hover:not(:disabled){background-color:var(--primary-color)}.moondream-button:disabled{opacity:.5;cursor:not-allowed}.moondream-button-small{background-color:var(--button-color);color:var(--button-text-color);border:1px solid var(--button-border-color);border-radius:.25rem;padding:.5rem 1rem;cursor:pointer;font-size:.875rem;transition:all .3s ease}.moondream-button-small:hover{background-color:var(--primary-color)}.moondream-image-selectors{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.moondream-image-selector{display:flex;flex-direction:column;gap:.5rem}.moondream-image-selector label{color:var(--text-color);font-weight:500}.moondream-image-selector input[type=text]{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.25rem;padding:.5rem;color:var(--text-color);width:100%}.moondream-image-selector input[type=text]:focus{outline:none;border-color:var(--primary-color)}.moondream-note{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.25rem;padding:.75rem;margin-bottom:1rem;font-size:.875rem}.moondream-note p{margin:0;color:var(--text-secondary)}.moondream-note strong{color:var(--title-color)}.moondream-preview{margin-top:.5rem;border:1px solid var(--border-color);border-radius:.25rem;overflow:hidden;max-height:20rem;display:flex;align-items:center;justify-content:center;background-color:var(--background-color)}.moondream-preview img{max-width:100%;max-height:20rem;object-fit:contain}.moondream-templates{margin-bottom:1.5rem;padding:1rem;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.25rem}.moondream-templates h4{color:var(--title-color);margin-bottom:.75rem;font-size:1.125rem}.moondream-template-list{display:flex;flex-direction:column;gap:.5rem}.moondream-template-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:var(--surface-color);border-radius:.25rem}.moondream-template-item span{color:var(--text-color);flex:1}.moondream-error{background-color:var(--error-color);color:var(--text-color);padding:1rem;border-radius:.25rem;margin-top:1rem}.moondream-error strong{display:block;margin-bottom:.5rem}.moondream-result{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.25rem;padding:1rem;margin-top:1rem}.moondream-result h4{color:var(--title-color);margin-bottom:.75rem;font-size:1.125rem}.moondream-result pre{background-color:var(--surface-color);padding:1rem;border-radius:.25rem;overflow-x:auto;color:var(--text-color);white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5}.moondream-selected-source{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.25rem;padding:.75rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.moondream-selected-source strong{color:var(--title-color)}.moondream-source-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--background-color) 75%,transparent);display:flex;align-items:center;justify-content:center;z-index:10000}.moondream-source-selector-modal{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;width:90%;max-width:60rem;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.moondream-source-selector-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-color)}.moondream-source-selector-header h3{color:var(--title-color);margin:0;font-size:1.5rem}.moondream-source-selector-close{background:none;border:none;color:var(--text-color);font-size:2rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.moondream-source-selector-close:hover{color:var(--error-color)}.moondream-source-selector-content{padding:1.5rem;overflow-y:auto;flex:1}.moondream-source-selector-loading,.moondream-source-selector-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.moondream-source-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem}.moondream-source-selector-item{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.25rem;padding:1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem}.moondream-source-selector-item:hover{background-color:var(--border-color);border-color:var(--primary-color)}.moondream-source-selector-thumbnail{width:100%;height:8rem;object-fit:contain;border-radius:.25rem;background-color:var(--surface-color)}.moondream-source-selector-thumbnail-placeholder{display:flex;align-items:center;justify-content:center;font-size:3rem;background-color:var(--surface-color)}.moondream-source-selector-info{width:100%;text-align:center}.moondream-source-selector-name{color:var(--text-color);font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.moondream-source-selector-type{color:var(--text-secondary);font-size:.875rem}.moondream-streaming-controls,.moondream-streaming-active{display:flex;flex-direction:column;gap:.5rem}.moondream-streaming-hint{color:var(--text-secondary);font-size:.875rem;margin:0;font-style:italic}.moondream-video-container{position:relative;width:100%;max-width:100%;margin-top:1rem;border:2px solid var(--border-color);border-radius:.5rem;overflow:hidden;background-color:var(--background-color);cursor:crosshair;min-height:20rem;display:flex;align-items:center;justify-content:center}.moondream-video{width:100%;height:auto;display:block!important;max-height:60vh;object-fit:contain;background-color:var(--background-color)}.moondream-selection-box{position:absolute;border:2px dashed var(--primary-color);background-color:color-mix(in srgb,var(--primary-color) 10%,transparent);pointer-events:none;box-sizing:border-box}@media (max-width: 768px){.moondream-image-selectors{grid-template-columns:1fr}.moondream-tab{padding:1rem}.moondream-source-selector-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}}.tesseract-tab{padding:2rem;max-width:1400px;margin:0 auto}.tesseract-header{margin-bottom:2rem}.tesseract-header h2{color:var(--text-primary);margin-bottom:.5rem}.tesseract-header p{color:var(--text-secondary)}.tesseract-content{display:flex;flex-direction:column;gap:1.5rem}.tesseract-controls{display:flex;gap:1rem;flex-wrap:wrap}.tesseract-button{padding:.75rem 1.5rem;background-color:var(--button-color);color:var(--button-text-color);border:none;border-radius:.25rem;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s}.tesseract-button:hover:not(:disabled){background-color:var(--button-hover-color)}.tesseract-button:disabled{opacity:.5;cursor:not-allowed}.tesseract-button-stop{background-color:var(--error-color)}.tesseract-button-stop:hover:not(:disabled){background-color:color-mix(in srgb,var(--error-color) 80%,transparent)}.tesseract-button-capture{background-color:var(--primary-color)}.tesseract-button-capture:hover:not(:disabled){background-color:color-mix(in srgb,var(--primary-color) 80%,transparent)}.tesseract-video-container{position:relative;width:100%;max-width:100%;border:2px solid var(--border-color);border-radius:.5rem;overflow:hidden;background-color:var(--background-color);cursor:crosshair;min-height:20rem;display:flex;align-items:center;justify-content:center}.tesseract-video{width:100%;height:auto;display:block;max-height:70vh;object-fit:contain;background-color:var(--background-color)}.tesseract-selection-box{position:absolute;border:2px dashed var(--primary-color);background-color:color-mix(in srgb,var(--primary-color) 10%,transparent);pointer-events:none;box-sizing:border-box}.tesseract-selection-box.active{border-width:3px;background-color:color-mix(in srgb,var(--primary-color) 20%,transparent);z-index:10}.tesseract-box-label{position:absolute;top:-1.5rem;left:0;background-color:var(--card-background);color:var(--text-primary);padding:.25rem .5rem;font-size:.75rem;font-weight:500;border:1px solid var(--border-color);border-radius:.25rem;white-space:nowrap}.tesseract-template-checklist{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem}.tesseract-template-checklist h3{color:var(--text-primary);margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.tesseract-checklist{display:flex;flex-direction:column;gap:.75rem}.tesseract-checklist-item{display:flex;align-items:center;padding:.75rem;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.25rem;transition:all .2s}.tesseract-checklist-item:hover:not(.disabled){background-color:color-mix(in srgb,var(--primary-color) 10%,transparent);border-color:var(--primary-color)}.tesseract-checklist-item.disabled{opacity:.5;cursor:not-allowed}.tesseract-checklist-item.found{border-color:var(--success-color);background-color:color-mix(in srgb,var(--success-color) 10%,transparent)}.tesseract-checklist-item label{display:flex;align-items:center;gap:.75rem;cursor:pointer;width:100%;-webkit-user-select:none;user-select:none}.tesseract-checklist-item.disabled label{cursor:not-allowed}.tesseract-checklist-item input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.tesseract-checklist-item.disabled input[type=checkbox]{cursor:not-allowed}.tesseract-template-name{flex:1;color:var(--text-primary);font-weight:500}.tesseract-found-badge{background-color:var(--success-color);color:var(--button-text-color);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.tesseract-box-badge{background-color:var(--primary-color);color:var(--text-color);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}.tesseract-match-score{font-weight:600;font-size:.875rem;margin-left:.5rem;padding:.25rem .5rem;border-radius:.25rem;background-color:color-mix(in srgb,var(--background-color) 10%,transparent)}.tesseract-requires{color:var(--text-secondary);font-size:.875rem;font-style:italic}.tesseract-button-match{background-color:var(--primary-color)}.tesseract-button-match:hover:not(:disabled){background-color:color-mix(in srgb,var(--primary-color) 80%,transparent)}.tesseract-info{padding:1rem;background-color:color-mix(in srgb,var(--button-color) 10%,transparent);border:1px solid var(--primary-color);border-radius:.25rem;color:var(--text-primary);text-align:center}.tesseract-error{padding:1rem;background-color:color-mix(in srgb,var(--error-color) 10%,transparent);border:1px solid var(--error-color);border-radius:.25rem;color:var(--error-color)}.tesseract-result{padding:1rem;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:.5rem}.tesseract-result h3{color:var(--text-primary);margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.tesseract-result-text{color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;margin:0;padding:0}.tesseract-image-preview{margin-bottom:1rem;display:flex;flex-direction:column;gap:1rem}.tesseract-preview-item{display:flex;flex-direction:column;gap:.5rem}.tesseract-preview-item h6{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0}.tesseract-preview-item img{max-width:400px;max-height:200px;border:1px solid var(--border-color);border-radius:.25rem;object-fit:contain;background-color:var(--background-color)}.tesseract-source-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--background-color) 70%,transparent);display:flex;align-items:center;justify-content:center;z-index:1000}.tesseract-source-selector-modal{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:.5rem;width:90%;max-width:800px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.tesseract-source-selector-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-color)}.tesseract-source-selector-header h3{color:var(--text-primary);margin:0}.tesseract-source-selector-close{background:none;border:none;color:var(--text-primary);font-size:2rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background-color .2s}.tesseract-source-selector-close:hover{background-color:var(--background-color)}.tesseract-source-selector-content{padding:1.5rem;overflow-y:auto}.tesseract-source-selector-loading,.tesseract-source-selector-empty{text-align:center;color:var(--text-secondary);padding:2rem}.tesseract-source-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem}.tesseract-source-selector-item{border:1px solid var(--border-color);border-radius:.25rem;overflow:hidden;cursor:pointer;transition:border-color .2s,transform .2s}.tesseract-source-selector-item:hover{border-color:var(--primary-color);transform:translateY(-2px)}.tesseract-source-selector-thumbnail{width:100%;height:8rem;object-fit:cover;background-color:var(--background-color)}.tesseract-source-selector-thumbnail-placeholder{display:flex;align-items:center;justify-content:center;font-size:3rem;background-color:var(--background-color)}.tesseract-source-selector-info{padding:.75rem;background-color:var(--card-background)}.tesseract-source-selector-name{color:var(--text-primary);font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tesseract-source-selector-type{color:var(--text-secondary);font-size:.875rem}.tesseract-debug-tab{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;max-height:80vh;overflow-y:auto}.tesseract-debug-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.tesseract-debug-header h3{color:var(--text-primary);margin:0}.tesseract-debug-close{background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:background-color .2s}.tesseract-debug-close:hover{background-color:var(--background-color)}.tesseract-debug-content{display:flex;flex-direction:column;gap:1.5rem}.tesseract-results{display:flex;flex-direction:column;gap:1rem}.tesseract-results h4{color:var(--text-primary);margin-bottom:.5rem}.tesseract-result h5{color:var(--text-primary);margin-bottom:.75rem;font-size:1rem}@media (max-width: 768px){.tesseract-tab{padding:1rem}.tesseract-source-selector-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}.tesseract-preview-item img{max-width:100%}}.mission-logger-tab{padding:2rem;max-width:1400px;margin:0 auto}.mission-logger-header{margin-bottom:2rem}.mission-logger-header h2{color:var(--text-primary);margin-bottom:.5rem}.mission-logger-header p{color:var(--text-secondary)}.mission-logger-content{display:flex;flex-direction:column;gap:1.5rem}.mission-logger-controls{display:flex;gap:1rem;flex-wrap:wrap}.mission-logger-button{padding:.75rem 1.5rem;background-color:var(--button-color);color:var(--button-text-color);border:none;border-radius:.25rem;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s}.mission-logger-button:hover:not(:disabled){background-color:var(--button-hover-color)}.mission-logger-button:disabled{opacity:.5;cursor:not-allowed}.mission-logger-button-stop{background-color:var(--error-color)}.mission-logger-button-stop:hover:not(:disabled){background-color:color-mix(in srgb,var(--error-color) 80%,transparent)}.mission-logger-button-capture{background-color:var(--primary-color)}.mission-logger-button-capture:hover:not(:disabled){background-color:color-mix(in srgb,var(--primary-color) 80%,transparent)}.mission-logger-button-match{background-color:var(--primary-color)}.mission-logger-button-match:hover:not(:disabled){background-color:color-mix(in srgb,var(--primary-color) 80%,transparent)}.mission-logger-video-container{position:relative;width:100%;max-width:100%;border:2px solid var(--border-color);border-radius:.5rem;overflow:hidden;background-color:var(--background-color);cursor:crosshair;min-height:20rem;display:flex;align-items:center;justify-content:center}.mission-logger-video{width:100%;height:auto;display:block;max-height:70vh;object-fit:contain;background-color:var(--background-color)}.mission-logger-placeholder{padding:3rem;text-align:center;color:var(--text-secondary)}.mission-logger-selection-box{position:absolute;border:2px dashed var(--primary-color);background-color:color-mix(in srgb,var(--primary-color) 10%,transparent);pointer-events:none;box-sizing:border-box}.mission-logger-selection-box.active{border-width:3px;background-color:color-mix(in srgb,var(--primary-color) 20%,transparent);z-index:10}.mission-logger-box-label{position:absolute;top:-1.5rem;left:0;background-color:var(--card-background);color:var(--text-primary);padding:.25rem .5rem;font-size:.75rem;font-weight:500;border:1px solid var(--border-color);border-radius:.25rem;white-space:nowrap}.mission-logger-box-result{position:absolute;bottom:-1.5rem;left:0;background-color:color-mix(in srgb,var(--background-color) 80%,transparent);color:var(--text-color);padding:.25rem .5rem;font-size:.75rem;border-radius:.25rem;white-space:nowrap}.mission-logger-error{padding:1rem;background-color:color-mix(in srgb,var(--error-color) 10%,transparent);border:1px solid var(--error-color);border-radius:.25rem;color:var(--error-color)}.mission-logger-entries{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem}.mission-logger-entries h3{color:var(--text-primary);margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.mission-logger-entries-list{display:flex;flex-direction:column;gap:1rem}.mission-logger-entry{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.25rem;padding:1rem}.mission-logger-entry-field{margin-bottom:.5rem;color:var(--text-primary)}.mission-logger-entry-field:last-child{margin-bottom:0}.mission-logger-entry-field strong{color:var(--text-primary);margin-right:.5rem}.mission-logger-source-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--background-color) 70%,transparent);display:flex;align-items:center;justify-content:center;z-index:1000}.mission-logger-source-selector-modal{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:.5rem;width:90%;max-width:800px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.mission-logger-source-selector-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-color)}.mission-logger-source-selector-header h3{color:var(--text-primary);margin:0}.mission-logger-source-selector-close{background:none;border:none;color:var(--text-primary);font-size:2rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background-color .2s}.mission-logger-source-selector-close:hover{background-color:var(--background-color)}.mission-logger-source-selector-content{padding:1.5rem;overflow-y:auto}.mission-logger-source-selector-loading,.mission-logger-source-selector-empty{text-align:center;color:var(--text-secondary);padding:2rem}.mission-logger-source-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem}.mission-logger-source-selector-item{border:1px solid var(--border-color);border-radius:.25rem;overflow:hidden;cursor:pointer;transition:border-color .2s,transform .2s}.mission-logger-source-selector-item:hover{border-color:var(--primary-color);transform:translateY(-2px)}.mission-logger-source-selector-thumbnail{width:100%;height:8rem;object-fit:cover;background-color:var(--background-color)}.mission-logger-source-selector-info{padding:.75rem;background-color:var(--card-background)}.mission-logger-source-selector-name{color:var(--text-primary);font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mission-logger-source-selector-type{color:var(--text-secondary);font-size:.875rem}@media (max-width: 768px){.mission-logger-tab{padding:1rem}.mission-logger-source-selector-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}}.refinery-jobs-tab{padding:2rem;max-width:1200px;margin:0 auto}.refinery-jobs-header{margin-bottom:2rem}.refinery-jobs-header h1{color:var(--title-color);margin:0 0 .5rem;font-size:2rem}.refinery-jobs-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.refinery-jobs-content{display:flex;flex-direction:column;gap:2rem}.refinery-jobs-form-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.refinery-jobs-form-section h2{color:var(--title-color);margin:0 0 1rem;font-size:1.25rem}.refinery-jobs-form{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.refinery-jobs-input{flex:1;min-width:200px;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--background-color);color:var(--text-color);font-size:1rem}.refinery-jobs-duration-input{display:flex;gap:.5rem;min-width:200px}.refinery-jobs-duration-input .refinery-jobs-input{flex:1;min-width:80px}.refinery-jobs-select{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--background-color);color:var(--text-color);font-size:1rem;cursor:pointer}.refinery-jobs-add-btn{padding:.75rem 1.5rem;background:var(--button-color);border:1px solid var(--button-border-color);color:var(--button-text-color);border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease}.refinery-jobs-add-btn:hover{background:var(--primary-color);border-color:var(--primary-color)}.refinery-jobs-list-section{display:flex;flex-direction:column;gap:2rem}.refinery-jobs-group{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.refinery-jobs-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.refinery-jobs-group h2{color:var(--title-color);margin:0;font-size:1.25rem}.refinery-jobs-clear-btn{padding:.5rem 1rem;background:color-mix(in srgb,var(--error-color) 20%,transparent);border:1px solid var(--error-color);color:var(--error-color);border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.refinery-jobs-clear-btn:hover{background:var(--error-color);color:var(--text-color)}.refinery-jobs-list{display:flex;flex-direction:column;gap:.5rem}.refinery-jobs-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--background-color);transition:all .2s ease;gap:1rem}.refinery-jobs-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color) 20%,transparent)}.refinery-jobs-item.active{border-color:var(--success-color);background:color-mix(in srgb,var(--success-color) 10%,transparent)}.refinery-jobs-item.paused{border-color:var(--warning-color);background:color-mix(in srgb,var(--warning-color) 10%,transparent)}.refinery-jobs-item.pending{border-color:var(--text-secondary)}.refinery-jobs-item.completed{opacity:.7;border-color:var(--text-secondary)}.refinery-jobs-item-info{flex:1;display:flex;align-items:center;gap:1rem}.refinery-jobs-item-info h3{margin:0;color:var(--text-color);font-size:.9rem;white-space:nowrap}.refinery-jobs-timer{font-size:1rem;font-weight:600;color:var(--primary-color);font-family:Courier New,monospace}.refinery-jobs-duration{color:var(--text-secondary);font-size:.8rem}.refinery-jobs-completed-label{color:var(--text-secondary);font-size:.8rem;font-style:italic}.refinery-jobs-item-actions{display:flex;gap:.375rem}.refinery-jobs-btn{padding:.35rem .75rem;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s ease;background:var(--background-color);color:var(--text-color)}.refinery-jobs-btn.start{background:var(--button-color);border-color:var(--button-border-color);color:var(--button-text-color)}.refinery-jobs-btn.start:hover{background:var(--success-color);border-color:var(--success-color)}.refinery-jobs-btn.pause{background:color-mix(in srgb,var(--warning-color) 20%,transparent);border-color:var(--warning-color);color:var(--warning-color)}.refinery-jobs-btn.pause:hover{background:var(--warning-color);color:var(--text-color)}.refinery-jobs-btn.resume{background:var(--button-color);border-color:var(--button-border-color);color:var(--button-text-color)}.refinery-jobs-btn.resume:hover{background:var(--primary-color);border-color:var(--primary-color)}.refinery-jobs-btn.complete{background:color-mix(in srgb,var(--success-color) 20%,transparent);border-color:var(--success-color);color:var(--success-color)}.refinery-jobs-btn.complete:hover{background:var(--success-color);color:var(--text-color)}.refinery-jobs-btn.delete{background:color-mix(in srgb,var(--error-color) 20%,transparent);border-color:var(--error-color);color:var(--error-color)}.refinery-jobs-btn.delete:hover{background:var(--error-color);color:var(--text-color)}.refinery-jobs-empty{text-align:center;padding:3rem;color:var(--text-secondary)}.refinery-jobs-empty p{margin:0;font-size:1.125rem}.cargo-overlay-container{width:100%;height:100%;min-height:100vh;background:color-mix(in srgb,var(--background-color) calc(var(--body-opacity, .1) * 100%),transparent)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--border-color) 10%,transparent);border-radius:8px;padding:.5rem;font-family:Orbitron,sans-serif;color:var(--text-color);overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;position:relative;transition:border-color .2s ease}.cargo-overlay-container.cargo-overlay-focused{border:2px solid var(--border-color);box-shadow:0 0 8px color-mix(in srgb,var(--border-color) 30%,transparent);background:var(--background-color)!important}html,body{background:transparent!important;margin:0;padding:0;width:100%;height:100%}#root{background:transparent!important;width:100%;height:100%}.cargo-overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);opacity:var(--header-opacity, 1);transition:opacity .2s ease;-webkit-app-region:no-drag;position:relative;overflow:visible}.cargo-overlay-header-right{display:flex;align-items:center;gap:.5rem;position:relative;overflow:visible}.cargo-overlay-container.cargo-overlay-focused .cargo-overlay-header{opacity:1!important}.cargo-overlay-header-left{display:flex;flex-direction:column;gap:.5rem;flex:1}.cargo-overlay-mode-selector{display:flex;gap:.25rem}.cargo-overlay-mode-btn{background:color-mix(in srgb,var(--surface-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);border-radius:4px;padding:.25rem .5rem;cursor:pointer;color:var(--text-color);font-size:.75rem;font-weight:500;transition:all .2s ease;font-family:Orbitron,sans-serif}.cargo-overlay-mode-btn:hover{background:color-mix(in srgb,var(--surface-color) 30%,transparent);border-color:color-mix(in srgb,var(--button-color) 50%,transparent)}.cargo-overlay-mode-btn.active{background:color-mix(in srgb,var(--button-color) 40%,transparent);border-color:color-mix(in srgb,var(--button-color) 70%,transparent);color:var(--button-text-color, var(--text-color))}.cargo-overlay-move-btn{background:transparent;border:1px solid color-mix(in srgb,var(--border-color) 40%,transparent);border-radius:4px;padding:.375rem;cursor:move;color:var(--text-color);opacity:.7;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-app-region:drag;position:relative}.cargo-overlay-move-btn:hover{opacity:1;background:color-mix(in srgb,var(--surface-color) 30%,transparent);border-color:color-mix(in srgb,var(--button-color) 60%,transparent)}.cargo-overlay-move-btn:active{transform:scale(.95)}.cargo-overlay-move-btn:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:color-mix(in srgb,var(--header-color) 95%,transparent);color:var(--text-color);padding:6px 12px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1001;border:1px solid var(--border-color);box-shadow:0 4px 8px color-mix(in srgb,var(--background-color) 30%,transparent)}.cargo-overlay-move-btn:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:color-mix(in srgb,var(--header-color) 95%,transparent);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1002}.cargo-overlay-move-btn:hover:after,.cargo-overlay-move-btn:hover:before{opacity:1}.cargo-overlay-settings-btn{background:transparent;border:1px solid color-mix(in srgb,var(--border-color) 40%,transparent);border-radius:4px;padding:.375rem;cursor:pointer;color:var(--text-color);opacity:.7;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-app-region:no-drag;position:relative}.cargo-overlay-settings-btn:hover{opacity:1;background:color-mix(in srgb,var(--surface-color) 30%,transparent);border-color:color-mix(in srgb,var(--button-color) 60%,transparent)}.cargo-overlay-settings-btn:active{transform:scale(.95)}.cargo-overlay-settings-btn:after{content:attr(title);position:fixed;top:var(--tooltip-y, 0);left:var(--tooltip-x, 0);transform:translate(-50%,-100%);margin-bottom:8px;background-color:color-mix(in srgb,var(--header-color) 95%,transparent);color:var(--text-color);padding:6px 12px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:999999;border:1px solid var(--border-color);box-shadow:0 4px 8px color-mix(in srgb,var(--background-color) 30%,transparent)}.cargo-overlay-settings-btn:before{content:"";position:fixed;top:var(--tooltip-y, 0);left:var(--tooltip-x, 0);transform:translate(-50%,calc(-100% + 2px));border:5px solid transparent;border-top-color:color-mix(in srgb,var(--header-color) 95%,transparent);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000000}.cargo-overlay-settings-btn:hover:after,.cargo-overlay-settings-btn:hover:before{opacity:1}.cargo-overlay-title{margin:0;font-size:.95rem;font-weight:600;color:var(--title-color);text-shadow:0 0 8px var(--title-color)}.cargo-overlay-mode-indicator{font-size:.7rem;opacity:.7;color:var(--text-secondary)}.cargo-overlay-content{flex:1;overflow-y:auto}.cargo-overlay-empty{text-align:center;padding:2rem 1rem;color:var(--text-secondary);opacity:.7}.cargo-overlay-list{display:flex;flex-direction:column;gap:.25rem}.cargo-overlay-item{padding:.35rem .5rem;background:color-mix(in srgb,var(--surface-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 20%,transparent);border-radius:4px;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cargo-overlay-item:hover{background:color-mix(in srgb,var(--surface-color) 30%,transparent);border-color:color-mix(in srgb,var(--button-color) 40%,transparent)}.cargo-overlay-item-commodity{font-weight:600;font-size:.75rem;color:var(--text-color);flex-shrink:0}.cargo-overlay-item-separator{font-size:.7rem;color:var(--text-secondary);opacity:.5;flex-shrink:0}.cargo-overlay-item-amount{font-weight:500;font-size:.7rem;color:var(--text-secondary);flex-shrink:0}.cargo-overlay-item-route{font-size:.7rem;color:var(--text-secondary);opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.cargo-overlay-settings-menu{position:absolute;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--background-color) 95%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:8px;padding:1rem;z-index:1000;display:flex;flex-direction:column;box-shadow:0 4px 20px color-mix(in srgb,var(--background-color) 50%,transparent)}.cargo-overlay-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid color-mix(in srgb,var(--border-color) 10%,transparent)}.cargo-overlay-settings-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-color)}.cargo-overlay-settings-close{background:transparent;border:1px solid color-mix(in srgb,var(--border-color) 20%,transparent);border-radius:4px;padding:.25rem .5rem;cursor:pointer;color:var(--text-color);font-size:1.25rem;line-height:1;transition:all .2s ease}.cargo-overlay-settings-close:hover{background:color-mix(in srgb,var(--border-color) 10%,transparent);border-color:color-mix(in srgb,var(--border-color) 30%,transparent)}.cargo-overlay-settings-content{display:flex;flex-direction:column;gap:1.5rem}.cargo-overlay-settings-item{display:flex;flex-direction:column;gap:.5rem}.cargo-overlay-settings-item label{font-size:.875rem;color:var(--text-color);font-weight:500}.cargo-overlay-opacity-slider{width:100%;height:6px;border-radius:3px;background:color-mix(in srgb,var(--border-color) 10%,transparent);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cargo-overlay-opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--button-color);cursor:pointer;border:2px solid color-mix(in srgb,var(--border-color) 30%,transparent);box-shadow:0 2px 4px color-mix(in srgb,var(--background-color) 30%,transparent)}.cargo-overlay-opacity-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--button-color);cursor:pointer;border:2px solid color-mix(in srgb,var(--border-color) 30%,transparent);box-shadow:0 2px 4px color-mix(in srgb,var(--background-color) 30%,transparent)}.cargo-overlay-tesseract-checklist{margin-top:.75rem;padding-top:.75rem;border-top:1px solid color-mix(in srgb,var(--border-color) 20%,transparent);opacity:var(--header-opacity, 1);transition:opacity .2s ease}.cargo-overlay-container.cargo-overlay-focused .cargo-overlay-tesseract-checklist{opacity:1!important}.cargo-overlay-tesseract-title{font-size:.7rem;font-weight:600;color:var(--text-secondary);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.cargo-overlay-checklist-items{display:flex;gap:.5rem;flex-wrap:wrap}.cargo-overlay-checklist-item{display:flex;align-items:center;gap:.25rem;font-size:.65rem;color:var(--text-secondary);opacity:.7;transition:all .2s ease}.cargo-overlay-checklist-item.checked{opacity:1;color:var(--text-color)}.cargo-overlay-checklist-icon{font-size:.7rem;width:.7rem;height:.7rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .2s ease}.cargo-overlay-checklist-item.checked .cargo-overlay-checklist-icon{color:var(--success-color)}.cargo-overlay-checklist-label{font-weight:500}.route-planner-overlay-container{width:100%;height:100%;min-height:100vh;background:color-mix(in srgb,var(--background-color) calc(var(--body-opacity, .1) * 100%),transparent)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--border-color) 10%,transparent);border-radius:8px;padding:.5rem;font-family:Orbitron,sans-serif;color:var(--text-color);overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;position:relative;transition:border-color .2s ease}.route-planner-overlay-container.route-planner-overlay-focused{border:2px solid var(--border-color);box-shadow:0 0 8px color-mix(in srgb,var(--border-color) 30%,transparent);background:var(--background-color)!important}.route-planner-overlay-container.route-planner-overlay-focused .route-planner-overlay-header{opacity:1!important}.route-planner-overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);opacity:var(--header-opacity, 1);transition:opacity .2s ease;-webkit-app-region:no-drag;position:relative;overflow:visible}.route-planner-overlay-list{display:flex;flex-direction:column;gap:.5rem}.route-planner-overlay-route-name{font-size:.9rem;font-weight:600;color:var(--button-color);margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid color-mix(in srgb,var(--border-color) 20%,transparent)}.route-planner-overlay-locations{display:flex;flex-direction:column;gap:.25rem}.route-planner-overlay-location-item{display:flex;align-items:center;gap:.5rem;padding:.4rem;background:color-mix(in srgb,var(--surface-color) 10%,transparent);border-radius:4px;border:1px solid color-mix(in srgb,var(--border-color) 20%,transparent);transition:all .2s ease}.route-planner-overlay-location-item:hover{background:color-mix(in srgb,var(--surface-color) 20%,transparent);border-color:color-mix(in srgb,var(--border-color) 40%,transparent)}.route-planner-overlay-location-number{font-weight:600;color:var(--button-color);min-width:1.5rem;font-size:.8rem}.route-planner-overlay-location-name{flex:1;font-size:.85rem;color:var(--text-color)}.route-planner-overlay-location-distance{font-size:.75rem;color:var(--text-secondary);opacity:.8}.route-planner-overlay-arrow{text-align:center;color:var(--button-color);font-size:1rem;padding:.1rem 0;opacity:.6}.route-planner-overlay-total{margin-top:.75rem;padding-top:.75rem;border-top:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);font-size:.85rem;color:var(--text-color);display:flex;justify-content:space-between;align-items:center}.refinery-jobs-overlay-container{width:100%;height:100%;min-height:100vh;background:color-mix(in srgb,var(--background-color) calc(var(--body-opacity, .1) * 100%),transparent)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--border-color) 10%,transparent);border-radius:8px;padding:.5rem;font-family:Orbitron,sans-serif;color:var(--text-color);overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;position:relative;transition:border-color .2s ease}.refinery-jobs-overlay-container.refinery-jobs-overlay-focused{border:2px solid var(--border-color);box-shadow:0 0 8px color-mix(in srgb,var(--border-color) 30%,transparent);background:var(--background-color)!important}.refinery-jobs-overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);opacity:var(--header-opacity, 1);transition:opacity .2s ease;-webkit-app-region:no-drag;position:relative;overflow:visible}.refinery-jobs-overlay-container.refinery-jobs-overlay-focused .refinery-jobs-overlay-header{opacity:1!important}.refinery-time-active{color:var(--success-color);font-family:Courier New,monospace}.refinery-time-paused{color:var(--warning-color);font-family:Courier New,monospace}.refinery-time-completed{color:var(--button-color);font-weight:700;text-transform:uppercase;font-size:.75rem;animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1;text-shadow:0 0 4px var(--button-color)}50%{opacity:.7;text-shadow:0 0 8px var(--button-color)}}.refinery-job-completed{background:color-mix(in srgb,var(--button-color) 15%,transparent)!important;border-color:color-mix(in srgb,var(--button-color) 40%,transparent)!important}.refinery-dismiss-btn{background:color-mix(in srgb,var(--success-color) 20%,transparent);border:1px solid var(--success-color);color:var(--success-color);border-radius:4px;padding:.15rem .4rem;cursor:pointer;font-size:.7rem;font-weight:700;transition:all .2s ease;margin-left:auto;flex-shrink:0}.refinery-dismiss-btn:hover{background:var(--success-color);color:var(--button-text-color)}.mission-overlay-scan-status{margin-bottom:.75rem;padding:.5rem;background:color-mix(in srgb,var(--surface-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);border-radius:6px}.mission-overlay-scan-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.mission-overlay-scan-indicator{width:8px;height:8px;border-radius:50%;background:var(--success-color);animation:scan-pulse 1s ease-in-out infinite}@keyframes scan-pulse{0%,to{opacity:1;box-shadow:0 0 4px var(--success-color)}50%{opacity:.5;box-shadow:0 0 8px var(--success-color)}}.mission-overlay-scan-text{font-size:.7rem;font-weight:600;color:var(--success-color);text-transform:uppercase;letter-spacing:.5px}.mission-overlay-template-grid{display:flex;gap:.35rem;flex-wrap:wrap}.mission-overlay-template-box{padding:.25rem .5rem;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;transition:all .2s ease;border:2px solid}.mission-overlay-template-box.matched{background:color-mix(in srgb,var(--template-color) 25%,transparent);border-color:var(--template-color);color:var(--template-color);box-shadow:0 0 6px color-mix(in srgb,var(--template-color) 40%,transparent)}.mission-overlay-template-box.unmatched{background:color-mix(in srgb,var(--error-color) 10%,transparent);border-color:var(--error-color);color:var(--error-color);opacity:.7}.mission-overlay-template-name{white-space:nowrap}.interface-testing-overlay{width:100%;height:100vh;background:var(--background-color);display:flex;flex-direction:column;font-family:Orbitron,sans-serif;color:var(--text-color);overflow:hidden}.interface-testing-header{padding:1rem;border-bottom:1px solid var(--border-color);background:var(--surface-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.interface-testing-header h2{margin:0;color:var(--title-color);font-size:1.25rem;text-transform:uppercase;letter-spacing:1px}.interface-testing-controls{display:flex;gap:1rem;align-items:center}.interface-testing-controls label{display:flex;align-items:center;gap:.5rem;color:var(--text-color);font-size:.9rem}.max-events-input{width:80px;padding:.4rem;background:var(--input-bg-color);border:1px solid var(--border-color);border-radius:3px;color:var(--text-color);font-family:Orbitron,sans-serif;font-size:.9rem}.max-events-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 8px color-mix(in srgb,var(--primary-color) 30%,transparent)}.interface-testing-status{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);background:var(--surface-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700}.status-indicator.active{color:var(--success-color)}.status-indicator.inactive{color:var(--text-secondary)}.event-count{color:var(--text-secondary);font-size:.9rem}.interface-testing-content{flex:1;overflow-y:auto;padding:1rem}.no-events{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:1rem}.key-events-list{display:flex;flex-direction:column;gap:.5rem}.key-event-item{padding:.75rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:4px;transition:all .2s ease}.key-event-item.pressed{border-color:var(--success-color);background:color-mix(in srgb,var(--success-color) 10%,transparent)}.key-event-item.released{border-color:var(--text-secondary)}.key-event-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.key-name{font-size:1.1rem;font-weight:700;color:var(--title-color)}.key-state{font-size:.85rem;padding:.25rem .5rem;border-radius:3px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.key-event-item.pressed .key-state{background:var(--success-color);color:var(--button-text-color)}.key-event-item.released .key-state{background:var(--text-secondary);color:var(--button-text-color)}.key-event-details{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:var(--text-secondary)}.key-event-details span{font-family:Courier New,monospace}.interface-testing-content::-webkit-scrollbar{width:8px}.interface-testing-content::-webkit-scrollbar-track{background:var(--background-color)}.interface-testing-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.interface-testing-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.overlay-settings-dashboard{padding:2rem;max-width:1200px;margin:0 auto}.overlay-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--border-color) 50%,transparent)}.overlay-settings-header h1{margin:0;color:var(--title-color);font-size:2rem}.overlay-settings-back-btn{padding:.75rem 1.5rem;background:color-mix(in srgb,var(--surface-color) 80%,transparent);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-family:Orbitron,sans-serif;font-size:.9rem;transition:all .2s ease}.overlay-settings-back-btn:hover{background:color-mix(in srgb,var(--primary-color) 20%,transparent);border-color:var(--primary-color);color:var(--primary-color)}.overlay-settings-content{display:flex;flex-direction:column;gap:2rem}.overlay-settings-section{display:flex;flex-direction:column;gap:1rem}.overlay-settings-section h2{margin:0;color:var(--title-color);font-size:1.5rem;font-weight:600}.overlay-settings-card{background:linear-gradient(135deg,var(--surface-color) 0%,var(--background-color) 100%);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px color-mix(in srgb,var(--background-color) 50%,transparent)}.overlay-settings-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--text-color) 10%,transparent)}.overlay-settings-card-title{color:var(--text-color);font-size:1.25rem;font-weight:600}.overlay-settings-toggle-btn{padding:.5rem 1.25rem;background:color-mix(in srgb,var(--text-color) 10%,transparent);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-family:Orbitron,sans-serif;font-size:.9rem;transition:all .2s ease}.overlay-settings-toggle-btn:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 20%,transparent);border-color:var(--primary-color);color:var(--primary-color)}.overlay-settings-toggle-btn.active{background:color-mix(in srgb,var(--primary-color) 30%,transparent);border-color:var(--primary-color);color:var(--primary-color)}.overlay-settings-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.overlay-settings-card-content{display:flex;flex-direction:column;gap:1.5rem}.overlay-settings-item{display:flex;flex-direction:column;gap:.75rem}.overlay-settings-item label{color:var(--text-color);font-size:.95rem;font-weight:500}.overlay-settings-slider{width:100%;height:6px;border-radius:3px;background:color-mix(in srgb,var(--text-color) 10%,transparent);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.overlay-settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer;transition:all .2s ease}.overlay-settings-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 8px color-mix(in srgb,var(--primary-color) 50%,transparent)}.overlay-settings-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none;transition:all .2s ease}.overlay-settings-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 8px color-mix(in srgb,var(--primary-color) 50%,transparent)}.overlay-settings-description{color:var(--text-secondary);font-size:.9rem;margin:0}.overlay-settings-warning{padding:1rem;background:color-mix(in srgb,var(--warning-color) 20%,transparent);border:1px solid var(--warning-color);border-radius:8px;color:var(--text-color);text-align:center}.overlay-settings-warning p{margin:0;font-size:.95rem}.auth-container{display:flex;justify-content:center;align-items:center;background:var(--background-color);color:var(--text-color);height:100vh;width:100%;padding:20px}.auth-container>div{text-align:center;background:var(--surface-color);border:1px solid var(--border-color);padding:60px 40px;border-radius:8px;width:100%;max-width:900px;box-sizing:border-box}.auth-content-wrapper{display:flex;gap:40px;align-items:flex-start;width:100%;box-sizing:border-box}.auth-login-section{flex:1;min-width:0;text-align:left}.auth-guest-section{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;padding:20px;border-left:1px solid var(--border-color)}@media (max-width: 768px){.auth-content-wrapper{flex-direction:column;gap:20px}.auth-guest-section{border-left:none;border-top:1px solid var(--border-color);padding-top:20px}.auth-container>div{max-width:400px}}.landing-logo{margin-bottom:20px}.logo-placeholder{font-size:48px;color:var(--text-color);margin-bottom:20px}.landing-title{margin:0;font-size:24px;letter-spacing:2px;color:var(--text-color)}.landing-subtitle{margin-top:10px;margin-bottom:20px;font-size:16px;opacity:.7}.landing-tagline{font-size:14px;margin-bottom:40px;opacity:.6}.auth-container .form-group{margin-bottom:20px}.auth-container .form-group label{display:block;color:var(--text-color);margin-bottom:8px;font-size:14px;text-align:left}.auth-container .form-group input{width:100%;padding:10px;background-color:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:5px;font-family:Orbitron,sans-serif;font-size:14px;box-sizing:border-box}.auth-container .form-group input:focus{outline:none;border-color:var(--button-color)}.auth-button{width:100%;padding:12px;background-color:var(--button-color);color:var(--button-text-color);border:1px solid var(--button-border-color);border-radius:5px;font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s;margin-top:10px}.auth-button:hover:not(:disabled){background-color:var(--secondary-color)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-links{margin-top:20px;text-align:center}.link-button{background:none;border:none;color:var(--title-color);cursor:pointer;text-decoration:underline;font-family:Orbitron,sans-serif;font-size:14px;padding:5px;margin:5px}.link-button:hover{color:var(--secondary-color)}.error-message{background-color:color-mix(in srgb,var(--error-color) 20%,transparent);color:var(--error-color);padding:10px;border-radius:5px;margin-bottom:20px;border:1px solid var(--error-color)}.success-message{background-color:color-mix(in srgb,var(--success-color) 20%,transparent);color:var(--success-color);padding:10px;border-radius:5px;margin-bottom:20px;border:1px solid var(--success-color)}.captcha-container{display:flex;justify-content:center;margin:20px 0}.rate-limit-error{background-color:color-mix(in srgb,var(--error-color) 20%,transparent);color:var(--error-color);padding:15px;border-radius:5px;margin-bottom:20px;border:2px solid var(--error-color);display:flex;align-items:flex-start;gap:12px;animation:shake .5s ease-in-out}.rate-limit-error-icon{font-size:24px;flex-shrink:0;margin-top:2px}.rate-limit-error-content{flex:1}.rate-limit-error-content strong{display:block;font-size:16px;margin-bottom:6px;color:var(--error-color)}.rate-limit-error-content p{margin:0;font-size:14px;color:var(--error-color);opacity:.8}.rate-limit-countdown{font-weight:700;font-size:18px;color:var(--error-color);font-family:Orbitron,monospace}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.guest-divider{text-align:center;margin:0 0 20px;position:relative;width:100%}.guest-divider:before,.guest-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background-color:var(--border-color)}.guest-divider:before{left:0}.guest-divider:after{right:0}.guest-divider span{background-color:var(--surface-color);padding:0 10px;color:var(--text-color);font-size:14px;position:relative;z-index:1;opacity:.7}.auth-button.guest-button{background-color:var(--button-color);color:var(--button-text-color);border:2px solid var(--button-border-color);width:100%;max-width:300px}.auth-button.guest-button:hover:not(:disabled){background-color:var(--secondary-color);border-color:var(--secondary-color)}.guest-details{margin-top:30px;width:100%;max-width:300px}.guest-details h3{color:var(--title-color);font-family:Orbitron,sans-serif;font-size:18px;margin-bottom:15px;text-align:center}.guest-details ul{list-style:none;padding:0;margin:0}.guest-details li{color:var(--text-color);font-size:13px;padding:8px 0 8px 20px;position:relative;line-height:1.5}.guest-details li:before{content:"✓";position:absolute;left:0;color:var(--button-color);font-weight:700}.guest-indicator{color:var(--warning-color)!important;font-weight:700}.icon-row{display:flex;justify-content:space-between;margin-top:40px;margin-bottom:40px;padding:0 10px}.icon-item{display:flex;flex-direction:column;align-items:center;opacity:.7;font-size:22px}.icon-item span{font-size:12px;margin-top:6px;opacity:.8}.landing-footer{font-size:12px;opacity:.5;margin-top:20px}.login-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--background-color) 90%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.login-loading-content{background-color:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;padding:3rem 4rem;min-width:400px;max-width:500px;box-shadow:0 8px 32px color-mix(in srgb,var(--background-color) 50%,transparent);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-progress-container{display:flex;flex-direction:column;gap:1.5rem}.login-progress-bar{width:100%;height:8px;background-color:color-mix(in srgb,var(--border-color) 30%,transparent);border-radius:4px;overflow:hidden;position:relative}.login-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--button-color));border-radius:4px;transition:width .3s ease-out;position:relative;overflow:hidden}.login-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text-color) 30%,transparent),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.login-progress-text{display:flex;justify-content:space-between;align-items:center;gap:1rem}.login-progress-message{color:var(--text-color);font-family:Orbitron,sans-serif;font-size:1rem;font-weight:500;flex:1}.login-progress-percentage{color:var(--primary-color);font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;min-width:50px;text-align:right}.create-organization{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.create-org-card{background:linear-gradient(135deg,var(--surface-color) 0%,var(--background-color) 100%);border:2px solid var(--border-color);border-radius:12px;padding:2.5rem;max-width:600px;width:100%}.create-org-card h2{font-size:2rem;margin-bottom:.5rem;color:var(--text-color)}.btn-cancel,.btn-submit{padding:.75rem 2rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:12.5rem;font-family:Orbitron,sans-serif}.btn-submit{background:var(--button-color, var(--primary-color));color:var(--button-text-color, var(--text-color))}.btn-submit:hover:not(:disabled){background:color-mix(in srgb,var(--button-color, var(--primary-color)) 120%);transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--button-color, var(--primary-color)) .3)}.join-organization{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.join-org-card{background:linear-gradient(135deg,var(--surface-color) 0%,var(--background-color) 100%);border:2px solid var(--border-color);border-radius:12px;padding:2.5rem;max-width:600px;width:100%}.join-org-card h2{font-size:2rem;margin-bottom:.5rem;color:var(--text-color)}.subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-color);font-weight:500}.search-group{display:flex;gap:.5rem}.search-group input{flex:1;padding:.75rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:1rem;font-family:inherit;text-transform:uppercase}.search-group input:focus{outline:none;border-color:var(--primary-color)}.btn-search{padding:.75rem 1.5rem;background:var(--primary-color);color:var(--text-color);border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s ease}.btn-search:hover:not(:disabled){background:var(--secondary-color)}.btn-search:disabled{opacity:.6;cursor:not-allowed}.form-group small{display:block;margin-top:.25rem;color:var(--text-secondary);font-size:.85rem}.org-preview{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.org-preview h3{margin:0 0 .5rem;color:var(--text-color);font-size:1.3rem}.org-preview .org-tag{display:inline-block;background:var(--primary-color);color:var(--text-color);padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:700;margin-bottom:.5rem}.org-preview .org-description{color:var(--text-secondary);margin:.5rem 0;line-height:1.4}.org-preview .org-meta{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0 0}.form-group input,.form-group textarea{width:100%;padding:.75rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:1rem;font-family:inherit}.form-group textarea{resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.error-message{background:color-mix(in srgb,var(--error-color) 20%,transparent);border:1px solid var(--error-color);color:var(--error-color);padding:.75rem;border-radius:6px;margin-bottom:1rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-cancel,.btn-submit{padding:.75rem 2rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:12.5rem}.btn-cancel{background:var(--header-color);color:var(--text-color)}.btn-cancel:hover{background:var(--surface-color)}.btn-submit{background:var(--primary-color);color:var(--text-color)}.btn-submit:hover:not(:disabled){background:var(--secondary-color)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.success-message{text-align:center;padding:2rem 0}.success-icon{font-size:4rem;margin-bottom:1rem;color:var(--success-color)}.success-title{color:var(--success-color);margin-bottom:1rem}.success-text{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.success-text .org-name{color:var(--text-color);font-weight:700}.success-note{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem}.dashboard{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-loading{text-align:center;padding:4rem;font-size:1.2rem;color:var(--text-secondary)}.dashboard-header{text-align:center;margin-bottom:3rem}.dashboard-header h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--text-color)}.dashboard-header p{font-size:1.2rem;color:var(--text-secondary)}.dashboard-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem;align-items:stretch}.dashboard-button{background:linear-gradient(135deg,var(--surface-color) 0%,var(--background-color) 100%);border:2px solid var(--border-color);border-radius:12px;padding:2rem;cursor:pointer;transition:all .3s ease;text-align:center;color:var(--text-color);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;height:100%;min-height:0;box-sizing:border-box}.dashboard-button:hover{transform:translateY(-5px);box-shadow:0 10px 30px color-mix(in srgb,var(--primary-color) 30%,transparent);border-color:var(--primary-color)}.dashboard-button.solo:hover{box-shadow:0 10px 30px color-mix(in srgb,var(--warning-color) 30%,transparent);border-color:var(--warning-color)}.dashboard-button.group:hover{box-shadow:0 10px 30px color-mix(in srgb,var(--success-color) 30%,transparent);border-color:var(--success-color)}.dashboard-button.organization:hover{box-shadow:0 10px 30px color-mix(in srgb,var(--error-color) 30%,transparent);border-color:var(--error-color)}.dashboard-button.manage:hover{box-shadow:0 10px 30px color-mix(in srgb,var(--warning-color) 30%,transparent);border-color:var(--warning-color)}.dashboard-button.admin:hover{box-shadow:0 10px 30px color-mix(in srgb,var(--button-color) 30%,transparent);border-color:var(--button-color)}.dashboard-button.star-nav:hover{box-shadow:0 10px 30px color-mix(in srgb,var(--secondary-color) 30%,transparent);border-color:var(--secondary-color)}.dashboard-button.hauling:hover{box-shadow:0 10px 30px color-mix(in srgb,var(--warning-color) 30%,transparent);border-color:var(--warning-color)}.dashboard-button.trade:hover{box-shadow:0 10px 30px color-mix(in srgb,var(--success-color) 30%,transparent);border-color:var(--success-color)}.dashboard-button.refinery:hover{box-shadow:0 10px 30px color-mix(in srgb,var(--button-color) 30%,transparent);border-color:var(--button-color)}.dashboard-button.job-board:hover{box-shadow:0 10px 30px color-mix(in srgb,var(--primary-color) 30%,transparent);border-color:var(--primary-color)}.dashboard-button.job-board-org:hover{box-shadow:0 10px 30px color-mix(in srgb,var(--error-color) 30%,transparent);border-color:var(--error-color)}.button-icon{font-size:4rem;margin-bottom:.5rem}.dashboard-button h2{font-size:2rem;margin:0;color:var(--text-color)}.dashboard-button p{font-size:1.1rem;margin:0;color:var(--text-secondary);font-weight:500}.button-description{font-size:.9rem;color:var(--text-secondary);margin-top:.5rem;line-height:1.4;flex-shrink:1;overflow-wrap:break-word;word-break:break-word;max-width:100%}.dashboard-organizations{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.dashboard-organizations h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-color)}.organizations-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.organization-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .3s ease}.organization-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.organization-card h4{margin:0 0 .5rem;color:var(--text-color);font-size:1.2rem}.org-tag{display:inline-block;background:var(--primary-color);color:var(--text-color);padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:700;margin-bottom:.5rem}.org-description{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0 0;line-height:1.4}.view-org-button{margin-top:1rem;background:var(--primary-color);color:var(--text-color);border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s ease;width:100%}.view-org-button:hover{background:var(--secondary-color)}.org-action-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem}.back-button{background:var(--surface-color);color:var(--text-color);border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s ease;margin-top:2rem}.back-button:hover{background:var(--header-color)}.tour-welcome-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--background-color) 80%,transparent);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.tour-welcome-modal{background:linear-gradient(135deg,var(--surface-color) 0%,var(--background-color) 100%);border:2px solid var(--primary-color);border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:0 10px 40px color-mix(in srgb,var(--button-color) 30%,transparent);animation:slideUp .3s ease}.tour-welcome-header{text-align:center;margin-bottom:1.5rem}.tour-welcome-header h2{color:var(--text-color);font-size:2rem;margin:0}.tour-welcome-content{margin-bottom:2rem;text-align:center}.tour-welcome-message{color:var(--text-color);font-size:1.2rem;margin-bottom:1rem}.tour-welcome-notice{color:var(--warning-color);font-size:.95rem;line-height:1.6;margin:0}.tour-welcome-actions{display:flex;gap:1rem;justify-content:center}.tour-popup{position:fixed;width:400px;max-width:90vw;background:linear-gradient(135deg,var(--surface-color) 0%,var(--background-color) 100%);border:2px solid var(--primary-color);border-radius:12px;box-shadow:0 10px 40px color-mix(in srgb,var(--button-color) 50%,transparent);z-index:10001;animation:fadeIn .3s ease;-webkit-user-select:none;user-select:none;pointer-events:auto}.tour-popup-header{padding:.75rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;cursor:grab;background:color-mix(in srgb,var(--button-color) 10%,transparent);border-radius:12px 12px 0 0}.tour-popup-header:active{cursor:grabbing}.tour-popup-title{color:var(--text-color);font-size:1.1rem;font-weight:600}.tour-popup-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.tour-popup-close:hover{color:var(--text-color);background:color-mix(in srgb,var(--surface-color) 10%,transparent)}.tour-skip-button{background:transparent;border:none;color:var(--error-color);font-size:.9rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;transition:all .2s;text-decoration:underline;text-underline-offset:2px;margin-left:auto}.tour-skip-button:hover{color:var(--error-color);text-decoration:none;background:color-mix(in srgb,var(--error-color) 10%,transparent);border-radius:4px}.tour-popup-content{padding:1.5rem}.tour-popup-step-indicator{color:var(--primary-color);font-size:.85rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.tour-popup-step-title{color:var(--text-color);font-size:1.3rem;margin:0 0 .75rem}.tour-popup-step-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 0 1rem}.tour-popup-step-content{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.tour-popup-actions{padding:1rem;border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;background:color-mix(in srgb,var(--background-color) 20%,transparent);border-radius:0 0 12px 12px}.tour-popup-actions-final{justify-content:center;flex-direction:column;gap:1rem}.tour-popup-actions-final .tour-button{width:100%;min-width:0}.tour-button{padding:.6rem 1.2rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:80px}.tour-button-primary{background:var(--primary-color);color:var(--text-color)}.tour-button-primary:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--button-color) 40%,transparent)}.tour-button-secondary{background:var(--border-color);color:var(--text-color);border:1px solid var(--border-color)}.tour-button-secondary:hover:not(:disabled){background:var(--background-color);border-color:var(--border-color)}.tour-button:disabled{opacity:.5;cursor:not-allowed}.tour-overlay-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--background-color) 70%,transparent);z-index:10000;pointer-events:auto;cursor:not-allowed;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tour-overlay-backdrop.tour-allow-interaction{pointer-events:none;cursor:default}.tour-overlay-highlight{position:fixed;border:3px solid var(--primary-color);border-radius:8px;box-shadow:0 0 0 9999px color-mix(in srgb,var(--background-color) 70%,transparent),0 0 20px color-mix(in srgb,var(--button-color) 60%,transparent),inset 0 0 20px color-mix(in srgb,var(--button-color) 30%,transparent);pointer-events:auto;animation:pulse 2s ease-in-out infinite;z-index:10001;background:transparent;cursor:not-allowed;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tour-overlay-highlight.tour-allow-interaction{pointer-events:none;cursor:default}.tour-overlay-highlight.tour-allow-interaction+*{pointer-events:auto}.tour-overlay-action-mode{opacity:.3;pointer-events:none}.tour-action-instructions{background:color-mix(in srgb,var(--button-color) 20%,transparent);border:1px solid var(--primary-color);border-radius:6px;padding:1rem;margin-top:1rem;color:var(--text-color)}.tour-action-instructions strong{color:var(--button-color);display:block;margin-bottom:.5rem}.tour-highlight-box{outline:3px solid var(--button-color)!important;outline-offset:2px;box-shadow:0 0 20px color-mix(in srgb,var(--button-color) 60%,transparent)!important;animation:tour-pulse-box 2s ease-in-out infinite}@keyframes tour-pulse-box{0%,to{outline-color:var(--button-color);box-shadow:0 0 20px color-mix(in srgb,var(--button-color) 60%,transparent)}50%{outline-color:var(--button-color);box-shadow:0 0 30px color-mix(in srgb,var(--button-color) 80%,transparent)}}.tour-overlay-arrow-container{position:fixed;z-index:10002;pointer-events:none;width:30px;height:30px}.tour-overlay-arrow{color:var(--primary-color);width:100%;height:100%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px color-mix(in srgb,var(--background-color) 50%,transparent));animation:bounceArrow 1s ease-in-out infinite}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tour-overlay-arrow svg{width:100%;height:100%}@keyframes pulse{0%,to{box-shadow:0 0 0 9999px color-mix(in srgb,var(--background-color) 70%,transparent),0 0 20px color-mix(in srgb,var(--button-color) 60%,transparent),inset 0 0 20px color-mix(in srgb,var(--button-color) 30%,transparent)}50%{box-shadow:0 0 0 9999px color-mix(in srgb,var(--background-color) 70%,transparent),0 0 30px color-mix(in srgb,var(--button-color) 80%,transparent),inset 0 0 30px color-mix(in srgb,var(--button-color) 50%,transparent)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.tour-popup{width:90vw;max-width:400px}.tour-popup-actions{flex-wrap:wrap}.tour-button{flex:1;min-width:0}}.tour-selection-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--background-color) 80%,transparent);display:flex;align-items:center;justify-content:center;z-index:10003;animation:fadeIn .3s ease}.tour-selection-modal{background:linear-gradient(135deg,var(--surface-color) 0%,var(--background-color) 100%);border:2px solid var(--primary-color);border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:0 10px 40px color-mix(in srgb,var(--button-color) 30%,transparent);animation:slideUp .3s ease}.tour-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.tour-selection-header h2{color:var(--text-color);margin:0;font-size:1.8rem}.tour-selection-close{background:transparent;border:none;color:var(--text-color);font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.tour-selection-close:hover{background:color-mix(in srgb,var(--surface-color) 10%,transparent)}.tour-selection-content{margin-bottom:2rem}.tour-selection-content p{color:var(--text-secondary);margin-bottom:1rem}.tour-list{display:flex;flex-direction:column;gap:.75rem}.tour-selection-item{background:color-mix(in srgb,var(--button-color) 10%,transparent);border:1px solid var(--primary-color);border-radius:8px;padding:1rem 1.5rem;color:var(--text-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s;text-align:left;width:100%}.tour-selection-item:hover{background:color-mix(in srgb,var(--button-color) 20%,transparent);border-color:var(--button-color);transform:translate(5px)}.tour-selection-name{font-size:1.1rem;font-weight:500}.tour-selection-arrow{color:var(--button-color);font-size:1.5rem}.tour-selection-actions{display:flex;justify-content:flex-end;gap:1rem}.right-sidebar-gear-button{position:fixed;top:16px;right:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;z-index:1000;box-shadow:0 2px 8px color-mix(in srgb,var(--background-color) 30%,transparent)}.right-sidebar-gear-button:hover{background-color:var(--surface-color);color:var(--primary-color);border-color:var(--primary-color);transform:rotate(90deg)}.right-sidebar-gear-button svg{width:20px;height:20px;stroke:currentColor}.right-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--background-color) 50%,transparent);z-index:1001;animation:fadeIn .2s ease-out}.right-sidebar-menu{position:fixed;top:0;right:0;width:400px;max-width:90vw;height:100vh;background-color:var(--background-color);border-left:1px solid var(--border-color);box-shadow:-4px 0 16px color-mix(in srgb,var(--background-color) 50%,transparent);z-index:1002;display:flex;flex-direction:column;animation:slideInRight .3s ease-out;overflow:hidden}.right-sidebar-menu-content{flex:1;overflow-y:auto;padding:56px 16px 16px}.right-sidebar-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;z-index:10}.right-sidebar-close:hover{background-color:var(--surface-color);color:var(--primary-color)}.right-sidebar-close svg{width:20px;height:20px;stroke:currentColor}.right-sidebar-separator{width:100%;height:1px;background-color:var(--surface-color);margin:4px 0;flex-shrink:0}.right-sidebar-section{width:100%;margin-bottom:4px}.right-sidebar-section-header{width:100%;min-height:36px;display:flex;align-items:center;justify-content:flex-start;gap:8px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0;padding:6px 10px}.right-sidebar-section-header:hover{background-color:var(--surface-color);color:var(--primary-color)}.right-sidebar-section-header svg{width:20px;height:20px;stroke:currentColor;flex-shrink:0}.right-sidebar-label{font-size:14px;font-weight:500;white-space:nowrap;flex:1}.right-sidebar-badge{background-color:var(--warning-color);color:var(--background-color);font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;flex-shrink:0}.right-sidebar-arrow{transition:transform .3s ease;flex-shrink:0;margin-left:auto;opacity:.6}.right-sidebar-arrow.expanded{transform:rotate(180deg)}.right-sidebar-section-content{padding:8px;animation:slideDown .2s ease-out}.travel-mode-control{display:flex;flex-direction:column;gap:8px}.travel-mode-toggle-wrapper{display:flex;align-items:center;gap:8px}.travel-mode-description{font-size:.85rem;color:color-mix(in srgb,var(--text-color) 70%,transparent);line-height:1.5}.scu-breakdown-controls{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--surface-color)}.scu-manual-mode-toggle{display:flex;align-items:center;gap:8px;margin-bottom:12px}.scu-max-cargo-inputs{display:flex;flex-direction:column;gap:8px;margin-top:8px}.scu-max-cargo-input-group{display:flex;flex-direction:column;gap:4px}.scu-max-cargo-label{font-size:11px;color:color-mix(in srgb,var(--text-color) 70%,transparent);font-weight:500}.scu-max-cargo-input{padding:6px 8px;background-color:var(--header-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:12px;transition:all .2s ease}.scu-max-cargo-input:focus{outline:none;border-color:var(--button-color);background-color:var(--surface-color)}.scu-max-cargo-input::placeholder{color:color-mix(in srgb,var(--text-color) 40%,transparent)}.scu-missions-list-header{font-size:12px;color:var(--text-color);font-weight:500;margin-bottom:8px}.scu-max-cargo-select{padding:6px 8px;background-color:var(--input-bg-color);border:1px solid var(--border-color);border-radius:3px;color:var(--text-color);font-size:.9rem;font-family:Orbitron,sans-serif;transition:all .2s ease;cursor:pointer;width:100%}.scu-max-cargo-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 8px color-mix(in srgb,var(--primary-color) 30%,transparent)}.scu-max-cargo-select:hover{border-color:color-mix(in srgb,var(--primary-color) 50%,transparent)}.scu-breakdown-disclaimer{padding:8px 12px;background-color:color-mix(in srgb,var(--warning-color) 10%,transparent);border-left:3px solid var(--warning-color);margin-bottom:12px;border-radius:4px}.scu-disclaimer-text{font-size:11px;color:color-mix(in srgb,var(--text-color) 70%,transparent);font-style:italic}.scu-breakdown-content{max-height:400px;overflow-y:auto;padding-right:4px}.scu-breakdown-list{display:flex;flex-direction:column;gap:8px}.scu-commodity-group{background-color:var(--header-color);border-radius:4px;overflow:hidden}.scu-commodity-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:color-mix(in srgb,var(--button-color) 10%,transparent);border-bottom:1px solid color-mix(in srgb,var(--button-color) 20%,transparent);transition:background-color .2s;cursor:pointer}.scu-commodity-header-left{display:flex;align-items:center;gap:.375rem}.scu-commodity-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.scu-commodity-header:hover{background-color:color-mix(in srgb,var(--button-color) 15%,transparent)}.scu-collapse-icon{font-size:10px;color:var(--button-color);transition:transform .2s}.scu-commodity-name-small{font-size:12px;color:var(--button-color);font-weight:500}.scu-commodity-total{font-size:12px;color:var(--button-color);font-weight:700}.scu-commodity-limited{font-size:10px;color:color-mix(in srgb,var(--warning-color) 80%,transparent);opacity:.7}.scu-breakdown-items{padding:8px 12px;display:flex;flex-direction:column;gap:4px}.scu-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background-color:color-mix(in srgb,var(--background-color) 20%,transparent);border-radius:3px;font-size:11px}.scu-size{color:var(--button-color);font-weight:500}.scu-count{color:color-mix(in srgb,var(--text-color) 70%,transparent)}.scu-total{color:var(--success-color);font-weight:700}.scu-breakdown-empty{text-align:center;padding:20px;color:color-mix(in srgb,var(--text-color) 50%,transparent);font-size:13px}.scu-breakdown-content::-webkit-scrollbar{width:6px}.scu-breakdown-content::-webkit-scrollbar-track{background:var(--background-color);border-radius:3px}.scu-breakdown-content::-webkit-scrollbar-thumb{background:var(--background-color);border-radius:3px}.scu-breakdown-content::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.groups-quick-info{display:flex;flex-direction:column;gap:12px}.groups-info-text{font-size:.85rem;color:color-mix(in srgb,var(--text-color) 70%,transparent);line-height:1.5;margin:0}.groups-view-button{width:100%;padding:10px 16px;background-color:var(--title-color);color:var(--text-color);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.groups-view-button:hover{background-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 8px color-mix(in srgb,var(--button-color) 30%,transparent)}.groups-view-button:active{transform:translateY(0)}.location-issues-loading,.location-issues-empty{text-align:center;padding:20px;color:var(--text-secondary);font-size:13px;background-color:var(--background-color)}.location-issues-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding-right:4px;background-color:var(--background-color)}.location-issue-group{background-color:var(--surface-color);border-radius:4px;overflow:hidden;border:1px solid var(--border-color)}.location-issue-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background-color:color-mix(in srgb,var(--warning-color) 10%,var(--background-color));border-bottom:1px solid color-mix(in srgb,var(--warning-color) 20%,var(--border-color));transition:background-color .2s;gap:8px;cursor:pointer}.location-issue-header-left{display:flex;align-items:center;gap:.375rem;flex:1}.location-issue-header-right{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.location-issue-header:hover{background-color:color-mix(in srgb,var(--warning-color) 15%,var(--background-color))}.location-issue-collapse-icon{font-size:10px;color:var(--warning-color);transition:transform .2s;flex-shrink:0;margin-right:4px}.location-issue-location-name{font-size:12px;color:var(--warning-color);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-issue-count{font-size:11px;color:var(--warning-color);font-weight:700;flex-shrink:0}.location-issue-confirmations{font-size:10px;color:var(--text-secondary);flex-shrink:0;margin-left:4px}.location-issue-items{padding:6px 8px;display:flex;flex-direction:column;gap:4px;background-color:var(--background-color)}.location-issue-item{padding:6px 8px;background-color:var(--background-color);border-radius:3px;border:1px solid var(--border-color);border-left:2px solid var(--warning-color);display:flex;align-items:center;min-height:28px}.location-issue-item-content{display:flex;align-items:center;gap:6px;width:100%;min-width:0}.location-issue-type{font-size:9px;color:var(--warning-color);font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;flex-shrink:0;padding:1px 4px;background-color:color-mix(in srgb,var(--warning-color) 15%,var(--background-color));border-radius:2px;border:1px solid color-mix(in srgb,var(--warning-color) 30%,var(--border-color))}.location-issue-title{font-size:11px;color:var(--text-color);font-weight:500;line-height:1.3;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-issue-meta{font-size:9px;color:var(--text-secondary);flex-shrink:0;white-space:nowrap;display:flex;align-items:center;gap:4px}.location-issue-confirm-btn{background:color-mix(in srgb,var(--button-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 30%,transparent);color:var(--button-color);padding:2px 6px;border-radius:2px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:10px;font-weight:600;transition:all .2s ease;flex-shrink:0;white-space:nowrap;min-width:20px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1}.location-issue-confirm-btn:hover:not(:disabled){background:color-mix(in srgb,var(--button-color) 20%,transparent);border-color:var(--button-color)}.location-issue-confirm-btn:disabled,.location-issue-confirm-btn.confirmed{opacity:.5;cursor:not-allowed;background:color-mix(in srgb,var(--text-secondary) 10%,transparent);border-color:color-mix(in srgb,var(--text-secondary) 20%,transparent);color:var(--text-secondary)}.location-issue-confirm-btn:disabled:hover,.location-issue-confirm-btn.confirmed:hover{background:color-mix(in srgb,var(--text-secondary) 10%,transparent);border-color:color-mix(in srgb,var(--text-secondary) 20%,transparent)}.location-issues-list::-webkit-scrollbar{width:6px}.location-issues-list::-webkit-scrollbar-track{background:var(--background-color);border-radius:3px}.location-issues-list::-webkit-scrollbar-thumb{background:var(--background-color);border-radius:3px}.location-issues-list::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.routeplanner-controls{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--surface-color)}.routeplanner-toggle-wrapper{display:flex;align-items:center;gap:6px;margin-bottom:2px}.routeplanner-toggle-wrapper:last-child{margin-bottom:0}.routeplanner-toggle-label{color:var(--text-color);font-size:12px;font-weight:500;margin-left:4px}.routeplanner-content{max-height:400px;overflow-y:auto;padding-right:4px}.routeplanner-loading,.routeplanner-empty{text-align:center;padding:20px;color:var(--text-secondary);font-size:13px;background-color:var(--background-color)}.routeplanner-list{display:flex;flex-direction:column;gap:6px}.routeplanner-item{background-color:var(--surface-color);border-radius:4px;overflow:hidden;border:1px solid var(--border-color)}.routeplanner-item-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;background-color:color-mix(in srgb,var(--primary-color) 10%,var(--background-color));border-bottom:1px solid color-mix(in srgb,var(--primary-color) 20%,var(--border-color));transition:background-color .2s}.routeplanner-item-header:hover{background-color:color-mix(in srgb,var(--primary-color) 15%,var(--background-color))}.routeplanner-item-content{padding:8px 14px;background-color:var(--background-color)}.routeplanner-collapse-icon{font-size:10px;color:var(--primary-color);transition:transform .2s;flex-shrink:0}.routeplanner-location-name{font-size:12px;color:var(--primary-color);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.routeplanner-distance{font-size:11px;color:var(--text-color);font-weight:500;flex-shrink:0;white-space:nowrap}.routeplanner-entry-count{font-size:11px;color:var(--text-secondary);flex-shrink:0;white-space:nowrap}.routeplanner-item-details{display:flex;flex-direction:column;gap:6px}.routeplanner-detail-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:11px}.routeplanner-detail-label{color:var(--text-secondary);font-weight:500}.routeplanner-detail-value{color:var(--text-color);font-weight:600}.routeplanner-content::-webkit-scrollbar{width:6px}.routeplanner-content::-webkit-scrollbar-track{background:var(--background-color);border-radius:3px}.routeplanner-content::-webkit-scrollbar-thumb{background:var(--background-color);border-radius:3px}.routeplanner-content::-webkit-scrollbar-thumb:hover{background:var(--border-color)}body.right-sidebar-collapsed .main-content{margin-right:0}body:not(.right-sidebar-collapsed) .main-content{margin-right:0}.capture-tab{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:var(--background-color);overflow-x:hidden;overflow-y:auto;position:relative;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 8px color-mix(in srgb,var(--background-color) 20%,transparent);box-sizing:border-box;width:100%;max-width:100%}.capture-sub-tabs{display:flex;gap:8px;padding-bottom:15px;border-bottom:1px solid var(--border-color);margin-bottom:10px}.capture-sub-tab{padding:10px 20px;background-color:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:Orbitron,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.capture-sub-tab:hover{background-color:var(--surface-color);color:var(--text-primary)}.capture-sub-tab.active{background-color:var(--button-color);color:var(--background-color);border-color:var(--button-color)}.template-test-header{margin-bottom:15px}.template-test-header h3{color:var(--text-primary);font-family:Orbitron,sans-serif;font-size:18px;margin-bottom:5px}.template-test-header p{color:var(--text-secondary);font-size:14px}.template-test-controls{display:flex;flex-direction:column;gap:15px;margin-bottom:15px;width:100%;max-width:100%;box-sizing:border-box}.template-test-status{display:flex;gap:20px;padding:10px 15px;background-color:var(--surface-color);border-radius:6px;border:1px solid var(--border-color);width:100%;max-width:100%;box-sizing:border-box;flex-wrap:wrap}.status-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.status-indicator{width:8px;height:8px;border-radius:50%;background-color:var(--text-secondary)}.status-item.ready .status-indicator{background-color:var(--success-color)}.status-item.loading .status-indicator{background-color:var(--warning-color);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.template-test-content{display:flex;gap:20px;overflow-x:hidden;overflow-y:visible;position:relative;width:100%;max-width:100%;box-sizing:border-box}.mission-ocr-content{display:flex;flex-direction:column;gap:20px;overflow-x:hidden;overflow-y:visible;position:relative;width:100%;max-width:100%;box-sizing:border-box}.template-checklist{width:250px;flex-shrink:0;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;padding:15px}.template-checklist h4{color:var(--text-primary);font-family:Orbitron,sans-serif;font-size:14px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.template-checklist-item{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:8px;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;transition:all .2s;flex-wrap:wrap}.template-checklist-item.found{border-color:var(--success-color);background-color:color-mix(in srgb,var(--success-color) 10%,var(--background-color))}.template-checklist-item.disabled{opacity:.5;border-color:var(--border-color)}.template-color-indicator{width:12px;height:12px;border-radius:3px;flex-shrink:0}.template-name{flex:1;color:var(--text-primary);font-size:13px}.template-found-badge{color:var(--success-color);font-size:12px;font-weight:700}.template-match-score{font-size:12px;font-weight:700;font-family:Orbitron,sans-serif}.template-requires{font-size:10px;color:var(--text-secondary);font-style:italic;width:100%;margin-top:4px}.template-threshold-control{display:flex;align-items:center;gap:8px;width:100%;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}.template-threshold-control label{font-size:11px;color:var(--text-secondary);white-space:nowrap}.template-threshold-control input[type=range]{flex:1;height:4px;background:var(--border-color);border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none}.template-threshold-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--button-color);border-radius:50%;cursor:pointer;transition:background .2s}.template-threshold-control input[type=range]::-webkit-slider-thumb:hover{background:var(--success-color)}.template-threshold-control input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--button-color);border-radius:50%;cursor:pointer;border:none}.template-threshold-value{font-size:12px;font-weight:700;color:var(--text-primary);min-width:35px;text-align:right;font-family:Orbitron,sans-serif}.template-test-video-container{flex:1;position:relative;min-height:400px;background-color:var(--background-color);border:2px solid var(--border-color);border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;box-sizing:border-box}.mission-ocr-content .template-test-video-container{flex:none;width:100%;max-width:100%}.template-match-box{position:absolute;border:3px solid;background-color:transparent;pointer-events:none;box-sizing:border-box;z-index:10}.template-match-label{position:absolute;top:-24px;left:0;padding:3px 8px;font-size:11px;font-weight:700;font-family:Orbitron,sans-serif;color:var(--text-color);border-radius:3px;white-space:nowrap;display:flex;gap:8px;align-items:center}.template-match-score-inline{font-size:10px;opacity:.9}.template-test-info{padding:12px 15px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:13px;text-align:center}.capture-controls{display:flex;flex-direction:column;gap:15px}.control-group{display:flex!important;flex-direction:row!important;gap:10px;flex-wrap:wrap!important;align-items:center;width:100%;max-width:100%;box-sizing:border-box}.capture-button,.stop-button,.capture-frame-button,.new-mission-button,.add-manifest-button,.clear-button{display:inline-block!important;width:auto!important;flex:0 0 auto!important;flex-shrink:0;white-space:nowrap;background-color:var(--button-color);color:var(--background-color);border:none;padding:10px 20px;cursor:pointer;font-size:14px;border-radius:5px;transition:background-color .3s;font-family:Orbitron,sans-serif;font-weight:700}.capture-button:hover,.capture-frame-button:hover,.new-mission-button:hover{background-color:var(--secondary-color)}.stop-button{background-color:var(--error-color);color:var(--text-color)}.stop-button:hover{background-color:color-mix(in srgb,var(--error-color) 80%,transparent)}.add-manifest-button{background-color:var(--success-color);color:var(--text-color)}.add-manifest-button:hover{background-color:color-mix(in srgb,var(--success-color) 80%,transparent)}.add-manifest-button:disabled{background-color:var(--text-secondary);cursor:not-allowed}.clear-button{background-color:var(--warning-color);color:var(--text-color)}.clear-button:hover{background-color:color-mix(in srgb,var(--warning-color) 80%,transparent)}.clear-button:disabled{background-color:var(--text-secondary);cursor:not-allowed}.capture-frame-button:disabled{background-color:var(--text-secondary);cursor:not-allowed}.auto-capture-controls{display:flex;flex-direction:column;gap:10px;padding:15px;background-color:var(--surface-color);border-radius:5px;border:1px solid var(--border-color);margin-top:10px}.auto-capture-toggle{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.auto-capture-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--button-color)}.auto-capture-toggle input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.auto-capture-toggle span{font-family:Orbitron,sans-serif;font-weight:500}.interval-control{display:flex;align-items:center;gap:15px;padding-left:28px}.interval-control label{color:var(--text-secondary);font-size:13px;font-family:Orbitron,sans-serif;white-space:nowrap}.interval-control input[type=range]{flex:1;height:6px;background:var(--border-color);border-radius:3px;outline:none;cursor:pointer}.interval-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--button-color);border-radius:50%;cursor:pointer;transition:background .3s}.interval-control input[type=range]::-webkit-slider-thumb:hover{background:var(--button-color-green)}.interval-control input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--button-color);border-radius:50%;cursor:pointer;border:none;transition:background .3s}.interval-control input[type=range]::-moz-range-thumb:hover{background:var(--button-color-green)}.interval-control input[type=range]:disabled{cursor:not-allowed;opacity:.5}.interval-value{color:var(--button-color);font-size:14px;font-family:Orbitron,sans-serif;font-weight:700;min-width:35px;text-align:right}.instructions{background-color:var(--surface-color);padding:15px;border-radius:5px;border:1px solid var(--border-color)}.instructions p{margin:5px 0;color:var(--text-secondary);font-size:13px}.capture-area{width:100%;min-height:400px;background-color:var(--background-color);border:2px solid var(--border-color);border-radius:5px;overflow:hidden}.video-container{position:relative;width:100%;min-height:400px;height:auto;cursor:crosshair;background-color:var(--background-color);display:flex;align-items:center;justify-content:center}.capture-video{width:100%;max-width:100%;height:auto;min-height:400px;object-fit:contain;display:block;background-color:var(--background-color);box-sizing:border-box}.no-capture-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--text-secondary);text-align:center}.no-capture-placeholder p{margin:10px 0;font-size:16px}.selection-box{position:absolute;border:2px dashed var(--button-color);background-color:color-mix(in srgb,var(--button-color) 10%,transparent);pointer-events:none;z-index:10}.scans-section{margin-top:20px}.scans-section h3{color:var(--dropdown-label-color);margin-bottom:15px;font-size:18px}.mission-group{margin-bottom:20px;border:1px solid var(--table-outline-color);border-radius:5px;overflow:hidden;background-color:var(--surface-color)}.mission-header{display:flex;align-items:center;gap:15px;padding:12px 15px;background-color:var(--background-color);color:var(--drop-off-header-text-color);font-weight:700;border-bottom:1px solid var(--table-outline-color)}.mission-reward{color:var(--success-color);font-weight:400}.mission-count{color:var(--text-secondary);font-weight:400;margin-left:auto}.manual-correction-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--drop-off-header-text-color);font-size:12px;font-weight:400}.manual-correction-checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--warning-color)}.manual-correction-checkbox-label span{color:var(--drop-off-header-text-color)}.editable-cell{cursor:text!important;position:relative}.editable-cell:hover{background-color:color-mix(in srgb,var(--warning-color) 10%,transparent)}.field-input{width:100%;min-width:100px;padding:4px 8px;background-color:var(--surface-color);border:1px solid var(--table-outline-color);border-radius:3px;color:var(--row-text-color);font-family:Orbitron,sans-serif;font-size:14px;outline:none;box-sizing:border-box}.field-input:focus{border-color:var(--warning-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--warning-color) 20%,transparent)}.mission-entries td .field-input{width:calc(100% - 16px);margin:0;border-radius:0;border:2px solid var(--warning-color);padding:6px 8px}.field-suggestions-dropdown{background-color:var(--background-color);border:2px solid var(--table-outline-color);border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 12px color-mix(in srgb,var(--background-color) 50%,transparent);margin-top:-2px;min-height:40px;position:fixed!important;z-index:99999!important}.field-suggestions-dropdown .correction-menu-list{max-height:300px;overflow-y:auto;padding:4px 0}.field-suggestions-dropdown .correction-menu-loading{padding:12px 15px;color:var(--text-secondary);text-align:center;font-size:14px}.scans-table{overflow-x:auto}.table-scans th{padding:.625rem;text-align:left;font-weight:700;font-size:.875rem;outline:1px solid var(--table-border-color)}.table-scans td{padding:.625rem;outline:1px solid var(--table-border-color);vertical-align:top}.table-scans tr:last-child td{border-bottom:none}.amount-edit-input{width:80px;background-color:var(--border-color);color:var(--dropdown-text-color);padding:5px;border:1px solid var(--border-color);border-radius:4px;font-family:Orbitron,sans-serif;font-size:12px}.raw-text{font-size:10px;color:var(--text-secondary);margin-top:4px;font-style:italic}.remove-scan-button{background-color:var(--error-color);color:var(--text-color);border:none;padding:5px 10px;cursor:pointer;font-size:12px;border-radius:4px;transition:background-color .3s;font-family:Orbitron,sans-serif}.remove-scan-button:hover{background-color:color-mix(in srgb,var(--error-color) 80%,transparent)}.missions-section{margin-top:20px;padding:20px;background-color:var(--surface-color);border-radius:5px;border:1px solid var(--border-color)}.missions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:15px}.missions-header-controls{display:flex;gap:10px;align-items:center}.missions-header-label{font-size:14px;color:var(--text-secondary)}.missions-select{padding:6px 12px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:Orbitron,sans-serif;font-size:14px;cursor:pointer}.missions-section h3{color:var(--dropdown-label-color);font-size:18px;font-family:Orbitron,sans-serif;margin:0}.add-all-missions-button{background-color:var(--success-color);color:var(--text-color);border:none;padding:12px 24px;cursor:pointer;font-size:14px;border-radius:5px;transition:background-color .3s;font-family:Orbitron,sans-serif;font-weight:700}.add-all-missions-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--success-color) 80%,transparent)}.add-all-missions-button:disabled{background-color:var(--text-secondary);cursor:not-allowed}.missions-list{display:flex;flex-direction:column;gap:15px}.mission-item{background-color:var(--background-color);border:1px solid var(--table-outline-color);border-radius:5px;overflow:hidden}.mission-item .mission-header{display:flex;align-items:center;gap:15px;padding:12px 15px;background-color:var(--header-color);color:var(--drop-off-header-text-color);font-weight:700;border-bottom:1px solid var(--table-outline-color);font-family:Orbitron,sans-serif;flex-wrap:wrap}.mission-quest-giver{color:var(--text-secondary);font-size:.9em;font-weight:400;font-style:italic;flex:1;text-align:center;min-width:150px}.mission-entry-name{color:var(--drop-off-header-text-color);font-weight:700;font-size:14px;font-family:Orbitron,sans-serif}.mission-payout{color:var(--success-color);font-weight:700;font-size:14px;margin-left:15px}.mission-payout.no-reward{color:var(--text-secondary);font-weight:400}.mission-count{margin-left:auto;color:var(--text-secondary);font-weight:400;font-size:13px}.mission-entries{padding:.625rem;overflow-x:auto}.table-mission-entries{font-family:Orbitron,sans-serif;font-size:.8125rem}.table-mission-entries th{padding:.5rem .625rem;text-align:left;font-weight:700;outline:1px solid var(--table-border-color)}.table-mission-entries td{padding:.5rem .625rem;outline:1px solid var(--table-border-color)}.table-mission-entries tr:last-child td{border-bottom:none}.mission-entries .unmatched-cell{color:var(--error-color)!important;background-color:color-mix(in srgb,var(--error-color) 10%,transparent)!important;font-weight:700}.mission-entries .clickable-cell{cursor:pointer;transition:background-color .2s}.mission-entries .clickable-cell:hover{background-color:color-mix(in srgb,var(--error-color) 20%,transparent)!important}.mission-payout.editable-field,.mission-entries .editable-field{cursor:pointer;position:relative}.mission-payout.editable-field:hover,.mission-entries .editable-field:hover{background-color:color-mix(in srgb,var(--button-color) 10%,transparent);border-radius:3px}.mission-payout .reward-input,.mission-entries .amount-input{background-color:var(--background-color);border:2px solid var(--table-outline-color);border-radius:3px;color:var(--row-text-color);font-family:Orbitron,sans-serif;font-size:inherit;padding:2px 6px;width:120px;outline:none}.mission-payout .reward-input:focus,.mission-entries .amount-input:focus{border-color:var(--button-color-green);box-shadow:0 0 5px color-mix(in srgb,var(--button-color) 30%,transparent)}.mission-payout.no-reward span{color:var(--text-secondary);font-style:italic}.mission-payout.no-reward span:hover{color:var(--row-text-color)}.mission-entries .auto-corrected-cell{background-color:color-mix(in srgb,var(--success-color) 15%,transparent)!important;color:var(--success-color)!important;position:relative}.auto-corrected-badge{display:inline-block;margin-left:5px;color:var(--success-color);font-weight:700;font-size:12px;vertical-align:middle}.clear-missions-button{margin-top:15px;background-color:var(--warning-color);color:var(--text-color);border:none;padding:10px 20px;cursor:pointer;font-size:14px;border-radius:5px;transition:background-color .3s;font-family:Orbitron,sans-serif;font-weight:700}.clear-missions-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--warning-color) 80%,transparent)}.clear-missions-button:disabled{background-color:var(--text-secondary);cursor:not-allowed}.correction-menu{background-color:var(--background-color);border:2px solid var(--table-outline-color);border-radius:5px;box-shadow:0 4px 12px color-mix(in srgb,var(--background-color) 50%,transparent);min-width:350px;max-width:600px;max-height:500px;overflow:hidden;font-family:Orbitron,sans-serif}.correction-menu-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:var(--header-color);border-bottom:1px solid var(--table-outline-color);color:var(--drop-off-header-text-color);font-weight:700;font-size:14px}.correction-menu-close{background:none;border:none;color:var(--drop-off-header-text-color);font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;line-height:1;transition:color .2s}.correction-menu-close:hover{color:var(--error-color)}.correction-menu-content{max-height:450px;overflow-y:auto;overflow-x:hidden}.correction-menu-content::-webkit-scrollbar{width:8px}.correction-menu-content::-webkit-scrollbar-track{background:var(--background-color)}.correction-menu-content::-webkit-scrollbar-thumb{background:var(--table-outline-color);border-radius:4px}.correction-menu-content::-webkit-scrollbar-thumb:hover{background:var(--button-color-green)}.correction-menu-loading,.correction-menu-empty{padding:20px;text-align:center;color:var(--text-secondary);font-size:14px}.correction-menu-list{list-style:none;margin:0;padding:0}.correction-menu-item{padding:12px 15px;border-bottom:1px solid color-mix(in srgb,var(--button-color) 20%,transparent);cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none;pointer-events:auto;position:relative;z-index:1001}.correction-menu-item:last-child{border-bottom:none}.correction-menu-item:hover{background-color:var(--header-color)}.correction-item-name{flex:1;color:var(--row-text-color);font-size:14px;font-weight:500}.correction-item-code{color:var(--text-secondary);font-size:12px;font-family:Courier New,monospace;padding:2px 6px;background-color:color-mix(in srgb,var(--button-color) 10%,transparent);border-radius:3px}.correction-item-type{color:var(--text-secondary);font-size:11px;text-transform:uppercase;padding:2px 6px;background-color:color-mix(in srgb,var(--button-color) 10%,transparent);border-radius:3px}.capture-message{position:fixed;top:20px;right:20px;background-color:color-mix(in srgb,var(--warning-color) 95%,transparent);color:var(--text-color);padding:12px 16px;border-radius:6px;box-shadow:0 4px 12px color-mix(in srgb,var(--background-color) 30%,transparent);z-index:10000;display:flex;align-items:center;gap:12px;max-width:400px;font-family:Orbitron,sans-serif;font-size:14px;animation:slideInRight .3s ease-out}.capture-message-close{background:none;border:none;color:var(--text-color);font-size:20px;font-weight:700;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:1;transition:opacity .2s;flex-shrink:0}.capture-message-close:hover{opacity:.7}.source-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--background-color) 80%,transparent);display:flex;align-items:center;justify-content:center;z-index:10000}.source-selector-modal{background-color:var(--background-color);border:2px solid var(--border-color);border-radius:10px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px color-mix(in srgb,var(--background-color) 50%,transparent)}.source-selector-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-color)}.source-selector-header h3{margin:0;color:var(--text-primary);font-size:18px;font-family:Orbitron,sans-serif}.source-selector-close{background:transparent;border:none;color:var(--text-secondary);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:4px;transition:background-color .2s}.source-selector-close:hover{background-color:color-mix(in srgb,var(--surface-color) 10%,transparent);color:var(--text-primary)}.source-selector-content{padding:20px;overflow-y:auto;flex:1}.source-selector-loading,.source-selector-empty{text-align:center;padding:40px;color:var(--text-secondary);font-size:16px}.source-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.source-selector-item{background-color:var(--surface-color);border:2px solid var(--border-color);border-radius:8px;padding:15px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:10px}.source-selector-item:hover{border-color:var(--button-color);background-color:var(--header-color);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--button-color) 20%,transparent)}.source-selector-thumbnail{width:100%;height:120px;object-fit:contain;background-color:var(--background-color);border-radius:4px;border:1px solid var(--border-color)}.source-selector-thumbnail-placeholder{display:flex;align-items:center;justify-content:center;font-size:48px}.source-selector-info{width:100%;text-align:center}.source-selector-name{color:var(--text-primary);font-size:14px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-selector-type{color:var(--text-secondary);font-size:12px;text-transform:uppercase}.template-ocr-results{margin-top:20px;padding:15px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;overflow:visible;position:relative}.template-ocr-results h4{margin:0 0 15px;color:var(--text-primary);font-size:16px;display:flex;align-items:center;gap:10px}.template-ocr-results .ocr-processing{color:var(--text-secondary);font-size:14px;font-weight:400}.template-ocr-results .no-results{color:var(--text-secondary);font-style:italic}.template-ocr-results h5{margin:20px 0 10px;color:var(--text-primary);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.template-ocr-results h5:first-child{margin-top:0}.ocr-raw-section{margin-bottom:25px;padding:15px;background-color:var(--background-color);border-radius:6px;border:1px solid var(--border-color)}.raw-text-item{margin-bottom:15px}.raw-text-item:last-child{margin-bottom:0}.raw-text-header{margin-bottom:6px}.raw-text-name{font-weight:600;font-size:13px}.raw-text-content{margin:0;padding:10px;background-color:var(--surface-color);border-radius:4px;white-space:pre-wrap;word-wrap:break-word;font-family:Consolas,Monaco,monospace;font-size:11px;color:var(--text-primary);max-height:200px;overflow-y:auto}.ocr-processed-section{padding:15px;background-color:color-mix(in srgb,var(--button-color) 5%,transparent);border-radius:6px;border:1px solid color-mix(in srgb,var(--button-color) 20%,transparent);overflow:visible;position:relative}.processed-table-container{overflow-x:auto;overflow-y:visible;position:relative;z-index:1;overflow:visible}.processed-data-table{width:100%;border-collapse:separate;border-spacing:0;background-color:var(--background-color);border-radius:4px;overflow:visible;position:relative;z-index:1}.processed-data-table tbody{position:relative;z-index:1}.processed-data-table thead{background-color:var(--surface-color)}.processed-data-table th{padding:10px 12px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.processed-data-table td{padding:12px;border-bottom:1px solid var(--border-color);vertical-align:top;position:relative;overflow:visible}.processed-data-table td .editable-cell{z-index:1000;position:relative;isolation:isolate}.processed-data-table tbody tr:last-child td{border-bottom:none}.processed-data-table tbody tr{position:relative}.processed-data-table tbody tr:hover{background-color:color-mix(in srgb,var(--button-color) 5%,transparent)}.cell-content{display:flex;flex-direction:column;gap:4px}.parsed-value{color:var(--text-primary);font-size:13px}.reward-cell .reward-value{font-weight:700;color:var(--success-color);font-size:14px}.scu-cell{text-align:center}.scu-value{font-weight:700;color:var(--warning-color);font-size:13px}.matched-info{font-size:11px;color:var(--success-color);font-weight:500}.no-match{font-size:11px;color:var(--warning-color);font-style:italic}.empty-cell{color:var(--text-secondary);font-style:italic;font-size:12px}.processed-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.ocr-result-item{margin-bottom:15px;padding:12px;background-color:var(--background-color);border-radius:6px;border-left:4px solid var(--border-color)}.ocr-result-item:last-child{margin-bottom:0}.ocr-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ocr-result-name{font-weight:700;font-size:14px}.ocr-result-status{font-size:12px;color:var(--success-color)}.ocr-result-status.pending{color:var(--text-secondary)}.ocr-result-image{margin-bottom:10px;max-width:100%;overflow:hidden;border-radius:4px;border:1px solid var(--border-color)}.ocr-result-image img{max-width:100%;height:auto;display:block}.ocr-result-text{font-size:13px;color:var(--text-primary)}.ocr-result-text strong{display:block;margin-bottom:5px;color:var(--text-secondary)}.ocr-result-text pre{margin:0;padding:10px;background-color:var(--surface-color);border-radius:4px;white-space:pre-wrap;word-wrap:break-word;font-family:Consolas,Monaco,monospace;font-size:12px;max-height:200px;overflow-y:auto}.ocr-result-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ocr-column{padding:10px;background-color:var(--surface-color);border-radius:6px}.ocr-column strong{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.ocr-column.raw-text pre{margin:0;padding:8px;background-color:var(--background-color);border-radius:4px;white-space:pre-wrap;word-wrap:break-word;font-family:Consolas,Monaco,monospace;font-size:11px;max-height:180px;overflow-y:auto;color:var(--text-primary)}.ocr-column.processed-text{background-color:color-mix(in srgb,var(--button-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 20%,transparent)}.parsed-reward{padding:10px;text-align:center}.parsed-reward .reward-value{font-size:20px;font-weight:700;color:var(--success-color)}.parsed-details .detail-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;padding:6px 8px;background-color:var(--background-color);border-radius:4px}.parsed-details .detail-item.pickup{background-color:color-mix(in srgb,var(--success-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--success-color) 30%,transparent)}.parsed-details .detail-label{font-weight:600;color:var(--text-secondary);white-space:nowrap}.parsed-details .detail-value{color:var(--text-primary)}.parsed-details .detail-value-group{display:flex;flex-direction:column;gap:4px;flex:1}.parsed-details .matched-info{font-size:11px;color:var(--success-color);font-weight:500;margin-top:2px}.parsed-details .no-match{font-size:11px;color:var(--warning-color);font-style:italic;margin-top:2px}.parsed-details .detail-deliveries{margin-top:8px}.parsed-details .detail-deliveries>.detail-label{display:block;margin-bottom:6px}.parsed-details .delivery-item{display:flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:4px;background-color:color-mix(in srgb,var(--warning-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--warning-color) 30%,transparent);border-radius:4px}.parsed-details .delivery-qty{font-weight:700;color:var(--warning-color);min-width:60px}.parsed-details .delivery-arrow{color:var(--text-secondary)}.parsed-details .delivery-location{color:var(--text-primary)}.parsed-details .delivery-location-group{display:flex;flex-direction:column;gap:4px;flex:1}.parsed-details .delivery-location-group .matched-info{font-size:10px;color:var(--success-color);font-weight:500}.parsed-details .delivery-location-group .no-match{font-size:10px;color:var(--warning-color);font-style:italic}.parse-error{color:var(--error-color);font-style:italic;font-size:13px}.location-issue-warning{background:color-mix(in srgb,var(--warning-color) 10%,transparent);border:2px solid color-mix(in srgb,var(--warning-color) 50%,transparent);border-radius:8px;margin:.75rem 0;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.location-issue-warning-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease}.location-issue-warning-header:hover{background-color:color-mix(in srgb,var(--warning-color) 5%,transparent)}.location-issue-warning-icon{color:var(--warning-color);flex-shrink:0}.location-issue-warning-text{flex:1;color:var(--text-color);font-size:.9rem}.location-issue-warning-text strong{color:var(--warning-color)}.location-issue-confirmation-count{color:var(--text-secondary);font-size:.85rem;margin-left:.5rem}.location-issue-report-btn{background:color-mix(in srgb,var(--warning-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--warning-color) 50%,transparent);color:var(--warning-color);padding:.4rem .75rem;border-radius:4px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.8rem;transition:all .2s ease;flex-shrink:0}.location-issue-report-btn:hover{background:color-mix(in srgb,var(--warning-color) 30%,transparent);border-color:var(--warning-color)}.location-issue-expand-icon{color:var(--text-secondary);flex-shrink:0;transition:transform .2s ease}.location-issue-expand-icon.expanded{transform:rotate(180deg)}.location-issue-warning-details{padding:.75rem 1rem;border-top:1px solid color-mix(in srgb,var(--warning-color) 20%,transparent);background:color-mix(in srgb,var(--background-color) 20%,transparent)}.location-issue-warning-item{background:color-mix(in srgb,var(--text-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:6px;padding:.75rem;margin-bottom:.75rem}.location-issue-warning-item:last-child{margin-bottom:0}.location-issue-warning-item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.location-issue-warning-type{background:color-mix(in srgb,var(--warning-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--warning-color) 40%,transparent);color:var(--warning-color);padding:.2rem .5rem;border-radius:4px;font-size:.7rem;text-transform:capitalize;font-weight:700;flex-shrink:0}.location-issue-warning-title{color:var(--text-color);font-weight:500;font-size:.9rem}.location-issue-warning-description{color:var(--text-secondary);font-size:.85rem;margin:.5rem 0;line-height:1.4}.location-issue-warning-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.location-issue-warning-meta{color:var(--text-secondary);font-size:.8rem}.location-issue-warning-confirm-btn{background:color-mix(in srgb,var(--button-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 30%,transparent);color:var(--button-color);padding:.4rem .75rem;border-radius:4px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.75rem;transition:all .2s ease}.location-issue-warning-confirm-btn:hover:not(:disabled){background:color-mix(in srgb,var(--button-color) 20%,transparent);border-color:var(--button-color)}.location-issue-warning-confirm-btn:disabled,.location-issue-warning-confirm-btn.confirmed{opacity:.6;cursor:not-allowed;background:color-mix(in srgb,var(--text-secondary) 10%,transparent);border-color:color-mix(in srgb,var(--text-secondary) 20%,transparent);color:var(--text-secondary)}.location-issue-warning-confirm-btn:disabled:hover,.location-issue-warning-confirm-btn.confirmed:hover{background:color-mix(in srgb,var(--text-secondary) 10%,transparent);border-color:color-mix(in srgb,var(--text-secondary) 20%,transparent)}.location-issue-report-only{margin:.75rem 0}.location-issue-report-btn-standalone{background:color-mix(in srgb,var(--warning-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--warning-color) 30%,transparent);color:var(--warning-color);padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.85rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center}.location-issue-report-btn-standalone:hover{background:color-mix(in srgb,var(--warning-color) 20%,transparent);border-color:var(--warning-color);transform:translateY(-1px)}.location-issue-report-only-compact{margin:0;display:inline-block}.location-issue-report-btn-compact{background:color-mix(in srgb,var(--warning-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--warning-color) 30%,transparent);color:var(--warning-color);padding:.25rem .4rem;border-radius:4px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.7rem;transition:all .2s ease;display:inline-flex;align-items:center;gap:.3rem;line-height:1;white-space:nowrap}.location-issue-report-btn-compact:hover{background:color-mix(in srgb,var(--warning-color) 20%,transparent);border-color:var(--warning-color)}.location-issue-count-compact{font-size:.65rem;font-weight:700;background:color-mix(in srgb,var(--warning-color) 30%,transparent);padding:.1rem .3rem;border-radius:3px;min-width:1.2rem;text-align:center}.hauling-missions{display:flex;flex-direction:column;gap:10px;padding:10px;background-color:var(--background-color);width:100%;height:100%;min-height:calc(100vh - 200px);box-sizing:border-box}.hauling-missions.normal-view{gap:calc(10px - 1vh);padding:calc(10px - 1vh);min-height:calc(99vh - 200px);font-family:Orbitron,sans-serif;overflow-y:auto;position:relative}.hauling-missions::-webkit-scrollbar{width:6px}.hauling-missions::-webkit-scrollbar-track{background:var(--background-color)}.hauling-missions::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--button-color) 30%,transparent);border-radius:3px}.hauling-missions::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--button-color) 50%,transparent)}.notification{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:4px;box-shadow:0 4px 12px color-mix(in srgb,var(--background-color) 30%,transparent);z-index:10000;display:flex;align-items:center;gap:15px;min-width:300px;max-width:500px;animation:slideInRight .3s ease-out;font-family:Orbitron,sans-serif;font-size:14px}.notification-success{background-color:color-mix(in srgb,var(--success-color) 90%,transparent);color:var(--text-color);border-left:4px solid var(--success-color)}.notification-error{background-color:color-mix(in srgb,var(--error-color) 90%,transparent);color:var(--text-color);border-left:4px solid var(--error-color)}.notification-info{background-color:color-mix(in srgb,var(--primary-color) 90%,transparent);color:var(--text-color);border-left:4px solid var(--primary-color)}.notification-close{background:none;border:none;color:var(--text-color);font-size:20px;font-weight:700;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-left:auto;opacity:.8;transition:opacity .2s}.notification-close:hover{opacity:1}.loading{padding:40px;text-align:center;color:var(--text-color);font-size:18px}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background-color:var(--surface-color);border-radius:.25rem;flex-wrap:wrap;gap:.5rem;width:100%;box-sizing:border-box}.system-selection{display:flex;gap:.875rem;flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:8px;color:var(--text-color);font-size:14px;cursor:pointer}.radio-label input[type=radio]{width:18px;height:18px;accent-color:var(--button-color);cursor:pointer}.section-separator{height:2px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--button-color) 30%,transparent) 20%,color-mix(in srgb,var(--button-color) 30%,transparent) 80%,transparent 100%);margin:6px 0;border-radius:2px}.form-section-header{padding:6px 0;margin-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--button-color) 20%,transparent)}.form-section-header h3{color:var(--text-color);font-size:14px;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:1px}.form-separator{height:1px;background:color-mix(in srgb,var(--border-color) 30%,transparent);margin:8px 0}.form-and-mission-container{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:.75rem;flex-wrap:wrap;width:100%;box-sizing:border-box}.form-column{flex:1;min-width:0;width:100%;display:flex;flex-direction:column;gap:.75rem;box-sizing:border-box}.form-column:has(.form-entry){flex:1 1 auto;min-width:min(100%,43.75rem);max-width:43.75rem}.form-column:has(.form-actions){flex:1 1 auto;min-width:min(100%,43.75rem);max-width:43.75rem}.form-section{padding:.75rem;display:flex;flex-direction:column;gap:.75rem;box-sizing:border-box}.form-entry{width:100%;max-width:43.75rem;box-sizing:border-box}.form-actions{width:100%;max-width:43.75rem;box-sizing:border-box;margin:0 auto 0 0;padding:.5rem;gap:.5rem}.mission-allocation-section{flex:0 0 auto;width:100%;max-width:21.875rem;min-width:18.75rem;box-sizing:border-box}.right-column{display:flex;flex-direction:column;gap:10px;align-content:start}.form-field{display:flex;flex-direction:column;gap:4px}.form-field label{color:var(--dropdown-label-color);font-size:13px;font-weight:500}.form-field>div[class*=react-select],.form-field>div[class*=css-]{width:100%!important;min-width:0;max-width:100%}.form-field [class*=react-select__control],.form-field [class*=css-] [class*=control]{width:100%!important;min-width:0}.form-field [class*=react-select__menu],.form-field [class*=css-] [class*=menu]{min-width:100%!important;width:100%!important;max-width:100%!important}.form-field [class*=react-select__menu-list],.form-field [class*=css-] [class*=menu-list]{min-width:100%;width:100%}.form-field [class*=react-select__menu-list]::-webkit-scrollbar,.form-field [class*=css-] [class*=menu-list]::-webkit-scrollbar{width:4px}.form-field [class*=react-select__menu-list]::-webkit-scrollbar-track,.form-field [class*=css-] [class*=menu-list]::-webkit-scrollbar-track{background:var(--background-color)}.form-field [class*=react-select__menu-list]::-webkit-scrollbar-thumb,.form-field [class*=css-] [class*=menu-list]::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--button-color) 30%,transparent);border-radius:2px}.form-field [class*=react-select__menu-list]::-webkit-scrollbar-thumb:hover,.form-field [class*=css-] [class*=menu-list]::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--button-color) 50%,transparent)}.form-field [class*=react-select__menu]{min-width:100%!important;width:100%!important}.form-field [class*=react-select__option]{padding:8px 12px!important;transition:background-color .2s ease,color .2s ease!important}.form-field [class*=react-select__option]:hover{background-color:var(--dropdown-hover-color, color-mix(in srgb, var(--button-color) 20%, transparent))!important;color:var(--text-color)!important}.form-field [class*=react-select__option]:active{background-color:var(--button-color)!important;color:var(--text-color)!important}.table-dropdown-header+div[class*=react-select],.table-dropdown-header+div[class*=css-]{width:100%!important}.table-dropdown-header+div[class*=react-select] [class*=react-select__menu],.table-dropdown-header+div[class*=css-] [class*=menu]{min-width:100%!important;width:100%!important}.table-dropdown-header{display:grid;grid-template-columns:1fr 2fr;gap:10px;padding:6px 12px;background-color:color-mix(in srgb,var(--button-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 30%,transparent);border-bottom:none;border-radius:4px 4px 0 0;font-size:12px;font-weight:600;color:var(--text-color);text-transform:uppercase;letter-spacing:.5px}.table-header-cell{font-weight:600;color:var(--dropdown-label-color)}.table-dropdown-header+div[class*=react-select] [class*=react-select__control],.table-dropdown-header+div[class*=css-] [class*=control]{min-height:28px!important;height:auto!important}.table-dropdown-header+div[class*=react-select] [class*=react-select__value-container],.table-dropdown-header+div[class*=css-] [class*=value-container]{padding:2px 6px!important;min-height:0!important;overflow:hidden!important}.table-dropdown-header+div[class*=react-select] [class*=react-select__single-value],.table-dropdown-header+div[class*=css-] [class*=single-value]{margin:0!important;padding:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.form-field [class*=react-select__control]:not(:focus-within) [class*=react-select__input-container],.form-field [class*=react-select__control]:not(:focus-within) [class*=css-] [class*=input-container],.form-field [class*=css-] [class*=control]:not(:focus-within) [class*=react-select__input-container],.form-field [class*=css-] [class*=control]:not(:focus-within) [class*=css-] [class*=input-container]{width:0!important;min-width:0!important;opacity:0!important;overflow:hidden!important;position:absolute!important}.form-field [class*=react-select__control]:focus-within [class*=react-select__input-container],.form-field [class*=react-select__control]:focus-within [class*=css-] [class*=input-container],.form-field [class*=css-] [class*=control]:focus-within [class*=react-select__input-container],.form-field [class*=css-] [class*=control]:focus-within [class*=css-] [class*=input-container]{width:100%!important;min-width:2px!important;opacity:1!important;position:relative!important}.text-input{width:100%;height:32px;background-color:var(--surface-color);color:var(--text-color);border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);border-radius:4px;padding:6px 10px;font-family:Orbitron,sans-serif;font-size:14px}.text-input:focus{outline:none;border-color:var(--border-color);box-shadow:0 0 8px color-mix(in srgb,var(--border-color) 30%,transparent)}.text-input::placeholder{color:var(--border-color)}.form-row-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-row-group .form-field>div[class*=react-select],.form-row-group .form-field>div[class*=css-]{width:100%!important;min-width:0}.form-row-group .form-field [class*=react-select__menu],.form-row-group .form-field [class*=css-] [class*=menu]{min-width:100%!important;width:100%!important;max-width:100%!important}.form-row-group-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.form-row-group-3 .form-field>div[class*=react-select],.form-row-group-3 .form-field>div[class*=css-]{width:100%!important;min-width:0}.form-row-group-3 .form-field [class*=react-select__menu],.form-row-group-3 .form-field [class*=css-] [class*=menu]{min-width:100%!important;width:100%!important;max-width:100%!important}.form-field-span-2{grid-column:span 2}.form-field-span-2>div[class*=react-select],.form-field-span-2>div[class*=css-]{width:100%!important;min-width:0}.form-field-span-2 [class*=react-select__menu],.form-field-span-2 [class*=css-] [class*=menu]{min-width:100%!important;width:100%!important;max-width:100%!important}.location-type-buttons{display:flex;align-items:center;gap:10px}.location-type-buttons button{background-color:var(--surface-color);color:var(--text-color);border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);padding:6px 15px;border-radius:4px;font-family:Orbitron,sans-serif;font-size:13px;cursor:pointer;transition:all .3s}.location-type-buttons button.active{background-color:color-mix(in srgb,var(--button-color) 10%,transparent);color:var(--text-color)}.form-field-inline{display:flex;align-items:center;gap:8px}.form-field-inline label{color:var(--dropdown-label-color);font-size:13px;white-space:nowrap}.action-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn-primary.setting-key{animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}.scu-display{display:flex;align-items:center;gap:8px;padding:8px;background-color:var(--surface-color);border-radius:4px}.scu-display span:first-child{color:var(--text-color);font-size:14px}.scu-value{background-color:var(--surface-color);color:var(--text-color);padding:4px 12px;border-radius:4px;font-weight:700;font-size:16px}.mission-allocation{border:1px solid var(--success-color);border-radius:4px;background-color:var(--background-color);overflow:hidden}.mission-allocation-header{padding:8px 12px;background-color:color-mix(in srgb,var(--success-color) 10%,transparent);border-bottom:1px solid var(--success-color);display:flex;justify-content:space-between;align-items:center}.mission-allocation-header h3{color:var(--success-color);font-size:14px;font-weight:700;margin:0}.mission-toggle{display:flex;align-items:center;gap:8px}.toggle-label{color:var(--success-color);font-size:12px;font-weight:700;min-width:30px}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--success-color) 30%,transparent);transition:.3s;border-radius:24px;border:1px solid var(--success-color)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--success-color);transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:color-mix(in srgb,var(--success-color) 50%,transparent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.mission-allocation-body{padding:12px;display:flex;flex-direction:column;gap:10px}.mission-info{display:flex;flex-direction:column;gap:5px}.mission-info label{color:var(--text-color);font-size:13px}.mission-display{color:var(--text-color);font-size:16px;font-weight:700;padding:8px;background-color:var(--background-color);border-radius:4px}.mission-actions{display:flex;flex-direction:column;gap:10px}.mission-actions .btn{width:100%}.form-route-preset-section{margin-top:1rem}.form-route-preset{overflow:hidden}.form-route-preset-header{padding:.5rem .75rem;display:flex;justify-content:space-between;align-items:center}.form-route-preset-header label{font-size:.875rem;font-weight:700;margin:0;font-family:Orbitron,sans-serif}.form-route-preset-toggle{display:flex;align-items:center;gap:.5rem}.form-route-preset-toggle .toggle-label{font-size:.75rem;font-weight:700;min-width:1.875rem}.form-route-preset-toggle .toggle-switch{position:relative;display:inline-block;width:3.125rem;height:1.5rem}.form-route-preset-toggle .toggle-switch input{opacity:0;width:0;height:0}.form-route-preset-toggle .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--button-color) 30%,transparent);transition:.3s;border-radius:1.5rem;border:1px solid var(--button-color)}.form-route-preset-toggle .toggle-slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:.125rem;bottom:.125rem;background-color:var(--button-color);transition:.3s;border-radius:50%}.form-route-preset-toggle .toggle-switch input:checked+.toggle-slider{background-color:color-mix(in srgb,var(--button-color) 50%,transparent)}.form-route-preset-toggle .toggle-switch input:checked+.toggle-slider:before{transform:translate(1.625rem)}.form-route-preset-body{padding:.75rem}.bulk-actions-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--surface-color);border:1px solid var(--button-color);border-radius:4px;flex-wrap:wrap}.bulk-count{color:var(--text-color);font-weight:700;margin-right:10px}.bulk-select{min-width:150px}.bulk-select>div[class*=react-select],.bulk-select>div[class*=css-]{width:100%!important;min-width:150px}.bulk-select [class*=react-select__menu],.bulk-select [class*=css-] [class*=menu]{min-width:150px!important;width:auto!important}.manifest-tabs{display:flex;gap:.5rem;border-bottom:1px solid color-mix(in srgb,var(--button-color) 30%,transparent);margin-bottom:0!important}.manifest-tab{background-color:transparent;color:var(--text-secondary);border:none;border-bottom:2px solid transparent;padding:.375rem .75rem;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s}.manifest-tab:hover{color:var(--text-color);background-color:color-mix(in srgb,var(--button-color) 5%,transparent)}.manifest-tab.active{color:var(--text-color);border-bottom-color:var(--button-color);background-color:color-mix(in srgb,var(--button-color) 10%,transparent)}.entries-section{margin-top:6px;flex:1;min-height:0;overflow-y:auto}.entries-section::-webkit-scrollbar{width:6px}.entries-section::-webkit-scrollbar-track{background:var(--background-color)}.entries-section::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--button-color) 30%,transparent);border-radius:3px}.entries-section::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--button-color) 50%,transparent)}.cargo-section{margin-bottom:20px}.cargo-section-header{margin-bottom:.5rem;padding-bottom:.375rem;border-bottom:.125rem solid color-mix(in srgb,var(--button-color) 30%,transparent);display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;width:100%;box-sizing:border-box}.cargo-section-header h2{color:var(--text-color);font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.5px}.cargo-section-header-actions{display:flex;gap:.5rem;align-items:center}.table-controls{display:flex;gap:6px;align-items:center}.table-controls .btn{padding:.3rem .6rem;font-size:.7rem}.quick-delete-checkbox,.route-planner-sort-toggle{display:flex;align-items:center;gap:6px;color:var(--text-color);font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.quick-delete-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--button-color)}.quick-delete-checkbox span{font-family:Orbitron,sans-serif}.no-entries{padding:40px;text-align:center;color:var(--border-color);font-size:16px;background-color:var(--background-color);border-radius:4px}.dropoff-group{margin-bottom:10px;border:1px solid var(--button-color);border-radius:4px;overflow:hidden;background-color:var(--background-color);transition:opacity .2s,border-color .2s}.dropoff-group.dragging{opacity:.5;cursor:grabbing}.dropoff-group.drag-over{border-color:var(--button-color);box-shadow:0 0 10px color-mix(in srgb,var(--button-color) 50%,transparent)}.dropoff-header{display:flex;align-items:center;background-color:var(--surface-color);color:var(--text-color);cursor:pointer;border-bottom:1px solid var(--button-color);transition:background-color .2s;gap:10px;padding:8px 12px}.dropoff-header[draggable]{cursor:grab}.dropoff-header[draggable]:active{cursor:grabbing}.drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;font-size:16px;color:var(--text-secondary);margin-right:5px;transition:color .2s}.drag-handle:hover{color:var(--text-color)}.dropoff-header:active .drag-handle{cursor:grabbing}.dropoff-assignment-select{margin-left:auto;width:auto;z-index:10;padding-right:10px}.dropoff-assignment-select>div[class*=react-select],.dropoff-assignment-select>div[class*=css-]{width:100%!important;min-width:180px}.dropoff-assignment-select .assignment-select{width:auto;height:24px;background-color:var(--surface-color);color:var(--text-color);border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);border-radius:4px;padding:1px 6px;font-family:Orbitron,sans-serif;font-size:14px;cursor:pointer;outline:none}.dropoff-assignment-select .assignment-select:hover{border-color:var(--border-color);background-color:var(--dropdown-hover-color, color-mix(in srgb, var(--button-color) 5%, transparent))}.dropoff-assignment-select .assignment-select:focus{border-color:var(--border-color);box-shadow:0 0 8px color-mix(in srgb,var(--border-color) 30%,transparent)}.dropoff-assignment-select .assignment-select option{background-color:var(--surface-color);color:var(--text-color)}.dropoff-assignment-select .status-select{width:auto;min-width:120px;height:24px;background-color:var(--surface-color);color:var(--text-color);border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);border-radius:4px;padding:1px 6px;font-family:Orbitron,sans-serif;font-size:14px;cursor:pointer;outline:none;margin-right:10px}.dropoff-assignment-select .status-select:hover{border-color:var(--border-color);background-color:var(--dropdown-hover-color, color-mix(in srgb, var(--button-color) 5%, transparent))}.dropoff-assignment-select .status-select:focus{border-color:var(--border-color);box-shadow:0 0 8px color-mix(in srgb,var(--border-color) 30%,transparent)}.dropoff-assignment-select .status-select option{background-color:var(--surface-color);color:var(--text-color)}.dropoff-assignment-select [class*=react-select__menu],.dropoff-assignment-select [class*=css-] [class*=menu]{min-width:180px!important;width:auto!important}.dropoff-assignment-select [class*=react-select__option]:hover,.dropoff-assignment-select [class*=css-] [class*=option]:hover{background-color:var(--dropdown-hover-color, color-mix(in srgb, var(--button-color) 20%, transparent))!important;color:var(--text-color)!important}.dropoff-report-issue-btn{background:color-mix(in srgb,var(--warning-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--warning-color) 50%,transparent);color:var(--warning-color);padding:4px 10px;border-radius:4px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:12px;transition:all .2s ease;white-space:nowrap;margin-left:10px;height:24px;display:flex;align-items:center;gap:4px}.dropoff-report-issue-btn:hover{background:color-mix(in srgb,var(--warning-color) 20%,transparent);border-color:var(--warning-color);transform:translateY(-1px)}.dropoff-header:hover{background-color:var(--border-color)}.mission-reward-input{display:flex;align-items:center;gap:5px;margin-left:auto;margin-right:10px}.mission-reward-field{width:120px;background-color:var(--surface-color);color:var(--text-color);border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);border-radius:4px;padding:4px 8px;font-family:Orbitron,sans-serif;font-size:13px;text-align:right;transition:all .2s}.mission-reward-field:focus{outline:none;border-color:var(--border-color);background-color:var(--surface-color);box-shadow:0 0 8px color-mix(in srgb,var(--border-color) 30%,transparent)}.mission-reward-field::placeholder{color:var(--border-color)}.currency-label{color:var(--text-secondary);font-size:12px;font-weight:700;-webkit-user-select:none;user-select:none}.mission-reward-display{color:var(--text-secondary);font-size:13px;font-weight:400;margin-left:5px}.collapse-icon{margin-right:10px;font-size:12px;color:var(--text-color)}.dropoff-name{flex-grow:1;font-weight:700;font-size:14px;color:var(--text-color)}.dropoff-origin{font-weight:400;font-size:13px;color:var(--text-secondary);margin-left:5px}.dropoff-count{color:var(--text-secondary);font-size:14px;margin-left:10px}.table-scroll-wrapper{width:100%;overflow-x:auto;overflow-y:visible}.table-scroll-wrapper::-webkit-scrollbar{height:8px}.table-scroll-wrapper::-webkit-scrollbar-track{background:var(--background-color)}.table-scroll-wrapper::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--button-color) 30%,transparent);border-radius:4px}.table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--button-color) 50%,transparent)}.entries-table-content,.table.table-entries{border-collapse:collapse;background-color:var(--background-color);table-layout:auto}.entries-table-content th,.table.table-entries th{background-color:var(--surface-color);color:var(--text-color);padding:.25rem .5rem;text-align:left;border-bottom:.0625rem solid var(--button-color);font-weight:700;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entries-table-content th.col-pickup,.table.table-entries th.col-pickup,.entries-table-content th.col-commodity,.table.table-entries th.col-commodity,.entries-table-content th.col-dropoff,.table.table-entries th.col-dropoff{text-align:left}.entries-table-content td.col-dropoff,.table.table-entries td.col-dropoff{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entries-table-content td.col-dropoff>div,.table.table-entries td.col-dropoff>div{white-space:nowrap;overflow:hidden;min-width:0}.entries-table-content td.col-dropoff>div[style*="flex-direction: column"],.table.table-entries td.col-dropoff>div[style*="flex-direction: column"]{width:100%}.entries-table-content td.col-dropoff>div[style*="align-items: center"],.table.table-entries td.col-dropoff>div[style*="align-items: center"]{flex-shrink:1;min-width:0}.entries-table-content td.col-dropoff>div>span,.table.table-entries td.col-dropoff>div>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.entries-table-content td.col-dropoff>div[style*="flex-direction: column"]>span,.table.table-entries td.col-dropoff>div[style*="flex-direction: column"]>span{display:block}.entries-table-content td.col-dropoff>div[style*="align-items: center"]>span,.table.table-entries td.col-dropoff>div[style*="align-items: center"]>span{display:inline-block;max-width:100%;flex-shrink:1}.entries-table-content th.col-distance,.table.table-entries th.col-distance{text-align:center}.entries-table-content th.col-next-destination,.table.table-entries th.col-next-destination{text-align:left}.entries-table-content th.col-qty,.table.table-entries th.col-qty{text-align:center}.entries-table-content th.col-status,.table.table-entries th.col-status{text-align:left}.entries-table-content th.col-actions,.table.table-entries th.col-actions{text-align:right}.entries-table-content th.col-created-by,.table.table-entries th.col-created-by{text-align:left}.entries-table-content td,.table.table-entries td{padding:.25rem .5rem;color:var(--text-color);font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.hauling-missions.normal-view .entries-table-content,.hauling-missions.normal-view .table.table-entries{width:1vh}.entries-table-content td.col-distance,.table.table-entries td.col-distance{text-align:center;white-space:nowrap;font-size:.75rem;color:var(--text-color)}.entries-table-content td.col-next-destination,.table.table-entries td.col-next-destination{white-space:normal;overflow:visible;color:var(--text-color);font-size:.75rem}.entries-table-content td.col-qty,.table.table-entries td.col-qty{white-space:normal;overflow:visible;text-align:center}.entries-table-content td.col-actions,.table.table-entries td.col-actions{white-space:normal;overflow:visible;text-align:right}.entries-table-content td.col-created-by,.table.table-entries td.col-created-by{white-space:normal;overflow:visible}.entries-table-content tbody tr,.table.table-entries tbody tr{border-bottom:.0625rem solid color-mix(in srgb,var(--button-color) 30%,transparent)}.entries-table-content tbody tr:last-child,.table.table-entries tbody tr:last-child{border-bottom:none}.entries-table-content tr:last-child td,.table.table-entries tr:last-child td{border-bottom:none}.entries-table-content tr:hover,.table.table-entries tr:hover{background-color:color-mix(in srgb,var(--button-color) 5%,transparent)}.entry-row{transition:background-color .2s}.entry-row.selected{background-color:color-mix(in srgb,var(--button-color) 15%,transparent)}.qty-input{width:60px;background-color:var(--surface-color);color:var(--text-color);padding:4px 8px;border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);border-radius:4px;font-family:Orbitron,sans-serif;font-size:12px;margin-right:5px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input:focus{outline:none;border-color:var(--border-color);box-shadow:0 0 8px color-mix(in srgb,var(--border-color) 30%,transparent)}.qty-display{display:inline-flex;align-items:center;gap:0;justify-content:center;width:100%}.qty-input-inline{display:inline-block;width:auto;background-color:transparent;color:var(--text-color);border:none;border-bottom:1px solid transparent;border-radius:0;padding:1px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:500;text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;transition:all .2s;box-sizing:content-box}.qty-input-inline::-webkit-outer-spin-button,.qty-input-inline::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input-inline:hover{background-color:color-mix(in srgb,var(--button-color) 5%,transparent);border-bottom-color:color-mix(in srgb,var(--border-color) 30%,transparent)}.qty-input-inline:focus{outline:none;background-color:color-mix(in srgb,var(--button-color) 10%,transparent);border-bottom-color:var(--border-color);box-shadow:none;min-width:3ch}.qty-separator{color:var(--text-secondary);margin:0;padding:0 1px;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:500;display:inline-block}.status-badge{display:inline-block;padding:3px 8px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:700;transition:transform .2s;text-transform:uppercase}.status-badge:hover{transform:scale(1.05)}.status-pending{background-color:var(--warning-color);color:var(--text-color)}.status-in-progress{background-color:var(--primary-color);color:var(--text-color)}.status-delivered{background-color:var(--success-color);color:var(--text-color)}.status-failed{background-color:var(--error-color);color:var(--text-color)}.actions{display:flex;gap:8px}.actions button{background-color:var(--surface-color);color:var(--text-color);border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);padding:3px 8px;border-radius:4px;font-family:Orbitron,sans-serif;font-size:11px;cursor:pointer;transition:all .3s}.actions button:hover{background-color:color-mix(in srgb,var(--button-color) 10%,transparent);border-color:var(--button-color)}.mission-selector{display:inline-block;min-width:150px;max-width:200px}.entries-table-content input[type=checkbox],.table.table-entries input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--button-color)}.entries-table-content .status-select,.table.table-entries .status-select{width:auto;height:1.5rem;background-color:var(--surface-color);color:var(--text-color);border:.0625rem solid color-mix(in srgb,var(--border-color) 30%,transparent);border-radius:.25rem;padding:.0625rem .375rem;font-family:Orbitron,sans-serif;font-size:.875rem;cursor:pointer;outline:none}.entries-table-content .status-select:hover,.table.table-entries .status-select:hover{border-color:var(--border-color);background-color:var(--dropdown-hover-color, color-mix(in srgb, var(--button-color) 5%, transparent))}.entries-table-content .status-select:focus,.table.table-entries .status-select:focus{border-color:var(--border-color);box-shadow:0 0 .5rem color-mix(in srgb,var(--border-color) 30%,transparent)}.entries-table-content .status-select option,.table.table-entries .status-select option{background-color:var(--surface-color);color:var(--text-color)}@media (max-width: 1024px){.main-content,.form-row-group{grid-template-columns:1fr}.form-and-mission-container{flex-direction:column}.form-column{max-width:100%}.form-column:has(.form-entry){max-width:100%}.form-column:has(.form-actions){max-width:100%;min-width:0}.mission-allocation-section{width:100%;max-width:100%;min-width:0}}@media (max-width: 768px){.form-row-group-3{grid-template-columns:1fr}.form-field-span-2{grid-column:span 1}.cargo-section-header{flex-direction:column;align-items:flex-start}.cargo-section-header-actions{width:100%;justify-content:flex-start}.entries-table-content,.table.table-entries{font-size:.75rem}.entries-table-content th,.entries-table-content td,.table.table-entries th,.table.table-entries td{padding:.25rem .5rem;font-size:.75rem}}.entry-actions-content{display:flex;flex-direction:row;gap:15px;align-items:flex-start}.entry-actions-single-line{display:flex;flex-direction:row;align-items:center;gap:5px;flex-wrap:wrap}.entry-actions-single-line .form-field{flex:0 0 auto;margin:0}.entry-actions-single-line .form-field label{text-align:center}.entry-actions-single-line .form-field:has(input[type=number]){min-width:100px;max-width:120px}.entry-actions-single-line .form-field:has(input[type=number]) .text-input{width:100%;min-width:80px;max-width:100px}.entry-actions-single-line .form-field:has([class*=react-select]),.entry-actions-single-line .commodity-field{min-width:200px;width:200px}.entry-actions-single-line .commodity-field>div{width:100%!important}.entry-actions-single-line .commodity-field>div>div{width:100%!important}.entry-actions-single-line .action-buttons{display:flex;flex-direction:row;gap:5px;flex-wrap:wrap}.entry-actions-single-line .action-buttons .btn{padding:.4rem .8rem;font-size:.75rem}.entry-actions-single-line .scu-display{flex:0 0 auto;padding:4px 8px;gap:4px}.entry-actions-single-line .scu-display span:first-child{font-size:12px}.entry-actions-single-line .scu-display .scu-value{padding:2px 8px;font-size:12px}.entry-fields{display:flex;flex-direction:column;gap:10px;flex:0 0 auto;min-width:200px}.entry-actions-right{flex:1;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.entry-actions-right .action-buttons{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap}.entry-actions-right .scu-display{align-self:flex-end;margin-top:auto}.dropoff-assignment-select [class*=react-select__control],.dropoff-assignment-select [class*=css-] [class*=control]{min-height:24px!important;height:24px!important;display:flex!important;align-items:center!important;overflow:hidden!important}.dropoff-assignment-select [class*=react-select__value-container],.dropoff-assignment-select [class*=css-] [class*=value-container]{padding:1px 6px!important;display:flex!important;align-items:center!important;overflow:hidden!important;flex:1 1 0%!important;min-width:0!important}.dropoff-assignment-select [class*=react-select__input-container],.dropoff-assignment-select [class*=css-] [class*=input-container]{margin:0!important;padding:0!important}.dropoff-assignment-select [class*=react-select__single-value],.dropoff-assignment-select [class*=css-] [class*=single-value]{margin:0!important;padding:0!important;display:flex!important;align-items:center!important;line-height:1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important}.dropoff-assignment-select [class*=react-select__indicators],.dropoff-assignment-select [class*=css-] [class*=indicators]{height:24px!important;display:flex!important;align-items:center!important;flex-shrink:0!important}.entries-table-content [class*=react-select__control],.entries-table-content [class*=css-] [class*=control],.table.table-entries [class*=react-select__control],.table.table-entries [class*=css-] [class*=control]{min-height:1.5rem!important;height:1.5rem!important;display:flex!important;align-items:center!important;overflow:hidden!important}.entries-table-content [class*=react-select__value-container],.entries-table-content [class*=css-] [class*=value-container],.table.table-entries [class*=react-select__value-container],.table.table-entries [class*=css-] [class*=value-container]{padding:.0625rem .375rem!important;display:flex!important;align-items:center!important;overflow:hidden!important;flex:1 1 0%!important;min-width:0!important}.entries-table-content [class*=react-select__single-value],.entries-table-content [class*=css-] [class*=single-value],.table.table-entries [class*=react-select__single-value],.table.table-entries [class*=css-] [class*=single-value]{margin:0!important;padding:0!important;display:flex!important;align-items:center!important;line-height:1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important}.entries-table-content [class*=react-select__indicators],.entries-table-content [class*=css-] [class*=indicators],.table.table-entries [class*=react-select__indicators],.table.table-entries [class*=css-] [class*=indicators]{height:1.5rem!important;display:flex!important;align-items:center!important;flex-shrink:0!important}.trade-runs-tab{padding:15px;color:var(--text-color);font-family:Orbitron,sans-serif}.trade-runs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.trade-runs-header h2{margin:0;color:var(--text-color)}.slot-selector{display:flex;align-items:center;gap:8px}.slot-selector label{color:var(--text-color);font-size:13px}.slot-selector select{background:var(--surface-color);border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);color:var(--text-color);padding:4px 8px;border-radius:3px;font-family:Orbitron,sans-serif;font-size:13px}.trade-runs-content{margin-bottom:20px;min-height:300px}.trade-runs-left{padding:15px;background:color-mix(in srgb,var(--button-color) 5%,transparent);border:1px solid var(--button-color);border-radius:6px;min-height:320px}.form-field{margin-bottom:12px}.form-field label{display:block;margin-bottom:4px;color:var(--dropdown-label-color);font-size:12px;font-weight:700}.form-field input{width:100%;padding:6px 8px;background:var(--surface-color);border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);color:var(--text-color);border-radius:3px;font-family:Orbitron,sans-serif;font-size:13px;box-sizing:border-box}.form-field input:focus{outline:none;border-color:var(--secondary-color)}.add-to-manifest-section{margin-bottom:20px;text-align:center;height:50px}.add-button{background:var(--button-color);color:var(--text-color);border:none;padding:10px 24px;border-radius:4px;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:700;font-size:14px;transition:background .3s}.add-button:hover:not(:disabled){background:var(--secondary-color)}.add-button:disabled{background:var(--text-secondary);cursor:not-allowed}.manifest-section{padding:15px;background:color-mix(in srgb,var(--button-color) 5%,transparent);border:1px solid var(--button-color);border-radius:6px;height:450px;max-height:450px;display:flex;flex-direction:column}.manifest-section h3{margin-top:0;margin-bottom:12px;color:var(--text-color);font-size:16px;flex-shrink:0}.manifest-empty{padding:30px;text-align:center;color:var(--text-secondary);font-style:italic;font-size:12px}.manifest-table-wrapper{height:350px;max-height:350px;overflow-y:auto;overflow-x:auto;flex:1;min-height:0}.manifest-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.manifest-table th,.manifest-table td{padding:8px 10px;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--button-color) 30%,transparent);border-left:1px solid color-mix(in srgb,var(--button-color) 30%,transparent);border-right:1px solid color-mix(in srgb,var(--button-color) 30%,transparent)}.manifest-table th{background:color-mix(in srgb,var(--button-color) 10%,transparent);color:var(--text-color);font-weight:700;font-size:12px;text-align:center}.manifest-table td{color:var(--text-color);font-size:12px}.manifest-table tr:hover{background:color-mix(in srgb,var(--button-color) 5%,transparent)}.table-manifest{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.table-manifest th,.table-manifest td{padding:8px 10px;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--button-color) 30%,transparent);border-left:1px solid color-mix(in srgb,var(--button-color) 30%,transparent);border-right:1px solid color-mix(in srgb,var(--button-color) 30%,transparent)}.table-manifest th{background:color-mix(in srgb,var(--button-color) 10%,transparent);color:var(--text-color);font-weight:700;font-size:12px;text-align:center}.table-manifest td{color:var(--text-color);font-size:12px}.table-manifest tr:hover{background:color-mix(in srgb,var(--button-color) 5%,transparent)}.remove-button{background:var(--error-color);color:var(--text-color);border:none;padding:4px 8px;border-radius:3px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:11px;transition:background .3s}.remove-button:hover{background:color-mix(in srgb,var(--error-color) 60%,transparent)}.trade-runs-loading{padding:40px;text-align:center;color:var(--text-color);font-size:18px}.manual-manifest{width:100%}.manual-manifest>h3{margin:0 0 1.25rem;color:var(--text-color);font-size:1.125rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding-bottom:.75rem;border-bottom:1px solid color-mix(in srgb,var(--button-color) 30%,transparent)}.bulk-entry-form{margin-bottom:20px}.bulk-entry-controls{display:flex;gap:8px;margin-bottom:12px}.add-row-button,.clear-all-button{background:var(--button-color);color:var(--text-color);border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;transition:background .3s}.add-row-button:hover,.clear-all-button:hover:not(:disabled){background:var(--secondary-color)}.clear-all-button{background:var(--error-color)}.clear-all-button:hover{background:color-mix(in srgb,var(--error-color) 60%,transparent)}.bulk-entry-table-wrapper{max-height:300px;overflow-y:auto;overflow-x:auto;border:1px solid color-mix(in srgb,var(--button-color) 30%,transparent);border-radius:4px}.bulk-entry-table-wrapper .table-bulk-entry{min-width:100%;table-layout:auto}.bulk-entry-table,.table-bulk-entry{width:100%;border-collapse:collapse;font-size:12px}.bulk-entry-table th,.bulk-entry-table td,.table-bulk-entry th,.table-bulk-entry td{padding:.75rem;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--button-color) 20%,transparent);vertical-align:middle}.bulk-entry-table th,.table-bulk-entry th{background:color-mix(in srgb,var(--button-color) 10%,transparent);color:var(--text-color);font-weight:700;font-size:12px;position:sticky;top:0;z-index:10}.bulk-entry-table td,.table-bulk-entry td{color:var(--text-color)}.bulk-entry-table td.col-scu-breakdown,.table-bulk-entry td.col-scu-breakdown{padding:.75rem .5rem}.bulk-entry-table tr:hover,.table-bulk-entry tr:hover{background:color-mix(in srgb,var(--button-color) 5%,transparent)}.bulk-scu-inputs{display:flex;flex-wrap:nowrap;gap:.75rem;align-items:flex-start;justify-content:flex-start;padding:.5rem 0}.bulk-scu-input{display:flex;flex-direction:column;align-items:center;gap:.375rem;flex:0 0 auto;min-width:4.5rem}.bulk-scu-controls{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%}.bulk-scu-button{background:color-mix(in srgb,var(--button-color) 20%,transparent);border:1px solid var(--button-color);color:var(--text-color);width:1.5rem;height:1.5rem;border-radius:3px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:all .2s;flex-shrink:0}.bulk-scu-button:hover{background:var(--button-color);color:var(--background-color)}.bulk-scu-button:active{transform:scale(.95)}.bulk-scu-field{width:2.5rem;padding:.25rem .375rem;background:var(--surface-color);border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);color:var(--text-color);border-radius:3px;font-family:Orbitron,sans-serif;font-size:.75rem;text-align:center;box-sizing:border-box}.bulk-scu-field:focus{outline:none;border-color:var(--secondary-color);background:color-mix(in srgb,var(--button-color) 5%,transparent)}.bulk-scu-field::-webkit-inner-spin-button,.bulk-scu-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bulk-scu-field[type=number]{-moz-appearance:textfield}.bulk-scu-label{color:var(--text-color);font-size:.625rem;font-weight:700;white-space:nowrap;text-align:center;line-height:1.2}.bulk-total-scu{width:100%;max-width:5rem;padding:.5rem .625rem;background:color-mix(in srgb,var(--button-color) 15%,transparent);border:1px solid var(--secondary-color);color:var(--text-color);border-radius:3px;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;text-align:center;cursor:not-allowed;box-sizing:border-box}.bulk-cash-field{width:100%;max-width:6rem;padding:.5rem .625rem;background:var(--surface-color);border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent);color:var(--text-color);border-radius:3px;font-family:Orbitron,sans-serif;font-size:.75rem;text-align:center;box-sizing:border-box}.bulk-cash-field:focus{outline:none;border-color:var(--border-color)}.bulk-cash-field::-webkit-inner-spin-button,.bulk-cash-field::-webkit-outer-spin-button,.bulk-total-scu::-webkit-inner-spin-button,.bulk-total-scu::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bulk-cash-field[type=number],.bulk-total-scu[type=number]{-moz-appearance:textfield}.remove-row-button{background:var(--error-color);color:var(--text-color);border:none;width:24px;height:24px;border-radius:3px;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:background .3s}.remove-row-button:hover:not(:disabled){background:color-mix(in srgb,var(--error-color) 60%,transparent)}.remove-row-button:disabled{background:var(--text-secondary);cursor:not-allowed}.field-error{color:var(--error-color);font-size:10px;margin-top:2px;font-weight:700}.trade-runs-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid color-mix(in srgb,var(--button-color) 30%,transparent)}.tab-button{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);padding:10px 20px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;transition:all .3s}.tab-button:hover{color:var(--button-color)}.tab-button.active{color:var(--button-color);border-bottom-color:var(--button-color)}@media (max-width: 768px){.trade-runs-header{flex-direction:column;align-items:flex-start;gap:15px}.trade-runs-tabs{flex-direction:column;gap:5px}.tab-button{text-align:left;padding:8px 15px}.manifest-tabs{gap:.25rem}.manifest-tab-button{padding:.625rem 1rem;font-size:.75rem}.manual-manifest>h3{font-size:1rem;margin-bottom:1rem;padding-bottom:.5rem}.bulk-entry-controls{flex-direction:column;align-items:stretch}.bulk-entry-table-wrapper{max-height:250px}.bulk-scu-inputs{flex-wrap:wrap;gap:.5rem}.bulk-scu-input{min-width:4rem}.col-scu-breakdown{min-width:20rem}.bulk-scu-controls{gap:1px}.bulk-scu-button{width:16px;height:16px;font-size:12px}}@media (max-width: 480px){.scu-box{flex:0 0 calc(50% - 4px)}.bulk-entry-table th,.bulk-entry-table td,.table-bulk-entry th,.table-bulk-entry td{padding:6px 4px}.bulk-scu-inputs{gap:2px}.bulk-scu-input{min-width:45px;max-width:55px}.bulk-scu-controls{gap:1px}.bulk-scu-button{width:14px;height:14px;font-size:11px}.bulk-scu-field{width:24px;font-size:9px}.bulk-cash-field{width:60px;font-size:10px}.bulk-total-scu{width:50px;font-size:10px}}.col-commodity{width:20%;min-width:12rem}.col-scu-breakdown{width:45%;min-width:28rem}.col-total-scu{width:12%;min-width:5rem}.col-cash-spent{width:13%;min-width:6rem}.col-actions{width:5%}.col-commodity-alt{width:20%}.col-scu-sizes,.col-scu-amounts{width:15%}.col-source{width:10%}.manifest-menu-view{width:100%}.manifest-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid color-mix(in srgb,var(--button-color) 30%,transparent);padding-bottom:0}.manifest-tab-button{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);padding:.75rem 1.5rem;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;position:relative;margin-bottom:-1px}.manifest-tab-button:hover{color:var(--button-color);background:color-mix(in srgb,var(--button-color) 5%,transparent)}.manifest-tab-button.active{color:var(--button-color);border-bottom-color:var(--button-color);background:transparent}.manifest-tab-content{width:100%}.route-planner-tab{padding:.5rem;color:var(--text-color);font-family:Orbitron,sans-serif}.route-planner-container{display:grid;grid-template-columns:600px 600px;gap:.75rem;height:calc(100vh - 200px);justify-content:start;width:100%}.route-planner-left,.route-planner-right{background:color-mix(in srgb,var(--background-color) 80%,transparent);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;overflow-y:auto;display:flex;flex-direction:column}.route-planner-left{height:auto}.route-planner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.route-planner-header h2{margin:0}.route-planner-left h2,.route-planner-right h2{margin-top:0;margin-bottom:.75rem;color:var(--text-color);font-size:1rem;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-color);padding-bottom:.4rem;flex-shrink:0}.route-source-section{padding:.4rem;background-color:color-mix(in srgb,var(--button-color) 5%,transparent);border:1px solid var(--border-color);border-radius:3px}.route-source-controls{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.route-source-label{color:var(--text-color);font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700;margin-right:.4rem}.route-source-label:has(+.route-source-btn){margin-left:.8rem}.route-source-btn{padding:.25rem .5rem;background-color:color-mix(in srgb,var(--button-color) 10%,transparent);color:var(--text-color);border:1px solid var(--button-border-color);border-radius:3px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:400;transition:all .2s}.route-source-btn:hover{background-color:color-mix(in srgb,var(--button-color) 20%,transparent)}.route-source-btn.active{background-color:var(--button-color);color:var(--button-text-color);font-weight:700}.route-source-hint{font-size:.65rem;color:var(--text-secondary);font-style:italic;margin-left:.4rem}.route-options{margin-bottom:1rem;padding:.75rem;background-color:color-mix(in srgb,var(--button-color) 5%,transparent);border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;gap:.5rem}.route-options-label{display:none;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-color);font-family:Orbitron,sans-serif;font-size:.9rem}.route-options-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--button-color)}.location-badge{margin-left:.5rem;font-size:.8rem;color:var(--text-color);font-style:italic}.route-builder{display:flex;flex-direction:column;gap:.75rem}.route-name-section,.system-location-section{display:flex;flex-direction:column;gap:.35rem}.system-location-section{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.system-select-section,.location-select-section{display:flex;flex-direction:column;gap:.35rem}.route-name-section label,.system-select-section label,.location-select-section label{font-size:.75rem;color:var(--text-color);text-transform:uppercase;letter-spacing:.5px}.route-name-input{background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;padding:.5rem;color:var(--text-color);font-family:Orbitron,sans-serif;font-size:13px}.route-name-input:focus{outline:none;border-color:var(--border-color);box-shadow:0 0 10px color-mix(in srgb,var(--button-color) 30%,transparent)}.route-locations-section{display:flex;flex-direction:column;gap:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.section-header h3{margin:0;color:var(--text-color);font-size:.9rem}.route-actions{display:flex;gap:.35rem;flex-wrap:wrap}.btn-optimize,.btn-clear,.btn-save,.btn-load,.btn-delete,.btn-move,.btn-remove,.btn-calculate{background:var(--background-color);border:1px solid var(--button-border-color);color:var(--text-color);padding:.3rem .6rem;border-radius:3px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.7rem;text-transform:uppercase;transition:all .3s ease}.btn-optimize:hover:not(:disabled),.btn-clear:hover,.btn-save:hover:not(:disabled),.btn-load:hover,.btn-delete:hover,.btn-move:hover:not(:disabled),.btn-remove:hover,.btn-calculate:hover:not(:disabled){background:var(--button-color);color:var(--background-color);box-shadow:0 0 10px color-mix(in srgb,var(--button-color) 50%,transparent)}.btn-optimize:disabled,.btn-save:disabled,.btn-calculate:disabled{opacity:.5;cursor:not-allowed}.btn-move,.btn-remove,.btn-lock{padding:.15rem .3rem;min-width:22px;font-size:.75rem}.btn-lock{background:color-mix(in srgb,var(--button-color) 10%,transparent);border:1px solid var(--button-border-color)}.btn-lock.locked{background:color-mix(in srgb,var(--button-color) 20%,transparent);border-color:var(--button-border-color)}.btn-lock:hover{background:color-mix(in srgb,var(--button-color) 30%,transparent);border-color:var(--button-border-color)}.empty-route,.empty-routes{text-align:center;padding:1rem;color:var(--text-secondary);font-style:italic;font-size:.85rem}.locations-list{display:flex;flex-direction:column;gap:.2rem;max-height:22rem;overflow-y:auto}.location-item{display:flex;align-items:center;gap:.25rem;background:color-mix(in srgb,var(--button-color) 5%,transparent);border:1px solid var(--border-color);border-radius:3px;padding:.2rem .35rem;transition:all .3s ease;cursor:move;position:relative;height:2.25rem}.location-item:hover{background:color-mix(in srgb,var(--button-color) 10%,transparent);border-color:var(--border-color)}.location-item.dragging{opacity:.5;cursor:grabbing}.location-item.drag-over{border-color:var(--border-color);background:color-mix(in srgb,var(--button-color) 15%,transparent);border-top:3px solid var(--border-color)}.location-item.locked-group{border-color:var(--border-color);background:color-mix(in srgb,var(--button-color) 8%,transparent)}.drag-handle{color:var(--text-secondary);font-size:.75rem;cursor:grab;-webkit-user-select:none;user-select:none;padding:.05rem;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease}.drag-handle:hover{opacity:1}.location-item.dragging .drag-handle{cursor:grabbing}.location-order{background:var(--button-color);color:var(--background-color);width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.55rem;flex-shrink:0}.location-info{flex:1;display:flex;flex-direction:column;gap:.05rem;min-width:0}.location-name{font-weight:700;color:var(--text-color);font-size:.7rem;line-height:1.1}.location-details{font-size:.6rem;color:var(--text-secondary);line-height:1.1}.location-actions{display:flex;gap:.15rem}.location-actions button{pointer-events:auto}.save-route-section{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.btn-save{width:100%;padding:.5rem;font-size:.8rem}.saved-routes-list{display:flex;flex-direction:column;gap:.5rem}.saved-route-item{background:color-mix(in srgb,var(--button-color) 5%,transparent);border:1px solid var(--border-color);border-radius:3px;padding:.6rem;transition:all .3s ease}.saved-route-item:hover{background:color-mix(in srgb,var(--button-color) 10%,transparent);border-color:var(--border-color)}.route-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.route-header h3{margin:0;color:var(--text-color);font-size:.9rem}.route-item-actions{display:flex;gap:.35rem}.route-locations-preview{margin-bottom:.4rem}.route-path{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem;font-size:.8rem}.route-location-badge{background:color-mix(in srgb,var(--button-color) 20%,transparent);padding:.2rem .4rem;border-radius:3px;color:var(--text-color);display:inline-flex;align-items:center;gap:.2rem;font-size:.75rem}.route-system{font-size:.8rem;color:var(--text-secondary);font-style:italic}.route-arrow{color:var(--text-color);font-weight:700;margin:0 .25rem}.no-locations{color:var(--text-secondary);font-style:italic;margin:0}.route-status{font-size:.75rem;color:var(--text-secondary);margin-top:.4rem}.loading{text-align:center;padding:1rem;color:var(--text-color);font-size:.85rem}.locations-list::-webkit-scrollbar,.route-planner-left::-webkit-scrollbar,.route-planner-right::-webkit-scrollbar{width:8px}.locations-list::-webkit-scrollbar-track,.route-planner-left::-webkit-scrollbar-track,.route-planner-right::-webkit-scrollbar-track{background:var(--background-color)}.locations-list::-webkit-scrollbar-thumb,.route-planner-left::-webkit-scrollbar-thumb,.route-planner-right::-webkit-scrollbar-thumb{background:var(--button-color);border-radius:4px}.locations-list::-webkit-scrollbar-thumb:hover,.route-planner-left::-webkit-scrollbar-thumb:hover,.route-planner-right::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}@media (max-width: 1250px){.route-planner-container{grid-template-columns:1fr;height:auto}.route-planner-left,.route-planner-right{max-height:600px;width:100%;max-width:600px;margin:0 auto}.route-path-section-top{max-width:600px}}@media (max-width: 768px){.system-location-section{grid-template-columns:1fr}}.error-message{background:color-mix(in srgb,var(--error-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--error-color) 50%,transparent);border-radius:3px;padding:.5rem;color:var(--error-color);font-size:.75rem;margin-bottom:.5rem}.distance-summary{background:color-mix(in srgb,var(--button-color) 10%,transparent);border:1px solid var(--border-color);border-radius:3px;padding:.3rem .5rem;margin-bottom:.3rem}.total-distance{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem}.distance-label{font-size:.7rem;color:var(--text-color);text-transform:uppercase;letter-spacing:.5px}.distance-value{font-size:.85rem;font-weight:700;color:var(--text-color)}.jump-points-info{font-size:.65rem;color:var(--text-secondary);margin-top:.2rem}.segment-distance{font-size:.6rem;color:var(--text-color);margin-top:.05rem;font-style:italic;line-height:1.1}.route-path-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.route-path-section h4{margin:0 0 .5rem;color:var(--text-color);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.route-path-section-top{background:color-mix(in srgb,var(--background-color) 80%,transparent);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;margin-bottom:.75rem;width:100%;max-width:1215px}.route-path-section-top h4{margin:0 0 .5rem;color:var(--text-color);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);padding-bottom:.4rem}.distance-details{display:flex;flex-direction:column;gap:.75rem;flex:1;min-height:0}.distance-summary-card{background:color-mix(in srgb,var(--button-color) 10%,transparent);border:1px solid var(--border-color);border-radius:3px;padding:.5rem;flex-shrink:0}.summary-items-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.summary-item{display:flex;flex-direction:column;gap:.15rem;padding:.3rem;background:color-mix(in srgb,var(--button-color) 5%,transparent);border-radius:3px}.summary-label{font-size:.65rem;color:var(--text-color);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.summary-value{font-size:.85rem;font-weight:700;color:var(--text-color);line-height:1.2}.distance-unit{color:inherit}.segments-section{display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0}.segments-section h3{margin:0;color:var(--text-color);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);padding-bottom:.4rem}.segments-list{display:flex;flex-direction:column;gap:.25rem;flex:1;overflow-y:auto;min-height:0}.segment-item{background:color-mix(in srgb,var(--button-color) 5%,transparent);border:1px solid var(--border-color);border-radius:3px;padding:.35rem .5rem;display:flex;flex-direction:column;gap:.2rem}.segment-path{display:flex;align-items:center;gap:.3rem;font-size:.75rem;line-height:1.2}.segment-from,.segment-to,.segment-arrow{color:var(--text-color);font-weight:700}.segment-info{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;line-height:1.2}.segment-type{color:var(--text-secondary);text-transform:capitalize;font-style:italic}.jump-gate-badge{background:color-mix(in srgb,var(--warning-color) 20%,transparent)!important;border:1px solid color-mix(in srgb,var(--warning-color) 60%,transparent)!important;color:var(--warning-color)!important}.jump-gate-icon{display:inline-block;margin-right:.2rem;font-size:.9em;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.jump-gate-label{font-size:.7em;color:var(--warning-color);font-weight:700;margin-left:.2rem}.jump-gate-arrow{color:var(--warning-color)!important;font-weight:700}.jump-gate-segment{background:color-mix(in srgb,var(--warning-color) 10%,transparent)!important;border:1px solid color-mix(in srgb,var(--warning-color) 40%,transparent)!important}.jump-gate-segment .segment-from,.jump-gate-segment .segment-to,.jump-gate-segment .segment-arrow{color:var(--warning-color)}.jump-gate-type{color:var(--warning-color)!important;font-weight:700;font-style:normal}.jump-gate-size{font-size:.65rem;color:var(--warning-color);margin-left:.5rem;opacity:.8}.empty-distance{text-align:center;padding:1rem;color:var(--text-secondary);font-style:italic;font-size:.85rem}.segments-list::-webkit-scrollbar{width:8px}.segments-list::-webkit-scrollbar-track{background:var(--background-color)}.segments-list::-webkit-scrollbar-thumb{background:var(--button-color);border-radius:4px}.segments-list::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.location-offcanvas-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--background-color) 70%,transparent);z-index:1000;animation:fadeIn .3s ease-out}.location-offcanvas{position:fixed;top:0;right:0;bottom:0;width:70vw;max-width:900px;min-width:500px;background:var(--background-color);border-left:2px solid var(--border-color);display:flex;flex-direction:column;box-shadow:-8px 0 32px color-mix(in srgb,var(--background-color) 50%,transparent);z-index:1001;transform:translate(100%);transition:transform .3s ease-out;overflow:hidden}.location-offcanvas.location-offcanvas-open{transform:translate(0)}.location-offcanvas-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.location-offcanvas-header h3{margin:0;color:var(--text-color);font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}.location-offcanvas-close{background:transparent;border:none;color:var(--text-color);font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s;border-radius:4px}.location-offcanvas-close:hover{background-color:color-mix(in srgb,var(--text-color) 10%,transparent);color:var(--button-color)}.location-offcanvas-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:1rem;gap:1rem;overflow-y:auto}.location-offcanvas-filter{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.location-filter-input{background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;padding:.6rem;color:var(--text-color);font-family:Orbitron,sans-serif;font-size:.9rem;width:100%}.location-filter-input:focus{outline:none;border-color:var(--border-color);box-shadow:0 0 10px color-mix(in srgb,var(--button-color) 30%,transparent)}.location-filter-input::placeholder{color:var(--text-secondary)}.location-filter-count{font-size:.75rem;color:var(--text-secondary);font-style:italic}.location-type-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.location-type-tab{background:color-mix(in srgb,var(--button-color) 10%,transparent);border:1px solid var(--border-color);color:var(--text-color);padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.75rem;text-transform:capitalize;transition:all .2s;white-space:nowrap}.location-type-tab:hover{background:color-mix(in srgb,var(--button-color) 20%,transparent);border-color:var(--border-color)}.location-type-tab.active{background:var(--button-color);color:var(--button-text-color);border-color:var(--button-border-color);font-weight:700}.location-offcanvas-table-container{flex:1;overflow:auto;border:1px solid var(--border-color);border-radius:4px;width:100%;display:block;min-height:0}.table-location-offcanvas{width:100%;border-collapse:collapse;font-size:.85rem;table-layout:fixed;border:1px solid var(--border-color)}.table-location-offcanvas thead{position:sticky;top:0;background:var(--background-color);z-index:10}.table-location-offcanvas th{padding:.4rem .6rem;text-align:left;color:var(--text-color);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;border:1px solid var(--border-color);border-bottom:2px solid var(--border-color);font-weight:700;background:var(--background-color)}.table-location-offcanvas th:first-child{width:40px}.table-location-offcanvas th:nth-child(2){width:auto}.table-location-offcanvas th:nth-child(3){width:120px}.table-location-offcanvas th:nth-child(4){width:120px}.table-location-offcanvas th:nth-child(5){width:120px}.table-location-offcanvas td{padding:.4rem .6rem;color:var(--text-secondary);border:1px solid var(--border-color);vertical-align:middle;word-wrap:break-word;overflow-wrap:break-word}.table-location-offcanvas tbody tr{transition:background-color .2s;cursor:pointer}.table-location-offcanvas tbody tr:hover{background:color-mix(in srgb,var(--button-color) 10%,transparent)}.table-location-offcanvas tbody tr.selected{background:color-mix(in srgb,var(--button-color) 15%,transparent);border-left:3px solid var(--border-color)}.table-location-offcanvas tbody tr.selected:hover{background:color-mix(in srgb,var(--button-color) 20%,transparent)}.table-location-offcanvas input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--button-color)}.location-type-badge{display:inline-block;padding:.2rem .4rem;background:color-mix(in srgb,var(--button-color) 20%,transparent);border:1px solid var(--border-color);border-radius:3px;font-size:.75rem;color:var(--text-color);text-transform:capitalize}.no-locations-found{text-align:center;padding:2rem;color:var(--text-secondary);font-style:italic}.location-offcanvas-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color);flex-shrink:0;margin-top:auto}.btn-offcanvas-cancel,.btn-offcanvas-add{padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.85rem;text-transform:uppercase;transition:all .3s;border:1px solid var(--button-border-color)}.btn-offcanvas-cancel{background:transparent;color:var(--text-color)}.btn-offcanvas-cancel:hover{background:color-mix(in srgb,var(--button-color) 10%,transparent)}.btn-offcanvas-add{background:var(--button-color);color:var(--button-text-color);font-weight:700}.btn-offcanvas-add:hover:not(:disabled){background:var(--secondary-color);box-shadow:0 0 10px color-mix(in srgb,var(--button-color) 50%,transparent)}.btn-offcanvas-add:disabled{opacity:.5;cursor:not-allowed}.btn-open-location-modal{background:var(--background-color);border:1px solid var(--button-border-color);color:var(--text-color);padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.85rem;text-transform:uppercase;transition:all .3s;width:100%;min-height:35px}.btn-open-location-modal:hover:not(:disabled){background:var(--button-color);color:var(--button-text-color);box-shadow:0 0 10px color-mix(in srgb,var(--button-color) 50%,transparent)}.btn-open-location-modal:disabled{opacity:.5;cursor:not-allowed}.location-modal-table-container::-webkit-scrollbar{width:8px}.location-modal-table-container::-webkit-scrollbar-track{background:var(--background-color)}.location-modal-table-container::-webkit-scrollbar-thumb{background:var(--button-color);border-radius:4px}.location-modal-table-container::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}@media (max-width: 768px){.location-offcanvas{width:100vw;min-width:100vw;max-width:100vw}}.route-menu-toggle{position:fixed;top:140px;right:0;width:48px;height:48px;background:var(--surface-color);border:1px solid var(--border-color);border-right:none;border-radius:8px 0 0 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:999;transition:all .2s;padding:0;margin:0;box-shadow:0 2px 8px color-mix(in srgb,var(--background-color) 30%,transparent)}.route-menu-toggle:after{content:attr(title);position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);padding:6px 10px;background:var(--header-color);color:var(--text-color);font-size:.75rem;white-space:nowrap;border-radius:4px;border:1px solid var(--border-color);opacity:0;pointer-events:none;transition:opacity .2s;z-index:1001;box-shadow:0 2px 8px color-mix(in srgb,var(--background-color) 50%,transparent)}.route-menu-toggle:hover:after{opacity:1}.route-menu-toggle:hover{background:var(--header-color);transform:scale(1.05);box-shadow:0 4px 12px color-mix(in srgb,var(--background-color) 40%,transparent)}.route-menu-toggle.menu-open{background:var(--header-color);border-color:var(--border-color)}.gps-marker-icon{font-size:1.5rem;line-height:1;color:var(--text-color)}.route-menu{position:fixed;top:200px;right:48px;width:350px;max-height:calc(100vh - 240px);background:var(--surface-color);border:1px solid var(--border-color);border-right:none;border-radius:8px 0 0 8px;box-shadow:0 4px 12px color-mix(in srgb,var(--background-color) 50%,transparent);z-index:998;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.route-menu-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);background:var(--header-color);display:flex;justify-content:space-between;align-items:center}.route-menu-header h3{margin:0;color:var(--text-color);font-size:1rem;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:1px}.route-menu-close{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.route-menu-close:hover{color:var(--button-color)}.route-menu-content{flex:1;overflow-y:auto;padding:.75rem}.route-menu-empty{text-align:center;color:var(--text-color-secondary);padding:2rem 1rem;font-style:italic}.route-menu-name{padding:.5rem;margin-bottom:.75rem;background:color-mix(in srgb,var(--button-color) 10%,transparent);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-family:Orbitron,sans-serif;text-align:center;font-size:.9rem}.route-menu-locations{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem;font-size:.8rem}.route-menu-badge{font-size:.7rem;color:var(--text-color);font-style:italic;font-weight:400;margin-left:.2rem}.route-menu-segment-distance{font-size:.7rem;color:var(--text-color);margin-left:.2rem}.route-menu-total-distance{margin-top:.75rem;padding:.5rem;background:color-mix(in srgb,var(--button-color) 10%,transparent);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-family:Orbitron,sans-serif;text-align:center;font-size:.85rem}.route-menu-content::-webkit-scrollbar{width:8px}.route-menu-content::-webkit-scrollbar-track{background:color-mix(in srgb,var(--background-color) 20%,transparent);border-radius:4px}.route-menu-content::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--button-color) 30%,transparent);border-radius:4px}.route-menu-content::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--button-color) 50%,transparent)}.route-guide-tab{padding:.5rem;color:var(--text-color);font-family:Orbitron,sans-serif}.route-guide-header{margin-bottom:1rem}.route-guide-header h2{margin:0 0 .5rem;color:var(--text-color);font-size:1.5rem}.route-guide-header p{margin:0;color:var(--text-secondary);font-size:.9rem}.route-guide-container{display:grid;grid-template-columns:400px 1fr;gap:1rem;height:calc(100vh - 250px)}.route-guide-left,.route-guide-right{background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;padding:1rem;overflow-y:auto}.route-guide-left{height:fit-content}.route-guide-right{min-height:400px}.manifests-list{display:flex;flex-direction:column;gap:.75rem}.manifest-item{background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;padding:.75rem;cursor:pointer;transition:all .2s ease}.manifest-item:hover{border-color:var(--primary-color);background:color-mix(in srgb,var(--background-color) 90%,var(--primary-color) 5%)}.manifest-item.active{border-color:var(--primary-color);background:color-mix(in srgb,var(--background-color) 80%,var(--primary-color) 10%)}.manifest-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.manifest-header h4{margin:0;color:var(--text-color);font-size:1rem}.manifest-scu{background:var(--button-color);color:var(--button-text-color);padding:.25rem .5rem;border-radius:3px;font-size:.8rem;font-weight:700}.manifest-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary)}.route-details{display:flex;flex-direction:column;gap:1.5rem}.route-details h3{margin:0 0 1rem;color:var(--text-color);font-size:1.25rem}.route-details h4{margin:0 0 .75rem;color:var(--text-color);font-size:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.stops-list{display:flex;flex-direction:column;gap:.5rem}.route-stop{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:3px}.stop-number{background:var(--primary-color);color:var(--text-color);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.stop-name{flex:1;color:var(--text-color);font-size:.9rem}.stop-arrow{color:var(--text-secondary);font-size:1.2rem;margin-left:.5rem}.cargo-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.cargo-item{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;padding:.5rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:3px;align-items:center}.commodity-name{color:var(--text-color);font-weight:500}.commodity-qty,.commodity-scu{color:var(--text-secondary);font-size:.85rem;text-align:right}.cargo-total{text-align:center;padding:.75rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:3px;color:var(--text-color);font-size:.9rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:3px}.stat-label{color:var(--text-secondary);font-size:.85rem}.stat-value{color:var(--text-color);font-size:1rem;font-weight:500}.no-manifest-selected{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary);text-align:center}@media (max-width: 1200px){.route-guide-container{grid-template-columns:1fr;height:auto}.route-guide-left,.route-guide-right{height:auto;min-height:300px}}.history-tab-wrapper{display:flex;flex-direction:column;gap:20px}.history-view-tabs{display:flex;gap:10px;margin-bottom:20px;padding:10px;background-color:var(--background-color);border-radius:4px;border:1px solid var(--border-color)}.history-tab-button{padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;font-family:Orbitron,sans-serif;background-color:var(--surface-color);color:var(--text-color);border:1px solid var(--button-color)}.history-tab-button:hover{opacity:.9}.history-tab-button.active{font-weight:700;background-color:var(--button-color);color:var(--background-color)}.history-view-content{display:block}.history-view-content.hidden{display:none}.history-tab{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 8px color-mix(in srgb,var(--background-color) 20%,transparent)}.history-stats{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:10px}.stat-card{flex:1;min-width:150px;padding:15px;background-color:var(--surface-color);border:1px solid var(--table-outline-color);border-radius:8px;text-align:center}.stat-label{color:var(--text-secondary);font-size:12px;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.stat-value{color:var(--dropdown-text-color);font-size:24px;font-weight:700;font-family:Orbitron,sans-serif}.filters-section{margin-bottom:20px}.toggle-filters-button{background-color:var(--button-color);color:var(--text-color);border:none;padding:8px 16px;cursor:pointer;font-size:14px;border-radius:5px;transition:background-color .3s;font-family:Orbitron,sans-serif;margin-bottom:10px}.toggle-filters-button:hover{background-color:var(--button-color-green)}.filters-content{padding:15px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;margin-top:10px}.filter-row{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:15px}.filter-group{display:flex;flex-direction:column;gap:5px;min-width:150px;flex:1}.filter-group label{color:var(--dropdown-label-color);font-size:14px;font-weight:700}.date-input,.filter-select{height:40px;background-color:var(--surface-color);color:var(--dropdown-text-color);border:1px solid var(--background-color);border-radius:5px;padding:8px 12px;font-family:Orbitron,sans-serif;font-size:14px}.date-input:focus,.filter-select:focus{outline:none;border-color:var(--table-outline-color)}.filter-actions{display:flex;gap:10px;flex-wrap:wrap}.apply-filters-button,.clear-filters-button{background-color:var(--button-color);color:var(--text-color);border:none;padding:8px 16px;cursor:pointer;font-size:14px;border-radius:5px;transition:background-color .3s;font-family:Orbitron,sans-serif}.apply-filters-button:hover,.clear-filters-button:hover{background-color:var(--button-color-green)}.delete-range-button{background-color:var(--error-color);color:var(--text-color);border:none;padding:8px 16px;cursor:pointer;font-size:14px;border-radius:5px;transition:background-color .3s;font-family:Orbitron,sans-serif}.delete-range-button:hover{background-color:color-mix(in srgb,var(--error-color) 80%,transparent)}.delete-range-button.confirm{background-color:var(--error-color)}.history-entries{margin-top:20px}.no-entries{padding:40px;text-align:center;color:var(--text-secondary);font-size:16px}.history-date-group{margin-bottom:20px}.history-date-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:var(--surface-color);color:var(--text-color);cursor:pointer;border:1px solid var(--table-outline-color);border-radius:4px;transition:background-color .2s}.history-date-header:hover{background-color:color-mix(in srgb,var(--surface-color) 110%,transparent)}.collapse-arrow{font-size:12px;color:var(--dropdown-text-color)}.history-entry{margin-top:10px;border:1px solid var(--table-outline-color);border-radius:4px;overflow:hidden}.drop-off-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:var(--surface-color);color:var(--drop-off-header-text-color);cursor:pointer;border-bottom:1px solid var(--table-outline-color);transition:background-color .2s}.drop-off-header:hover{background-color:color-mix(in srgb,var(--surface-color) 110%,transparent)}.left-box{display:flex;align-items:center;flex-grow:1}.left-box span:first-child{font-weight:700;font-size:16px}.right-box{display:flex;align-items:center}.hauling-manifest-table{width:100%;border-collapse:collapse;background-color:var(--surface-color)}.hauling-manifest-table thead{background-color:var(--table-header-background-color, var(--background-color))}.hauling-manifest-table th{background-color:var(--table-header-background-color, var(--background-color));color:var(--table-header-text-color);padding:8px 12px;text-align:left;border-bottom:1px solid var(--table-row-border-color, var(--table-outline-color));border-right:1px solid color-mix(in srgb,var(--table-row-border-color, var(--table-outline-color)) 30%,transparent);font-weight:700;font-size:14px;white-space:nowrap}.hauling-manifest-table th:last-child{border-right:none}.hauling-manifest-table tbody tr{border-bottom:1px solid var(--table-row-border-color, var(--table-outline-color));transition:background-color .2s ease;background-color:var(--table-background-color, var(--surface-color))}.hauling-manifest-table tbody tr:nth-child(2n){background-color:color-mix(in srgb,var(--table-background-color, var(--surface-color)) 95%,transparent)}.hauling-manifest-table tbody tr:nth-child(odd){background-color:var(--table-background-color, var(--surface-color))}.hauling-manifest-table tbody tr:hover{background-color:var(--table-row-hover-background-color, color-mix(in srgb, var(--surface-color) 120%, transparent))}.hauling-manifest-table tbody tr:last-child{border-bottom:1px solid var(--table-row-border-color, var(--table-outline-color))}.hauling-manifest-table td{padding:8px 12px;color:var(--table-row-text-color, var(--row-text-color));font-size:14px;vertical-align:middle;border-right:1px solid color-mix(in srgb,var(--table-row-border-color, var(--table-outline-color)) 30%,transparent)}.hauling-manifest-table td:last-child{border-right:none}.history-table td{padding:6px 12px;border-bottom:1px solid var(--table-outline-color);border-right:1px solid var(--table-outline-color);color:var(--row-text-color);font-size:14px}.history-table td:last-child{border-right:none}.history-table tr:last-child td{border-bottom:none}.history-row{transition:background-color .2s;border-top:1px solid var(--table-outline-color)}.history-row:hover{background-color:var(--surface-color)}.history-table tbody tr{border-bottom:1px solid var(--table-outline-color)}.commodity-cell{font-weight:500}.pickup-cell{color:var(--text-secondary)}.quantity-header{width:120px;min-width:120px}.percentage-header{width:140px;min-width:140px;white-space:nowrap}.amount-cell{font-weight:700;font-family:Orbitron,sans-serif;text-align:right;width:120px;min-width:120px}.percentage-cell{display:flex;flex-direction:column;gap:4px;align-items:flex-start;font-weight:700;font-family:Orbitron,sans-serif;width:140px;min-width:140px;white-space:nowrap}.percentage-value{font-size:14px;white-space:nowrap}.status-label{font-size:11px;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;white-space:nowrap}.percentage-cell.status-failed .percentage-value{color:var(--error-color)}.percentage-cell.status-failed .status-label{background-color:var(--error-color);color:var(--text-color)}.percentage-cell.status-potential-fail .percentage-value{color:var(--warning-color)}.percentage-cell.status-potential-fail .status-label{background-color:var(--warning-color);color:var(--background-color)}.percentage-cell.status-success .percentage-value{color:var(--success-color)}.percentage-cell.status-success .status-label{background-color:var(--success-color);color:var(--background-color)}.date-cell{color:var(--text-secondary);font-size:13px}.actions{display:flex;gap:5px;justify-content:flex-start;align-items:center}.delete-button{background-color:var(--error-color);color:var(--text-color);border:none;padding:6px 12px;cursor:pointer;font-size:12px;border-radius:5px;transition:background-color .3s;font-family:Orbitron,sans-serif;white-space:nowrap}.delete-button:hover{background-color:color-mix(in srgb,var(--error-color) 80%,transparent)}.delete-button.confirm{background-color:color-mix(in srgb,var(--error-color) 60%,transparent);font-weight:700}.guest-info-banner{background-color:var(--surface-color);border:1px solid var(--button-color);border-radius:4px;padding:12px 16px;margin-bottom:20px;color:var(--button-color)}.guest-info-banner strong{color:var(--button-color)}.guest-selector-section{margin-bottom:20px;padding:10px;background-color:var(--background-color);border-radius:4px}.guest-selector-section label{display:block;margin-bottom:8px;color:var(--button-color);font-weight:700}.guest-selector-section select{padding:8px;background-color:var(--surface-color);color:var(--dropdown-text-color);border:1px solid var(--border-color);border-radius:4px;font-family:Orbitron,sans-serif;width:100%;max-width:300px}.payouts-tab{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 8px color-mix(in srgb,var(--background-color) 20%,transparent)}.loading{padding:40px;text-align:center;color:var(--text-secondary);font-size:16px}.form-section{margin-bottom:20px;padding:15px;background-color:var(--surface-color);border-radius:8px;border:1px solid var(--table-outline-color)}.form-group{display:flex;flex-direction:column;gap:5px;min-width:200px}.form-group label{color:var(--dropdown-label-color);font-size:14px;font-weight:700}.form-row{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap;margin-bottom:15px}.mission-select,.mission-input,.reward-input,.datetime-input{background-color:var(--surface-color);color:var(--dropdown-text-color);border:1px solid var(--background-color);border-radius:5px;padding:8px 12px;font-family:Orbitron,sans-serif;font-size:14px}.mission-select:focus,.mission-input:focus,.reward-input:focus,.datetime-input:focus{outline:none;border-color:var(--table-outline-color)}.mission-input{margin-top:5px}.reward-input{width:150px}.datetime-input{width:200px}.button-group{display:flex;gap:10px;margin-top:10px}.button-group button{background-color:var(--button-color);color:var(--text-color);border:none;padding:8px 20px;cursor:pointer;font-size:14px;border-radius:5px;transition:background-color .3s;font-family:Orbitron,sans-serif;font-weight:700}.button-group button:hover{background-color:var(--button-color-green)}.add-button{background-color:var(--button-color)!important}.save-button{background-color:var(--success-color)!important;color:var(--text-color)!important}.save-button:hover{background-color:color-mix(in srgb,var(--success-color) 80%,transparent)!important}.cancel-button{background-color:var(--text-secondary)!important;color:var(--text-color)!important}.cancel-button:hover{background-color:color-mix(in srgb,var(--text-secondary) 80%,transparent)!important}.filters-section{padding:15px;background-color:var(--surface-color);border-radius:8px;border:1px solid var(--table-outline-color)}.filter-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:10px}.filter-group label{color:var(--dropdown-label-color);font-size:14px;white-space:nowrap}.filter-input,.filter-select{background-color:var(--surface-color);color:var(--dropdown-text-color);border:1px solid var(--background-color);border-radius:5px;padding:6px 10px;font-family:Orbitron,sans-serif;font-size:14px}.filter-select{min-width:200px}.clear-filter-button{background-color:var(--text-secondary);color:var(--text-color);border:none;padding:6px 12px;cursor:pointer;font-size:12px;border-radius:4px;font-family:Orbitron,sans-serif}.clear-filter-button:hover{background-color:color-mix(in srgb,var(--text-secondary) 80%,transparent)}.total-rewards{margin-left:auto;color:var(--dropdown-text-color);font-size:16px;font-weight:700;font-family:Orbitron,sans-serif}.payouts-display{margin-top:10px}.no-payouts{padding:40px;text-align:center;color:var(--text-secondary);font-size:16px}.date-group{margin-bottom:20px}.date-group h3{padding:12px 15px;margin:0;background-color:var(--surface-color);color:var(--text-color);border:1px solid var(--table-outline-color);border-radius:4px;transition:background-color .2s}.date-group h3:hover{background-color:color-mix(in srgb,var(--surface-color) 110%,transparent)}.missions-container{margin-top:10px}.mission-entry{margin-bottom:10px;border:1px solid var(--table-outline-color);border-radius:4px;overflow:hidden}.mission-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:var(--surface-color);color:var(--text-color);border-bottom:1px solid var(--table-outline-color);transition:background-color .2s}.mission-header:hover{background-color:color-mix(in srgb,var(--surface-color) 110%,transparent)}.mission-header h4{margin:0;font-size:16px;font-weight:700}.mission-summary{display:flex;align-items:center;gap:10px;font-size:14px}.mission-details{padding:0;background-color:var(--background-color)}.mission-details-table{width:100%;border-collapse:collapse;background-color:var(--background-color)}.mission-details-table thead{background-color:var(--table-header-background-color, var(--background-color))}.mission-details-table th{background-color:var(--table-header-background-color, var(--background-color));color:var(--table-header-text-color);padding:8px 12px;text-align:left;border-bottom:1px solid var(--table-row-border-color, var(--table-outline-color));border-right:1px solid color-mix(in srgb,var(--table-row-border-color, var(--table-outline-color)) 30%,transparent);font-weight:700;font-size:14px;white-space:nowrap}.mission-details-table th:last-child{border-right:none}.mission-details-table tbody tr{border-bottom:1px solid var(--table-row-border-color, var(--table-outline-color));transition:background-color .2s ease;background-color:var(--table-background-color, var(--surface-color))}.mission-details-table tbody tr:nth-child(2n){background-color:color-mix(in srgb,var(--table-background-color, var(--surface-color)) 95%,transparent)}.mission-details-table tbody tr:nth-child(odd){background-color:var(--table-background-color, var(--surface-color))}.mission-details-table tbody tr:hover{background-color:var(--table-row-hover-background-color, color-mix(in srgb, var(--surface-color) 120%, transparent))}.mission-details-table tbody tr:last-child{border-bottom:1px solid var(--table-row-border-color, var(--table-outline-color))}.mission-details-table td{padding:8px 12px;color:var(--table-row-text-color, var(--row-text-color));font-size:14px;vertical-align:middle;border-right:1px solid color-mix(in srgb,var(--table-row-border-color, var(--table-outline-color)) 30%,transparent)}.mission-details-table td:last-child{border-right:none}.mission-details-row{transition:background-color .2s ease}.table,.table-payouts{width:100%;border-collapse:collapse;background-color:var(--surface-color)}.table-payouts thead{background-color:var(--background-color)}.table-payouts th{background-color:var(--table-header-background-color, var(--background-color));color:var(--table-header-text-color);padding:12px;text-align:left;border-bottom:2px solid var(--table-header-border-color, var(--table-outline-color));border-right:1px solid color-mix(in srgb,var(--table-header-border-color, var(--table-outline-color)) 30%,transparent);font-weight:700;font-size:14px;white-space:nowrap}.table-payouts th:last-child{border-right:none}.table-payouts th:first-child{padding-left:12px;width:20%;min-width:150px}.table-payouts th:nth-child(2){width:35%;min-width:200px}.table-payouts th:nth-child(3){width:45%;min-width:200px}.table-payouts tbody tr{border-bottom:1px solid var(--table-row-border-color, var(--table-outline-color));border-top:1px solid var(--table-row-border-color, var(--table-outline-color));transition:background-color .2s ease;background-color:var(--table-background-color, var(--surface-color))}.table-payouts tbody tr:nth-child(2n){background-color:color-mix(in srgb,var(--table-background-color, var(--surface-color)) 95%,transparent)}.table-payouts tbody tr:nth-child(odd){background-color:var(--table-background-color, var(--surface-color))}.table-payouts tbody tr:hover{background-color:var(--table-row-hover-background-color, color-mix(in srgb, var(--surface-color) 120%, transparent))}.table-payouts tbody tr:last-child{border-bottom:1px solid var(--table-row-border-color, var(--table-outline-color))}.table-payouts td{padding:10px 12px;color:var(--table-row-text-color, var(--row-text-color));font-size:14px;vertical-align:middle;border-right:1px solid color-mix(in srgb,var(--table-row-border-color, var(--table-outline-color)) 30%,transparent)}.table-payouts td:last-child{border-right:none}.table-payouts td:first-child{padding-left:12px;font-weight:700;font-family:Orbitron,sans-serif}.table-payouts td:nth-child(2){color:var(--text-secondary);font-size:13px}.editing-row{background-color:color-mix(in srgb,var(--success-color) 20%,transparent)!important}.editing-indicator{color:var(--success-color);font-weight:700;font-size:12px}.actions{display:flex;gap:8px;justify-content:flex-start;align-items:center}.actions button{background-color:var(--button-color);color:var(--text-color);border:none;padding:6px 12px;cursor:pointer;font-size:12px;border-radius:4px;transition:background-color .3s;font-family:Orbitron,sans-serif;white-space:nowrap}.actions button:hover{background-color:var(--button-color-green)}.edit-button{background-color:var(--primary-color)!important;color:var(--text-color)!important}.edit-button:hover{background-color:var(--secondary-color)!important}.delete-button{background-color:var(--error-color)!important;color:var(--text-color)!important}.delete-button:hover{background-color:color-mix(in srgb,var(--error-color) 80%,transparent)!important}.analytics-tab{padding:20px;background-color:var(--background-color);color:var(--text-color);font-family:Orbitron,sans-serif;min-height:calc(100vh - 200px)}.analytics-loading{padding:40px;text-align:center;color:var(--button-color);font-size:18px}.analytics-header{margin-bottom:30px;text-align:center}.analytics-header h2{color:var(--button-color);font-size:28px;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}.analytics-subtitle{color:var(--text-secondary);font-size:14px;margin:0}.analytics-filter-buttons{display:flex;gap:10px;margin-bottom:20px;padding:15px;background-color:var(--surface-color);border:1px solid var(--button-color);border-radius:8px;flex-wrap:wrap;justify-content:center}.filter-btn{padding:10px 20px;border:1px solid var(--button-color);border-radius:4px;background-color:var(--background-color);color:var(--button-color);font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.filter-btn:hover{background-color:color-mix(in srgb,var(--button-color) 10%,transparent);border-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 8px color-mix(in srgb,var(--button-color) 20%,transparent)}.filter-btn.active{background-color:var(--button-color);color:var(--background-color);border-color:var(--button-color);box-shadow:0 0 10px color-mix(in srgb,var(--button-color) 50%,transparent)}.filter-btn.active:hover{background-color:var(--secondary-color);border-color:var(--secondary-color)}.filter-selection{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:15px;background-color:var(--surface-color);border:1px solid var(--button-color);border-radius:8px}.filter-selection label{color:var(--button-color);font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;min-width:150px}.current-org-display{display:flex;align-items:center;gap:10px;padding:10px;background-color:var(--background-color);border-radius:4px;flex:1}.current-org-display .org-name{color:var(--button-color);font-weight:700;font-size:16px}.current-org-display .org-tag{color:var(--secondary-color);font-size:14px}.no-org-message{padding:20px;text-align:center;background-color:var(--background-color);border-radius:4px;border:1px dashed var(--text-secondary);flex:1}.no-org-message p{color:var(--text-secondary);font-size:14px;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:30px}.stat-card{background-color:var(--surface-color);border:1px solid var(--button-color);border-radius:6px;padding:8px 20px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;min-height:auto}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--button-color) 30%,transparent)}.stat-label{color:var(--text-secondary);font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;line-height:1.1;display:block;width:100%}.stat-value{color:var(--button-color);font-size:20px;font-weight:700;line-height:1.1;display:block;width:100%}.analytics-filters{background-color:var(--surface-color);border:1px solid var(--button-color);border-radius:8px;padding:20px;margin-bottom:30px}.analytics-filters h3{color:var(--button-color);font-size:18px;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.filter-row{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;flex:1;min-width:150px}.filter-group.date-filters{gap:10px}.filter-group.date-filters label,.filter-group label{color:var(--text-secondary);font-size:12px;margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}.filter-input,.filter-select{background-color:var(--background-color)!important;border:1px solid var(--button-color);border-radius:4px;padding:8px 12px;color:var(--button-color);font-family:Orbitron,sans-serif;font-size:14px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300ffcc' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:35px}.filter-select option{background-color:var(--background-color)!important;color:var(--button-color)!important;padding:8px}.filter-select option:hover,.filter-select option:checked,.filter-select option:focus{background-color:var(--header-color)!important;color:var(--button-color)!important}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 5px color-mix(in srgb,var(--button-color) 30%,transparent)}.filter-actions{display:flex;gap:10px}.btn-user-filter{background-color:var(--background-color);border:1px solid var(--button-color);border-radius:4px;padding:8px 12px;color:var(--button-color);font-family:Orbitron,sans-serif;font-size:14px;cursor:pointer;transition:all .2s;width:100%;text-align:left}.btn-user-filter:hover{background-color:var(--header-color);border-color:var(--secondary-color)}.btn-apply,.btn-clear{padding:8px 20px;border:1px solid var(--button-border-color);border-radius:4px;font-family:Orbitron,sans-serif;font-size:14px;cursor:pointer;transition:background-color .2s}.btn-apply{background-color:var(--button-color);color:var(--button-text-color)}.btn-apply:hover{background-color:var(--secondary-color)}.btn-clear{background-color:var(--surface-color);color:var(--text-color)}.btn-clear:hover{background-color:var(--background-color)}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:30px;margin-bottom:30px}.chart-container{background-color:var(--surface-color);border:1px solid var(--button-color);border-radius:8px;padding:20px}.chart-container h3{color:var(--button-color);font-size:18px;margin-bottom:20px;text-align:center;text-transform:uppercase;letter-spacing:1px}@media (max-width: 768px){.charts-section{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.stat-card{padding:10px 12px}.stat-label{font-size:9px;margin-bottom:4px}.stat-value{font-size:18px}.filter-row{flex-direction:column}.filter-group{width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--background-color) 80%,transparent);display:flex;justify-content:center;align-items:flex-start;padding-top:2rem;z-index:1000}.modal-content{background-color:var(--background-color);border:2px solid var(--button-color);border-radius:8px;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px color-mix(in srgb,var(--button-color) 30%,transparent)}.user-filter-modal{max-width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid var(--button-color)}.modal-header h2{color:var(--button-color);font-size:20px;margin:0;text-transform:uppercase;letter-spacing:1px}.modal-close{background:none;border:none;color:var(--button-color);font-size:32px;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:var(--secondary-color)}.modal-body{padding:20px;overflow-y:auto;flex:1}.user-filter-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.btn-select-all{background-color:var(--surface-color);border:1px solid var(--button-color);border-radius:4px;padding:6px 12px;color:var(--button-color);font-family:Orbitron,sans-serif;font-size:12px;cursor:pointer;transition:all .2s}.btn-select-all:hover{background-color:var(--surface-color);border-color:var(--secondary-color)}.selected-count{color:var(--text-secondary);font-size:12px}.user-filter-list{display:flex;flex-direction:column;gap:10px}.user-filter-item{display:flex;align-items:center;gap:12px;padding:10px;background-color:var(--header-color);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s}.user-filter-item:hover{background-color:var(--surface-color);border-color:var(--button-color)}.user-filter-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--button-color)}.user-name{flex:1;color:var(--button-color);font-size:14px}.user-role{color:var(--secondary-color);font-size:12px;padding:2px 8px;background-color:var(--background-color);border-radius:4px;border:1px solid var(--secondary-color)}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid var(--button-color)}.modal-footer .btn-apply,.modal-footer .btn-clear{min-width:100px}.leaderboard-tab{padding:20px;background-color:var(--background-color);color:var(--button-color);font-family:Orbitron,sans-serif;min-height:calc(100vh - 200px)}.leaderboard-header{margin-bottom:30px;text-align:center}.leaderboard-header h2{color:var(--button-color);font-size:28px;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}.leaderboard-subtitle{color:var(--text-secondary);font-size:14px;margin:0}.leaderboard-tabs{display:flex;gap:10px;margin-bottom:20px;padding:15px;background-color:var(--surface-color);border:1px solid var(--button-color);border-radius:8px;justify-content:center}.leaderboard-tab-btn{padding:10px 30px;border:1px solid var(--button-color);border-radius:4px;background-color:var(--background-color);color:var(--button-color);font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.leaderboard-tab-btn:hover{background-color:color-mix(in srgb,var(--button-color) .1);border-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 8px color-mix(in srgb,var(--button-color) .2)}.leaderboard-tab-btn.active{background-color:var(--button-color);color:var(--background-color);border-color:var(--button-color);box-shadow:0 0 10px color-mix(in srgb,var(--button-color) .5)}.leaderboard-tab-btn.active:hover{background-color:var(--button-color-green);border-color:var(--button-color-green)}.metric-selector{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:15px;background-color:var(--surface-color);border:1px solid var(--button-color);border-radius:8px;flex-wrap:wrap}.metric-selector label{color:var(--button-color);font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.metric-buttons{display:flex;gap:10px;flex-wrap:wrap}.metric-btn{padding:8px 16px;border:1px solid var(--button-color);border-radius:4px;background-color:var(--background-color);color:var(--button-color);font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.5px}.metric-btn:hover{background-color:color-mix(in srgb,var(--button-color) .1);border-color:var(--secondary-color)}.metric-btn.active{background-color:var(--button-color);color:var(--background-color);border-color:var(--button-color);box-shadow:0 0 8px color-mix(in srgb,var(--button-color) .4)}.leaderboard-content{background-color:var(--surface-color);border:1px solid var(--button-color);border-radius:8px;padding:20px;overflow-x:auto}.leaderboard-loading{padding:40px;text-align:center;color:var(--button-color);font-size:18px}.leaderboard-table-container{overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;color:var(--button-color)}.leaderboard-table thead{background-color:var(--background-color);border-bottom:2px solid var(--button-color)}.leaderboard-table th{padding:15px;text-align:left;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--button-color);border-right:1px solid var(--border-color)}.leaderboard-table th:last-child{border-right:none}.leaderboard-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s}.leaderboard-table tbody tr:hover{background-color:color-mix(in srgb,var(--button-color) .05)}.leaderboard-table tbody tr.top-rank{background-color:color-mix(in srgb,var(--button-color) .1);border-left:3px solid var(--button-color)}.leaderboard-table tbody tr.top-rank:hover{background-color:color-mix(in srgb,var(--button-color) .15)}.leaderboard-table td{padding:15px;font-size:14px;border-right:1px solid var(--border-color)}.leaderboard-table td:last-child{border-right:none}.rank-cell{text-align:center;font-weight:700;width:80px}.rank-icon{font-size:20px;display:inline-block}.player-cell,.org-cell{min-width:200px}.player-info,.org-info{display:flex;flex-direction:column;gap:5px}.player-name,.org-name{font-weight:700;font-size:16px;color:var(--button-color)}.org-tag{color:var(--button-color-green);font-size:12px;font-weight:700}.org-description{color:var(--text-secondary);font-size:12px;font-style:italic}.org-owner{color:var(--text-secondary);font-size:11px}.metric-cell{text-align:right;font-weight:700;white-space:nowrap}.metric-cell.highlight{color:var(--button-color-green);font-size:16px}.no-data{text-align:center;padding:40px;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.leaderboard-tab{padding:10px}.leaderboard-table{font-size:12px}.leaderboard-table th,.leaderboard-table td{padding:10px 8px}.metric-selector{flex-direction:column;align-items:flex-start}.metric-buttons{width:100%}.metric-btn{flex:1;min-width:0}}.storage-tab{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 8px color-mix(in srgb,var(--background-color) 20%,transparent)}.storage-tab-loading{padding:40px;text-align:center;color:var(--text-secondary);font-size:16px}.storage-tab-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;position:relative}.storage-tab-header h2{color:var(--text-primary);margin:0;font-family:Orbitron,sans-serif}.unsaved-warning{color:var(--warning-color);font-size:14px;font-weight:700;padding:5px 10px;background-color:color-mix(in srgb,var(--warning-color) 10%,transparent);border:1px solid var(--warning-color);border-radius:5px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.storage-controls{display:flex;gap:20px}.control-group{display:flex;align-items:center;gap:8px}.control-group label{color:var(--text-secondary);font-size:14px;cursor:pointer;display:flex;align-items:center;gap:5px}.control-group input[type=checkbox]{cursor:pointer}.storage-content{display:grid;grid-template-columns:1fr 2fr;gap:20px;min-height:500px}.commodities-panel,.storage-panel{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:15px;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:10px}.panel-header h3{color:var(--text-primary);margin:0;font-family:Orbitron,sans-serif;font-size:16px}.panel-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search-input{background-color:var(--surface-color);color:var(--dropdown-text-color);border:1px solid var(--border-color);border-radius:5px;padding:8px 12px;font-size:14px;font-family:Orbitron,sans-serif;width:100%;margin-top:10px}.search-input:focus{outline:none;border-color:var(--button-color)}.ship-select{background-color:var(--surface-color);color:var(--dropdown-text-color);border:1px solid var(--border-color);border-radius:5px;padding:8px 12px;font-size:14px;font-family:Orbitron,sans-serif;cursor:pointer}.ship-select:focus{outline:none;border-color:var(--button-color)}.storage-select{background-color:var(--surface-color);color:var(--dropdown-text-color);border:1px solid var(--border-color);border-radius:5px;padding:8px 12px;font-size:14px;font-family:Orbitron,sans-serif;cursor:pointer;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;min-width:200px}.storage-select:focus{outline:none;border-color:var(--button-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--button-color) 30%,transparent)}.storage-select:hover:not(:disabled){border-color:color-mix(in srgb,var(--button-color) 50%,transparent)}.storage-select:disabled{opacity:.5;cursor:not-allowed}.storage-select option{background-color:var(--surface-color);color:var(--dropdown-text-color);padding:8px 12px}.storage-select optgroup{color:var(--button-color);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px}.save-button{background-color:var(--success-color);color:var(--text-color);border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:14px;font-family:Orbitron,sans-serif;transition:background-color .3s;font-weight:700}.save-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--success-color) 80%,transparent)}.save-button:disabled{opacity:.5;cursor:not-allowed}.clear-button{background-color:var(--error-color);color:var(--text-color);border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:14px;font-family:Orbitron,sans-serif;transition:background-color .3s}.clear-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--error-color) 80%,transparent)}.clear-button:disabled{opacity:.5;cursor:not-allowed}.scu-total-display{color:var(--dropdown-text-color);font-size:14px;font-weight:700;padding:8px 12px;background-color:var(--surface-color);border-radius:5px}.commodities-list{flex:1;overflow-y:auto;max-height:600px}.commodity-section{margin-bottom:10px}.commodity-section-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background-color:var(--surface-color);border-radius:5px;cursor:pointer;color:var(--text-primary);font-weight:700;margin-bottom:6px;transition:background-color .2s;font-size:14px}.commodity-section-header:hover{background-color:var(--surface-color)}.commodity-items{display:flex;flex-direction:column;gap:3px}.commodity-item{padding:4px 8px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:5px;cursor:pointer;color:var(--text-primary);transition:all .2s;font-size:13px}.commodity-item:hover{background-color:var(--surface-color);border-color:var(--button-color)}.commodity-item.in-storage{border-color:var(--button-color);border-width:2px}.commodity-code{color:var(--text-secondary);font-size:12px;margin-left:5px}.storage-table{flex:1;overflow-y:auto;max-height:600px}.no-storage{text-align:center;padding:40px;color:var(--text-secondary);font-size:16px}.storage-group{margin-bottom:15px;border:1px solid var(--border-color);border-radius:5px;overflow:hidden}.storage-group-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--surface-color);cursor:pointer;color:var(--text-primary);font-weight:700;transition:background-color .2s}.storage-group-header:hover{background-color:var(--surface-color)}.group-header-right{display:flex;align-items:center;gap:10px}.commodity-total-scu{color:var(--dropdown-text-color);font-size:12px;font-weight:400;padding:4px 8px;background-color:var(--surface-color);border-radius:4px}.delete-all-commodity-button{background-color:var(--error-color);color:var(--text-color);border:none;border-radius:5px;width:24px;height:24px;cursor:pointer;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background-color .2s;padding:0}.delete-all-commodity-button:hover{background-color:color-mix(in srgb,var(--error-color) 80%,transparent)}.storage-entries{padding:10px;background-color:var(--surface-color)}.storage-entry{padding:12px;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:5px;margin-bottom:8px;display:flex;flex-direction:column;gap:10px}.entry-info{display:flex;flex-wrap:wrap;gap:15px;color:var(--text-primary);font-size:14px;align-items:center;width:100%}.entry-info.clickable{cursor:pointer;padding:8px;border-radius:5px;transition:background-color .2s;justify-content:space-between}.entry-info.clickable:hover{background-color:color-mix(in srgb,var(--text-color) 5%,transparent)}.entry-info span{color:var(--text-secondary)}.entry-commodity-name{font-weight:700;color:var(--text-primary)!important}.entry-scu-size,.entry-scu-total{color:var(--dropdown-text-color)!important;font-weight:700}.expand-indicator{margin-left:auto;color:var(--text-secondary);font-size:12px}.entry-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.scu-blocks-wrapper{display:flex;gap:20px;align-items:flex-start;width:100%;margin-bottom:15px}.scu-blocks-container{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;width:540px}.scu-block{background-color:var(--surface-color);border:2px solid var(--border-color);border-radius:6px;padding:6px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all .2s;min-height:70px;max-width:80px}.scu-block:hover{border-color:var(--button-color);background-color:var(--surface-color)}.scu-block-icon{color:var(--dropdown-text-color);display:flex;align-items:center;justify-content:center;position:relative;flex:1;min-height:28px}.scu-block-icon svg{width:24px;height:24px}.scu-block-count{position:absolute;top:-8px;right:-8px;background-color:var(--button-color);color:var(--text-color);font-size:11px;font-weight:700;padding:2px 5px;border-radius:10px;min-width:18px;text-align:center;border:2px solid var(--surface-color)}.scu-block-button{width:100%;background-color:var(--surface-color);color:var(--dropdown-text-color);border:1px solid var(--border-color);border-radius:3px;padding:4px;cursor:pointer;font-size:16px;font-weight:700;font-family:Orbitron,sans-serif;transition:all .2s;min-height:24px;display:flex;align-items:center;justify-content:center}.scu-block-plus:hover:not(:disabled){background-color:var(--success-color);border-color:var(--success-color);color:var(--text-color)}.scu-block-minus:hover:not(:disabled){background-color:var(--error-color);border-color:var(--error-color);color:var(--text-color)}.scu-block-button:disabled{opacity:.3;cursor:not-allowed}.scu-size-labels{display:flex;flex-direction:column;gap:12px;padding-top:8px;border-left:2px solid var(--border-color);padding-left:16px;min-width:100px}.scu-size-label{color:var(--dropdown-text-color);font-size:14px;font-weight:700;font-family:Orbitron,sans-serif;text-align:left;min-height:28px;display:flex;align-items:center;justify-content:flex-start}.quantity-control{display:flex;align-items:center;gap:5px}.quantity-button{background-color:var(--surface-color);color:var(--dropdown-text-color);border:1px solid var(--border-color);border-radius:5px;width:30px;height:30px;cursor:pointer;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s}.quantity-button:hover{background-color:var(--surface-color);border-color:var(--button-color)}.quantity-input{background-color:var(--surface-color);color:var(--dropdown-text-color);border:1px solid var(--border-color);border-radius:5px;width:60px;height:30px;text-align:center;font-size:14px;font-family:Orbitron,sans-serif}.quantity-input:focus{outline:none;border-color:var(--button-color)}.delete-entry-button{background-color:var(--error-color);color:var(--text-color);border:none;border-radius:5px;width:30px;height:30px;cursor:pointer;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background-color .2s;margin-left:auto}.delete-entry-button:hover{background-color:color-mix(in srgb,var(--error-color) 80%,transparent)}.scu-selector-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--background-color) 70%,transparent);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scu-selector-content{background-color:var(--background-color);border:2px solid var(--button-color);border-radius:10px;padding:0;min-width:400px;max-width:90%;box-shadow:0 8px 32px color-mix(in srgb,var(--background-color) 50%,transparent);animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.scu-selector-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-color)}.scu-selector-header h3{color:var(--text-primary);margin:0;font-family:Orbitron,sans-serif;font-size:18px}.close-modal-button{background-color:transparent;color:var(--text-secondary);border:none;font-size:28px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:5px;transition:all .2s;padding:0;line-height:1}.close-modal-button:hover{background-color:var(--surface-color);color:var(--text-primary)}.scu-selector-body{padding:20px}.scu-selector-body p{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.scu-selector-body p strong{color:var(--text-primary)}.scu-selector-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.scu-selector-button{background-color:var(--surface-color);color:var(--dropdown-text-color);border:2px solid var(--border-color);border-radius:8px;padding:15px 20px;cursor:pointer;font-size:16px;font-family:Orbitron,sans-serif;font-weight:700;transition:all .2s}.scu-selector-button:hover{background-color:var(--surface-color);border-color:var(--button-color);transform:translateY(-2px);box-shadow:0 4px 8px color-mix(in srgb,var(--button-color) 30%,transparent)}.scu-selector-button:active{transform:translateY(0)}@media (max-width: 1200px){.storage-content{grid-template-columns:1fr}.scu-selector-content{min-width:300px}.scu-selector-buttons{grid-template-columns:repeat(2,1fr)}}.grid3d-tab{display:flex;flex-direction:column;height:100%;width:100%;background:var(--background-color);color:var(--button-color);font-family:Orbitron,sans-serif;padding:20px;box-sizing:border-box}.grid3d-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--button-color)}.grid3d-header h2{margin:0;font-size:24px;font-weight:600;color:var(--button-color);text-transform:uppercase;letter-spacing:2px}.grid3d-controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.btn-reload-grid,.btn-clear-cargo,.btn-place-manifest{background:var(--error-color);color:var(--text-color);border:none;padding:10px 20px;border-radius:4px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.btn-reload-grid{background:var(--primary-color);color:var(--text-color)}.btn-place-manifest{background:var(--button-color);color:var(--background-color)}.btn-reload-grid:hover:not(:disabled){background:var(--secondary-color);box-shadow:0 0 10px color-mix(in srgb,var(--primary-color) 50%,transparent);transform:rotate(180deg)}.btn-clear-cargo:hover:not(:disabled){background:color-mix(in srgb,var(--error-color) 80%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--error-color) 50%,transparent)}.btn-place-manifest:hover:not(:disabled){background:var(--button-color-green);box-shadow:0 0 10px color-mix(in srgb,var(--button-color) 50%,transparent)}.btn-reload-grid:disabled,.btn-clear-cargo:disabled,.btn-place-manifest:disabled{opacity:.5;cursor:not-allowed}.control-group{display:flex;flex-direction:column;gap:8px;min-width:300px}.control-group label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--button-color);opacity:.8}.grid3d-stats{display:flex;gap:20px;align-items:center;padding:15px;background:color-mix(in srgb,var(--button-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 20%,transparent);border-radius:4px;margin-bottom:20px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:5px}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--button-color);opacity:.7}.stat-value{font-size:18px;font-weight:600;color:var(--button-color)}.stat-progress{flex:1;min-width:200px;max-width:400px}.progress-bar{width:100%;height:8px;background:color-mix(in srgb,var(--button-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 30%,transparent);border-radius:4px;overflow:hidden;margin-top:5px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--button-color),var(--primary-color));transition:width .3s ease;box-shadow:0 0 10px color-mix(in srgb,var(--button-color) 50%,transparent)}.grid3d-canvas-container{flex:1;min-height:600px;background:var(--background-color);border:2px solid var(--button-color);border-radius:4px;overflow:hidden;position:relative;margin-bottom:20px}.side-menu-toggle{position:absolute;top:0;right:0;z-index:100;background:linear-gradient(135deg,color-mix(in srgb,var(--button-color) 95%,transparent),color-mix(in srgb,var(--primary-color) 95%,transparent));color:var(--background-color);border:none;border-left:3px solid var(--button-color);border-bottom:3px solid var(--button-color);border-radius:0 0 0 8px;padding:12px 16px;font-size:18px;font-weight:300;cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif;box-shadow:-2px 2px 15px color-mix(in srgb,var(--button-color) 40%,transparent);display:flex;align-items:center;justify-content:center;min-width:50px;letter-spacing:-1px}.side-menu-toggle:before{content:"▶";display:block;transform:scaleX(.6);transform-origin:center}.side-menu-toggle.menu-open{right:320px;border-left:none;border-right:3px solid var(--button-color);border-radius:0 0 8px;box-shadow:2px 2px 15px color-mix(in srgb,var(--button-color) 40%,transparent)}.side-menu-toggle:hover{background:linear-gradient(135deg,var(--button-color),var(--primary-color));box-shadow:-4px 4px 20px color-mix(in srgb,var(--button-color) 60%,transparent);transform:translate(-2px)}.side-menu-toggle.menu-open:hover{transform:translate(2px);box-shadow:4px 4px 20px color-mix(in srgb,var(--button-color) 60%,transparent)}.side-menu-toggle:active{transform:translate(0)}.grid3d-side-menu{position:absolute;top:0;right:0;width:320px;max-height:100%;background:color-mix(in srgb,var(--background-color) 98%,transparent);border-left:3px solid var(--button-color);border-bottom:3px solid var(--button-color);border-radius:0 0 0 8px;z-index:99;display:flex;flex-direction:column;overflow-y:auto;box-shadow:-4px 0 30px color-mix(in srgb,var(--background-color) 70%,transparent);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transform:translate(100%);animation:slideInRight .3s ease forwards}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.grid3d-side-menu.closing{animation:slideOutRight .3s ease forwards}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.side-menu-header{display:flex;justify-content:flex-start;align-items:center;padding:15px 20px;border-bottom:1px solid color-mix(in srgb,var(--button-color) 30%,transparent);background:color-mix(in srgb,var(--button-color) 5%,transparent)}.side-menu-header h3{margin:0;font-size:16px;font-weight:600;color:var(--button-color);text-transform:uppercase;letter-spacing:1px}.side-menu-close{background:transparent;color:var(--button-color);border:1px solid var(--button-color);border-radius:4px;width:28px;height:28px;font-size:20px;line-height:1;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;padding:0}.side-menu-close:hover{background:var(--button-color);color:var(--background-color)}.grid3d-side-menu .add-cargo-form{display:flex;flex-direction:column;gap:15px;padding:20px}.cargo-list-toggle{position:absolute;top:0;left:0;z-index:100;background:linear-gradient(135deg,color-mix(in srgb,var(--button-color) 95%,transparent),color-mix(in srgb,var(--primary-color) 95%,transparent));color:var(--background-color);border:none;border-right:3px solid var(--button-color);border-bottom:3px solid var(--button-color);border-radius:0 0 8px;padding:12px 16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif;box-shadow:2px 2px 15px color-mix(in srgb,var(--button-color) 40%,transparent);display:flex;align-items:center;justify-content:center;gap:8px;min-width:60px}.cargo-icon{font-size:18px;display:inline-block;filter:drop-shadow(1px 1px 2px color-mix(in srgb,var(--background-color) 30%,transparent));transition:transform .2s ease;transform:scaleX(.85) scaleY(.9);transform-origin:center}.cargo-list-toggle:hover .cargo-icon{transform:scaleX(.95) scaleY(1) rotate(5deg)}.cargo-count{font-weight:700;font-size:16px;color:var(--background-color);text-shadow:0 1px 2px color-mix(in srgb,var(--text-color) 30%,transparent)}.cargo-list-toggle.menu-open{left:300px;border-right:none;border-left:3px solid var(--button-color);border-radius:0 0 0 8px;box-shadow:-2px 2px 15px color-mix(in srgb,var(--button-color) 40%,transparent)}.cargo-list-toggle:hover{background:linear-gradient(135deg,var(--button-color),var(--primary-color));box-shadow:4px 4px 20px color-mix(in srgb,var(--button-color) 60%,transparent);transform:translate(2px)}.cargo-list-toggle.menu-open:hover{transform:translate(-2px);box-shadow:-4px 4px 20px color-mix(in srgb,var(--button-color) 60%,transparent)}.cargo-list-toggle:active{transform:translate(0)}.grid3d-cargo-list-menu{position:absolute;top:0;left:0;width:300px;max-height:100%;background:color-mix(in srgb,var(--background-color) 98%,transparent);border-right:3px solid var(--button-color);border-bottom:3px solid var(--button-color);border-radius:0 0 8px;z-index:98;display:flex;flex-direction:column;overflow-y:auto;box-shadow:4px 0 30px color-mix(in srgb,var(--background-color) 70%,transparent);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transform:translate(-100%);animation:slideInLeft .3s ease forwards}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.grid3d-cargo-list-menu.closing{animation:slideOutLeft .3s ease forwards}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}.grid3d-cargo-list-menu .side-menu-header{padding:12px 15px;border-bottom:1px solid color-mix(in srgb,var(--button-color) 30%,transparent);background:color-mix(in srgb,var(--button-color) 5%,transparent)}.grid3d-cargo-list-menu .side-menu-header h3{font-size:14px;margin:0}.cargo-items-compact{display:flex;flex-direction:column;padding:10px;gap:6px;flex:1;overflow-y:auto}.cargo-item-compact{display:flex;align-items:center;padding:8px 10px;background:color-mix(in srgb,var(--button-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 20%,transparent);border-left:4px solid;border-radius:4px;transition:all .2s}.cargo-item-compact:hover{background:color-mix(in srgb,var(--button-color) 10%,transparent);border-color:color-mix(in srgb,var(--button-color) 40%,transparent)}.cargo-item-header{cursor:pointer;-webkit-user-select:none;user-select:none}.cargo-item-header:hover{background:color-mix(in srgb,var(--button-color) 15%,transparent)}.cargo-expand-icon{font-size:10px;color:var(--button-color);opacity:.7;transition:transform .2s ease;margin-left:auto;padding-left:10px;flex-shrink:0}.cargo-expand-icon.expanded{transform:rotate(180deg)}.cargo-scu-dropdown{background:color-mix(in srgb,var(--background-color) 30%,transparent);border-left:4px solid;border-bottom:1px solid color-mix(in srgb,var(--button-color) 10%,transparent);border-right:1px solid color-mix(in srgb,var(--button-color) 10%,transparent);border-radius:0 0 4px 4px;margin-left:4px;margin-top:-4px;padding:8px 10px 8px 20px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.cargo-scu-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid color-mix(in srgb,var(--button-color) 5%,transparent)}.cargo-scu-item:last-child{border-bottom:none}.scu-size-label{font-size:11px;color:var(--button-color);opacity:.8;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.scu-quantity{font-size:11px;color:var(--button-color);opacity:.9;font-weight:600}.cargo-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.cargo-name-compact{font-weight:600;font-size:12px;color:var(--button-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cargo-details-compact{font-size:10px;color:var(--button-color);opacity:.7;text-transform:uppercase;letter-spacing:.5px}.btn-remove-cargo-compact{background:transparent;color:var(--error-color);border:1px solid var(--error-color);border-radius:4px;width:24px;height:24px;font-size:16px;line-height:1;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.btn-remove-cargo-compact:hover{background:var(--error-color);color:var(--text-color);transform:scale(1.1)}.grid3d-canvas-container canvas{width:100%!important;height:100%!important;display:block}.grid3d-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;background:color-mix(in srgb,var(--button-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 20%,transparent);border-radius:4px}.info-section h3{margin:0 0 15px;font-size:16px;font-weight:600;color:var(--button-color);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid color-mix(in srgb,var(--button-color) 30%,transparent);padding-bottom:8px}.info-section ul{list-style:none;padding:0;margin:0}.info-section ul li{padding:8px 0;font-size:14px;color:var(--button-color);opacity:.9}.info-section ul li strong{color:var(--button-color);opacity:1}.legend{display:flex;flex-direction:column;gap:10px}.legend-item{display:flex;align-items:center;gap:10px}.legend-color{width:20px;height:20px;border:1px solid color-mix(in srgb,var(--button-color) 50%,transparent);border-radius:2px}.legend-item span{font-size:14px;color:var(--button-color);opacity:.9}.grid3d-add-cargo{padding:20px;background:color-mix(in srgb,var(--button-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 20%,transparent);border-radius:4px;margin-bottom:20px}.grid3d-add-cargo h3{margin:0 0 15px;font-size:16px;font-weight:600;color:var(--button-color);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid color-mix(in srgb,var(--button-color) 30%,transparent);padding-bottom:8px}.add-cargo-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:15px;align-items:end}.form-field{display:flex;flex-direction:column;gap:5px}.form-field label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--dropdown-label-color);opacity:.8}.quantity-input{background:var(--background-color);border:1px solid var(--button-color);border-radius:4px;padding:8px 12px;color:var(--button-color);font-family:Orbitron,sans-serif;font-size:14px;min-height:35px}.quantity-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 5px color-mix(in srgb,var(--button-color) 30%,transparent)}.btn-add-cargo{background:var(--button-color);color:var(--background-color);border:none;padding:10px 20px;border-radius:4px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s;min-height:35px;text-transform:uppercase;letter-spacing:1px}.btn-add-cargo:hover:not(:disabled){background:var(--button-color-green)}.btn-add-cargo:disabled{opacity:.5;cursor:not-allowed}.grid3d-cargo-list{padding:20px;background:color-mix(in srgb,var(--button-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 20%,transparent);border-radius:4px;margin-bottom:20px}.grid3d-cargo-list h3{margin:0 0 15px;font-size:16px;font-weight:600;color:var(--button-color);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid color-mix(in srgb,var(--button-color) 30%,transparent);padding-bottom:8px}.cargo-items{display:flex;flex-direction:column;gap:10px}.cargo-item{display:flex;align-items:center;gap:15px;padding:10px;background:color-mix(in srgb,var(--button-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--button-color) 20%,transparent);border-radius:4px}.cargo-name{flex:1;color:var(--button-color);font-weight:500}.cargo-details{color:var(--button-color);opacity:.8;font-size:14px}.btn-remove-cargo{background:transparent;color:var(--error-color);border:1px solid var(--error-color);padding:5px 15px;border-radius:4px;font-family:Orbitron,sans-serif;font-size:12px;cursor:pointer;transition:all .3s;text-transform:uppercase}.btn-remove-cargo:hover{background:var(--error-color);color:var(--text-color)}@media (max-width: 768px){.grid3d-header{flex-direction:column;align-items:flex-start;gap:15px}.grid3d-controls{width:100%}.control-group{width:100%;min-width:unset}.add-cargo-form{grid-template-columns:1fr}.grid3d-side-menu,.grid3d-cargo-list-menu{width:100%;max-width:100%}.side-menu-toggle,.cargo-list-toggle{padding:10px 12px;font-size:16px}.grid3d-stats{flex-direction:column;align-items:flex-start}.stat-progress{width:100%;max-width:100%}.grid3d-info{grid-template-columns:1fr}.grid3d-canvas-container{min-height:400px}.cargo-item{flex-direction:column;align-items:flex-start}}.groups-panel{position:fixed;right:0;top:80px;width:300px;max-height:calc(100vh - 100px);background:var(--surface-color);border:1px solid var(--border-color);border-right:none;border-radius:8px 0 0 8px;display:flex;flex-direction:column;z-index:1000;box-shadow:0 4px 12px color-mix(in srgb,var(--background-color) 50%,transparent);transition:all .3s ease}.groups-panel.collapsed{width:auto;height:auto;border-radius:8px 0 0 8px;padding:0}.groups-panel.collapsed .groups-panel-toggle{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface-color);border:1px solid var(--border-color);border-right:none;border-radius:8px 0 0 8px;cursor:pointer;color:var(--text-color);font-size:1.5rem;transition:all .2s ease-in-out;padding:0;margin:0;box-shadow:0 2px 8px color-mix(in srgb,var(--background-color) 30%,transparent);position:relative}.groups-panel.collapsed .groups-panel-toggle:hover{background:var(--header-color);transform:scale(1.05);box-shadow:0 4px 12px color-mix(in srgb,var(--background-color) 40%,transparent)}.groups-panel-header{display:flex;justify-content:space-between;align-items:center;padding:.35rem 1rem;border-bottom:1px solid var(--border-color);background:var(--header-color)}.groups-panel-header h3{margin:0;color:var(--text-color);font-size:.9rem}.groups-panel-header-actions{display:flex;gap:.5rem;align-items:center}.groups-panel-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.5rem;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease-in-out;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.groups-panel-toggle:hover{background:color-mix(in srgb,var(--text-color) 10%,transparent);transform:scale(1.1)}.groups-icon{font-size:1.5rem}.groups-panel-content{flex:1;overflow-y:auto;padding:.5rem;max-height:calc(100vh - 160px)}.groups-loading,.groups-error,.groups-empty{padding:2rem 1rem;text-align:center;color:var(--text-secondary)}.groups-error{color:var(--error-color)}.groups-empty-hint{font-size:.85rem;margin-top:.5rem;opacity:.7}.groups-list{display:flex;flex-direction:column;gap:.5rem}.group-item.selected{border-color:var(--button-color-primary);background:var(--header-color)}.group-item{cursor:pointer}.group-leave-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease-in-out;flex-shrink:0}.group-leave-btn:hover{background:var(--error-color);color:var(--text-color)}.group-members{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.group-members-loading,.group-members-empty{padding:.5rem;text-align:center;color:var(--text-secondary);font-size:.85rem}.group-member-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--background-color);border-radius:4px;border:1px solid var(--border-color)}.member-username{color:var(--text-color);font-size:.85rem}.member-role{font-size:.75rem;color:var(--text-secondary)}.member-role.leader{color:var(--success-color)}.groups-panel-content::-webkit-scrollbar{width:6px}.groups-panel-content::-webkit-scrollbar-track{background:var(--background-color)}.groups-panel-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.groups-panel-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.capture-route .capture-main-content{margin-left:0;width:100%;padding:0}:root{--border-color: #000000;--button-color: #000000;--button-text-color: #ffffff;--button-border-color: #000000;--button-error-color: #dc3545;--button-error-border-color: #000000;--button-error-text-color: #ffffff;--button-caution-color: #ffc107;--button-caution-border-color: #ffc107;--button-caution-text-color: #000000;--button-color-primary: var(--button-color);--button-text-primary: var(--button-text-color);--button-color-primary-hover: #333333;--button-text-secondary: var(--button-text-color);--button-border-secondary: var(--button-border-color);--button-color-secondary-hover: var(--surface-color);--button-text-secondary-hover: var(--button-text-color);--button-border-secondary-hover: var(--button-border-color);--button-color-danger: var(--button-error-color);--button-text-danger: var(--button-error-text-color);--button-color-danger-hover: #c82333;--text-color: #ffffff;--text-secondary: #ffffff;--header-color: #ffffff;--header-text-color: #ffffff;--background-color: #1a1a1a;--surface-color: #2a2a2a;--primary-color: #6b6b6b;--secondary-color: #001015;--title-color: #ffffff;--success-color: #4caf50;--error-color: #f44336;--warning-color: #ff9800;--dropdown-text-color: #fff;--dropdown-label-color: #ffffff;--dropdown-hover-color: #242424;--table-background-color: #2a2a2a;--table-border-color: #2a2a2a;--table-text-color: #ffffff;--table-header-background-color: #000000;--table-header-border-color: #4d4d4d;--table-header-text-color: #ffffff;--table-row-text-color: #ffffff;--table-row-border-color: #4e4e4e;--table-row-hover-background-color: #000000;--table-container-background-color: #1a1a1a;--table-container-border-color: #484848;--table-outline-color: #4e4e4e;--container-background-color: #252525;--container-border-color: #000000;--container-text-color: #ffffff;--container-header-background-color: #000000;--container-header-border-color: #000000;--container-header-text-color: #ffffff;--container-body-background-color: #1a1a1a;--container-body-text-color: #ffffff;--color-border: var(--border-color);--color-button: var(--button-color);--color-button-text: var(--button-text-color);--color-button-border: var(--button-border-color);--color-button-error: var(--button-error-color);--color-button-error-border: var(--button-error-border-color);--color-button-error-text: var(--button-error-text-color);--color-button-caution: var(--button-caution-color);--color-button-caution-border: var(--button-caution-border-color);--color-button-caution-text: var(--button-caution-text-color);--color-text: var(--text-color);--color-text-secondary: var(--text-secondary);--color-header: var(--header-color);--color-header-text: var(--header-text-color);--color-background: var(--background-color);--color-surface: var(--surface-color);--color-primary: var(--primary-color);--color-secondary: var(--secondary-color);--color-title: var(--title-color);--color-success: var(--success-color);--color-error: var(--error-color);--color-warning: var(--warning-color);--color-dropdown-text: var(--dropdown-text-color);--color-dropdown-label: var(--dropdown-label-color);--color-dropdown-hover: var(--dropdown-hover-color);--color-table-background: var(--table-background-color);--color-table-border: var(--table-border-color);--color-table-text: var(--table-text-color);--color-table-header-background: var(--table-header-background-color);--color-table-header-border: var(--table-header-border-color);--color-table-header-text: var(--table-header-text-color);--color-table-row-text: var(--table-row-text-color);--color-table-row-border: var(--table-row-border-color);--color-table-row-hover-background: var(--table-row-hover-background-color);--color-table-container-background: var(--table-container-background-color);--color-table-container-border: var(--table-container-border-color);--color-container-background: var(--container-background-color);--color-container-border: var(--container-border-color);--color-container-text: var(--container-text-color);--color-container-header-background: var(--container-header-background-color);--color-container-header-border: var(--container-header-border-color);--color-container-header-text: var(--container-header-text-color);--color-container-body-background: var(--container-body-background-color);--color-container-body-text: var(--container-body-text-color)}body{font-family:Orbitron,sans-serif;background-color:var(--background-color);color:var(--text-color);overflow-x:hidden}button{font-family:Orbitron,sans-serif;cursor:pointer}input,select,textarea{font-family:Orbitron,sans-serif}.main-content{padding:5px;background-color:var(--background-color);margin-left:64px;transition:margin-left .3s ease;flex:1;display:flex;flex-direction:column}body:not(.sidebar-collapsed) .main-content{margin-left:64px}.tab-content-placeholder{padding:40px;text-align:center}.tab-content-placeholder h2{color:var(--title-color);margin-bottom:20px}.tab-content-placeholder p{color:var(--text-secondary)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Orbitron,sans-serif;background-color:var(--background-color);color:var(--text-color)}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:var(--background-color)}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--primary-color) 30%,transparent);border-radius:0}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--primary-color) 50%,transparent)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--primary-color) 30%,transparent) var(--background-color)}html{background-color:var(--background-color);height:100%}#root{background-color:var(--background-color);min-height:100vh}body{background-color:var(--background-color);margin:0;padding:0}.app{background-color:var(--background-color);display:flex;flex-direction:column;min-height:100vh}header{background-color:var(--header-color);padding:1rem;border-bottom:2px solid var(--border-color)}header h1{font-size:1.5rem;font-weight:600}main{padding:2rem}