:root{--brand-cyan: #22D3EE;--brand-emerald: #34D399;--bg: #FFFFFF;--text: #0B1220;--muted: #334155;--surface: #F8FAFC;--border: #E2E8F0;--success: #16A34A;--warning: #F59E0B;--danger: #EF4444;--radius: 14px;--shadow: 0 10px 30px rgba(2,6,23,.12);--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-6: 24px;--spacing-8: 32px;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bywe-dark: var(--text);--bywe-bright: var(--brand-cyan);--bywe-white: var(--bg);--bywe-cream: var(--surface);--chip-on: rgba(34,211,238,.15);--focus: rgba(34,211,238,.35);--thead: var(--surface);--surface-alt: var(--surface);--sticky-offset: 0px}.theme-dark{--bg: #0B0F14;--text: #F8FAFC;--muted: #CBD5E1;--surface: #111827;--border: #1F2937}body{margin:0;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.5}#root{width:100%;padding:20px;box-sizing:border-box}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.05em;font-weight:600;color:var(--bywe-black)}h1{font-size:clamp(28px,4vw,42px);line-height:1.1}h2{font-size:clamp(22px,3vw,30px)}h3{font-size:clamp(18px,2.2vw,22px)}button{font:inherit;border:none;background:transparent;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--focus)}input,select,textarea{font:inherit;padding:9px 11px;border:1px solid #d9dee5;border-radius:10px;outline:none;background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--bywe-dark);box-shadow:0 0 0 3px var(--focus)}.pro-field.pro-auto .pro-label{color:#6b8073}.pro-field.pro-auto .pro-autoBadge{background:#e5e7eb;color:#0a9166;padding:1px 6px;border-radius:999px;font-size:11px}.pro-field.pro-auto .pro-input,.pro-input.pro-ro{background:#f3f4f6;color:#4b5563;border-color:#e5e7eb;cursor:not-allowed}.pro-field.pro-auto .pro-input:focus,.pro-input.pro-ro:focus{border-color:#e5e7eb;box-shadow:none;outline:none}.pro-page{max-width:1400px;margin:0 auto;padding:0 16px}.pro-shell{width:100%;display:flex;flex-direction:column;gap:16px}.pro-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;position:sticky;top:0;background:#fff;padding:10px 4px;z-index:5;border-bottom:1px solid var(--border)}.pro-title{margin:0 0 4px}.pro-muted{opacity:.6;font-weight:400}.pro-subinfo{display:flex;align-items:center;gap:10px}.pro-pill{padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid #d9dee5;background:#f8fafc}.pro-headerActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pro-btn{padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;font-weight:500;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.pro-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow);background:var(--bg)}.pro-btn:active{transform:translateY(0)}.pro-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pro-btn.pro-primary{background:linear-gradient(135deg,var(--brand-cyan),var(--brand-emerald));color:#fff;border-color:var(--brand-cyan)}.pro-btn.pro-primary:hover{box-shadow:0 10px 20px #22d3ee4d}.pro-btn.pro-ghost{background:#fff;color:var(--bywe-dark);border-color:#d9dee5}.pro-card{border:1px solid var(--border);border-radius:12px;padding:16px;background:#fff}.pro-cardTitle{margin:0 0 12px;font-size:18px}.pro-accent-blue{box-shadow:0 0 0 3px #94ff891f inset}.pro-subTitle{margin:12px 0 8px;font-size:14px;opacity:.85}.pro-grid{display:grid;gap:12px}.pro-grid.three{grid-template-columns:repeat(3,minmax(220px,1fr))}@media (max-width:900px){.pro-grid.three{grid-template-columns:1fr}}.pro-field{display:grid;gap:6px}.pro-label{font-size:12px;opacity:.8}.pro-input{padding:9px 11px;border:1px solid #d9dee5;border-radius:8px;width:100%;box-sizing:border-box;background:#fff}.pro-input:focus{outline:none;border-color:var(--bywe-black);box-shadow:0 0 0 3px var(--focus)}.pro-actionsRow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.pro-toolbarRow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pro-toolbarLeft{display:flex;gap:8px;flex-wrap:wrap}.pro-toolbarRight{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pro-toolbarHint{opacity:.7;font-size:12px}.pro-columnsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.pro-colGroupTitle{margin:4px 0 6px;font-weight:600}.pro-colGroupHeader{display:flex;align-items:center;justify-content:space-between}.pro-chipWrap{display:flex;flex-wrap:wrap;gap:8px}.pro-chip{border:1px solid #e6eaf0;padding:6px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;background:#fff;-webkit-user-select:none;user-select:none;color:var(--bywe-dark)}.pro-chipOn{background:var(--chip-on)}.pro-tableWrap{width:100%;overflow-x:auto;overflow-y:visible}.pro-table{border-collapse:collapse;width:max-content;min-width:100%;table-layout:auto}.pro-th{position:sticky;top:var(--sticky-offset, 0px);background:#fff;z-index:3}.pro-td,.pro-th{border-bottom:1px solid #eee;padding:10px 12px;text-align:left;vertical-align:top}.pro-tdNowrap{white-space:nowrap}.pro-table.freeze-first th:first-child,.pro-table.freeze-first td:first-child{position:sticky;left:0;background:#fff;z-index:4;box-shadow:1px 0 #eee}.pro-table.freeze-first th:first-child{z-index:5}.pro-empty{padding:16px 12px;text-align:left;opacity:.7}.pro-error{background:#ffe8e8;border:1px solid #ffb8b8;color:#8a0f0f;padding:6px 10px;border-radius:8px;font-size:12px;margin-top:8px}.pro-overlay{position:fixed;inset:0;background:#00000040;z-index:98}.pro-drawer{position:fixed;right:12px;top:80px;bottom:12px;width:360px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 18px 40px #00000026;z-index:99;overflow:auto}.pro-drawerHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pro-stack{display:grid;gap:10px}