:root{
  --blue:#003f7f;
  --aqua:#1ba6be;
  --teal:#29c8c6;
  --dark:#122033;
  --light:#f5f8fb;
  --border:#dfe7ef;
  --danger:#b42318;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--light);color:var(--dark)}
.topbar{background:linear-gradient(135deg,var(--blue),var(--aqua));color:white;padding:18px 28px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.brand{font-size:26px;font-weight:800;letter-spacing:.2px}
.tagline{font-size:13px;opacity:.9;margin-top:3px}
nav a{color:white;text-decoration:none;margin-left:18px;font-weight:700}
.container{max-width:1180px;margin:28px auto;padding:0 18px}
.card{background:white;border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 8px 22px rgba(18,32,51,.06);margin-bottom:20px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}
h1,h2,h3{margin-top:0}
label{font-weight:700;font-size:13px;margin-bottom:6px;display:block}
input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:10px;font-size:15px;background:#fff}
textarea{min-height:110px}
.btn{display:inline-block;background:var(--blue);color:white;border:0;border-radius:11px;padding:11px 16px;font-weight:800;text-decoration:none;cursor:pointer}
.btn.secondary{background:var(--aqua)}
.btn.light{background:#eef6fb;color:var(--blue)}
.btn.danger{background:var(--danger)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}
.stat{background:white;border-radius:16px;padding:20px;border:1px solid var(--border)}
.stat strong{display:block;font-size:30px;color:var(--blue)}
.table{width:100%;border-collapse:collapse;background:white}
.table th,.table td{padding:12px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}
.table th{background:#f0f6fb;color:#233}
.badge{padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#edf7ff;color:var(--blue)}
.badge.New{background:#fff7ed;color:#9a3412}.badge.Resolved{background:#ecfdf3;color:#027a48}.badge.Urgent{background:#fef3f2;color:#b42318}
.note{border-left:4px solid var(--aqua);padding:12px;background:#f8fbfd;border-radius:10px;margin:10px 0}
.muted{color:#667085;font-size:13px}
.login-box{max-width:430px;margin:60px auto}
.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
@media(max-width:800px){.col-3,.col-4,.col-6,.col-8{grid-column:span 12}.stats{grid-template-columns:1fr}.topbar{display:block}nav{margin-top:14px}nav a{margin-left:0;margin-right:14px}}