:root {
    --navy: #192C57;
    --gold: #CBAE2D;
    --navy-light: #24397a;
    --bg: #f4f5f9;
    --text: #1c2333;
    --danger: #b3261e;
}
* { box-sizing: border-box; }
body {
    margin: 0;
    font-family: 'Segoe UI', system-ui, sans-serif;
    background: var(--bg);
    color: var(--text);
}
.navbar {
    background: var(--navy);
    color: #fff;
    padding: 14px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.brand { font-size: 1.3em; font-weight: 700; }
.brand span { color: var(--gold); }
.brand small { font-size: 0.5em; color: #cbd0e0; font-weight: 400; margin-left: 6px; }
.nav-links a {
    color: #fff;
    text-decoration: none;
    margin-left: 18px;
    font-size: 0.95em;
}
.nav-links a:hover { color: var(--gold); }
.nav-links a.logout { color: #ff9d9d; }
.container { max-width: 1000px; margin: 30px auto; padding: 0 20px; }
footer { text-align: center; color: #888; font-size: 0.85em; padding: 24px; }

.card {
    background: #fff;
    border-radius: 10px;
    padding: 24px;
    box-shadow: 0 2px 10px rgba(25,44,87,0.08);
    margin-bottom: 20px;
}
.stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px,1fr)); gap: 16px; margin-bottom: 24px; }
.stat-card {
    background: var(--navy);
    color: #fff;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}
.stat-card .num { font-size: 2em; font-weight: 700; color: var(--gold); }
.stat-card .label { font-size: 0.85em; color: #dfe3f0; margin-top: 4px; }

h1, h2, h3 { color: var(--navy); }
table { width: 100%; border-collapse: collapse; margin-top: 12px; }
th, td { text-align: left; padding: 10px 12px; border-bottom: 1px solid #e5e7ee; font-size: 0.92em; }
th { color: var(--navy); background: #eef0f7; }
tr:hover { background: #fafbff; }

form { display: flex; flex-direction: column; gap: 14px; max-width: 520px; }
label { font-weight: 600; font-size: 0.9em; color: var(--navy); }
input, select, textarea {
    padding: 10px 12px;
    border: 1px solid #d3d7e3;
    border-radius: 6px;
    font-size: 0.95em;
}
textarea { min-height: 80px; }
button, .btn {
    background: var(--gold);
    color: var(--navy);
    border: none;
    padding: 11px 20px;
    border-radius: 6px;
    font-weight: 700;
    cursor: pointer;
    font-size: 0.95em;
    text-decoration: none;
    display: inline-block;
    width: fit-content;
}
button:hover, .btn:hover { background: #b89b25; }
.btn-danger { background: var(--danger); color: #fff; }
.btn-secondary { background: var(--navy); color: #fff; }
.error { color: var(--danger); font-weight: 600; }
.badge { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 0.78em; font-weight: 700; }
.badge.low { background: #dff5e1; color: #1b7a34; }
.badge.moderate { background: #fff3d6; color: #93720a; }
.badge.high { background: #ffe1d6; color: #a13d10; }
.badge.critical { background: #ffd6d6; color: var(--danger); }
.auth-wrap { max-width: 400px; margin: 60px auto; }
.result-item { border-left: 4px solid var(--gold); padding: 12px 16px; margin-bottom: 10px; background: #fdf9ee; border-radius: 0 8px 8px 0; }
.confidence { font-weight: 700; color: var(--navy); }