:root{--navy: #0b2447;--navy-soft: #1a3a6b;--cyan: #00a9ce;--cyan-dark: #0086a5;--cyan-soft: #e5f7fb;--ink: #16233a;--muted: #5b6b82;--line: #dde5ef;--bg: #ffffff;--bg-soft: #f6f9fc;--red: #d64545;--green: #2e9e5b;--yellow: #e6b800;--radius: 10px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Helvetica Neue,Arial,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.4}h1,h2,h3{color:var(--navy);line-height:1.2}h1{font-size:1.45rem}h2{font-size:1.15rem}a{color:var(--cyan-dark)}.topbar{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:10}.topbar-inner{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:24px}.brand{font-weight:800;font-size:1rem;color:var(--navy);padding:12px 0;white-space:nowrap}.brand .up{color:var(--cyan)}.tabs{display:flex;gap:4px;flex:1}.tab{padding:13px 12px 9px;text-decoration:none;color:var(--muted);font-weight:600;border-bottom:4px solid transparent}.tab:hover,.tab.active{color:var(--navy)}.tab.active.c0{border-color:var(--cyan)}.tab.active.c1{border-color:var(--green)}.tab.active.c2{border-color:var(--yellow)}.tab.active.c3{border-color:var(--red)}.tab.active.c4{border-color:var(--navy)}.topbar .who{color:var(--muted);font-size:.9rem;white-space:nowrap}.page{max-width:1200px;margin:0 auto;padding:22px 20px 80px}.page.narrow{max-width:640px}.page.wide{max-width:none}.narrow-inner{max-width:640px;margin:0 auto}.card{border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:14px;background:var(--bg)}.card h2{margin-top:0}.muted{color:var(--muted)}.small{font-size:.86rem}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.stack>*+*{margin-top:14px}label.field{display:block;margin-bottom:14px}label.field>span,.qlabel{display:block;font-weight:600;color:var(--navy);margin-bottom:5px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=datetime-local],textarea,select{width:100%;padding:7px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;color:var(--ink);background:var(--bg)}textarea{min-height:110px;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--cyan);outline-offset:-1px;border-color:var(--cyan)}.checkline{display:flex;gap:8px;align-items:center;margin:6px 0;font-weight:400}.checkline input{width:auto}button,.btn{font:inherit;font-weight:600;border:none;border-radius:8px;padding:7px 14px;cursor:pointer;background:var(--navy);color:#fff;text-decoration:none;display:inline-block}button:hover,.btn:hover{background:var(--navy-soft)}button.primary,.btn.primary{background:var(--cyan-dark)}button.primary:hover,.btn.primary:hover{background:var(--cyan)}button.ghost,.btn.ghost{background:transparent;color:var(--navy);border:1px solid var(--line)}button.ghost:hover,.btn.ghost:hover{background:var(--bg-soft)}button.danger{background:transparent;color:var(--red);border:1px solid var(--line)}button.danger:hover{background:#fbeeee}button.tiny{padding:3px 9px;font-size:.82rem}button:disabled{opacity:.5;cursor:default}.error{background:#fbeeee;color:var(--red);border:1px solid #f0c9c9;border-radius:8px;padding:10px 12px;margin:10px 0}.success{background:#edf7f0;color:var(--green);border:1px solid #c9e6d3;border-radius:8px;padding:10px 12px;margin:10px 0}.limit-note{font-size:.8rem;color:var(--muted);text-align:right;margin-top:2px}.limit-note.over{color:var(--red);font-weight:600}.pill{display:inline-block;background:var(--cyan-soft);color:var(--cyan-dark);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:600;margin:0 4px 4px 0;white-space:nowrap}.pill.navy{background:#e8edf6;color:var(--navy)}.pill button{background:none;border:none;color:inherit;padding:0 0 0 5px;font-size:.85rem;cursor:pointer}.badge-open{color:var(--green);font-weight:700;font-size:.82rem}.badge-closed{color:var(--red);font-weight:700;font-size:.82rem}.badge-draft{color:#8a6d00;font-weight:700;font-size:.82rem}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}table{border-collapse:collapse;width:100%;font-size:.86rem}th,td{text-align:left;padding:5px 9px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--bg-soft);color:var(--navy);font-size:.76rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative}tr:last-child td{border-bottom:none}tbody tr.clickable:hover{background:var(--cyan-soft);cursor:pointer}.card.clickable{cursor:pointer}.card.clickable:hover{border-color:var(--cyan);background:var(--bg-soft)}.head-row{position:relative;display:flex;align-items:center;justify-content:center;min-height:38px;margin-bottom:16px}.head-row .head-left{position:absolute;left:0;margin:0}@media (max-width: 860px){.head-row{flex-direction:column;gap:8px;align-items:flex-start}.head-row .head-left{position:static}}.wide-head{max-width:1160px;margin:0 auto}.subtabs{display:inline-flex;gap:4px;background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:3px}.subtab{padding:4px 14px;border-radius:999px;text-decoration:none;color:var(--muted);font-weight:600;font-size:.88rem}.subtab:hover{color:var(--navy)}.subtab.active{background:var(--navy);color:#fff}td.clip{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-inner{display:inline-flex;align-items:center;gap:3px}.th-label{cursor:pointer}.th-label:hover{color:var(--cyan-dark)}.sort-arrow{display:inline-block;width:1.1em;text-align:center}.sort-arrow.idle{opacity:.3}.filter-btn{background:none;border:none;color:var(--muted);padding:0 3px;font-size:.8rem;cursor:pointer;line-height:1}.filter-btn:hover{background:none;color:var(--cyan-dark)}.filter-btn.on{color:var(--cyan-dark);font-weight:900}.popover{position:absolute;top:100%;left:0;z-index:50;min-width:210px;max-width:280px;background:var(--bg);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 18px #0b244724;padding:8px;text-transform:none;letter-spacing:normal;font-size:.86rem;font-weight:400;color:var(--ink);white-space:normal;cursor:default}.checklist-search{margin-bottom:6px}.checklist{max-height:210px;overflow-y:auto}.checklist .checkline{margin:2px 0}.clip-inline{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom}.tagselect{position:relative;display:inline-block}.tagselect .pill{vertical-align:middle}.tagselect>button{vertical-align:middle}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-soft)}.auth-card{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:34px;width:400px;max-width:calc(100vw - 32px)}.auth-card .brand{font-size:1.3rem;padding:0 0 6px}.qcard{border:1px solid var(--line);border-left:4px solid var(--cyan);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px;background:var(--bg)}.qcard.viewer-only{border-left-color:var(--yellow);background:#fffdf2}.qcard .grid{display:grid;grid-template-columns:1fr 180px;gap:10px}.qcard .opts input{margin-bottom:6px}.viewer-section-label{font-size:.78rem;font-weight:700;color:#8a6d00;text-transform:uppercase;letter-spacing:.05em}.answer-block{margin-bottom:18px}.answer-block .qlabel{margin-bottom:3px}.answer-block .val{white-space:pre-wrap}.answer-block .val.empty{color:var(--muted);font-style:italic}.viewer-box{border:1px solid #eedfa0;background:#fffdf2;border-radius:var(--radius);padding:16px;margin-top:20px}.pager{display:flex;gap:10px;align-items:center;justify-content:center;margin:14px 0}@media (max-width: 720px){.topbar-inner{flex-wrap:wrap;gap:8px}.qcard .grid{grid-template-columns:1fr}}