body {
    font-family: Arial, Helvetica, sans-serif;
    background:#f2f2f2;
}
.container {
    width:90%;
    max-width:1100px;
    margin:30px auto;
}
h1 {
    color:#333;
}
.subtitle {
    color:#666;
    margin-bottom:20px;
}
.box {
    background:white;
    padding:20px;
    margin-bottom:20px;
    border-radius:8px;
    box-shadow:0 2px 5px #ccc;
}
.textarea {
    width:100%;
    font-family:Consolas, monospace;
}
.button {
    background:#0066cc;
    color:white;
    border:0;
    padding:12px 30px;
    cursor:pointer;
    border-radius:5px;
    font-size:16px;
}
.button:hover {
    background:#004999;
}
.center {
    text-align:center;
}
.success {
    background:#dff0d8;
    padding:15px;
    border-radius:5px;
}
.warning {
    background:#fff3cd;
    padding:15px;
    border-radius:5px;
}
.result {
    width:100%;
    border-collapse:collapse;
    margin-top:20px;
    font-size:13px;
}
.result th {
    background:#333;
    color:white;
    padding:8px;
    text-align:left;
}
.result td {
    border-bottom:1px solid #ddd;
    padding:8px;
    vertical-align:top;
    word-break:break-word;
}
.result th:nth-child(3),
.result td:nth-child(3) {
    max-width:350px;
    overflow-wrap:anywhere;
}



.result tr:hover {
    background:#f5f5f5;
}
.critical {
    background:#ffcccc;
}
.high {
    background:#ffe5cc;
}
.medium {
    background:#fff8cc;
}
.dashboard{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom:20px;
}

.card{
    width:180px;
    background:#f7f7f7;
    border:1px solid #d9d9d9;
    border-radius:8px;
    padding:15px;
    text-align:center;
}

.card-value{
    font-size:34px;
    font-weight:bold;
    color:#1f3b63;
}

.card-title{
    margin-top:8px;
    font-size:13px;
    color:#666;
    text-transform:uppercase;
}

.risk-low{
    color:#2e7d32;
}

.risk-medium{
    color:#f9a825;
}

.risk-high{
    color:#ef6c00;
}

.risk-critical{
    color:#c62828;
}