:root{--bar:#202833;--border:#a9a9a9}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Arial,Helvetica,sans-serif;background:#f3f4f6;color:#111}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--bar);color:white;padding:7px 10px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.brand{font-size:22px;font-weight:800;margin-right:9px}.brand small{font-size:11px;color:#bdc7d4}nav{display:flex;gap:5px;flex-wrap:wrap}nav a,.light{background:#fff;color:#202833;font-size:14px;font-weight:bold;padding:9px 12px;border-radius:5px;text-decoration:none;border:1px solid #bfc4c9}nav a.selected{background:#b9d7ff;border-color:#83b6ed}.user{margin-left:auto;font-size:13px}.container{padding:15px;max-width:1400px;width:100%;margin:0 auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.heading h1,h1{font-size:23px}.btn,button{display:inline-block;border:1px solid #707f90;background:#e2e9f1;color:#172536;border-radius:5px;padding:9px 14px;font-weight:700;text-decoration:none;cursor:pointer}.btn{background:#305b86;color:#fff;border-color:#305b86}.secondary{background:#f0f1f3;color:#202833}.panel{border:1px solid #b6bbc1;background:#fff;border-radius:5px;padding:16px;margin:12px 0;overflow:auto}.tablewrap{padding:0}table{width:100%;border-collapse:collapse;font-size:14px}th,td{border:1px solid #b8bcc2;padding:10px;text-align:left}th{background:#e8eaed}tbody tr:nth-child(even){background:#f5f6f8}a{color:#14578d}.search,.inline{display:flex;align-items:center;gap:8px;margin:9px 0;flex-wrap:wrap}.search input{flex:1}input,select,textarea{width:100%;border:1px solid #a5adb7;border-radius:5px;padding:10px;font:inherit;background:white}.inline input,.inline select{width:auto;min-width:240px;max-width:100%}.form{max-width:760px}.form label{display:block;font-weight:700;margin:13px 0 5px}.form label input,.form label select,.form label textarea{margin-top:5px}.status{padding:4px 8px;border-radius:4px;font-weight:bold;white-space:nowrap}.new{background:#f4c4c4}.progress{background:#fbe4a5}.done{background:#bce8c5}.meta,.muted{color:#68717c;font-size:13px}.description{white-space:normal;line-height:1.5}.comment{padding:12px 0;border-bottom:1px solid #ddd}.comment p{margin:6px 0}summary{cursor:pointer;font-weight:bold}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.warning{padding:10px;background:#fff1bf;border:1px solid #ead280}@media(max-width:650px){.topbar{align-items:flex-start}.brand{width:100%}.user{margin-left:0}.container{padding:9px}.panel{padding:10px}.tablewrap{overflow-x:auto}.tablewrap table{min-width:740px}.heading h1{font-size:19px}}