body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

:root {
    --primary-color: #007bff;
    --primary-dark-color: #0056b3;
    --secondary-color: #6c757d;
    --success-color: #28a745;
    --danger-color: #dc3545;
    --info-color: #17a2b8;
    --warning-color: #ffc107;
    --light-bg-color: #f0f2f5;
    --dark-bg-color: #121212;
    --light-text-color: #212529;
    --dark-text-color: #e0e0e0;
    --card-bg-light: #ffffff;
    --card-bg-dark: #1e1e1e;
    --border-color-light: #dee2e6;
    --border-color-dark: #2d2d2d;
}

#wrapper { display: flex; height: 100vh; overflow: hidden; }
#page-content-wrapper { flex-grow: 1; overflow-y: auto; min-height: 100vh; }
#sidebar-wrapper {
    width: 250px;
    display: flex;
    flex-direction: column;
    transition: width 0.35s ease, background-color 0.3s ease;
    box-shadow: 3px 0 15px rgba(0,0,0,0.2);
    position: relative;
    z-index: 1000;
    flex-shrink: 0;
}
#wrapper.sidebar-collapsed #sidebar-wrapper { width: 80px; }
#wrapper.sidebar-collapsed .sidebar-heading span,
#wrapper.sidebar-collapsed .nav-link span,
#wrapper.sidebar-collapsed .sidebar-footer span { display: none; }
#wrapper.sidebar-collapsed .nav-link { text-align: center; padding-left: 0 !important; padding-right: 0 !important; }
#wrapper.sidebar-collapsed .nav-link i { margin-right: 0 !important; }

.sidebar-heading {
    padding: 1.5rem 1rem;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    white-space: nowrap;
    color: #d5d5d5;
    background: linear-gradient(180deg, #4a4a4a, #333);
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #777;
}
#sidebar-wrapper ul.components {
    padding: 20px 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    flex-grow: 1;
    overflow-y: auto; 
    scrollbar-width: thin; 
    scrollbar-color: #888 #555; 
}
#sidebar-wrapper ul.components::-webkit-scrollbar {
    width: 8px;
}
#sidebar-wrapper ul.components::-webkit-scrollbar-track {
    background: #555;
}
#sidebar-wrapper ul.components::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
    border: 2px solid #555;
}
#sidebar-wrapper ul.components li a.nav-link {
    padding: 12px 15px;
    display: block;
    transition: all 0.2s ease;
    white-space: nowrap;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    border-left: 5px solid transparent;
    color: #ffffff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
}
#sidebar-wrapper ul.components li a.nav-link i { width: 20px; margin-right: 10px; font-size: 1.1rem; text-align: center; }
#sidebar-wrapper ul.components li a.nav-link:hover,
#sidebar-wrapper ul.components li a.nav-link.active {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    border-left: 5px solid var(--warning-color);
    text-shadow: 0 0 8px var(--warning-color);
}
#sidebar-wrapper ul.components li a.nav-link.text-danger { color: #ff8a80 !important; font-weight: bold; }
#sidebar-wrapper ul.components li a.nav-link.text-danger:hover {
    background-color: rgba(255, 82, 82, 0.2) !important;
    color: #ff5252 !important;
    text-shadow: 0 0 8px #ff5252;
}
.sidebar-footer {
    padding: 1rem;
    white-space: nowrap;
}

body.theme-light { background: var(--light-bg-color); color: var(--light-text-color); }
body.theme-light #sidebar-wrapper { background: linear-gradient(145deg, #007bff, #0056b3); }
body.theme-light .card { background-color: var(--card-bg-light); }
body.theme-light .card-header { border-bottom-color: var(--border-color-light); }
body.theme-light .table-primary { background-color: var(--primary-color); }
body.theme-light #sidebar-wrapper ul.components::-webkit-scrollbar-track { background: #d4d4d4; }
body.theme-light #sidebar-wrapper ul.components::-webkit-scrollbar-thumb { background-color: #a0a0a0; border-color: #d4d4d4; }


body.theme-ocean { --primary-color: #009688; --light-bg-color: #e0f2f1; --border-color-light: #b2dfdb; }
body.theme-ocean #sidebar-wrapper { background: linear-gradient(145deg, #009688, #00695c); }
body.theme-ocean .card { border: 1px solid var(--border-color-light); }
body.theme-ocean #sidebar-wrapper ul.components::-webkit-scrollbar-track { background: #b2dfdb; }
body.theme-ocean #sidebar-wrapper ul.components::-webkit-scrollbar-thumb { background-color: #80cbc4; border-color: #b2dfdb; }


@keyframes animate-gradient-sidebar { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
body.theme-dark { background: var(--dark-bg-color); color: var(--dark-text-color); }
body.theme-dark #sidebar-wrapper { background-size: 400% 400%; animation: animate-gradient-sidebar 15s ease infinite; background-image: linear-gradient(-45deg, #222, #111, #333, #111); }
body.theme-dark #sidebar-wrapper ul.components li a.nav-link { color: #ccc; }
body.theme-dark .card { background-color: var(--card-bg-dark); border: 1px solid var(--border-color-dark); box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
body.theme-dark .card-header { border-bottom-color: var(--border-color-dark); }
body.theme-dark .table-primary { background-color: #3a3a3a; }
body.theme-dark #sidebar-wrapper ul.components::-webkit-scrollbar-track { background: #2d2d2d; }
body.theme-dark #sidebar-wrapper ul.components::-webkit-scrollbar-thumb { background-color: #555; border-color: #2d2d2d; }

body.theme-deep-sea { --dark-bg-color: #0c181d; --card-bg-dark: #1a2c35; --border-color-dark: #3a505b; }
body.theme-deep-sea #sidebar-wrapper { background-image: linear-gradient(-45deg, #0f2027, #203a43, #2c5364, #2196f3); }
body.theme-deep-sea #sidebar-wrapper ul.components li a.nav-link:hover,
body.theme-deep-sea #sidebar-wrapper ul.components li a.nav-link.active { color: #6dd5ed; border-left-color: #6dd5ed; }
body.theme-deep-sea .table-primary { background-color: #2c5364; }

body.theme-twilight { --dark-bg-color: #1e1e2f; --card-bg-dark: #282a36; --border-color-dark: #44475a; }
body.theme-twilight #sidebar-wrapper { background-image: linear-gradient(-45deg, #23074d, #44475a, #cc5333, #23074d); }
body.theme-twilight #sidebar-wrapper ul.components li a.nav-link:hover,
body.theme-twilight #sidebar-wrapper ul.components li a.nav-link.active { color: #ff79c6; border-left-color: #ff79c6; }
body.theme-twilight .table-primary { background-color: #44475a; }
body.theme-twilight .text-success { color: #50fa7b !important; }
body.theme-twilight .text-danger { color: #ff5555 !important; }

body.theme-endian { --primary-color: #99CC33; --light-bg-color: #fff; --light-text-color: #444; --border-color-light: #e0e0e0; --card-bg-light: #f7f7f7; }
body.theme-endian #page-content-wrapper { background: var(--light-bg-color); }
body.theme-endian #sidebar-wrapper { background: #585858; animation: none; }
body.theme-endian .sidebar-heading { background: #444; color: #eee; text-shadow: none; }
body.theme-endian #sidebar-wrapper ul.components li a.nav-link { color: #ccc; text-shadow: none; font-weight: 500; }
body.theme-endian #sidebar-wrapper ul.components li a.nav-link:hover { background-color: #777; color: #fff; border-left-color: var(--primary-color); text-shadow: none; }
body.theme-endian #sidebar-wrapper ul.components li a.nav-link.active { background-color: var(--primary-color) !important; color: #333 !important; font-weight: bold; border-left-color: #fff; text-shadow: none; }
body.theme-endian .page-title-futuristic, 
body.theme-endian h1, body.theme-endian h2, body.theme-endian h3 { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; background: none !important; -webkit-text-fill-color: inherit !important; color: #555 !important; text-shadow: none !important; animation: none !important; }
body.theme-endian .card { border: 1px solid var(--border-color-light); border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
body.theme-endian .table-primary { background-color: var(--primary-color); }
body.theme-endian #sidebar-wrapper ul.components::-webkit-scrollbar-track { background: #e0e0e0; }
body.theme-endian #sidebar-wrapper ul.components::-webkit-scrollbar-thumb { background-color: #999; border-color: #e0e0e0; }

.dashboard-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px;
    border-radius: 12px;
    transition: transform 0.2s, box-shadow 0.2s;
}
.dashboard-card:hover { transform: translateY(-5px); box-shadow: 0 8px 16px rgba(0,0,0,0.1); }
.dashboard-card .icon-wrapper {
    padding: 15px;
    border-radius: 50%;
    margin-right: 20px;
    font-size: 24px;
    flex-shrink: 0;
}
.dashboard-card .card-title { font-size: 0.9rem; font-weight: 500; color: #6c757d; }
.dashboard-card .card-value { font-size: 1.75rem; font-weight: 700; }
body.theme-dark .dashboard-card .card-title { color: #adb5bd; }

.quick-action-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border: 1px solid var(--border-color-light);
    border-radius: 12px;
    text-decoration: none;
    color: var(--light-text-color);
    background-color: var(--card-bg-light);
    transition: all 0.2s ease;
}
.quick-action-btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    color: var(--primary-color);
}
.quick-action-btn i { font-size: 2.5rem; margin-bottom: 10px; }
.quick-action-btn span { font-weight: 600; text-align: center; }

body.theme-dark .quick-action-btn {
    border-color: var(--border-color-dark);
    color: var(--dark-text-color);
    background-color: var(--card-bg-dark);
}
body.theme-dark .quick-action-btn:hover { color: var(--warning-color); }

.table { border-radius: 0.5rem; overflow: hidden; }
.table thead th {
    border-bottom-width: 0;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}
.table td, .table th {
    white-space: nowrap;
}
.dashboard-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px;
    border-radius: 12px;
    transition: transform 0.2s, box-shadow 0.2s;
    height: 100%; 
}
.dashboard-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}
.dashboard-card .icon-wrapper {
    padding: 15px;
    border-radius: 50%;
    margin-right: 20px;
    font-size: 24px;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dashboard-card .card-title {
    font-size: 0.9rem;
    font-weight: 500;
    color: #6c757d;
    margin-bottom: 2px;
}
.dashboard-card .card-value {
    font-size: 1.75rem;
    font-weight: 700;
    white-space: nowrap; 
}
body.theme-dark .dashboard-card .card-title {
    color: #adb5bd;
}

.login-body {
    background-image: url('../images/login-background.jpg');
    background-size: cover;
    background-position: center center;
    background-attachment: fixed; 
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.login-body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15); 
    z-index: 1;
}

.login-body .card {
    position: relative;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.98);
    border: none;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.vidente-actions-panel {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.vidente-action-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border: 1px solid var(--border-color-light);
    border-radius: 12px;
    text-decoration: none;
    color: var(--light-text-color);
    background-color: var(--card-bg-light);
    transition: all 0.2s ease-in-out;
    min-height: 130px;
    cursor: pointer;
    text-align: center;
}

.vidente-action-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    border-color: var(--primary-color);
}

.vidente-action-card i {
    font-size: 2.5rem;
    margin-bottom: 10px;
    transition: transform 0.3s;
}

.vidente-action-card:hover i {
    transform: scale(1.1);
}

.vidente-action-card span {
    font-weight: 600;
}

body.theme-dark .vidente-action-card {
    border-color: var(--border-color-dark);
    color: var(--dark-text-color);
    background-color: var(--card-bg-dark);
}
body.theme-dark .vidente-action-card:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    border-color: var(--warning-color);
}
body.theme-dark .vidente-action-card:hover,
body.theme-dark .vidente-action-card:hover span {
    color: var(--warning-color);
}


#vidente-results-container {
    margin-top: 2rem;
}
.vidente-result-card {
    background-color: var(--card-bg-light);
    border: 1px solid var(--border-color-light);
    border-left-width: 5px;
    border-left-color: var(--primary-color);
    border-radius: 8px;
    margin-bottom: 1.5rem;
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}
body.theme-dark .vidente-result-card {
    background-color: var(--card-bg-dark);
    border-color: var(--border-color-dark);
    border-left-color: var(--primary-color);
}
.vidente-result-card .card-header {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    background-color: transparent;
    border-bottom: 1px solid var(--border-color-light);
}
body.theme-dark .vidente-result-card .card-header {
    border-bottom-color: var(--border-color-dark);
}

.diagnostic-list { list-style: none; padding: 0; }
.diagnostic-item { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--border-color-light); }
body.theme-dark .diagnostic-item { border-bottom-color: var(--border-color-dark); }
.diagnostic-item:last-child { border-bottom: none; }
.diagnostic-item .metric-name { font-weight: 500; }
.diagnostic-item .metric-value { font-weight: 700; }
.diagnostic-item .status-icon { font-size: 1.2rem; margin-right: 10px; }
.status-icon.pass { color: var(--success-color); }
.status-icon.fail { color: var(--danger-color); }
.status-icon.warn { color: var(--warning-color); }
.tooltip-icon { cursor: pointer; color: var(--secondary-color); margin-left: 8px; }
.trade-plan-list { list-style: none; padding: 0; }
.trade-plan-item { display: flex; align-items: center; padding: 12px 5px; font-size: 1.1rem; }
.trade-plan-item i { font-size: 1.5rem; margin-right: 15px; width: 25px; text-align: center; }
.trade-plan-item .plan-label { font-weight: 600; }
.trade-plan-item .plan-value { margin-left: auto; font-weight: 700; font-size: 1.2rem; }
.trade-plan-item .plan-note { font-size: 0.85rem; color: var(--secondary-color); margin-left: 8px; }
.vidente-disclaimer { font-size: 0.8rem; color: var(--secondary-color) !important; padding: 10px; background-color: rgba(108, 117, 125, 0.05); border-radius: 4px; margin-top: 10px; }


@keyframes animate-brain-gradient { 
    0% { background-position: 0% 50%; } 
    50% { background-position: 100% 50%; } 
    100% { background-position: 0% 50%; } 
}

.page-title-simulator { 
    font-family: 'Poppins', sans-serif; 
    font-weight: 700; 
    font-size: 2.8rem; 
    background: linear-gradient(90deg, #7f00ff, #0072ff, #00c6ff, #7f00ff); 
    background-size: 400% 400%; 
    animation: animate-brain-gradient 10s ease-in-out infinite; 
    -webkit-background-clip: text; 
    background-clip: text; 
    -webkit-text-fill-color: transparent; 
}


@keyframes brand-gradient-animation-supernova {
    0% { background-position: 0% 50%; } 
    50% { background-position: 100% 50%; } 
    100% { background-position: 0% 50%; }
}
@keyframes pulse-glow-arena {
    from {
        box-shadow: 0 0 8px rgba(0, 246, 255, 0.3), inset 0 0 8px rgba(0, 246, 255, 0.2);
    }
    to {
        box-shadow: 0 0 20px rgba(0, 246, 255, 0.7), inset 0 0 12px rgba(0, 246, 255, 0.5);
    }
}
@keyframes icon-breath-supernova {
    0% { text-shadow: 0 0 12px #00e5ff, 0 0 22px #00e5ff; }
    50% { text-shadow: 0 0 22px #00e5ff, 0 0 45px #a162f7, 0 0 70px #f762a1; }
    100% { text-shadow: 0 0 12px #00e5ff, 0 0 22px #00e5ff; }
}
@keyframes exit-pulse-supernova {
    0% { text-shadow: 0 0 10px #ff4757; } 
    50% { text-shadow: 0 0 25px #ff4757, 0 0 40px #ff4757; } 
    100% { text-shadow: 0 0 10px #ff4757; }
}

#sidebar-wrapper {
    background: #0d1016 !important;
    border-right: 1px solid rgba(0, 198, 255, 0.25) !important;
    animation: pulse-glow-arena 3s infinite alternate !important;
}

#sidebar-wrapper::before {
    content: '' !important;
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100% !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%2300c6ff' fill-opacity='0.04' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.99 7.5V30L0 22.5zM15 30v-7.5L28 15v7.5z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
    z-index: 0 !important;
    pointer-events: none !important;
    opacity: 0.7 !important;
}
#sidebar-wrapper > * { position: relative !important; z-index: 1 !important; }

#sidebar-wrapper .sidebar-heading {
    background: linear-gradient(180deg, rgba(13,17,23,0.8) 0%, rgba(13,17,23,0) 100%) !important;
    border-bottom: 1px solid rgba(0, 198, 255, 0.4) !important;
    box-shadow: none !important;
    padding: 1.2rem 1rem !important;
    text-shadow: none !important;
    color: #fff !important;
}
#sidebar-wrapper .sidebar-brand-title {
    font-size: 1.4rem !important; margin: 0 !important; font-family: 'Poppins', sans-serif !important; font-weight: 700 !important;
}
#sidebar-wrapper .sidebar-brand-title .brand-text {
    background: linear-gradient(90deg, #00e5ff, #a162f7, #f762a1, #ff93de, #00e5ff) !important;
    background-size: 350% 350% !important;
    -webkit-background-clip: text !important; background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    animation: brand-gradient-animation-supernova 8s ease-in-out infinite !important;
}
#sidebar-wrapper .sidebar-brand-title i.fa-rocket {
    color: #00e5ff !important;
    animation: icon-breath-supernova 3s ease-in-out infinite !important;
    transition: all 0.3s ease !important;
}

#sidebar-wrapper ul.components li a.nav-link { color: #b0c4de !important; border-left: 4px solid transparent !important; transition: all 0.2s ease-in-out !important; text-shadow: none !important; background: none !important; font-weight: 500 !important; }
#sidebar-wrapper ul.components li a.nav-link i { color: #8799c0 !important; transition: all 0.2s ease-in-out !important; }
#sidebar-wrapper ul.components li a.nav-link:hover { background: linear-gradient(90deg, rgba(0, 198, 255, 0.15) 0%, rgba(0, 198, 255, 0) 100%) !important; color: #ffffff !important; border-left-color: #00c6ff !important; text-shadow: 0 0 5px rgba(255,255,255,0.5) !important; }
#sidebar-wrapper ul.components li a.nav-link:hover i { color: #00e5ff !important; text-shadow: 0 0 12px #00c6ff !important; transform: scale(1.1) !important; }
#sidebar-wrapper ul.components li a.nav-link.active { font-weight: 700 !important; color: #ffffff !important; background: linear-gradient(90deg, rgba(0, 198, 255, 0.25) 0%, rgba(0, 198, 255, 0.05) 100%) !important; border-left: 4px solid #00f6ff !important; box-shadow: 0 0 15px rgba(0, 198, 255, 0.5), 0 0 30px rgba(0, 198, 255, 0.3), inset 0 0 10px rgba(0, 198, 255, 0.2) !important; }
#sidebar-wrapper ul.components li a.nav-link.active i { color: #ffffff !important; text-shadow: 0 0 8px #ffffff, 0 0 20px #00e5ff !important; }
#sidebar-wrapper ul.components li a.nav-link.text-danger { color: #ff6b81 !important; font-weight: 700 !important; }
#sidebar-wrapper ul.components li a.nav-link.text-danger:hover { color: #ffffff !important; border-left-color: #ff4757 !important; background-color: rgba(255, 28, 78, 0.2) !important; animation: exit-pulse-supernova 2s ease-in-out infinite !important; }
#sidebar-wrapper ul.components li a.nav-link.text-danger:hover i { color: #ffffff !important; }
#sidebar-wrapper .sidebar-footer { border-top: 1px solid rgba(0, 198, 255, 0.3) !important; background-color: #0d1016 !important; }



.card-titan-style { background-color: #1a2233 !important; border: 1px solid #00ffff !important; box-shadow: 0 0 20px #00ffff !important; color: #fff !important; border-radius: .3rem; }
.card-header-titan-style { border-bottom: 1px solid #00ffff !important; background-color: transparent !important; color: #fff !important; font-family: 'Poppins', sans-serif; font-size: 1.5rem; font-weight: 600; padding: 1.5rem; }
.card-header-titan-style i { margin-right: 10px; text-shadow: 0 0 8px #00ffff; }
.form-label-titan-style { font-weight: 600; color: #00ffff; text-shadow: 0 0 3px #00ffff; }
.form-control-titan-style { background-color: rgba(0,0,0,0.3) !important; border: 1px solid #3a505b !important; color: #e1e1e1 !important; border-radius: 4px !important; transition: all 0.3s ease !important; }
.form-control-titan-style:focus { background-color: rgba(0,0,0,0.5) !important; border-color: #00ffff !important; box-shadow: 0 0 10px #00ffff !important; }
.btn-titan-style-primary { background-color: transparent !important; border: 1px solid #00ffff !important; color: #00ffff !important; font-weight: 600; transition: all 0.3s ease; }
.btn-titan-style-primary:hover { background-color: #00ffff !important; color: #1a2233 !important; box-shadow: 0 0 15px #00ffff; }
.btn-titan-style-success { background-color: transparent !important; border: 1px solid var(--success-color) !important; color: var(--success-color) !important; font-weight: 600; transition: all 0.3s ease; }
.btn-titan-style-success:hover { background-color: var(--success-color) !important; color: #fff !important; box-shadow: 0 0 15px var(--success-color); }
.btn-titan-style-danger { background-color: transparent !important; border: 1px solid var(--danger-color) !important; color: var(--danger-color) !important; font-weight: 600; transition: all 0.3s ease; }
.btn-titan-style-danger:hover { background-color: var(--danger-color) !important; color: #fff !important; box-shadow: 0 0 15px var(--danger-color); }
.btn-titan-style-secondary { background-color: transparent !important; border: 1px solid var(--secondary-color) !important; color: var(--secondary-color) !important; font-weight: 600; transition: all 0.3s ease; }
.btn-titan-style-secondary:hover { background-color: var(--secondary-color) !important; color: #fff !important; box-shadow: 0 0 15px var(--secondary-color); }
.alert-titan-style-success, .alert-titan-style-danger, .alert-titan-style-info { border: 1px solid; background-color: rgba(26, 34, 51, 0.8); color: #fff; padding: 1rem; border-radius: .25rem; }
.alert-titan-style-success { border-color: var(--success-color); }
.alert-titan-style-danger { border-color: var(--danger-color); }
.alert-titan-style-info { border-color: #00ffff; }
.list-group-titan-style { background-color: rgba(0,0,0,0.3) !important; border: 1px solid #3a505b !important; }
.list-group-titan-style .list-group-item { background-color: transparent !important; color: #e1e1e1 !important; border-bottom: 1px solid #3a505b; }
.list-group-titan-style .list-group-item:last-child { border-bottom: none; }
.list-group-titan-style .text-muted { color: #8a9fdd !important; }
.badge-titan-style-success, .badge-titan-style-secondary { padding: .6em 1em; font-weight: 600; color: #1a2233 !important; }
.badge-titan-style-success { background-color: #28a745 !important; box-shadow: 0 0 10px #28a745; }
.badge-titan-style-secondary { background-color: #6c757d !important; box-shadow: 0 0 10px #6c757d; }
.card-inner-titan-style { background-color: rgba(0,0,0,0.2) !important; border: 1px solid #3a505b !important; padding: 1.5rem; border-radius: .25rem; }


.animated-title {
    font-weight: 700;
    background: linear-gradient(to right, #4e73df, #1cc88a, #f6c23e);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradient-animation 4s linear infinite;
}
@keyframes gradient-animation { to { background-position: -200% center; } }

.asset-logo-monitor { 
    width: 32px; 
    height: 32px; 
    margin-right: 10px; 
    border-radius: 50%;
    vertical-align: middle;
}
.monitor-card {
    transition: all 0.3s ease;
}
.monitor-card:hover {
    transform: translateY(-5px);
}
.monitor-card .current-price {
    font-size: 1.8rem;
    font-weight: 700;
}
.monitor-card .progress { 
    height: 8px; 
    border-radius: 8px; 
}
.monitor-card .target-hit-container { 
    text-align: center; 
}
.monitor-card-form .card-header, .monitor-card-form .card-body {
    border-color: #3a505b;
}

.theme-dark .monitor-card,
.theme-dark .monitor-card-form {
    background-color: #1a2233;
    border: 1px solid #00ffff;
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.4);
    color: #fff;
}
.theme-dark .monitor-card:hover {
    box-shadow: 0 0 25px rgba(0, 255, 255, 0.6);
}
.theme-dark .monitor-card .progress {
    background-color: rgba(255,255,255,0.1);
}
.theme-dark .monitor-card .card-header,
.theme-dark .monitor-card .card-body,
.theme-dark .monitor-card .card-footer {
    background-color: transparent;
    border-color: #3a505b;
}
.theme-dark .current-price {
    color: var(--bs-primary);
}

.theme-light .monitor-card,
.theme-light .monitor-card-form {
    background-color: #fff;
    border: 1px solid #dee2e6;
    color: #212529;
}
.theme-light .monitor-card:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.theme-light .monitor-card .current-price {
    color: #0d6efd;
}


.modal-content-neon { 
    background-color: #1a2233; 
    border: 1px solid #00ffff; 
    box-shadow: 0 0 20px #00ffff; 
    color: #fff; 
}

.modal-header-neon { 
    border-bottom: 1px solid #00ffff; 
}

.modal-footer-neon { 
    border-top: 1px solid #00ffff; 
}

#movers-table th, 
#movers-table td {
    text-align: center;
    vertical-align: middle;
}

#movers-table th:nth-child(2), 
#movers-table td:nth-child(2) {
    text-align: left;
}


.theme-light .card-carteira,
.theme-light .card-ranking,
.theme-light .card-contratos,
.theme-light .card-contratos-ativos,
.theme-light .card-trilha,
.theme-light .card-conquistas,
.theme-light .card-aviso {
    border: 1px solid #00c6ff; 
    box-shadow: 0 0 18px rgba(0, 198, 255, 0.5); 
}


body:not(.theme-dark) .text-muted {
    color: #5a5c69 !important; 
}


body.theme-dark .card-ranking .card-header h6 {
    color: #f6656f !important; 
    text-shadow: 0 0 7px rgba(246, 194, 62, 0.5); 
}


body.theme-dark .card-carteira .card-header h6 {
    color: #1cc88a !important; 
    text-shadow: 0 0 7px rgba(28, 200, 138, 0.6); 
}


body.theme-dark .profile-display-name {
    color: hwb(186 0% 0%) !important;
    text-shadow: 0 0 8px #00e5ff, 0 0 15px rgba(0, 115, 255, 0.8) !important;
}

body.theme-dark .card-perfil .card-header h6 {
    color: hsl(225, 72%, 65%) !important;
    text-shadow: 0 0 8px rgba(78, 115, 223, 0.7) !important;
}

body.theme-dark .card-carteira .card-header h6 {
    color: #1cc88a !important;
    text-shadow: 0 0 8px rgba(28, 200, 138, 0.7) !important;
}

body.theme-dark .card-trilha .card-header h6 {
    color: #f6c23e !important;
    text-shadow: 0 0 8px rgba(246, 194, 62, 0.7) !important;
}

body.theme-dark .card-contratos .card-header h6 {
    color: #f6c23e !important;
    text-shadow: 0 0 8px rgba(246, 194, 62, 0.7) !important;
}

body.theme-dark .card-ranking .card-header h6 {
    color: #e74a3b !important; 
    text-shadow: 0 0 8px rgba(231, 74, 59, 0.7) !important;
}

body:not(.theme-dark) .scan-update-info {
    font-weight: 500;
    border: none;
}


body:not(.theme-dark) .scan-update-info.system-update {
    color: #0056b3; 
    background-color: #e7f3ff; 
    text-shadow: none;
}

body:not(.theme-dark) .scan-update-info.user-update {
    color: #855b00; 
    background-color: #fff8e1; 
    text-shadow: none;
}



.pagination-footer-titan {
    padding: 1rem !important;
    background-color: #1a2129 !important; 
    border-top: 1px solid #3a505b !important;
    display: flex !important;
    justify-content: center !important;
    position: relative; 
    z-index: 2; 
}


#print-header {
    display: none;
}


@page {
    size: landscape; 
    margin: 1cm;     
}

@media print {
    #print-header {
        display: block;
        text-align: center;
        margin-bottom: 2rem;
    }
    #print-header h1 {
        font-size: 18pt;
    }
    #print-header p {
        font-size: 10pt;
        color: #666;
    }

    body > #wrapper > .sidebar, 
    body > #wrapper > #page-content-wrapper > .navbar,
    .ticker-wrap,
    .card.shadow.mb-4:not(.card-titan-table),
    .card-titan-table .card-header,
    .card-titan-table .card-footer,
    .animated-title,
    .footer-titan,
    .pagination-footer-titan { 
        display: none !important;
    }

    #page-content-wrapper, #wrapper, .container-fluid {
        padding: 0 !important;
        margin: 0 !important;
    }

    .card.card-titan-table {
        box-shadow: none !important;
        border: none !important;
    }

    body, .table {
        background-color: #ffffff !important;
        color: #000000 !important;
    }

    .badge {
        border: 1px solid #ccc;
        color: #333 !important;
        background-color: #f0f0f0 !important;
    }

    table {
        font-size: 9pt; 
    }
    th, td {
        padding: 4px !important;
    }
}



.admin-summary-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px;
    border-radius: 12px;
    transition: transform 0.2s, box-shadow 0.2s;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    border-left-width: 5px;
}
.admin-summary-card:hover {
    transform: translateY(-5px);
}
.admin-summary-card .icon-wrapper {
    padding: 15px;
    border-radius: 50%;
    margin-right: 20px;
    font-size: 24px;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.admin-summary-card .card-title {
    font-size: 0.9rem;
    font-weight: 500;
}
.admin-summary-card .card-value {
    font-size: 1.75rem;
    font-weight: 700;
}

.card-border-left-primary { border-left-color: #4e73df !important; }
.card-border-left-primary .icon-wrapper { background-color: rgba(78, 115, 223, 0.1); color: #4e73df; }
.card-border-left-success { border-left-color: #1cc88a !important; }
.card-border-left-success .icon-wrapper { background-color: rgba(28, 200, 138, 0.1); color: #1cc88a; }
.card-border-left-info { border-left-color: #36b9cc !important; }
.card-border-left-info .icon-wrapper { background-color: rgba(54, 185, 204, 0.1); color: #36b9cc; }
.card-border-left-warning { border-left-color: #f6c23e !important; }
.card-border-left-warning .icon-wrapper { background-color: rgba(246, 194, 62, 0.1); color: #f6c23e; }


.admin-action-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1rem;
    border-radius: .5rem;
    text-decoration: none;
    transition: all 0.3s ease;
    background-color: var(--card-bg-light);
    border: 1px solid var(--border-color-light);
    color: var(--light-text-color);
    min-height: 180px;
    height: 100%;
}
.admin-action-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    color: var(--primary-color);
    border-color: var(--primary-color);
}
.admin-action-card i {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: var(--secondary-color);
}
.admin-action-card:hover i {
    color: var(--primary-color);
}
.admin-action-card span {
    font-size: 1.1rem;
    font-weight: 600;
    text-align: center;
}

.admin-action-link {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
}
.action-text-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    padding-left: 10px;
}


#logsTable th,
#logsTable td {
    text-align: center;
    vertical-align: middle;
}

#logsTable th:nth-child(4),
#logsTable td:nth-child(4) {
    text-align: left;
}

body:not(.theme-dark) .log-event-badge {
    background-color: #e7f3ff; 
    color: #0056b3 !important; 
    border: 1px solid #b8d6f3;
    font-weight: 600;
}


body:not(.theme-dark) .modal-content {
    border: 1px solid #dee2e6;
    border-left: 5px solid var(--primary-color); 
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15);
    border-radius: 0.5rem;
}

body:not(.theme-dark) .modal-header {
    background-color: #f8f9fc; 
    border-bottom: 1px solid #dee2e6;
}

body:not(.theme-dark) .modal-header .modal-title {
    color: var(--primary-dark-color);
    font-weight: 600;
}

body:not(.theme-dark) .modal-header .btn-close {
    filter: invert(0.5) sepia(1) saturate(20) hue-rotate(170deg);
}

body:not(.theme-dark) .modal-body .form-control,
body:not(.theme-dark) .modal-body .form-select {
    background-color: #fdfdff;
    border-color: #ced4da;
    transition: all 0.2s ease-in-out;
}

body:not(.theme-dark) .modal-body .form-control:focus,
body:not(.theme-dark) .modal-body .form-select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25);
}

body:not(.theme-dark) .modal-footer {
    background-color: #f8f9fc;
    border-top: 1px solid #dee2e6;
}

.card-border-left-danger { border-left-color: #e74a3b !important; }
.card-border-left-danger .icon-wrapper { background-color: rgba(231, 74, 59, 0.1); color: #e74a3b; }
.card-border-left-dark { border-left-color: #5a5c69 !important; }
.card-border-left-dark .icon-wrapper { background-color: rgba(90, 92, 105, 0.1); color: #5a5c69; }



.avatar-label img {
    transition: all 0.2s ease-in-out;
    border: 3px solid #dee2e6; 
    background-color: #f8f9fc;
}
.avatar-radio:checked + .avatar-label img {
    border-color: var(--primary-color); 
    transform: scale(1.1);
    box-shadow: 0 0 15px rgba(0, 123, 255, 0.5);
}




body:not(.theme-dark) .card-header .fa-user-astronaut,
body:not(.theme-dark) .card-header .fa-cogs {
    color: var(--primary-color);
}

body:not(.theme-dark) #page-content-wrapper .card-header {
    background-color: #f8f9fc;
}



body:not(.theme-dark) .card[class*="card-border-left-"] {
    border-left-width: 3px;
}


body:not(.theme-dark) .card-border-left-primary .btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
body:not(.theme-dark) .card-border-left-primary .btn-primary:hover {
    background-color: var(--primary-dark-color);
    border-color: var(--primary-dark-color);
}

body:not(.theme-dark) .card-border-left-info .btn-primary {
    background-color: var(--info-color);
    border-color: var(--info-color);
}
body:not(.theme-dark) .card-border-left-info .btn-primary:hover {
    opacity: 0.9;
}

.card-border-left-purple { border-left-color: #6f42c1 !important; }
.card-border-left-purple .icon-wrapper { background-color: rgba(111, 66, 193, 0.1); color: #6f42c1; }
.card-border-left-pink { border-left-color: #e83e8c !important; }
.card-border-left-pink .icon-wrapper { background-color: rgba(232, 62, 140, 0.1); color: #e83e8c; }



.quick-action-btn[class*="card-border-left-"] {
    border-left-width: 4px;
    border-left-style: solid;
}


body:not(.theme-dark) .dashboard-chart-card {
    border: 1px solid #e3e6f0;
}

body:not(.theme-dark) .dashboard-chart-card .card-header {
    background-color: #f8f9fc;
    font-weight: 600;
}


.page-title-standard {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 2.2rem;
    margin-bottom: 2rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: linear-gradient(90deg, #007bff, #1cc88a, #6f42c1, #007bff);
    background-size: 300% 300%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradient-animation 20s ease-in-out infinite;
}

.page-title-standard i {
    font-size: 2rem;
    margin-right: 15px;
    background: linear-gradient(90deg, #007bff, #1cc88a, #6f42c1, #007bff);
    background-size: 300% 300%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradient-animation 20s ease-in-out infinite;
}


.subtitle-standard {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center; 
    text-align: center;
    background: linear-gradient(90deg, #007bff, #1cc88a, #6f42c1, #007bff);
    background-size: 300% 300%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradient-animation 20s ease-in-out infinite;
}

.subtitle-standard i {
    font-size: 1.4rem;
    margin-right: 15px;
    background: linear-gradient(90deg, #007bff, #1cc88a, #6f42c1, #007bff);
    background-size: 300% 300%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradient-animation 15s ease-in-out infinite;
}

body:not(.theme-dark) .card .table > thead {
    background-color: #f8f9fc;
}


div.card .table#recent-operations-table td,
div.card .table.operations-table td {
    font-size: 0.9rem !important;
    padding: 0.6rem 0.5rem !important;
    vertical-align: middle;
}

div.card .table#recent-operations-table th,
div.card .table.operations-table th {
    font-size: 0.8rem !important;
    padding: 0.75rem 0.5rem !important;
    white-space: nowrap;
}

.market-movers-actions .btn {
    border: 1px solid var(--border-color-light) !important;
    border-left-width: 4px !important;
    font-weight: 600;
    margin: 0 4px; 
}

.market-movers-actions .btn.btn-primary,
.market-movers-actions .btn.btn-outline-primary {
    border-left-color: var(--primary-color) !important;
}

.market-movers-actions .btn.btn-outline-warning {
    border-left-color: var(--warning-color) !important;
}

.market-movers-actions .btn.btn-outline-info {
    border-left-color: var(--info-color) !important;
}

.market-movers-actions .btn.btn-primary {
    border-color: var(--primary-color) !important;
    border-left-width: 4px !important; 
}

.market-movers-actions .btn.btn-primary,
.market-movers-actions .btn.btn-outline-primary {
    border-left-color: var(--primary-color) !important;
}
.market-movers-actions .btn.btn-outline-warning {
    border-left-color: var(--warning-color) !important;
}
.market-movers-actions .btn.btn-outline-info {
    border-left-color: var(--info-color) !important;
}
.market-movers-actions .btn.btn-outline-danger {
    border-left-color: var(--danger-color) !important;
}


    @keyframes animate-gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
    .page-title-futuristic {
        font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 2.5rem;
        background: linear-gradient(90deg, #00c6ff, #0072ff, #7f00ff, #00c6ff);
        background-size: 300% 300%; animation: animate-gradient 8s ease-in-out infinite;
        -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
        text-shadow: 0 0 5px rgba(0, 198, 255, 0.5);
    }
    .category-header th {
        background-color: rgba(0, 255, 255, 0.1) !important; color: #00ffff !important;
        font-weight: 600; text-align: left !important; 
        padding-left: 1.5rem !important;
        border-top: 2px solid #00ffff !important; border-bottom: 1px solid #00ffff !important;
    }
    
    @keyframes ekg-pulse-green { 0%, 100% { text-shadow: 0 0 5px rgba(0, 255, 127, 0.7), 0 0 10px rgba(0, 255, 127, 0.5); transform: scale(1); } 50% { text-shadow: 0 0 10px rgba(0, 255, 127, 1), 0 0 20px rgba(0, 255, 127, 0.7); transform: scale(1.05); } }
    @keyframes ekg-pulse-yellow { 0%, 100% { text-shadow: 0 0 5px rgba(255, 193, 7, 0.7), 0 0 10px rgba(255, 193, 7, 0.5); transform: scale(1); } 50% { text-shadow: 0 0 10px rgba(255, 193, 7, 1), 0 0 20px rgba(255, 193, 7, 0.7); transform: scale(1.05); } }
    @keyframes ekg-pulse-red { 0%, 100% { text-shadow: 0 0 5px rgba(220, 53, 69, 0.7), 0 0 10px rgba(220, 53, 69, 0.5); transform: scale(1); } 50% { text-shadow: 0 0 10px rgba(220, 53, 69, 1), 0 0 20px rgba(220, 53, 69, 0.7); transform: scale(1.05); } }
    @keyframes guardian-pulse { 0%, 100% { text-shadow: 0 0 6px #0d6efd, 0 0 12px #0d6efd, 0 0 20px #fff; transform: scale(1.05); } 50% { text-shadow: 0 0 12px #0d6efd, 0 0 24px #0d6efd, 0 0 40px #fff; transform: scale(1.15); } }
    .vital-signs-js i { font-size: 1.1rem; transition: all 0.3s ease; }
    .pulse-positive i.fa-brain, .pulse-positive i.fa-cloud-sun { animation: ekg-pulse-green 2.5s ease-in-out infinite; }
    .pulse-neutral i.fa-brain, .pulse-neutral i.fa-cloud { animation: ekg-pulse-yellow 3s ease-in-out infinite; }
    .pulse-negative i.fa-brain, .pulse-negative i.fa-cloud-rain { animation: ekg-pulse-red 2s ease-in-out infinite; }
    .pulse-guardian i.fa-gem { animation: guardian-pulse 1.5s ease-in-out infinite; }

    .modal-content-neon {
        border: 1px solid #00ffff;
        box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), 0 0 30px rgba(0, 114, 255, 0.3);
    }

.page-subtitle {
    text-align: center;
    font-size: 1.1rem;
    color: #6c757d;
    margin-bottom: 2rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.summary-card-v2 {
    text-align: center;
    padding: 1.25rem;
    height: 100%;
}
.summary-card-v2 .summary-card-title {
    font-size: 0.9rem;
    color: #6c757d;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 500;
}
.summary-card-v2 .summary-card-value {
    font-size: 1.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.summary-card-v2 .summary-card-value i {
    font-size: 1.5rem;
    margin-right: 10px;
    opacity: 0.7;
}


.card .card-header .card-header-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--primary-dark-color, #0056b3);
    display: flex;
    align-items: center;
    margin: 0; 
}

.card .card-header .card-header-title i {
    font-size: 1rem;
    margin-right: 10px;
    opacity: 0.8;
}

.risk-profile-options .form-check-input#risk_moderate:checked + .form-check-label {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
    color: #000; 
}

.risk-profile-options .form-check-input#risk_conservative:checked + .form-check-label {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}

.risk-profile-options .form-check-input#risk_aggressive:checked + .form-check-label {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
    color: #fff;
}


.admin-action-link .action-text-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding: 0 5px; 
}

.admin-action-link .action-text-wrapper span {
    word-break: break-word; 
}



.scan-source-info {
    color: #5a5c69 !important; 
    font-weight: 600 !important; 
}