:root{color:#1c1c1e;background:#f5f5f7;font-family:system-ui,sans-serif}body{margin:0}main{max-width:1200px;margin:0 auto;padding:24px 16px}header{justify-content:space-between;align-items:center;display:flex}table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;font-size:14px;overflow:hidden}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #eee;padding:8px 10px}th{background:#fafafa}small{color:#777;display:block}.tag{color:#1a4fb4;background:#e8f0fe;border-radius:10px;margin:1px 3px 1px 0;padding:1px 8px;font-size:12px;display:inline-block}button{color:#fff;cursor:pointer;background:#1a4fb4;border:0;border-radius:6px;padding:7px 12px}button.ghost{color:#1c1c1e;background:#e6e6ea}button.danger{background:#c62828}.actions{white-space:nowrap;gap:6px;display:flex}.form{background:#fff;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0;padding:16px;display:grid}.form h2{grid-column:1/-1;margin:0}.form label{flex-direction:column;gap:4px;font-size:13px;display:flex}.form .wide{grid-column:1/-1}input,select,textarea{font:inherit;border:1px solid #ccc;border-radius:6px;padding:7px}.err{color:#c62828}