:root{--bg:#f6f8fb;--card:#fff;--ink:#0b1f3a;--muted:#5b6b82;--navy:#0b3a75;--navy-2:#0d4a93;--line:#e4e9f1;--ok:#1f9d57;--warn:#c67a00;--danger:#c0392b;--radius:14px;--shadow:0 1px 2px #0b1f3a0d, 0 10px 26px #0b1f3a0f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--navy-2)}.wrap{max-width:920px;margin:0 auto;padding:18px 16px 80px}header.top{z-index:10;background:var(--bg);padding-top:8px;position:sticky;top:0}.brand{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.brand h1{letter-spacing:.2px;margin:0;font-size:20px;font-weight:800}.brand .sub{color:var(--muted);font-size:13px}.pills{flex-wrap:wrap;gap:8px;margin:10px 0 6px;display:flex}.pill{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600}.pill.ok{color:var(--ok);background:#f1faf4;border-color:#bfe6cd}.pill.warn{color:var(--warn);background:#fff8ea;border-color:#ffe2a8}.toolbar{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.toolbar select,.toolbar input[type=search]{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:9px 12px;font-size:14px}.toolbar input[type=search]{flex:1;min-width:160px}.toolbar select:focus,.toolbar input:focus{border-color:var(--navy);outline:none}button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px}.btn-primary{background:var(--navy);color:#fff;padding:9px 15px;font-size:14px;font-weight:600}.btn-primary:disabled{opacity:.5;cursor:default}.btn-ghost{border:1px solid var(--line);color:var(--muted);background:#fff;padding:8px 12px;font-size:13px}.btn-danger{color:var(--danger);background:#fff;border:1px solid #f0c9c4;padding:8px 12px;font-size:13px}.catgroup{margin-top:16px}.cathead{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--line);background:#eef3fb;border-radius:12px;align-items:center;gap:10px;margin:0 0 12px;padding:12px 14px;display:flex}.cathead:hover{background:#e7eef9}.cathead .chev{color:var(--navy);width:14px;font-size:13px}.cathead .catname{text-transform:uppercase;letter-spacing:.08em;color:var(--navy);font-size:13.5px;font-weight:800}.cathead .catmeta{color:var(--muted);letter-spacing:0;text-transform:none;margin-left:auto;font-size:12px;font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:16px}.card.pending{border-left:4px solid var(--warn)}.card.done{border-left:4px solid var(--ok)}.row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.row .grow{flex:1;min-width:180px}label.fld{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:10px 0 5px;font-size:11.5px;font-weight:700;display:block}input.text,textarea,select.cat{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:10px 12px;font-size:14.5px}input.topic{font-size:15px;font-weight:700}textarea{resize:vertical;line-height:1.5}textarea.ans{min-height:92px}textarea.qs{color:#33465e;min-height:70px;font-size:13.5px}input:focus,textarea:focus,select:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #0b3a7514}.cardfoot{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.saved{color:var(--ok);font-size:12.5px;font-weight:600}.muted{color:var(--muted);font-size:12.5px}.empty{text-align:center;color:var(--muted);padding:40px 10px}.rowcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-items:stretch;gap:14px;margin-bottom:10px;padding:14px;display:flex}.rowcard.pending{border-left:4px solid var(--warn)}.rowcard.done{border-left:4px solid var(--ok)}.rowcard .col{flex-direction:column;min-width:0;display:flex}.col-topic{flex:0 0 240px}.col-q{flex:34%}.col-a{flex:42%}.collabel{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:5px;font-size:11px;font-weight:700}.rowcard input.topic{font-size:14.5px}.rowcard input.cat-sm{color:var(--muted);margin-top:8px;padding:8px 11px;font-size:13px}.rowcard textarea.qs{color:#33465e;resize:none;font-size:13px;overflow:hidden}.rowcard textarea.ans{resize:none;overflow:hidden}.rowfoot{align-items:center;gap:10px;margin-top:8px;display:flex}.rowfoot .btn-danger.sm{margin-right:auto}.btn-primary.sm,.btn-danger.sm{padding:7px 13px;font-size:13px}@media (max-width:860px){.rowcard{flex-direction:column;gap:10px}.col-topic,.col-q,.col-a{flex:none}}.addbox{border-radius:var(--radius);background:#fff;border:1px dashed #c3d0e4;margin-bottom:16px;padding:16px}.center{text-align:center}