:root{--navy:#14365f;--blue:#1f7fc0;--green:#5aa72b;--steel:#2e6f9e;--bg:#f4f6f8;--ink:#1c2530}
*{box-sizing:border-box}body{font-family:system-ui,Segoe UI,Arial;margin:0;background:var(--bg);color:var(--ink)}
.hdr{background:#fff;border-bottom:3px solid var(--navy);padding:12px 22px;display:flex;align-items:center;gap:12px}
.hdr img{height:42px}.hdr span{font-weight:600;color:var(--navy);font-size:18px}
.wrap{max-width:980px;margin:24px auto;padding:0 16px}h2{color:var(--navy)}
.card{background:#fff;border:1px solid #e2e6ea;border-radius:8px;padding:18px;margin-bottom:18px}
input,button{padding:9px;border:1px solid #c5ccd3;border-radius:6px;font-size:15px}
input{width:100%;max-width:320px;margin-right:8px}button{background:var(--navy);color:#fff;border:0;cursor:pointer}
table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #eceff1}
thead th{background:var(--steel);color:#fff;cursor:pointer;user-select:none}tbody tr:hover{background:#f0f6fb}
.stat{display:inline-block;margin-right:22px}.stat b{font-size:18px;color:var(--navy)}
.tag{font-size:12px;padding:2px 9px;border-radius:10px}.tag.open{background:#e8f3e0;color:#3c7a16}.tag.closed{background:#eceff1;color:#667}