:root{--ui-navy: #2a3b59;--ui-accent: #00b894;--ui-accent-dark: #009d7a;--ui-border: #e6e9ef;--ui-border-strong: #d5dbe5;--ui-muted: #6b7791;--ui-danger: #d63031;--ui-amber: #f39c12}.page-head{margin-bottom:20px;padding-left:14px;border-left:4px solid var(--ui-accent)}.page-head__title{margin:0;font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1.2;color:var(--ui-navy)}.page-head__sub{margin:4px 0 0;font-size:14px;color:var(--ui-muted)}.panel{border:1px solid var(--ui-border);border-radius:14px;background:#fff;box-shadow:0 1px 2px #1018280a}.tabs{display:flex;gap:4px;margin:0 20px;border-bottom:1px solid var(--ui-border);overflow-x:auto}.tabs__link{padding:16px 16px 12px;border-bottom:2px solid transparent;color:var(--ui-muted);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}.tabs__link:hover{color:var(--ui-navy)}.tabs__link--active{border-bottom-color:var(--ui-accent);color:var(--ui-accent)}.panel__body{padding:20px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.toolbar__title{margin:0;font-size:16px;font-weight:700;color:var(--ui-accent)}.toolbar__meta{margin:2px 0 0;font-size:12px;color:var(--ui-muted)}.toolbar__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 18px;border:1px solid transparent;border-radius:8px;font-family:var(--font-body);font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background-color .15s,box-shadow .15s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:2px solid rgba(0,184,148,.45);outline-offset:2px}.btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.btn--primary{background:var(--ui-accent);color:#fff;box-shadow:0 4px 12px #00b89440}.btn--primary:hover:not(:disabled){background:var(--ui-accent-dark)}.btn--outline{border-color:var(--ui-navy);background:#fff;color:var(--ui-navy)}.btn--outline:hover:not(:disabled){background:#f1f4f9}.btn--ghost{border-color:var(--ui-border-strong);background:#fff;color:var(--ui-navy);font-weight:600}.btn--ghost:hover:not(:disabled){background:#f1f4f9}.btn--sm{height:30px;padding:0 12px;font-size:13px}.btn--link{height:auto;padding:4px 8px;border:0;background:none;color:var(--ui-accent-dark);font-weight:600}.btn--link:hover{text-decoration:underline}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:ui-spin .7s linear infinite}.spin{animation:ui-spin .9s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.dt-wrap{position:relative;overflow-x:auto;border:1px solid var(--ui-border);border-radius:10px}.dt-progress{position:absolute;inset:0 0 auto;height:2px;overflow:hidden;z-index:2}.dt-progress:after{content:"";position:absolute;inset:0;width:40%;background:var(--ui-accent);animation:ui-progress 1s ease-in-out infinite}@keyframes ui-progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}.dt{width:100%;border-collapse:collapse;font-size:13px;color:#344054}.dt th,.dt td{padding:10px 12px;border-bottom:1px solid var(--ui-border);text-align:left;white-space:nowrap}.dt th+th,.dt td+td{border-left:1px solid #f0f2f6}.dt thead th{position:sticky;top:0;z-index:1;padding-top:14px;padding-bottom:12px;background:#fff;color:var(--ui-muted);font-weight:500}.dt tbody tr:last-child td{border-bottom:0}.dt .num{text-align:right;font-variant-numeric:tabular-nums}.dt .mono{font-variant-numeric:tabular-nums}.dt__row{transition:background-color .1s}.dt__row:hover{background:#f7f9fc}.dt__row--click{cursor:pointer}.dt__muted{color:#9aa3b5}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;line-height:18px}.badge--amber{background:#fff4e0;color:#b9770e}.badge--green{background:#00b8941f;color:var(--ui-accent-dark)}.badge--grey{background:#eef1f6;color:var(--ui-muted)}.badge--red{background:#fdecec;color:var(--ui-danger)}.skeleton-row td{padding:14px 12px}.skeleton{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,#eef1f6 25%,#f7f9fc,#eef1f6 75%);background-size:200% 100%;animation:ui-shimmer 1.2s ease-in-out infinite}@keyframes ui-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:56px 16px;color:var(--ui-muted);font-size:14px;text-align:center}.empty svg{width:40px;height:40px;fill:none;stroke:#b3bac7;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.banner{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;border:1px solid #f5c2c2;border-radius:10px;background:#fdf2f2;color:#9b1c1c;font-size:14px}.banner span{flex:1}.legend{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ui-muted)}@media(max-width:899px){.panel__body{padding:16px}.tabs{margin:0 16px}}:root{--page-bg: #0e2a52;--navy-deep: #0a1f3d;--navy: #002c6e;--white: #ffffff;--text-muted: #6b7791;--warning: #e53935;--blue-400: #51a2ff;--blue-500: #2b7fff;--blue-600: #155dfc;--blue-700: #1447e6;--font-body: "DM Sans", system-ui, sans-serif;--font-display: "Poppins", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--page-bg);font-family:var(--font-body);-webkit-font-smoothing:antialiased}