:root{--ink:#002147;--rust:#B7410E;--slate:#4D4D4D;--fog:#F5F7FA;}
*{box-sizing:border-box} body{margin:0;font:16px/1.6 system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--slate)}
header{background:var(--ink);color:#fff;padding:16px 20px} header h1{margin:0;font-size:22px}
.container{max-width:1100px;margin:0 auto;padding:20px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:16px}
.table{width:100%;border-collapse:collapse} .table th,.table td{padding:10px;border-bottom:1px solid #eef1f4;text-align:left}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;border:1px solid #e1e5ea;background:var(--fog)}
.btn{display:inline-block;padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:600}
.btn.primary{background:var(--ink);color:#fff} .btn.warn{background:var(--rust);color:#fff} .btn.outline{border:2px solid var(--ink);color:var(--ink)}
input,textarea,select{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;font-size:15px}
label{font-weight:600;margin-top:10px;display:block} .actions a{margin-right:8px}
nav{display:flex;gap:10px;align-items:center} nav a{color:#fff;text-decoration:none;font-weight:600}
.issue-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px} @media (max-width:700px){.issue-row{grid-template-columns:1fr}}