.brand-link { background: linear-gradient(135deg, #1e3c72, #2a5298); }
    .brand-link .brand-text { font-weight: 600; letter-spacing: 0.5px; }
    .nav-sidebar .nav-item .nav-link.active { background: linear-gradient(135deg, #1e3c72, #2a5298); }
    .card-outline-primary { border-top: 3px solid #1e3c72; }
    .card-outline-success { border-top: 3px solid #28a745; }
    .card-outline-info { border-top: 3px solid #17a2b8; }
    .card-outline-warning { border-top: 3px solid #ffc107; }
    .small-box { border-radius: 0.5rem; }
    .small-box .icon { top: 10px; right: 10px; font-size: 70px; }
    .server-card { transition: all 0.3s; }
    .server-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.15); }
    .status-online { color: #28a745; }
    .status-offline { color: #dc3545; }
    .status-pending { color: #ffc107; }
    .info-box { min-height: 100px; }
    .info-box .info-box-icon { width: 80px; font-size: 40px; }
    .content-wrapper { background: #f4f6f9; }
    .table thead th { border-top: none; }
    .badge-online { background: #28a745; }
    .badge-offline { background: #dc3545; }
    .user-panel .image { padding-left: 0; }
    .server-error { opacity: 0.7; }
    .loading-spinner { animation: spin 1s linear infinite; }
    @keyframes spin { 100% { transform: rotate(360deg); } }
.chart-container { min-height: 250px; }