*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f5f6f8;color:#1a1a1a}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:#1f2937;color:#fff;padding:1.25rem 1rem;flex-shrink:0}.sidebar h1{font-size:1.05rem;margin:0 0 1.5rem}.sidebar nav a{display:block;color:#cbd5e1;text-decoration:none;padding:.5rem .6rem;border-radius:6px;margin-bottom:.25rem;font-size:.92rem}.sidebar nav a.active,.sidebar nav a:hover{background:#374151;color:#fff}.main{flex:1;padding:1.75rem 2rem;max-width:1100px}h2{margin-top:0}.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;margin-bottom:1.25rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid #eee}th{color:#6b7280;font-weight:600;font-size:.8rem;text-transform:uppercase}tr:hover td{background:#fafafa}a{color:#2563eb}button,input[type=submit]{background:#2563eb;color:#fff;border:none;padding:.5rem .9rem;border-radius:6px;cursor:pointer;font-size:.88rem}button:hover{background:#1d4ed8}button.secondary{background:#6b7280}button.secondary:hover{background:#4b5563}button:disabled{background:#9ca3af;cursor:not-allowed}input[type=text],input[type=email],textarea,select{width:100%;padding:.45rem .6rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;margin-bottom:.75rem;font-family:inherit}textarea{font-family:ui-monospace,monospace;font-size:.82rem;min-height:220px}label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.3rem;color:#374151}.form-row{margin-bottom:.75rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-draft{background:#fef3c7;color:#92400e}.badge-published{background:#d1fae5;color:#065f46}.badge-pending{background:#fef3c7;color:#92400e}.badge-delivered{background:#d1fae5;color:#065f46}.badge-failed{background:#fee2e2;color:#991b1b}.badge-created{background:#dbeafe;color:#1e40af}.badge-updated{background:#fef3c7;color:#92400e}.badge-retired{background:#fee2e2;color:#991b1b}.error{background:#fee2e2;color:#991b1b;padding:.6rem .9rem;border-radius:6px;margin-bottom:1rem;font-size:.88rem}.success{background:#d1fae5;color:#065f46;padding:.6rem .9rem;border-radius:6px;margin-bottom:1rem;font-size:.88rem}.muted{color:#6b7280;font-size:.85rem}.actions{display:flex;gap:.5rem;margin-top:.75rem}.field-tag{display:inline-block;background:#eef2ff;color:#3730a3;border-radius:4px;padding:.1rem .4rem;font-size:.75rem;margin-right:.25rem}code{background:#f3f4f6;padding:.1rem .35rem;border-radius:4px;font-size:.85em}.page-header{display:flex;align-items:center;justify-content:space-between}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:8px;padding:1.5rem;width:420px;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.modal-header h3{margin:0}.modal-close{background:transparent;color:#6b7280;padding:.1rem .5rem;font-size:1.1rem;line-height:1}.modal-close:hover{background:#f3f4f6;color:#111827}