*{box-sizing:border-box}body{margin:0;background:#f4f6f8;font-family:system-ui;color:#20242a}header{position:sticky;top:0;background:#20252b;color:#fff;padding:12px 18px;display:flex;justify-content:space-between;z-index:2}header a{color:#fff;text-decoration:none;font-weight:700}header form{margin:0}main{max-width:1120px;margin:auto;padding:16px}.card{background:#fff;border-radius:10px;padding:18px;margin-bottom:18px;box-shadow:0 2px 8px #0001}.narrow{max-width:430px;margin:40px auto}.toolbar,.actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.button,button{display:inline-block;padding:10px 14px;border:1px solid #bcc4cc;border-radius:7px;background:#fff;text-decoration:none;color:#20242a;cursor:pointer}.primary{background:#0d6efd;color:#fff;border-color:#0d6efd}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide{grid-column:1/-1}label{display:block;font-weight:600;margin-bottom:5px}.control{width:100%;min-height:45px;padding:9px;border:1px solid #cbd2d9;border-radius:7px}textarea.control{min-height:110px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e2e5e8}.tag{background:#0d6efd;color:#fff;padding:4px 8px;border-radius:6px;text-decoration:none}.notice{padding:10px;background:#d9f2ff;border-radius:7px;margin-bottom:12px}small{display:block;color:#65707b;margin-top:4px}@media(max-width:680px){.grid{grid-template-columns:1fr}.wide{grid-column:auto}main{padding:10px}th,td{font-size:13px}.toolbar{align-items:flex-start}}