@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap");:root{--mf-blue:#002afe;--mf-2:#1e4dff;--mf-light:#0094ff;--mf-grad:linear-gradient(155deg,#002afe,#0094ff);--mf-dark:#25323f;--brand:#00424f;--brand-mid:#005e6f;--brand-lt:#a2d6e2;--brand-pale:#ebf6f9;--brand-grad:linear-gradient(155deg,#003a48,#007a8f);--navy:#0f172a;--navy-2:#1e293b;--ab:#3b82f6;--abl:#60a5fa;--text:#0c1120;--t2:#374151;--t3:#6b7280;--t4:#9ca3af;--white:#fff;--bg:#f7faff;--bg2:#eef4ff;--bg3:#e8f0ff;--border:#e5e7eb;--border2:#f3f4f6;--border3:#c7d7fe;--bg-data:#f4f8fa;--bg2-data:#ebf6f9;--border3-data:#a2d6e2;--green:#22c55e;--green-bg:#dcfce7;--amber:#f59e0b;--amber-bg:#fef3c7;--red:#ef4444;--red-bg:#fee2e2;--blue:#3b82f6;--blue-bg:#dbeafe;--fd:"Bricolage Grotesque",sans-serif;--fb:"Plus Jakarta Sans",sans-serif;--fm:"DM Mono",monospace;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--s-1:4px;--s-2:8px;--s-4:16px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--sh1:0 1px 4px rgba(0,66,79,.07),0 1px 2px rgba(0,0,0,.04);--sh2:0 4px 16px rgba(0,66,79,.09),0 2px 6px rgba(0,0,0,.05);--sh3:0 12px 40px rgba(0,66,79,.11),0 4px 12px rgba(0,0,0,.06);--sidebar:200px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--fb);background:var(--bg);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--fb);border:none;background:none}input,select,textarea{font-family:var(--fb);font-size:14px;outline:none;border:1px solid var(--border);border-radius:var(--r-md);background:var(--white);color:var(--text);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--brand-mid);box-shadow:0 0 0 3px rgba(0,66,79,.08)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-full);font-family:var(--fm);font-size:10.5px;font-weight:500;letter-spacing:.02em}.badge-new{background:var(--bg2-data);color:var(--brand-mid)}.badge-live{background:var(--green-bg);color:#15803d}.badge-draft{background:var(--bg3);color:var(--t3)}.badge-gen{background:var(--amber-bg);color:#92400e}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--r-md);font-family:var(--fb);font-size:14px;font-weight:600;transition:all .15s;white-space:nowrap;border:none}.btn-primary{background:var(--brand-grad);color:var(--white);box-shadow:var(--sh2)}.btn-primary:hover{filter:brightness(1.08);box-shadow:var(--sh3);transform:translateY(-1px)}.btn-secondary{background:var(--white);color:var(--text);border:1px solid var(--border);box-shadow:var(--sh1)}.btn-secondary:hover{border-color:var(--border3-data);background:var(--bg2-data)}.btn-ghost{color:var(--t2);padding:8px 14px;border-radius:var(--r-md)}.btn-ghost:hover{background:var(--bg2-data);color:var(--brand)}.btn-sm{padding:6px 14px;font-size:13px}.btn:disabled{opacity:.45;pointer-events:none}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh1)}.card-hover:hover{box-shadow:var(--sh2);transform:translateY(-2px);transition:all .2s}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:13px;font-weight:600;color:var(--t2)}.label-mono{font-family:var(--fm);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--t3)}.input{padding:10px 14px;width:100%}.textarea{padding:12px 14px;width:100%;resize:vertical;min-height:80px}.select{padding:10px 14px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-hint{font-size:12px;color:var(--t3)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{padding:10px 14px;text-align:left;font-family:var(--fm);font-size:11px;font-weight:500;color:var(--t3);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--border);background:var(--bg-data);white-space:nowrap}.table td{padding:12px 14px;border-bottom:1px solid var(--border2);color:var(--t2);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-data)}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border)}.tab{padding:10px 18px;font-size:14px;font-weight:500;color:var(--t3);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--brand);border-bottom-color:var(--brand)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:var(--t3)}.empty-icon{font-size:36px;margin-bottom:16px;opacity:.45}.empty h3{font-family:var(--fd);font-size:18px;font-weight:700;color:var(--t2);margin-bottom:8px}.empty p{font-size:14px;max-width:300px;line-height:1.6}.alert{padding:12px 16px;border-radius:var(--r-md);font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.alert-error{background:var(--red-bg);color:#991b1b;border:1px solid #fca5a5}.alert-success{background:var(--green-bg);color:#15803d;border:1px solid #86efac}.alert-info{background:var(--bg2-data);color:var(--brand);border:1px solid var(--border3-data)}.progress-bar{height:4px;border-radius:2px;background:var(--border)}.progress-fill{height:100%;border-radius:2px;background:var(--brand-grad);transition:width .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease forwards}