@charset "UTF-8"; 
label { padding: 10px 0px 5px;}

thead { background-color: #066dd4; color:white}
 nav{
   
   margin-top: 3px;
    position: relative;
    bottom: 5px;
}
.btn-outline-warning { 
    border-radius: 9px;
    border-color: #dfd575 !important;
}
.btn-outline-warning:hover { 
    color: #1e4084 !important;
    background-color: #fff9c1 !important;
}
nav a { color :#000 !important; margin: 5px;}
.heading {  display: flex;
    flex-direction: row;  justify-content: space-between;}
.article { 
     padding: 15px 25px;
      border-top:5px solid #224485;
       border-bottom:5px solid #cbcbcb;
    margin:15px 25px;
    border-radius:  30px 30px 30px 30px;
    min-height: 600px;
    background: #fafafa; 
}
form div { margin:10px 0px;}

 .stats-list {
    width: 100%;
            list-style: none;
        }

        ul.stats-list  {padding-left: 0rem !important;}

        .stats-list li {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0.5rem 0;
            border-bottom: 1px solid #eee;
        }

        .stats-list li:last-child {
            border-bottom: none;
        }

        .trend-up {
            color: #28a745;
        }

        .trend-down {
            color: #dc3545;
        }

        .alert-box {
            background: linear-gradient(135deg, #ffeaa7, #fab1a0);
            border-radius: 12px;
            padding: 1rem;
            margin-top: 1rem;
            color: #2d3436;
        }

        .alert-box i {
            margin-right: 0.5rem;
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }

        .pulse {
            animation: pulse 2s infinite;
        }

         .status-badge {
            padding: 0.25rem 0.75rem;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 500;
        }

        .status-active {
            background: #d4edda;
            color: #155724;
        }

        .status-warning {
            background: #fff3cd;
            color: #856404;
        }

        .status-error {
            background: #f8d7da;
            color: #721c24;
        }
        .module-icon {
            width: 50px;
            height: 50px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 1rem;
            color: white;
            font-size: 1.5rem;
        }