:root{font-family:system-ui,sans-serif;color:#0f172a;background:#f1f5f9}body{margin:0}.layout{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:#0f172a;color:#f8fafc}.meta{opacity:.85;font-size:.85rem}.ghost{margin-left:auto;background:transparent;color:#e2e8f0;border:1px solid #64748b;padding:.35rem .75rem;border-radius:6px;cursor:pointer}.main{flex:1;padding:1.5rem;max-width:960px;margin:0 auto;width:100%;box-sizing:border-box}.card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem 1.5rem}.form{display:flex;flex-direction:column;gap:.75rem;max-width:20rem}.form label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.form input{padding:.45rem .55rem;border:1px solid #cbd5e1;border-radius:6px}button{padding:.45rem .9rem;border-radius:6px;border:none;background:#2563eb;color:#fff;font-weight:600;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.danger{background:#b91c1c}.hint{color:#64748b}.err{color:#b91c1c}.muted{color:#64748b;font-size:.9rem}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.pager{display:flex;gap:.5rem;margin:.75rem 0 1rem}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{border:1px solid #e2e8f0;padding:.45rem .5rem;text-align:left;vertical-align:top}.mono{font-family:ui-monospace,monospace;word-break:break-all}