/* Aezio Optimized Bundle - 2026-09-09 20:08:10 */

/* Source: aezio.css */
:root { --color-bg: #f4f4f4; --color-surface: #ffffff; --color-card: #ffffff; --color-header-footer: #ffffff; --color-text: #333333; --color-muted: #666666; --color-accent: #e10606; --color-accent-hover: #ff1a1a; --color-accent-hover-button: #666666; --color-border: #dddddd; --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.05); --color-bg-alt: rgba(0, 0, 0, 0.05); --hero-gradient: radial-gradient(circle at top, #ffffff 0%, #f4f4f4 100%); --terminal-overlay: rgba(255, 255, 255, 0.92); --bs-list-group-bg: #eeeeee; --color-thumb-dark: rgba(255, 255, 255, 0); --bs-table-bg: #aaaaaa; --color-primary: #e10606; --color-primary-rgb: 225, 6, 6; --color-accent-rgb: 225, 6, 6; --bs-primary-rgb: 225, 6, 6; --aezio-modal-header-bg: #ffffff; --aezio-modal-header-color: #212529; --aezio-modal-bg: #ffffff; --aezio-modal-color: #212529; --aezio-modal-border: rgba(0, 0, 0, 0.1); --badge-text-aezio: #e10606; --badge-bg-aezio: #f8f9fa;}body.theme-dark { --color-bg: #0f0f0f; --color-surface: #181818; --color-card: #1f1f1f; --color-header-footer: #141414; --color-text: #f5f5f5; --color-muted: #aaaaaa; --color-accent: #e10606; --color-accent-hover: #ff1a1a; --color-accent-hover-button: #aaaaaa; --color-border: #2a2a2a; --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.6); --color-bg-alt: rgba(255, 255, 255, 0.05); --hero-gradient: radial-gradient(circle at top, #1a1a1a 0%, #050505 100%); --terminal-overlay: rgba(10, 10, 10, 0.95); --bs-list-group-bg: #1f1f1f; --color-thumb-dark: rgba(255, 255, 255, 0); --bs-table-bg: #aaaaaa; --aezio-modal-header-bg: #1a1a1a; --aezio-modal-header-color: #f8f9fa; --aezio-modal-bg: #1a1a1a; --aezio-modal-color: #f8f9fa; --aezio-modal-border: #333333; --badge-text-aezio: #e10606; --badge-bg-aezio: #f8f9fa;}body { background-color: var(--color-bg) !important; color: var(--color-text) !important; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; min-height: 100vh; display: flex; flex-direction: column; overflow-x: hidden; transition: background-color 0.3s ease;}body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -1; background: radial-gradient(circle at top center, rgba(225, 6, 6, 0.05), transparent 70%);}#wrapper { display: flex; width: 100%; align-items: stretch;}#content { width: 100%; transition: all 0.3s;}.content-wrapper { flex-grow: 1; padding: 25px;}h1,h2,h3,h4,h5,h6 { color: var(--color-text) !important; font-weight: 600;}a { color: var(--color-accent) !important; text-decoration: none !important; transition: 0.3s ease;}a:hover { color: var(--color-accent-hover-button) !important;}a:active { transform: none !important;}body.theme-dark a:hover { color: var(--color-accent-hover-button) !important;}.text-muted { color: var(--color-muted) !important;}.text-color { color: var(--color-text) !important;}.text-truncate { color: var(--color-text) !important;}.text-primary,.text-accent,.text-aezio { color: var(--color-accent) !important;}.text-blue { color: #0d6efd !important;}.text-green { color: #198754 !important;}.text-yellow { color: #ffc107 !important;}.text-cyan { color: #0dcaf0 !important;}.text-white { color: #fff !important;}.text-black { color: #000 !important;}.text-purple { color: #a55eea !important;}body.theme-dark .text-muted { color: var(--color-muted) !important;}body.theme-dark .text-color { color: var(--color-text) !important;}body.theme-dark .text-truncate { color: var(--color-text) !important;}::selection { background-color: var(--color-accent); color: #fff;}.navbar { background-color: var(--color-header-footer) !important; border-bottom: 1px solid var(--color-border); padding: 10px 20px; position: sticky; top: 0; z-index: 1050 !important;}.navbar-brand,.nav-link,.user-name { color: var(--color-text) !important;}.dropdown-menu { background-color: var(--color-surface); border: 1px solid var(--color-border); border-radius: 12px;}.dropdown-item { color: var(--color-text) !important;}.dropdown-item:hover { background-color: var(--color-card) !important; color: var(--color-accent);}.notification-item:hover { background-color: var(--color-bg-alt); transition: 0.3s;}.notification-item .dropdown-item { white-space: normal;}#btn-back-to-top { position: fixed !important; bottom: 25px !important; right: 25px !important; width: 46px !important; height: 46px !important; padding: 0 !important; border-radius: 50% !important; display: none; z-index: 2000 !important; border: 1px solid var(--color-border) !important; background-color: #000000 !important; color: var(--color-accent) !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;}#btn-back-to-top i { font-size: 1.1rem !important; line-height: 46px !important; margin: 0 !important; display: block !important; text-align: center !important;}#btn-back-to-top:hover { background-color: var(--color-primary) !important; color: #000000 !important;}#sidebar { background-color: var(--color-surface); border-right: 1px solid var(--color-border); transition: all 0.3s ease; min-width: 260px; max-width: 260px; z-index: 1000;}#sidebar .sidebar-header { background-color: var(--color-header-footer); color: var(--color-accent);}#sidebar .list-group-item { background-color: transparent !important; color: var(--color-text) !important; border: none !important; padding: 12px 20px; display: flex !important; align-items: center !important; gap: 12px; transition: all 0.2s ease;}#sidebar .list-group-item span { text-align: left !important;}#sidebar .list-group-item i:not(.sidebar-arrow) { color: var(--color-accent); width: 20px; text-align: center; font-size: 1.1rem; transition: all 0.3s ease;}#sidebar .sidebar-arrow { margin-left: auto !important; font-size: 0.7rem; opacity: 0.5; transition: transform 0.3s ease; color: var(--color-muted);}#sidebar .list-group-item:hover:not(.active) { background-color: var(--color-bg-alt) !important; color: var(--color-accent) !important; padding-left: 24px; }#sidebar .list-group-item.active { background-color: var(--color-accent) !important; color: #ffffff !important; font-weight: 600; border-radius: 0 25px 25px 0; margin-right: 10px;}#sidebar .list-group-item.active i,#sidebar .list-group-item.active .sidebar-arrow { color: #ffffff !important; opacity: 1;}#sidebar .collapse .list-group-item { padding-left: 45px; font-size: 0.85rem;}#sidebar small.text-muted { display: block; padding: 20px 20px 5px 20px; text-transform: uppercase; font-size: 0.65rem; letter-spacing: 1.5px; font-weight: 700; opacity: 0.6;}#status_container .list-group-item { background-color: transparent !important; color: var(--color-text) !important;}#log_list .list-group-item { background-color: transparent !important; color: var(--color-text) !important;}#log_list .list-group-item.active { border-color: var(--color-accent) !important;}.btn { transition: all 0.2s ease-in-out !important; font-weight: 600;}.btn:hover { transform: none !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important; filter: brightness(1.1);}.btn:active { transform: scale(0.96) !important;}.btn-primary,.btn-danger,.btn-aezio { background-color: var(--color-accent) !important; border-color: var(--color-accent) !important; color: #ffffff !important;}.btn-outline-primary { border-color: var(--color-accent) !important; color: var(--color-accent) !important;}.btn-outline-primary:hover { background-color: var(--color-accent) !important; color: #ffffff !important;}.btn-details-custom { background-color: var(--color-bg-alt) !important; border: 1px solid var(--color-border) !important; color: var(--color-text) !important;}.btn-details-custom:hover { background-color: var(--color-accent) !important; color: #ffffff !important;}.btn-pay-pro { background: var(--color-text); color: var(--color-bg) !important; border-radius: 12px; padding: 12px; font-weight: 800; width: 100%; display: block; text-align: center;}.card,.feature-card,.plan-card,.blog-card,.article-card,.product-card,.aezio-card { background-color: var(--color-card) !important; border: 1px solid var(--color-border) !important; border-radius: 16px !important; box-shadow: var(--shadow-soft) !important; transition: box-shadow 0.3s ease, transform 0.3s ease !important; color: var(--color-text) !important;}.card:hover,.feature-card:hover,.plan-card:hover,.blog-card:hover,.article-card:hover,.product-card:hover,.aezio-card:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15) !important;}.card:active,.feature-card:active,.plan-card:active,.blog-card:active,.article-card:active,.product-card:active,.aezio-card:active { transform: none !important; color: inherit !important; }.card.border-primary,.feature-card.border-primary,.fila-promo { border: 2px solid var(--color-accent) !important; box-shadow: 0 0 20px rgba(225, 6, 6, 0.15) !important;}.fila-promo { background-color: rgba(225, 6, 6, 0.05) !important; border-left: 5px solid var(--color-accent) !important;}.transition-hover { transition: transform 0.3s ease, box-shadow 0.3s ease !important;}.transition-hover:hover { transform: translateY(-8px); box-shadow: var(--shadow-soft) !important;}#aezio-preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #0b0d17; display: flex; justify-content: center; align-items: center; z-index: 999999; opacity: 1; visibility: visible; transition: opacity 0.6s ease, visibility 0.6s;}#aezio-preloader.preloader-hidden { opacity: 0 !important; visibility: hidden !important; pointer-events: none;}#loader-logo { width: 80px; animation: aezioBreathe 2.5s ease-in-out infinite; filter: drop-shadow(0 0 10px var(--color-accent));}.loader-line-container { width: 120px; height: 3px; background: rgba(255, 255, 255, 0.08); margin-top: 30px; position: relative; border-radius: 4px; overflow: hidden;}.loader-line-active { position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: var(--color-accent); box-shadow: 0 0 8px var(--color-accent); }@keyframes aezioBreathe { 0%, 100% { transform: scale(1); opacity: 0.9; } 50% { transform: scale(1.05); opacity: 1; filter: drop-shadow(0 0 15px var(--color-accent)); }}.modal-content { background-color: var(--aezio-modal-bg) !important; color: var(--aezio-modal-color) !important; border: 1px solid var(--aezio-modal-border) !important; border-radius: 1rem; box-shadow: var(--shadow-soft); overflow: hidden; }.modal-header { background-color: var(--aezio-modal-header-bg) !important; color: var(--aezio-modal-header-color) !important; border-bottom: 1px solid var(--aezio-modal-border) !important;}.modal-footer { background-color: var(--aezio-modal-header-bg) !important; border-top: 1px solid var(--aezio-modal-border) !important;}body.theme-dark .btn-close { filter: invert(1) grayscale(100%) brightness(200%);}.landing-page-content { background: var(--hero-gradient) !important;}.landing-hero-split { height: 125vh; max-height: 1160px; border-bottom: 2px solid var(--color-accent); display: flex; overflow: hidden; background: #000;}.hero-content-column { flex: 1; background: var(--terminal-overlay) !important; backdrop-filter: blur(10px); border-right: 1px solid var(--color-border); display: flex; align-items: center; justify-content: center;}.hero-title-main { font-size: 3.5rem; color: var(--color-text) !important; line-height: 1.1;}body.theme-dark .hero-title-main { text-shadow: 0 0 15px rgba(225, 6, 6, 0.4);}.htt-terminal-tag { font-family: 'Courier New', Courier, monospace; color: var(--color-accent); text-transform: uppercase; letter-spacing: 4px; font-size: 0.9rem; text-shadow: 0 0 10px rgba(225, 6, 6, 0.7); animation: htt-pulse 2s infinite ease-in-out;}.timeline-line { position: absolute; left: 20px; top: 0; bottom: 0; width: 2px; background: #e9ecef; z-index: -1;}.post-content { font-size: 1.15rem; line-height: 1.9; color: var(--color-text);}.post-content h1,.post-content h2,.post-content h3 { color: var(--color-text) !important; margin-top: 2.5rem; margin-bottom: 1.5rem;}.post-content blockquote { border-left: 5px solid var(--color-accent); padding: 1.5rem 2rem; background: var(--color-bg-alt); font-style: italic; border-radius: 0 15px 15px 0; margin: 2.5rem 0; color: var(--color-text);}.post-content img { max-width: 80%; height: auto; border-radius: 15px; cursor: zoom-in; transition: 0.3s; margin: 2rem auto; display: block; box-shadow: var(--shadow-soft);}.featured-hero { position: relative; width: 100%; height: 70vh; border-radius: 30px; overflow: hidden; margin-bottom: -60px; z-index: 1; background: #000; box-shadow: var(--shadow-soft);}.featured-hero img { width: 100%; height: 100%; object-fit: cover; object-position: center 20%;}.comment-bubble { background: var(--color-bg-alt); border-radius: 20px; padding: 20px; color: var(--color-text);}.post-tag { background: var(--color-bg-alt); color: var(--color-text) !important; border: 1px solid var(--color-border); padding: 8px 15px; border-radius: 50px; font-size: 0.85rem;}.post-tag:hover { background: var(--color-accent); color: white !important; transform: translateY(-2px);}#aezio-lightbox { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.95); display: none; justify-content: center; align-items: center; z-index: 9999; backdrop-filter: blur(10px);}#lightbox-content { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}#lightbox-content img,#lightbox-content video { max-width: 95vw; max-height: 85vh; object-fit: contain; border-radius: 10px;}.edit-post-fab { position: fixed; bottom: 18px; right: 75px; z-index: 1000;}.edit-post-fab .btn { border-radius: 50px; padding: 12px 25px; border: 2px solid rgba(255, 255, 255, 0.2);}.radar-table { background: rgba(0, 255, 0, 0.05); border: 1px solid #198754; font-size: 0.85rem;}.radar-table th { color: #198754; text-transform: uppercase; border-bottom: 2px solid #198754;}.radar-table tbody tr:hover { background: rgba(0, 255, 0, 0.1); cursor: pointer;}.ref-tag { font-family: 'Courier New', monospace; background-color: var(--color-bg-alt); border: 1px solid var(--color-border); color: var(--color-muted); padding: 2px 8px; border-radius: 4px; font-size: 0.85rem; font-weight: bold;}.note-frame { box-sizing: border-box; color: #000; font-family: sans-serif; border-radius: 4px; background-color: #fff;}.note-frame h1,.note-frame h2,.note-frame h3 { color: #000 !important;}.active-thumb { border-color: var(--color-accent) !important; border-width: 2px !important; opacity: 1 !important;}.thumb-gallery { opacity: 0.6; transition: all 0.2s ease;}.thumb-gallery:hover { opacity: 1; border-color: var(--color-accent);}.breadcrumb-item+.breadcrumb-item::before { content: ">"; font-size: 0.8rem; color: #ccc;}.icon-circle { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem;}.preset-option { border: 2px solid var(--color-border) !important; transition: 0.3s;}.preset-option:hover { transform: scale(1.1); border-color: var(--color-accent) !important; box-shadow: 0 0 15px rgba(225, 6, 6, 0.3);}.preset-selected { border: 3px solid var(--color-accent) !important; background: rgba(225, 6, 6, 0.1) !important;}#liveStream { display: flex; flex-direction: column; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--primary) transparent;}.stream-row { animation: fadeInDown 0.3s ease-out;}@keyframes fadeInDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); }}.pagination .page-link { background-color: var(--color-surface); border-color: var(--color-border); color: var(--color-text);}.pagination .page-item.active .page-link { background-color: var(--color-accent) !important; border-color: var(--color-accent) !important; color: #fff !important;}.pagination .page-item.disabled .page-link { background-color: var(--color-bg) !important; color: var(--color-muted) !important; opacity: 0.6;}.form-control,.form-select { background-color: var(--color-surface) !important; border: 1px solid var(--color-border) !important; color: var(--color-text) !important;}.form-control:focus,.form-select:focus { border-color: var(--color-accent) !important; box-shadow: 0 0 0 0.25rem rgba(225, 6, 6, 0.15) !important;}.form-check-input:checked { background-color: var(--color-accent) !important; border-color: var(--color-accent) !important;}.dataTables_filter input { border-radius: 20px; padding: 5px 15px; border: 1px solid var(--color-border); font-size: 0.8rem;}label { color: var(--color-text);}.table td { white-space: normal !important; word-wrap: break-word; vertical-align: middle;}.table tbody tr td { overflow-x: auto; overflow-y: hidden; white-space: nowrap; background-color: var(--color-card) !important; color: var(--color-text) !important;}body.theme-dark .table tbody tr td { overflow-x: auto; overflow-y: hidden; white-space: nowrap; background-color: var(--color-card) !important; color: var(--color-text) !important;}.dataTables_info { color: var(--color-text) !important;}body.theme-dark .dataTables_info { color: var(--color-text) !important;}::-webkit-scrollbar { width: 10px; height: 10px;}::-webkit-scrollbar-track { background: #f4f4f4;}::-webkit-scrollbar-thumb { background-color: #e10606; border-radius: 10px; border: 2px solid #f4f4f4;}body.theme-dark ::-webkit-scrollbar-track,html:has(body.theme-dark) ::-webkit-scrollbar-track,body.theme-dark::-webkit-scrollbar-track { background: #0f0f0f !important;}body.theme-dark ::-webkit-scrollbar-thumb,html:has(body.theme-dark) ::-webkit-scrollbar-thumb,body.theme-dark::-webkit-scrollbar-thumb { background-color: #e10606 !important; border: 2px solid #0f0f0f !important; box-shadow: 0 0 5px rgba(225, 6, 6, 0.4); }html { scrollbar-width: thin; scrollbar-color: #e10606 #f4f4f4;}body.theme-dark,html:has(body.theme-dark) { scrollbar-color: #e10606 #0f0f0f !important; color-scheme: dark;}::-webkit-scrollbar-thumb:hover { background-color: #ff1a1a !important;}.maintenance-box,.security-card { background: var(--color-surface) !important; border: 1px solid var(--color-border); text-align: center;}.progress-bar-fill { background: var(--color-accent); box-shadow: 0 0 15px var(--color-accent); animation: system-loading 2s infinite;}.ip-badge { background: var(--color-bg-alt); padding: 5px 15px; border-radius: 6px; font-family: monospace; color: var(--color-accent); border: 1px solid var(--color-border);}.video-player-body { background: #080808; min-height: 100vh; padding-bottom: 50px;}.video-full-container { width: 100%; background: #000; display: flex; justify-content: center; border-bottom: 2px solid var(--color-accent); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);}#aezio-video-player { width: 100%; max-width: 1200px; max-height: 70vh; background: #000; outline: none;}.card.bg-dark { background-color: #111 !important;}.exercise-card { transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); border-radius: 12px !important; background: #1a1a1a !important;}.exercise-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4) !important;}.ratio-16x9 { background-size: cover; background-position: center; background-repeat: no-repeat;}footer { background: var(--color-header-footer) !important; border-top: 1px solid var(--color-border) !important;}.footer .bi,.footer i { color: var(--color-text) !important; font-size: 1.5rem; transition: 0.3s;}.footer a:hover i,.footer a:hover .bi { color: var(--color-accent) !important; transform: scale(1.2) translateY(-3px);}@keyframes htt-pulse { 0%, 100% { transform: scale(1); opacity: 0.8; } 50% { transform: scale(1.05); opacity: 1; text-shadow: 0 0 20px rgba(225, 6, 6, 1); }}@keyframes system-loading { 0% { transform: translateX(-100%); } 100% { transform: translateX(200%); }}@keyframes aezioBreathe { 0%, 100% { transform: scale(1); opacity: 0.9; } 50% { transform: scale(1.1); opacity: 1; }}@keyframes aezioScan { 0% { left: -100%; } 100% { left: 100%; }}@keyframes maintenance-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); }}@keyframes shield-hit { 0% { transform: scale(1); color: #dc3545; } 50% { transform: scale(1.3); color: #ffc107; text-shadow: 0 0 20px rgba(255, 193, 7, 0.8); } 100% { transform: scale(1); color: #dc3545; }}@keyframes flash-blue-bg { 0% { background-color: rgba(13, 110, 253, 0.15); } 100% { background-color: transparent; }}.bg-white { background-color: #ffffff !important; color: #333333 !important; }.bg-black { background-color: #000000 !important; color: #ffffff !important; }.bg-aezio { background-color: var(--color-accent) !important; color: #ffffff !important; box-shadow: 0 4px 15px rgba(var(--color-primary-rgb), 0.2);}.bg-accent { background-color: var(--badge-bg-aezio) !important; color: var(--badge-text-aezio) !important;}.bg-purple { background-color: #a55eea !important;}.bg-primary-soft,.bg-accent-soft,.bg-aezio-soft { background: rgba(var(--color-primary-rgb), 0.1) !important; color: var(--color-accent) !important; border: 1px solid rgba(var(--color-primary-rgb), 0.2);}.bg-success-soft { background-color: rgba(40, 167, 69, 0.1) !important; color: #28a745 !important;}.bg-danger-soft { background-color: rgba(220, 53, 69, 0.1) !important; color: #dc3545 !important;}.bg-warning-soft { background-color: rgba(255, 193, 7, 0.1) !important; color: #ffc107 !important;}.bg-info-soft,.bg-soft-info { background-color: rgba(13, 202, 240, 0.1) !important; color: #0dcaf0 !important;}.bg-soft-warning { background-color: rgba(255, 193, 7, 0.1);}.bg-purple-soft { background-color: rgba(165, 94, 234, 0.1) !important;}.bg-blue { background-color: #0d6efd !important; color: #fff !important;}.bg-green { background-color: #198754 !important; color: #fff !important;}.bg-yellow { background-color: #ffc107 !important; color: #000 !important;}.bg-cyan { background-color: #0dcaf0 !important; color: #000 !important;}.input-group-text { background-color: var(--color-bg-alt) !important; border-color: var(--color-border) !important; color: var(--color-muted) !important;}code { color: var(--color-accent) !important; background-color: rgba(var(--color-accent-rgb), 0.1); padding: 2px 6px; border-radius: 4px;}.table thead th { background-color: var(--color-header-footer) !important; color: var(--color-muted) !important; border-bottom: 2px solid var(--color-border) !important;}.bg-dark-soft { background-color: var(--color-bg-alt) !important;}body.theme-dark .text-muted { color: #888888 !important;}.nav-pills .nav-link { color: var(--color-text); transition: 0.3s;}.nav-pills .nav-link:hover { background-color: var(--color-bg-alt);}.nav-pills .nav-link.active { background: rgba(var(--color-primary-rgb), 0.1) !important; color: var(--color-accent) !important; border: 1px solid rgba(var(--color-primary-rgb), 0.2);}.tab-content>.tab-pane { padding-top: 10px;}.accordion-button:not(.collapsed) { background-color: var(--color-bg-alt) !important; color: var(--color-accent) !important; box-shadow: none !important;}.accordion-button::after { filter: invert(var(--terminal-overlay)); }.img-thumbnail { background-color: var(--color-bg) !important; border: 1px solid var(--color-border) !important;}.img-thumbnail-dark { background-color: var(--color-thumb-dark) !important; border: 1px solid var(--color-border) !important;}.swal2-title h2 { color: var(--text-color) !important;}body.theme-dark h2.swal2-title { color: var(--text-color) !important;}input[type="file"].form-control-xs { font-size: 0.7rem; padding: 0.2rem 0.5rem;}#tab-plans .table input.form-control-sm { background-color: var(--color-bg) !important; border-color: var(--color-border);}#tab-layout .card-header input#routeSearch { max-width: 250px;}img[id^="prev_brand_"] { filter: drop-shadow(0 0 5px rgba(225, 6, 6, 0.1));}.dropzone .dz-preview { background: var(--color-card) !important; border: 1px solid var(--color-border) !important; border-radius: 12px !important; margin: 10px !important; padding: 10px !important; display: flex !important; flex-direction: column !important; align-items: center !important; width: 160px !important;}.dropzone .dz-preview .dz-image { border-radius: 8px !important; width: 120px !important; height: 120px !important; margin-bottom: 10px !important; order: 1; }.dropzone .dz-preview .dz-size { order: 2; margin-bottom: 5px !important; font-size: 0.75rem !important; color: var(--color-muted) !important; position: static !important; opacity: 1 !important;}.dropzone .dz-preview .dz-filename { order: 3; font-size: 0.7rem !important; color: var(--color-text) !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 140px;}.dropzone .dz-preview .dz-filename span { background: transparent !important; border: none !important;}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark { display: none !important;}.kpi-card { border-radius: 12px !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; border: 1px solid rgba(255, 255, 255, 0.1) !important;}.kpi-card:hover { transform: translateY(-4px) !important; box-shadow: var(--shadow-soft) !important;}.kpi-value { font-size: 2.2rem; font-weight: 800; font-family: 'Courier New', monospace; margin: 10px 0;}.kpi-label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; opacity: 0.8;}.chart-container { position: relative; height: 350px; width: 100%;}.small-chart-container { position: relative; height: 220px; width: 100%;}.kpi-card .progress { background-color: rgba(0, 0, 0, 0.2) !important; border-radius: 10px;}.kpi-card.bg-primary .kpi-label,.kpi-card.bg-success .kpi-label,.kpi-card.bg-info .kpi-label { color: rgba(255, 255, 255, 0.7) !important;}.spinner-sonar { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: rgba(var(--bs-primary-rgb), 0.2); border-radius: 50%; animation: sonar 1.5s infinite ease-out;}@keyframes sonar { 0% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.8; } 100% { transform: translate(-50%, -50%) scale(1.8); opacity: 0; }}.dot-pulse { width: 8px; height: 8px; background-color: var(--bs-primary); border-radius: 50%; animation: pulse 1s infinite alternate;}@keyframes pulse { 0% { transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1.2); opacity: 1; }}@media (max-width: 576px) { .navbar { padding: 10px 15px !important; } .navbar-brand img { height: 32px !important; } .content-wrapper { padding: 12px !important; } .card-body { padding: 15px !important; } .d-flex.gap-3, .d-flex.gap-2 { flex-wrap: wrap !important; } .btn-lg { width: 100% !important; text-align: center; }}@media (max-width: 992px) { #wrapper, .main-container { flex-direction: column !important; width: 100% !important; display: block !important; } .content-wrapper { padding: 15px !important; width: 100% !important; } #sidebar, .main-container > #sidebar { display: none !important; } .navbar-collapse { max-height: 75vh !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; padding-bottom: 30px !important; } body:has(.navbar-collapse.show) { overflow: hidden !important; } .mobile-sidebar-links .mobile-nav-item { color: var(--color-text) !important; border-bottom: 1px solid var(--color-border) !important; padding: 12px 15px !important; font-size: 0.85rem !important; } .mobile-sidebar-links .list-group-flush { padding-left: 0 !important; background: transparent !important; } .mobile-nav-item { color: var(--color-text) !important; border-bottom: 1px solid var(--color-border) !important; border-radius: 0 !important; font-size: 0.9rem !important; } .mobile-nav-item i { color: var(--color-accent) !important; width: 25px; } .mobile-sidebar-links .sidebar-arrow { display: none !important; } #navbarNav .d-flex.flex-column { width: 100% !important; } #navbarNav .d-flex.flex-column .nav-link { color: var(--color-text) !important; padding: 10px 15px !important; width: 100% !important; border-bottom: 1px solid var(--color-border); } #navbarNav .d-flex.flex-column small.text-muted, #navbarNav .d-flex.flex-column hr { display: none !important; } .landing-hero-split { flex-direction: column !important; height: auto !important; max-height: none !important; } .hero-content-column { width: 100% !important; padding: 40px 15px !important; border-right: none !important; } .hero-video-column { width: 100% !important; height: 35vh !important; } .hero-title-main { font-size: 2.2rem !important; text-align: center !important; } .hero-content-inner { text-align: center !important; } .hero-content-inner .d-flex { justify-content: center !important; flex-direction: column !important; gap: 10px !important; } .table-responsive { border: none !important; margin-bottom: 0; } .table td, .table th { font-size: 0.8rem !important; padding: 8px 6px !important; } .featured-hero { height: 250px !important; margin-bottom: 15px !important; }}@media (min-width: 992px) { #sidebar, .sidebar { position: relative !important; top: 0 !important; height: auto !important; max-height: none !important; overflow: visible !important; overflow-y: visible !important; overflow-x: hidden !important; } #wrapper { min-height: calc(100vh - 61px) !important; align-items: stretch !important; }}#main-nav-logo,#brand-static-logo,#brand-htt-logo,#brand-htt-text-logo,#brand-triangle-logo,#brand-spain-logo { transition: 0.3s; max-width: 100%;}body.theme-dark #main-nav-logo { filter: drop-shadow(0 0 5px rgba(225, 6, 6, 0.2));}