:root{--brand:#13512f;--brand-dark:#083b26;--accent:#d2a337;--ink:#193229;--bg:#f3f6f3;--border:#d8e3d9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}header{background:var(--brand-dark);color:#fff;padding:1rem max(1rem,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}header a{color:white;text-decoration:none}header .brand{font-size:1.3rem;font-weight:800}.brand span{color:#f5d88b}nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}nav form{margin:0}.link{background:none;padding:0;border:0;color:white;text-decoration:underline}main{max-width:1200px;margin:2.5rem auto;padding:0 1rem;min-height:70vh}footer{text-align:center;padding:2rem;color:#53705e}.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 3px 14px #1435220c}.heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}h1{font-size:clamp(1.5rem,3vw,2.15rem);margin:.2rem 0}h2{margin-top:0}p{overflow-wrap:anywhere}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.stats .card{display:flex;flex-direction:column;gap:.3rem}.stats strong{font-size:2rem;color:var(--brand)}.button,button{display:inline-block;background:var(--brand);color:white;padding:.7rem 1rem;border:0;border-radius:8px;font:inherit;font-weight:650;cursor:pointer;text-decoration:none}.secondary{background:#e7f0e9;color:var(--brand-dark)}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}td,th{text-align:left;padding:.8rem;border-bottom:1px solid var(--border)}th{background:#f0f6f0}.badge{display:inline-block;border-radius:99px;padding:.25rem .65rem;background:#e9eef1;color:#293943;font-size:.85rem;font-weight:700;white-space:nowrap}.badge.open{background:#e1eefa;color:#12436e}.badge.assigned{background:#f9edd1;color:#72510d}.badge.in_progress{background:#e5e2fa;color:#49368d}.badge.resolved{background:#d8f3dd;color:#145c2c}.badge.closed{background:#e5e8e8;color:#303b3e}.badge.reopened{background:#ffe1d9;color:#7e2c14}label{display:block;font-weight:600;margin:1rem 0}input,textarea,select{display:block;width:100%;padding:.7rem;border:1px solid #9baea1;border-radius:8px;font:inherit;margin:.3rem 0;background:white}form p{margin:1rem 0}.formcard{max-width:720px}.auth{max-width:440px;margin:6vh auto}.error{color:#a11919}.filters{display:flex;align-items:end;gap:1rem;flex-wrap:wrap}.filters label{flex:1;min-width:135px;margin:0}.filters button,.filters .button{margin-bottom:0}.reports{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.timeline li{border-left:3px solid var(--accent);padding:0 1rem 1rem;margin-bottom:1rem}.notification{display:block;text-align:left;width:100%;margin:.4rem 0;background:#ebf3ec;color:var(--brand-dark)}@media(max-width:600px){main{margin:1.2rem auto}.card{padding:1rem}nav{font-size:.9rem}.heading{align-items:start}}


/* KSTVET MAROON AND PALE YELLOW THEME */

:root {
    --brand: #590000;
    --brand-dark: #552B25;
    --accent: #D7B34A;
    --ink: #3B211D;
    --bg: #FFFFCC;
    --border: #E5D9B5;
}

/* Page background */
body {
    background: #FFFFCC !important;
    color: #3B211D;
}

/* Top navigation */
header {
    background: #552B25 !important;
    border-bottom: 2px solid #D7B34A;
}

header a,
header nav a {
    color: #FFFFFF;
}

/* Page headings */
h1, h2, h3 {
    color: #552B25;
}

/* Dashboard cards */
.card {
    background: #FFFCF2;
    border: 1px solid #E5D9B5;
}

.stats strong {
    color: #590000;
}

/* Buttons */
.button,
button {
    background: #590000;
    color: #FFFFFF;
}

.button:hover,
button:hover {
    background: #752E25;
}

/* Tables */
th {
    background: #F3EAC9;
    color: #552B25;
}

td, th {
    border-bottom: 1px solid #E5D9B5;
}

/* Form fields */
input, textarea, select {
    background: #FFFCF2;
    border: 1px solid #D7B34A;
    color: #3B211D;
}

/* Footer */
footer {
    color: #754B3D;
}

/* Keep the Sign Out navigation button unfilled */
header button.link {
    background: transparent;
    color: white;
    box-shadow: none;
}