@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-navy:#1a2744;--color-bg:#f5f7fa;--color-surface:#fff;--color-border:#dde2ea;--color-text:#1a2332;--color-muted:#5b6472;--color-primary:#2c5282;--color-primary-text:#fff;--color-danger:#c53030;--accent-green:#38a169;--accent-orange:#dd6b20;--accent-red:#e53e3e;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--shadow-card:0 1px 3px #00000014;--navbar-height:60px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0}a{color:var(--color-primary)}h1,h2,h3{margin:0 0 var(--space-3);color:var(--color-navy);font-weight:600}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1.05rem}.description{margin:var(--space-2) 0 var(--space-3);padding:var(--space-2) var(--space-3);border-left:3px solid var(--color-primary);color:var(--color-muted);background:#edf2f7;border-radius:8px;font-size:.9rem;line-height:1.5}.page{max-width:960px;padding:var(--space-4);margin:0 auto}.card{background:var(--color-surface);box-shadow:var(--shadow-card);padding:var(--space-3);margin-bottom:var(--space-3);border-radius:12px}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;padding:var(--space-2);border-bottom:1px solid var(--color-border);vertical-align:top}.query-textarea{resize:vertical;width:100%;min-height:4.5rem;padding:var(--space-2);border:1px solid var(--color-border);font:inherit;border-radius:6px}.query-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #2c528226}.col-shrink{white-space:nowrap;width:1%}.row-paused{background:#e4e7ec}.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.th-sortable:hover{color:var(--color-primary)}.row-fresh-today,.row-selected{background:#e3f0fc}.table tbody tr[data-clickable]{cursor:pointer}.form-row{gap:var(--space-1);margin-bottom:var(--space-2);flex-direction:column;display:flex}.form-row label{color:var(--color-muted);font-size:.85rem}.form-row input,.form-row select,.form-row textarea{padding:var(--space-2);border:1px solid var(--color-border);font:inherit;border-radius:6px}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #2c528226}.form-inline{gap:var(--space-2);flex-wrap:wrap;align-items:flex-end;display:flex}.btn{white-space:nowrap;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;font:inherit;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--color-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.btn-danger{color:var(--color-danger);border-color:var(--color-danger)}.btn-positive{color:var(--accent-green);border-color:var(--accent-green)}.btn-muted{color:var(--color-muted);border-color:var(--color-muted)}.btn-partial{color:#1c3d8f;border-color:#1c3d8f}.btn-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.icon-btn{width:28px;height:28px;color:var(--color-danger);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{background:#c530301a}.link-block,.title-block,.snippet-block{overflow-wrap:anywhere;word-break:break-word}.link-block{max-width:100%;display:inline-block}.title-block{margin-top:var(--space-1);color:var(--color-text);font-weight:600}.snippet-block{color:var(--color-muted);margin-top:2px;font-size:.9rem;font-style:italic}.pagination{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.pagination-ellipsis{padding:0 var(--space-1);color:var(--color-muted)}.error{color:var(--color-danger);font-size:.9rem}.muted{color:var(--color-muted);font-size:.9rem}.badge{text-transform:uppercase;letter-spacing:.02em;border:1px solid #0000;border-radius:999px;padding:4px 12px;font-size:.7rem;font-weight:600;display:inline-block}.badge-gray{color:#444;background:#eceef2}.badge-blue{color:#1c3d8f;background:#d6e4ff}.badge-orange{background:var(--accent-orange);color:#fff}.badge-green{background:var(--accent-green);color:#fff}.badge-red{background:var(--accent-red);color:#fff}.badge-running{background:var(--accent-green);color:#fff}.badge-running:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;margin-right:6px;animation:1.4s ease-in-out infinite badge-pulse;display:inline-block}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.3}}.navbar{z-index:30;padding:var(--space-3) var(--space-4);background:var(--color-navy);color:#fff;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.sticky-header{top:var(--navbar-height,64px);z-index:20;background:var(--color-bg);padding-top:var(--space-3);padding-bottom:var(--space-2);position:sticky}.navbar-brand{align-items:center;gap:var(--space-4);font-weight:600;display:flex}.mstar-logo{width:auto;height:28px;display:block}.navbar nav{gap:var(--space-3);display:flex}.navbar a{color:#ffffffd9;text-decoration:none}.navbar a:hover{color:#fff}.navbar a.active{color:#fff;font-weight:600}.modal-backdrop{background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);padding:var(--space-4);border-radius:12px;width:420px;max-width:90vw;box-shadow:0 8px 24px #0003}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:5px}::-webkit-scrollbar-track{background:0 0}