:root{--ma-navy: #0a1428;--ma-navy-2: #0c1730;--ma-navy-3: #11203d;--ma-cyan: #00CFFF;--ma-cyan-dim: #00B4E6;--ma-gold: #FFB800;--ma-gold-soft: #FFCB47;--text: #E6ECF7;--text-dim: #8FA0BD;--text-faint: #5C6E8C;--surface: var(--ma-navy);--surface-card: var(--ma-navy-2);--surface-card-hi: var(--ma-navy-3);--border: #1d2c4f;--border-bright: #2a3c6a;--ok: #34D17F;--warn: #FFB800;--bad: #FF5C7C;--radius: 10px;--radius-sm: 6px;--shadow-card: 0 1px 0 #ffffff0a inset, 0 6px 24px #00000040;--font-stack: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif}html,body,#root{margin:0;background:var(--surface);color:var(--text);font-family:var(--font-stack);font-size:15px;line-height:1.5;min-height:100vh}*{box-sizing:border-box}a{color:var(--ma-cyan);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;background:var(--surface-card-hi);color:var(--text);border:1px solid var(--border-bright);border-radius:var(--radius-sm);padding:6px 12px;transition:background 80ms ease,border-color 80ms ease}button:hover{background:var(--ma-navy-3);border-color:var(--ma-cyan-dim)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--ma-cyan-dim);color:var(--ma-navy);border-color:var(--ma-cyan);font-weight:600}button.primary:hover{background:var(--ma-cyan)}button.gold{background:var(--ma-gold);color:var(--ma-navy);border-color:var(--ma-gold-soft);font-weight:600}button.gold:hover{background:var(--ma-gold-soft)}button.danger{color:var(--bad);border-color:#3a2030}button.danger:hover{background:#2a121c}.app-shell{display:grid;grid-template-rows:56px 1fr;min-height:100vh}.topbar{display:flex;align-items:center;gap:16px;padding:0 20px;background:linear-gradient(180deg,var(--ma-navy-2) 0%,var(--ma-navy) 100%);border-bottom:1px solid var(--border)}.topbar .brand{font-weight:700;letter-spacing:.4px;color:var(--text)}.topbar .brand .accent{color:var(--ma-cyan)}.topbar .spacer{flex:1}.topbar select{background:var(--surface-card);color:var(--text);border:1px solid var(--border-bright);border-radius:var(--radius-sm);padding:4px 8px;font:inherit}.topbar select:disabled{opacity:.7}.tabs{display:flex;gap:4px}.tab{background:transparent;border:1px solid transparent;color:var(--text-dim);padding:6px 14px;border-radius:var(--radius-sm)}.tab.active{background:var(--surface-card-hi);color:var(--text);border-color:var(--border-bright)}.content{padding:24px 28px;max-width:1100px;margin:0 auto;width:100%}.section-header{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.section-header h2{margin:0;font-size:18px;letter-spacing:.2px}.section-header .meta{color:var(--text-dim);font-size:13px}.section-header .actions{margin-left:auto;display:flex;gap:6px}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;letter-spacing:.4px;text-transform:uppercase;background:var(--ma-navy-3);color:var(--text-dim);border:1px solid var(--border-bright)}.pill.suggested{color:var(--ma-cyan);border-color:#16334d;background:#0b2238}.pill.approved{color:var(--ok);border-color:#1d3a2a;background:#0e2218}.pill.approved-fasttrack{color:var(--ma-gold);border-color:#3a2f10;background:#221a08}.pill.rejected{color:var(--bad);border-color:#3a1d28;background:#211016}.pill.published{color:var(--text-faint);border-color:var(--border);background:var(--ma-navy-2)}.card-list{display:flex;flex-direction:column;gap:10px}.card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-card);display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.card .head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.card .score{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--ma-gold)}.card .title{font-weight:600;font-size:15px;color:var(--text)}.card .tagline{color:var(--text-dim);font-size:13px;margin-top:4px}.card .meta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;color:var(--text-faint);font-size:12px}.card .meta-row .k{color:var(--text-dim)}.card .right{display:flex;flex-direction:column;gap:6px;min-width:0}.card .right .actions{display:flex;gap:4px}.empty{color:var(--text-dim);padding:24px 0;text-align:center;border:1px dashed var(--border);border-radius:var(--radius)}.error{color:var(--bad);background:#1a0d12;border:1px solid #3a1d28;border-radius:var(--radius);padding:12px 14px;margin-bottom:12px}.loading{color:var(--text-dim);padding:24px 0}.footer{margin-top:24px;color:var(--text-faint);font-size:12px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.footer code{background:var(--surface-card);padding:1px 6px;border-radius:4px;color:var(--ma-cyan-dim);font-size:11px}.card.busy{opacity:.6}.row-spinner{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ma-cyan);letter-spacing:2px;animation:blink 1s steps(4) infinite}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04081099;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:var(--surface-card);border:1px solid var(--border-bright);border-radius:var(--radius);box-shadow:var(--shadow-card);width:100%;max-width:420px;padding:18px 20px;display:flex;flex-direction:column;gap:12px}.modal-wide{max-width:560px}.modal-title{font-weight:700;font-size:16px;color:var(--text)}.modal-subtitle{color:var(--text);font-weight:600;margin-bottom:8px}.modal-body{display:flex;flex-direction:column;gap:8px}.modal-body label{display:block;color:var(--text-dim);font-size:12px;margin-top:6px}.modal-body textarea,.modal-body input[type=text]{width:100%;background:var(--ma-navy);color:var(--text);border:1px solid var(--border-bright);border-radius:var(--radius-sm);padding:8px 10px;font:inherit;resize:vertical}.modal-body textarea:focus,.modal-body input[type=text]:focus{outline:none;border-color:var(--ma-cyan)}.modal-hint{color:var(--text-faint);font-size:12px}.edit-field{display:flex;flex-direction:column}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.toast-tray{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:60;pointer-events:none}.toast{background:var(--surface-card);border:1px solid var(--border-bright);border-left-width:4px;border-radius:var(--radius-sm);padding:8px 14px;color:var(--text);font-size:13px;box-shadow:var(--shadow-card);pointer-events:auto;max-width:360px}.toast.ok{border-left-color:var(--ok)}.toast.err{border-left-color:var(--bad);color:var(--bad)}
