@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--syn-bg:#F4F5F7;--syn-surface:#FFFFFF;--syn-surface-2:#FAFBFC;--syn-border:#E6E8EC;--syn-border-strong:#D2D6DD;--syn-text:#1A1D24;--syn-text-muted:#646B76;--syn-text-dim:#99A0AB;--syn-accent:#29B5E0;--syn-accent-hover:#1B9FCC;--syn-accent-soft:#E8F8FD;--syn-blue:#2980B9;--syn-blue-soft:#EBF5FB;--syn-green:#1E9E62;--syn-green-soft:#E7F7EF;--syn-amber:#D9821E;--syn-amber-soft:#FCF1E1;--syn-red:#C0392B;--syn-red-soft:#FBEAE8;--syn-neutral:#6B7280;--syn-neutral-soft:#F1F2F4;--syn-radius:8px;--syn-radius-lg:12px;--syn-radius-pill:999px;--syn-shadow-sm:0 1px 2px rgba(16,24,40,0.04);--syn-shadow:0 4px 16px rgba(16,24,40,0.08);--syn-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Verdana,sans-serif}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;background:var(--syn-bg);color:var(--syn-text);font-family:var(--syn-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{cursor:pointer}button,input,select,textarea{font-family:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--syn-accent);outline-offset:2px;border-radius:3px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#D7DAE0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#C1C5CD}.syn-page{min-height:100vh;background:var(--syn-bg);color:var(--syn-text)}.syn-container{max-width:1100px;margin:0 auto;padding:0 20px}.syn-container-sm{max-width:760px;margin:0 auto;padding:0 20px}.syn-topbar{background:var(--syn-surface);border-bottom:1px solid var(--syn-border);position:-webkit-sticky;position:sticky;top:0;z-index:20}.syn-topbar-inner{max-width:1100px;margin:0 auto;padding:0 16px;height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px}.syn-logo{height:30px;width:auto;display:block}.syn-topbar-actions{display:flex;align-items:center;gap:12px}.syn-avatar{width:30px;height:30px;border-radius:50%;background:var(--syn-accent-soft);color:var(--syn-accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.syn-nav-link{font-size:13px;font-weight:500;padding:6px 14px;border-radius:var(--syn-radius-pill);border:none;background:transparent;color:var(--syn-text-muted)}.syn-nav-link:hover{background:var(--syn-surface-2);color:var(--syn-text)}.syn-nav-link.is-active{background:var(--syn-accent-soft);color:var(--syn-accent);font-weight:600}.syn-iconbtn{background:transparent;border:none;color:var(--syn-text-muted);display:flex;align-items:center;justify-content:center;border-radius:8px;padding:6px}.syn-iconbtn:hover{background:var(--syn-surface-2);color:var(--syn-text)}.btn{font-family:inherit;font-size:14px;font-weight:600;line-height:1;border-radius:var(--syn-radius);padding:10px 18px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background-color .15s ease,border-color .15s ease,transform .05s ease,opacity .15s ease}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--syn-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--syn-accent-hover)}.btn-ghost{background:var(--syn-surface);color:var(--syn-text-muted);border-color:var(--syn-border-strong)}.btn-ghost:hover:not(:disabled){background:var(--syn-surface-2);color:var(--syn-text)}.btn-success{background:var(--syn-green-soft);color:var(--syn-green);border-color:var(--syn-green)}.btn-danger{background:var(--syn-red-soft);color:var(--syn-red);border-color:var(--syn-red)}.btn-block{width:100%}.syn-card{background:var(--syn-surface);border:1px solid var(--syn-border);border-radius:var(--syn-radius-lg);padding:16px}.syn-card-hover{transition:border-color .15s ease,box-shadow .15s ease;cursor:pointer}.syn-card-hover:hover{border-color:var(--syn-border-strong);box-shadow:var(--syn-shadow-sm)}.syn-card-selected{border-color:var(--syn-accent);box-shadow:0 0 0 1px var(--syn-accent)}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--syn-radius-pill);white-space:nowrap;letter-spacing:.01em}.pill--info{background:var(--syn-accent-soft);color:var(--syn-accent)}.pill--blue{background:var(--syn-blue-soft);color:var(--syn-blue)}.pill--warning{background:var(--syn-amber-soft);color:var(--syn-amber)}.pill--success{background:var(--syn-green-soft);color:var(--syn-green)}.pill--danger{background:var(--syn-red-soft);color:var(--syn-red)}.pill--neutral{background:var(--syn-neutral-soft);color:var(--syn-neutral);border:1px solid var(--syn-border)}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.dot--critical{background:var(--syn-red)}.dot--high{background:var(--syn-amber)}.dot--medium{background:var(--syn-blue)}.dot--low{background:var(--syn-green)}.chip{font-size:12px;font-weight:500;padding:6px 13px;border-radius:var(--syn-radius-pill);border:1px solid var(--syn-border-strong);background:var(--syn-surface);color:var(--syn-text-muted);white-space:nowrap;transition:background-color .15s,color .15s,border-color .15s}.chip:hover{color:var(--syn-text)}.chip.is-active,.chip:hover{border-color:var(--syn-accent)}.chip.is-active{background:var(--syn-accent);color:#fff;font-weight:600}.field{margin-bottom:14px}.field-label{display:block;font-size:12px;font-weight:500;color:var(--syn-text-muted);margin-bottom:6px}.field-req{color:var(--syn-accent)}.syn-input,.syn-select,.syn-textarea{width:100%;background:var(--syn-surface);color:var(--syn-text);border:1px solid var(--syn-border-strong);border-radius:var(--syn-radius);padding:11px 12px;font-size:16px;line-height:1.3;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.syn-textarea{resize:vertical;min-height:84px}.syn-input:focus,.syn-select:focus,.syn-textarea:focus{border-color:var(--syn-accent);box-shadow:0 0 0 3px var(--syn-accent-soft)}.syn-input::placeholder,.syn-textarea::placeholder{color:var(--syn-text-dim)}.banner{border-radius:var(--syn-radius);padding:11px 14px;font-size:13px;display:flex;align-items:center;gap:8px}.banner--success{background:var(--syn-green-soft);color:var(--syn-green);border:1px solid var(--syn-green)}.banner--error{background:var(--syn-red-soft);color:var(--syn-red);border:1px solid var(--syn-red)}.muted{color:var(--syn-text-muted)}.dim{color:var(--syn-text-dim)}.mono{font-family:Inter,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.spin{animation:syn-spin .7s linear infinite}@keyframes syn-spin{to{transform:rotate(1turn)}}.fade-in{animation:syn-fade .2s ease both}@keyframes syn-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.sm-layout{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;align-items:start}.sm-detail{position:static}@media (min-width:880px){.sm-layout{grid-template-columns:1fr 360px}.sm-detail{position:-webkit-sticky;position:sticky;top:74px}}.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:480px){.two-col{grid-template-columns:1fr}}.hide-narrow{display:none}@media (min-width:560px){.hide-narrow{display:block}}.syn-logo-sm{height:26px}@media (min-width:560px){.syn-logo-sm{height:30px}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media (max-width:560px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.rm-layout{display:grid;grid-template-columns:1fr;grid-gap:22px;gap:22px;align-items:start}.rm-detail{position:static}@media (min-width:980px){.rm-split{grid-template-columns:minmax(0,1fr) 400px}.rm-detail{position:-webkit-sticky;position:sticky;top:74px;max-height:calc(100vh - 90px);overflow-y:auto}}