:root{--green:#389124;--green-dark:#236317;--ink:#172019;--muted:#607065;--line:#d9e2dc;--soft:#f3f7f4;--danger:#ad2727;--warn:#aa6500}*{box-sizing:border-box}body{color:var(--ink);background:#f7f9f7;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{max-width:1120px;margin:auto;padding:20px}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;max-width:1120px;margin:auto;padding:14px 20px;display:flex}.brand{align-items:center;gap:10px;font-weight:800;display:flex}.brand-badge{background:var(--green);color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:14px;margin:14px 0;padding:18px;box-shadow:0 2px 8px #00000008}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.btn{cursor:pointer;background:var(--green);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;padding:11px 15px;font-weight:700;display:inline-flex}.btn.secondary{color:var(--green-dark);border:1px solid var(--green);background:#fff}.btn.danger{background:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.field{gap:6px;margin:12px 0;display:grid}.field label{font-weight:700}.field input,.field select,.field textarea{background:#fff;border:1px solid #bcc9c0;border-radius:9px;width:100%;padding:11px}.muted{color:var(--muted)}.status{color:#255f1a;background:#e8f4e5;border-radius:999px;padding:5px 9px;font-size:13px;font-weight:700;display:inline-block}.status.warn{color:#8b5200;background:#fff1dc}.status.danger{color:#8d1d1d;background:#ffe5e5}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px}.notice{border-left:4px solid var(--green);background:#eaf6e7;border-radius:10px;padding:12px}.notice.warn{border-left-color:var(--warn);background:#fff6e6}.notice.danger{border-left-color:var(--danger);background:#ffecec}.section-title{margin-top:28px}.answer-row{border:1px solid var(--line);background:#fff;border-radius:12px;margin:10px 0;padding:12px}.answer-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.small{font-size:13px}.actions{flex-wrap:wrap;gap:10px;display:flex}.login{max-width:460px;margin:7vh auto}.progress{background:#e5ece7;border-radius:999px;height:8px;overflow:hidden}.progress>span{background:var(--green);height:100%;display:block}@media (max-width:700px){.shell{padding:12px}.topbar-inner{padding:10px 12px}.table{display:block;overflow-x:auto}.answer-head{display:block}.actions .btn{width:100%}}.brand-logo{object-fit:contain;width:40px;height:40px;display:block}.topbar-actions{align-items:center;gap:16px;display:flex}.logout-button{appearance:none;color:#333;font:inherit;cursor:pointer;background:#fff;border:1px solid #d6d6d6;border-radius:8px;padding:8px 12px}.logout-button:hover{background:#f5f5f5}