body{
    background:#f4f6f9;
    font-size:14px;
}

.navbar-brand{
    font-weight:bold;
}

.card{
    border:0;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
}

.badge-high{
    background:#dc3545;
}

.badge-medium{
    background:#ffc107;
    color:#000;
}

.badge-low{
    background:#0dcaf0;
}

.stat-card{
    text-align:center;
    padding:15px;
}

.stat-card h2{
    margin:0;
    font-size:34px;
    font-weight:bold;
}

.stat-card small{
    color:#666;
}

#progress-area{
    display:none;
}

#loading{
    display:none;
}

.table td{
    vertical-align:middle;
}

.preview{
    max-width:450px;
    white-space:normal;
    word-break:break-word;
}


.loading-overlay{

    position:fixed;

    top:0;
    left:0;

    width:100%;
    height:100%;

    background:rgba(255,255,255,.85);

    z-index:99999;

    display:none;

}

.loading-overlay .box{

    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    text-align:center;

}

.dark-mode{

    background:#1e1e1e !important;

    color:#DDD;

}

.dark-mode .card{

    background:#2b2b2b;

    color:#EEE;

}

.dark-mode .table{

    color:#DDD;

}

.dark-mode .table th{

    background:#111;

}

.preview{

    cursor:pointer;

}

.modal-body{

    white-space:pre-wrap;

    word-break:break-word;

}