:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#151614;--surface:#1c1e1b;--surface-strong:#22251f;--panel:#232620;--panel-soft:#1a1d19;--border:#3a3e35;--border-strong:#555b4e;--text:#f1eee7;--muted:#b8b2a7;--subtle:#8f897d;--accent:#39a875;--accent-soft:#173c2d;--accent-text:#a7e2c1;--blue:#7ea4ff;--red:#f07167;--warning:#f1b15f;--shadow:0 1px 4px #00000059}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{border:0}.boot-screen,.login-screen{background:var(--surface);min-height:100vh}.boot-screen{place-items:center;display:grid}.login-topbar{justify-content:space-between;align-items:center;height:68px;padding:0 30px;display:flex}.brand-mark{align-items:center;gap:9px;min-width:0;display:inline-flex}.brand-mark span{background:var(--accent);border-radius:4px;width:18px;height:18px;display:block}.brand-mark strong{color:var(--text);letter-spacing:0;text-transform:uppercase;white-space:nowrap;font-size:12px}.login-screen{flex-direction:column;display:flex}.login-panel{flex-direction:column;flex:1;justify-content:center;align-self:center;gap:14px;width:min(360px,100vw - 32px);max-width:360px;padding:0 10px 86px;display:flex}.login-heading{text-align:center;margin-bottom:8px}.login-heading h1{margin:0 0 7px;font-size:18px;line-height:1.2}.login-heading p{color:var(--muted);margin:0;font-size:12.5px}.field{flex-direction:column;gap:6px;display:flex}.field span{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:10.5px;font-weight:700}.field input{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:5px;outline:none;height:38px;padding:0 10px}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent)}.primary-button,.add-widget-button{background:var(--text);color:var(--surface);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.primary-button:disabled{cursor:wait;opacity:.65}.form-error{color:var(--red);min-height:18px;font-size:12px}.workspace-shell{background:var(--bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.workspace-topbar{background:var(--surface-strong);border-bottom:1px solid var(--border);z-index:40;flex:0 0 52px;justify-content:space-between;align-items:center;height:52px;padding:0 18px;display:flex;position:relative}.topbar-left,.topbar-right{align-items:center;gap:12px;min-width:0;display:flex}.divider{background:var(--border);width:1px;height:20px}.workspace-tab{color:var(--muted);cursor:pointer;background:0 0;align-items:center;gap:6px;height:30px;padding:0 8px;font-size:12px;display:inline-flex}.workspace-tab.active{color:var(--text);font-weight:700}.icon-tab{border:1px solid var(--border);border-radius:5px;justify-content:center;width:30px}.save-state{color:var(--accent-text);font-size:11px;font-weight:700}.save-state.saving{color:var(--warning)}.save-state.offline{color:var(--red)}.user-pill{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:12px;overflow:hidden}.icon-button{background:var(--panel);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button:hover{border-color:var(--accent);color:var(--accent-text)}.add-widget-button{background:var(--accent);color:#fff;height:30px}.add-widget-control{margin-left:auto;position:relative}.add-widget-menu{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);z-index:20;border-radius:8px;gap:4px;min-width:190px;padding:6px;display:grid;position:absolute;top:36px;right:0}.add-widget-menu button{color:var(--text);cursor:pointer;text-align:left;background:0 0;border-radius:5px;justify-content:flex-start;align-items:center;gap:8px;height:32px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.add-widget-menu button:hover{background:var(--panel-soft)}.add-widget-button:disabled{cursor:not-allowed;opacity:.45}.workspace-body{flex:1;min-width:0;height:auto;min-height:0;display:flex;position:relative}.canvas{background-color:var(--surface);background-image:radial-gradient(color-mix(in srgb, var(--muted) 30%, transparent) 1px, transparent 1px);cursor:grab;touch-action:none;background-size:20px 20px;flex:1;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.canvas:active{cursor:grabbing}.canvas-toolbar{background:color-mix(in srgb, var(--panel) 88%, transparent);border:1px solid var(--border);box-shadow:var(--shadow);z-index:35;border-radius:8px;align-items:center;gap:4px;padding:5px;display:inline-flex;position:absolute;top:16px;left:16px;transform:none}.canvas-tool-button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.canvas-tool-button:hover{background:var(--panel-soft);border-color:var(--border);color:var(--accent-text)}.canvas-toolbar-divider{background:var(--border);width:1px;height:20px;margin:0 2px}.canvas-zoom-label{color:var(--text);font-variant-numeric:tabular-nums;justify-content:center;min-width:42px;font-size:11px;font-weight:800;display:inline-flex}.canvas-panning .canvas-stage,.canvas-zooming .canvas-stage,.canvas-dragging-widget .workspace-widget-frame{will-change:transform}.canvas-stage{transform-origin:0 0;position:absolute;top:0;left:0}.connection-layer{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.connection-layer path{fill:none;stroke:color-mix(in srgb, var(--accent) 72%, transparent);stroke-linecap:round;stroke-width:2px}.connection-layer path.connection-draft{opacity:.78;stroke-dasharray:7 7}.connection-remove-button{background:var(--surface-strong);border:1px solid var(--border);color:var(--muted);cursor:pointer;z-index:2;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.connection-remove-button:hover{border-color:var(--red);color:var(--red)}.canvas-minimap{background:color-mix(in srgb, var(--panel) 82%, transparent);border:1px solid var(--border);box-shadow:var(--shadow);pointer-events:none;z-index:35;border-radius:8px;position:absolute;bottom:16px;right:16px;overflow:hidden;transform:none}.canvas-minimap-widget,.canvas-minimap-viewport{border-radius:2px;position:absolute}.canvas-minimap-widget{background:color-mix(in srgb, var(--accent) 45%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 60%, transparent);opacity:.75}.canvas-minimap-viewport{background:color-mix(in srgb, var(--text) 8%, transparent);border:1px solid var(--accent-text);box-shadow:0 0 0 999px #0003}.workspace-widget-frame{z-index:1;position:absolute}.workspace-widget-frame.active-widget>.source-widget,.workspace-widget-frame.active-widget>.analysis-widget,.workspace-widget-frame.active-widget>.pnl-widget,.workspace-widget-frame.active-widget>.oi-widget{border-color:color-mix(in srgb, var(--accent) 78%, var(--border));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent), var(--shadow)}.workspace-widget-frame.connect-source>.source-widget,.workspace-widget-frame.connect-source>.analysis-widget,.workspace-widget-frame.connect-source>.pnl-widget,.workspace-widget-frame.connect-source>.oi-widget{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 24%, transparent), var(--shadow)}.canvas-context-menu{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);z-index:50;border-radius:8px;gap:4px;min-width:212px;padding:6px;display:grid;position:absolute;transform:translate(2px,2px)}.canvas-context-menu button{color:var(--text);cursor:pointer;text-align:left;background:0 0;border-radius:5px;justify-content:flex-start;align-items:center;gap:8px;height:34px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.canvas-context-menu button:hover{background:var(--panel-soft);color:var(--accent-text)}.workspace-widget-frame>.source-widget,.workspace-widget-frame>.analysis-widget,.workspace-widget-frame>.pnl-widget,.workspace-widget-frame>.oi-widget{width:100%;max-width:none;height:100%;min-height:0;position:static;top:auto;left:auto}.workspace-widget-frame>.source-widget .widget-header,.workspace-widget-frame>.analysis-widget .widget-header,.workspace-widget-frame>.pnl-widget .widget-header,.workspace-widget-frame>.oi-widget .widget-header{padding-right:80px}.widget-drag-handle,.widget-remove-button{background:var(--surface-strong);border:1px solid var(--border);color:var(--muted);cursor:grab;z-index:5;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex;position:absolute;top:8px}.widget-drag-handle{right:8px}.widget-drag-handle:active{cursor:grabbing}.widget-drag-handle:disabled{cursor:not-allowed;opacity:.45}.widget-remove-button{cursor:pointer;right:40px}.widget-remove-button:hover{border-color:var(--red);color:var(--red)}.admin-page{background:var(--bg);flex:1;min-height:0;padding:20px;overflow:auto}.admin-header{justify-content:space-between;align-items:center;gap:16px;max-width:1440px;margin:0 auto 16px;display:flex}.admin-header h1{margin:0 0 4px;font-size:20px;line-height:1.2}.admin-header p{color:var(--muted);margin:0;font-size:12px}.admin-refresh-button{flex:none}.admin-alert,.admin-success{border-radius:6px;align-items:center;gap:8px;max-width:1440px;margin:0 auto 12px;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.admin-alert{background:color-mix(in srgb, var(--red) 10%, transparent);border:1px solid color-mix(in srgb, var(--red) 42%, transparent);color:var(--red)}.admin-success{background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 38%, transparent);color:var(--accent-text);margin-bottom:10px}.admin-summary-grid,.admin-grid{gap:12px;max-width:1440px;margin:0 auto;display:grid}.admin-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:12px}.admin-status-tile,.admin-panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:7px}.admin-status-tile{flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.admin-status-tile>div{color:var(--muted);text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.admin-status-tile strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.admin-status-tile small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.admin-status-tile.ok{border-color:color-mix(in srgb, var(--accent) 32%, var(--border))}.admin-status-tile.warning{border-color:color-mix(in srgb, var(--warning) 40%, var(--border))}.admin-status-tile.danger{border-color:color-mix(in srgb, var(--red) 42%, var(--border))}.admin-grid{grid-template-columns:minmax(520px,1.1fr) minmax(440px,.9fr)}.admin-panel{flex-direction:column;min-width:0;padding:14px;display:flex}.admin-production-panel{grid-column:1/-1}.admin-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin:-2px 0 12px;padding-bottom:11px;display:flex}.admin-panel-header>div{align-items:center;gap:8px;min-width:0;display:flex}.admin-panel-header h2{margin:0;font-size:14px}.admin-panel-header span{color:var(--muted);font-size:11px;font-weight:700}.admin-user-form{grid-template-columns:minmax(180px,1fr) minmax(160px,.8fr) 110px 106px;align-items:end;gap:8px;margin-bottom:10px;display:grid}.admin-email-field,.admin-password-field,.admin-role-field{width:auto}.admin-create-button{height:32px}.admin-table-wrap{border:1px solid var(--border);border-radius:6px;min-height:180px;max-height:390px;overflow:auto}.admin-table{border-collapse:collapse;width:100%;min-width:620px;font-size:12px}.admin-table th,.admin-table td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:9px 10px}.admin-table th{background:var(--panel-soft);color:var(--muted);text-transform:uppercase;z-index:1;font-size:10px;font-weight:900;position:sticky;top:0}.admin-table td{color:var(--text)}.admin-table tr:last-child td{border-bottom:0}.admin-status-pill{border:1px solid var(--border);text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;height:22px;padding:0 8px;font-size:10px;font-weight:900;display:inline-flex}.admin-status-pill.ok{background:color-mix(in srgb, var(--accent) 11%, transparent);border-color:color-mix(in srgb, var(--accent) 36%, var(--border));color:var(--accent-text)}.admin-status-pill.warning{background:color-mix(in srgb, var(--warning) 12%, transparent);border-color:color-mix(in srgb, var(--warning) 42%, var(--border));color:var(--warning)}.admin-status-pill.danger{background:color-mix(in srgb, var(--red) 10%, transparent);border-color:color-mix(in srgb, var(--red) 42%, var(--border));color:var(--red)}.admin-status-pill.unknown{color:var(--muted)}.admin-health-list{gap:8px;margin-bottom:12px;display:grid}.admin-freshness-row,.admin-count-row,.admin-key-value{background:var(--panel-soft);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:9px 10px;display:flex}.admin-freshness-row>div{flex-direction:column;gap:3px;min-width:0;display:flex}.admin-freshness-row strong,.admin-count-row strong,.admin-key-value strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.admin-freshness-row span,.admin-count-row span,.admin-key-value span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.admin-count-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.admin-count-group{min-width:0}.admin-count-group h3,.admin-failures h3{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:900}.admin-count-group .admin-count-row+.admin-count-row{margin-top:6px}.admin-failures{margin-top:14px}.admin-failure-row{border:1px solid var(--border);border-radius:6px;gap:6px;margin-top:8px;padding:10px;display:grid}.admin-failure-row>div{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.admin-failure-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.admin-failure-row span,.admin-failure-row small{color:var(--muted);font-size:11px}.admin-failure-row p{color:var(--red);margin:0;font-size:12px}.admin-empty-state{color:var(--muted);padding:8px 0;font-size:12px}.admin-production-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.admin-retention-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.admin-ops-table-wrap{max-height:330px}.node-port{background:var(--surface-strong);border:2px solid var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--panel) 92%, transparent);cursor:crosshair;z-index:6;border-radius:999px;width:16px;height:16px;padding:0;position:absolute;top:min(50%,260px);transform:translateY(-50%)}.node-port:hover{background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 18%, transparent)}.node-port-input{left:-8px}.node-port-output{right:-8px}.source-widget,.analysis-widget,.pnl-widget,.oi-widget{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;min-width:0;max-width:100%;position:absolute}.source-widget{width:720px;height:660px;top:26px;left:28px}.analysis-widget{width:1360px;min-height:530px;top:26px;left:780px}.pnl-widget{width:1052px;height:558px;top:706px;left:28px}.oi-widget{width:640px;height:700px;top:706px;left:1110px}.widget-header{border-bottom:1px solid var(--border);cursor:grab;justify-content:space-between;align-items:center;height:42px;padding:0 12px;display:flex}.widget-header:active{cursor:grabbing}.widget-header button,.widget-header input,.widget-header select{cursor:auto}.widget-header.compact{height:36px}.widget-title,.widget-status{align-items:center;gap:7px;min-width:0;display:inline-flex}.widget-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.widget-icon{background:var(--text);color:var(--surface);border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:800;display:inline-flex}.widget-status{color:var(--muted);font-size:10px;font-weight:700}.widget-status.green{color:var(--accent-text)}.widget-status.warning{color:var(--warning)}.pnl-refresh-button{background:var(--panel-soft);cursor:pointer;width:28px;height:28px}.pnl-refresh-button:hover{background:var(--accent-soft)}.pnl-refresh-button.refreshed{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.pnl-refresh-button.refreshed svg{animation:.55s ease-out pnl-refresh-spin}@keyframes pnl-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.widget-empty{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:8px;height:calc(100% - 42px);padding:18px;font-size:12px;display:flex}.options-widget-body{flex-direction:column;gap:8px;min-width:0;height:calc(100% - 42px);min-height:0;padding:10px;display:flex}.options-querybar,.options-control-strip,.options-selection-bar,.options-footer{align-items:end;gap:6px;display:flex}.options-querybar,.options-control-strip{align-items:stretch}.options-control-strip{flex-wrap:nowrap;align-items:center;min-width:0}.options-widget-body .compact-field{gap:4px;min-width:76px}.options-widget-body .compact-field span{font-size:8px}.options-widget-body .compact-field input,.options-widget-body .compact-field select{height:28px;padding:0 7px;font-size:11px}.options-widget-body .segmented-control{height:28px}.options-widget-body .segmented-control button{padding:0 4px;font-size:10px}.options-widget-body .secondary-button,.options-widget-body .ghost-button{gap:5px;height:28px;padding:0 8px;font-size:10px}.compact-field{flex-direction:column;gap:5px;min-width:92px;display:flex}.compact-field span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:800;line-height:1}.compact-field input,.compact-field select{background:var(--panel-soft);border:1px solid var(--border);color:var(--text);border-radius:5px;outline:none;height:32px;padding:0 8px}.compact-field input:focus,.compact-field select:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent)}.expiry-field{width:140px}.fixed-expiry-value{background:var(--panel-soft);border:1px solid var(--border);color:var(--text);border-radius:5px;align-items:center;height:32px;padding:0 8px;font-size:12px;display:flex}.number-field{width:96px}.options-widget-body .expiry-field{width:126px}.options-control-strip .expiry-field{flex:0 0 110px;gap:0;width:110px;min-width:110px}.options-control-strip .expiry-field>span{display:none}.options-widget-body .number-field{width:82px}.options-widget-body .group-filter-field{flex:210px;min-width:210px}.options-widget-body .side-filter-field{flex:142px;min-width:142px}.group-filter-field{flex:258px;min-width:248px}.side-filter-field{flex:184px;min-width:174px}.segmented-control{background:var(--panel-soft);border:1px solid var(--border);border-radius:5px;grid-auto-columns:1fr;grid-auto-flow:column;min-width:0;height:32px;display:grid;overflow:hidden}.segmented-control button{border-right:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;min-width:0;padding:0 8px;font-size:11px;font-weight:800}.segmented-control button:last-child{border-right:0}.segmented-control button.active{background:var(--accent);color:#fff}.segmented-control button:hover:not(.active){color:var(--accent-text)}.header-load-button,.secondary-button,.ghost-button{cursor:pointer;white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.header-load-button{background:var(--accent);color:#fff;min-width:78px;height:30px}.header-load-button:disabled{cursor:wait;opacity:.7}.secondary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{background:var(--accent-soft);color:var(--accent-text)}.secondary-button.active{border:1px solid var(--accent)}.ghost-button{border:1px solid var(--border);color:var(--muted);background:0 0}.options-meta-strip{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.options-control-strip .options-meta-strip{flex:680px;grid-template-columns:minmax(92px,.72fr) minmax(86px,.62fr) minmax(128px,.92fr) minmax(180px,1.28fr);align-items:stretch;gap:6px;min-width:0;max-width:none;display:grid}.options-metric{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 9%, var(--panel-soft)), color-mix(in srgb, var(--panel-soft) 88%, var(--surface)));border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));border-radius:5px;flex-direction:column;justify-content:center;gap:3px;min-width:0;padding:5px 8px 6px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0d}.options-metric.metric-flash{animation:.45s ease-out metric-flash-pulse}@keyframes metric-flash-pulse{0%{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}to{border-color:color-mix(in srgb, var(--accent) 28%, var(--border));box-shadow:inset 0 1px #ffffff0d}}.options-metric:before{background:var(--accent);content:"";border-radius:999px;width:2px;position:absolute;top:7px;bottom:7px;left:0}.options-control-strip .options-metric{flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;height:38px;padding:5px 8px 6px 10px}.options-control-strip .options-metric:first-child,.options-control-strip .options-metric:nth-child(4){background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 14%, var(--panel-soft)), color-mix(in srgb, var(--panel-soft) 86%, var(--surface)));border-color:color-mix(in srgb, var(--accent) 42%, var(--border))}.options-control-strip .options-metric:nth-child(4){min-width:0}.options-metric small{color:var(--subtle);letter-spacing:.04em;text-transform:uppercase;font-size:8px;font-weight:800;line-height:1}.options-control-strip .options-metric small{color:color-mix(in srgb, var(--accent-text) 65%, var(--muted));letter-spacing:.06em;text-overflow:ellipsis;flex:none;width:100%;max-width:none;font-size:7.5px;line-height:1;overflow:hidden}.options-metric strong{color:var(--accent-text);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:950;overflow:hidden}.options-control-strip .options-metric strong{color:var(--text);min-width:0;text-shadow:0 0 14px color-mix(in srgb, var(--accent) 20%, transparent);width:100%;font-size:12.5px;line-height:1.05}.options-error{background:color-mix(in srgb, var(--red) 12%, transparent);border:1px solid color-mix(in srgb, var(--red) 45%, transparent);color:var(--red);border-radius:5px;padding:8px 10px;font-size:12px}.options-filters{grid-template-columns:1fr;align-items:stretch;gap:6px;display:grid}.options-filter-group{align-items:end;gap:6px;min-width:0;display:flex}.compact-inline-filter{min-width:0}.group-inline-filter{flex:0 0 132px}.side-inline-filter{flex:0 0 82px}.options-filter-group-time{flex-wrap:wrap;width:100%}.time-range-filter{background:var(--panel-soft);border:1px solid var(--border);border-radius:6px;gap:6px;width:100%;min-width:0;padding:6px;display:grid}.time-range-filter.empty{opacity:.72}.time-filter-toolbar{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.time-range-filter:not(.empty) .time-filter-toolbar{justify-content:flex-start;display:flex}.time-bucket-tabs{background:color-mix(in srgb, var(--surface) 48%, var(--panel-soft));border:1px solid var(--border);border-radius:999px;grid-auto-flow:column;justify-self:start;align-items:center;width:max-content;height:22px;display:inline-grid;overflow:hidden}.time-bucket-tabs button{border-right:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;width:32px;min-width:0;height:100%;padding:0;font-size:10px;font-weight:800}.time-bucket-tabs button:last-child{border-right:0}.time-bucket-tabs button.active{background:var(--accent);color:#fff}.time-bucket-tabs button:disabled{cursor:not-allowed;opacity:.5}.time-range-summary,.time-range-center{color:var(--text);text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:800;overflow:hidden}.time-histogram{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 52%, transparent), color-mix(in srgb, var(--panel) 70%, transparent));border:1px solid var(--border);touch-action:none;border-radius:6px;min-width:0;height:72px;position:relative;overflow:hidden}.time-histogram.empty{height:46px}.time-bars{align-items:end;gap:2px;min-width:0;display:flex;position:absolute;inset:6px 8px 16px}.time-bars span{background:color-mix(in srgb, var(--accent) 20%, var(--border));border-radius:2px 2px 0 0;flex:1px;min-width:1px}.time-bars span.has-value{background:color-mix(in srgb, var(--accent) 78%, #fff 5%)}.time-bars span.outside-range{background:color-mix(in srgb, var(--muted) 34%, var(--panel));opacity:.48}.time-bars span.outside-range.has-value{background:color-mix(in srgb, var(--muted) 52%, var(--panel))}.time-bars span.inside-range.has-value{opacity:1}.time-selected-track{background:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:999px;height:6px;position:absolute;bottom:10px}.time-range-handle{background:var(--panel);border:3px solid var(--accent);box-shadow:0 0 0 2px var(--panel), 0 4px 10px #0000002e;cursor:ew-resize;z-index:3;border-radius:999px;width:20px;height:20px;padding:0;position:absolute;bottom:2px;transform:translate(-50%)}.time-range-handle:hover,.time-range-handle:focus-visible{box-shadow:0 0 0 2px var(--panel), 0 0 0 6px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.time-range-inputs{grid-template-columns:minmax(150px,1fr) minmax(170px,1.15fr) minmax(150px,1fr);align-items:start;gap:6px;min-width:0;display:grid;position:relative}.time-picker{min-width:0;position:relative}.time-picker-trigger{background:var(--panel);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:6px;width:100%;min-width:0;height:28px;padding:0 7px;font-size:11px;font-weight:800;display:inline-flex}.time-picker-trigger svg{color:var(--accent-text);flex:none}.time-picker-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.time-picker-trigger:hover,.time-picker-trigger[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent)}.time-picker-popover{background:var(--panel);border:1px solid var(--border-strong);box-shadow:var(--shadow);z-index:20;border-radius:6px;gap:10px;width:280px;padding:10px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.time-picker:last-child .time-picker-popover{left:auto;right:0}.time-picker-header{grid-template-columns:28px 1fr 28px 28px;align-items:center;gap:6px;display:grid}.time-picker-header strong{color:var(--text);text-align:center;font-size:13px}.time-picker-header button{color:var(--accent-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.time-picker-header button:disabled{color:var(--subtle);cursor:not-allowed}.time-picker-header button:hover:not(:disabled){background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 24%, var(--border))}.time-picker-close{color:var(--muted)!important}.time-picker-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.time-picker-grid span,.time-picker-grid button{justify-content:center;align-items:center;min-width:0;height:28px;font-size:12px;display:inline-flex}.time-picker-grid .weekday{color:var(--muted);font-size:10px;font-weight:900}.time-picker-grid button{color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;font-weight:800}.time-picker-grid button:hover:not(:disabled){background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 24%, var(--border))}.time-picker-grid button.active{background:var(--accent);color:#fff}.time-picker-grid button:disabled{color:var(--subtle);cursor:not-allowed}.time-picker-clock{grid-template-columns:52px auto 52px;justify-content:center;align-items:center;gap:6px;display:grid}.time-picker-clock input{background:var(--panel-soft);border:1px solid var(--border);color:var(--text);text-align:center;border-radius:5px;outline:none;width:52px;height:40px;font-size:20px;font-weight:900}.time-picker-clock input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent)}.time-picker-clock span{color:var(--muted);font-size:20px;font-weight:900}.options-filter-group-positions{grid-template-columns:minmax(210px,1.35fr) minmax(142px,1fr);display:grid}.threshold-field{flex:82px;min-width:78px}.options-selection-bar{border-top:1px solid var(--border);color:var(--muted);align-items:center;padding-top:8px;font-size:10px;position:relative}.options-selection-bar>span{margin-left:auto}.options-selection-bar .selection-status{text-align:right;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;display:inline-flex;overflow:hidden}.selection-status-hidden-badge{background:color-mix(in srgb, var(--warning) 18%, transparent);border:1px solid color-mix(in srgb, var(--warning) 45%, var(--border));color:var(--warning);border-radius:4px;flex:none;padding:1px 5px;font-weight:600}.header-filter-clear-button{border:1px solid var(--border);color:var(--subtle);cursor:not-allowed;opacity:.48;background:0 0;border-radius:5px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex;position:relative}.header-filter-clear-button.active{color:var(--warning);cursor:pointer;opacity:1}.header-filter-clear-button.active:hover{border-color:var(--warning);box-shadow:0 0 0 2px color-mix(in srgb, var(--warning) 16%, transparent)}.header-filter-clear-button:disabled{pointer-events:none}.slashed-filter-icon{display:inline-flex;position:relative}.slashed-filter-icon:after{content:"";background:currentColor;border-radius:999px;width:20px;height:1.5px;position:absolute;top:50%;left:-2px;transform:rotate(45deg)}.header-filter-count{background:var(--warning);color:var(--surface);border-radius:999px;justify-content:center;align-items:center;min-width:12px;height:12px;padding:0 3px;font-size:7px;font-weight:950;display:inline-flex;position:absolute;top:-4px;right:-4px}.column-picker{flex:none;position:relative}.column-picker-trigger{background:var(--panel-soft);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:10px;font-weight:900;display:inline-flex}.column-picker-trigger svg{color:var(--accent)}.column-picker-trigger:hover,.column-picker-trigger[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent)}.column-picker-popover{background:var(--panel);border:1px solid var(--border-strong);box-shadow:var(--shadow);z-index:24;border-radius:6px;grid-template-columns:repeat(3,minmax(116px,1fr));gap:8px 14px;width:430px;padding:10px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.column-toggle{color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;min-width:0;font-size:11px;font-weight:800;display:inline-flex}.column-toggle input{accent-color:var(--accent);cursor:pointer;width:14px;height:14px;margin:0}.column-toggle span{text-overflow:ellipsis;min-width:0;margin-left:0;overflow:hidden}.widget-header-actions{align-items:center;gap:8px;min-width:0;display:inline-flex}.options-table-wrap{border:1px solid var(--border);border-radius:6px;flex:1;min-width:0;min-height:0;overflow:hidden auto}.options-virtual-table{min-width:0;min-height:100%;position:relative}.options-grid-row{border-bottom:1px solid var(--border);grid-template-columns:34px 44px 56px minmax(64px,.95fr) minmax(54px,.75fr) minmax(64px,.85fr) minmax(78px,1fr) minmax(84px,1fr);align-items:center;min-width:0;height:28px;font-size:9px;display:grid}.options-grid-row>*{white-space:nowrap;align-items:center;min-width:0;height:100%;padding:0 3px;display:flex;overflow:hidden}.options-grid-header{background:var(--panel-soft);z-index:6;height:30px;position:sticky;top:0;left:0;right:0;overflow:visible}.options-grid-header>.column-header-cell{white-space:nowrap;z-index:2;align-items:center;min-width:0;height:100%;padding:0 4px;display:flex;position:relative;overflow:visible}.column-header-cell.filter-open{z-index:12}.column-filter-button{background:var(--panel-soft);color:var(--subtle);cursor:pointer;opacity:0;pointer-events:none;z-index:3;border:0;border-radius:3px;justify-content:center;align-items:center;width:13px;height:calc(100% - 6px);padding:0;transition:opacity .12s,color .12s;display:inline-flex;position:absolute;top:3px;right:19px}.column-header-cell:hover .column-filter-button,.column-header-cell:focus-within .column-filter-button,.column-filter-button.active{opacity:1;pointer-events:auto}.column-filter-button:hover,.column-filter-button.active{color:var(--warning)}.column-header-title{color:var(--muted);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;flex:auto;min-width:0;font-size:9px;font-weight:900;display:block;overflow:hidden}.column-sort-button{appearance:none;background:var(--panel-soft);box-sizing:border-box;color:var(--muted);cursor:pointer;opacity:0;pointer-events:none;z-index:3;border:0;border-radius:3px;justify-content:center;align-items:center;width:14px;height:calc(100% - 6px);padding:0;transition:opacity .12s,color .12s;display:inline-flex;position:absolute;top:3px;right:4px}.column-header-cell:hover .column-sort-button,.column-header-cell:focus-within .column-sort-button{opacity:1;pointer-events:auto}.column-sort-button.active{color:var(--accent-text);opacity:1;pointer-events:auto}@media (hover:none){.column-filter-button,.column-sort-button{opacity:.72;pointer-events:auto}}.column-filter-popover{background:var(--panel);border:1px solid var(--border-strong);box-shadow:var(--shadow);color:var(--text);text-transform:none;z-index:40;border-radius:6px;gap:8px;min-width:146px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.column-header-cell.popover-center .column-filter-popover{left:50%;transform:translate(-50%)}.column-header-cell.popover-end .column-filter-popover,.column-header-cell:nth-last-child(-n+3) .column-filter-popover{left:auto;right:0}.column-filter-popover.range{width:280px;max-width:calc(100vw - 24px)}.column-filter-popover.date{width:260px;max-width:calc(100vw - 24px);max-height:286px;overflow-y:auto}.column-filter-popover-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.column-filter-popover-header strong{color:var(--text);font-size:11px;font-weight:900}.column-filter-popover-header button{color:var(--muted);cursor:pointer;background:0 0;padding:0;font-size:9px;font-weight:800}.column-filter-popover-header button:disabled{color:var(--subtle);cursor:not-allowed;opacity:.45}.column-filter-check-list{gap:7px;display:grid}.column-filter-check{color:var(--text);cursor:pointer;align-items:center;gap:7px;min-width:0;font-size:11px;font-weight:800;display:inline-flex}.column-filter-check input{accent-color:var(--warning);flex:none;width:14px;height:14px;margin:0}.column-filter-check span{text-overflow:ellipsis;overflow:hidden}.column-range-filter{gap:8px;display:grid}.column-range-histogram{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 46%, transparent), color-mix(in srgb, var(--panel-soft) 72%, transparent));border:1px solid var(--border);border-radius:5px;align-items:end;gap:2px;min-width:0;height:46px;padding:5px 6px 4px;display:flex;overflow:hidden}.column-range-histogram span{background:color-mix(in srgb, var(--warning) 72%, #fff 5%);border-radius:2px 2px 0 0;flex:1px;min-width:1px}.column-range-histogram span.outside-range{background:color-mix(in srgb, var(--muted) 46%, var(--panel));opacity:.5}.column-range-rail{background:color-mix(in srgb, var(--border) 64%, transparent);touch-action:none;border-radius:999px;height:6px;margin:7px 8px 2px;position:relative}.column-range-rail span{background:var(--warning);border-radius:999px;position:absolute;top:0;bottom:0}.column-range-handle{background:var(--panel);border:2px solid var(--warning);cursor:ew-resize;border-radius:999px;width:14px;height:14px;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.column-range-handle:hover,.column-range-handle:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--warning) 18%, transparent);outline:none}.column-range-handle:disabled{cursor:not-allowed;opacity:.5}.column-range-inputs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px;display:grid}.column-range-inputs input{background:var(--panel-soft);border:1px solid var(--border);color:var(--text);border-radius:4px;outline:none;min-width:0;height:30px;padding:0 7px;font-size:11px;font-weight:800}.column-range-inputs input:focus{border-color:var(--warning);box-shadow:0 0 0 2px color-mix(in srgb, var(--warning) 18%, transparent)}.column-range-inputs b{color:var(--muted);font-size:12px}.entry-date-filter-tree{gap:5px;display:grid}.entry-date-filter-month{gap:5px;margin-left:16px;display:grid}.entry-date-filter-day{margin-left:18px}.column-filter-empty{color:var(--muted);margin:0;font-size:11px}.options-virtual-row-stack{position:absolute;top:0;left:0;right:0}.options-grid-row.selected{background:color-mix(in srgb, var(--accent) 16%, transparent);box-shadow:inset 2px 0 0 var(--accent)}.options-grid-row:not(.options-grid-header):hover{background:color-mix(in srgb, var(--accent) 4%, transparent)}.options-grid-row.selected:not(.options-grid-header):hover{background:color-mix(in srgb, var(--accent) 20%, transparent)}.options-grid-row input[type=checkbox]{accent-color:var(--accent);width:11px;height:11px}.options-select-cell{cursor:pointer;justify-content:center}.options-footer{color:var(--muted);justify-content:space-between;align-items:center;min-height:28px;font-size:10px}.warning-text{color:var(--red);font-weight:800}.options-empty{flex:1;height:auto}.options-skeleton{border-top:1px solid var(--border);flex-direction:column;flex:1;gap:12px;min-height:0;padding-top:10px;display:flex}.skeleton-filter-row{grid-template-columns:1.6fr .8fr .8fr .9fr .9fr;gap:8px;display:grid}.skeleton-filter-row span,.skeleton-table span{background:linear-gradient(90deg, var(--panel-soft), color-mix(in srgb, var(--accent) 10%, var(--panel-soft)), var(--panel-soft));border:1px solid var(--border);background-size:180% 100%;border-radius:5px;height:32px;animation:1.15s ease-in-out infinite skeleton-pulse}.skeleton-table{border:1px solid var(--border);border-radius:6px;flex:1;gap:0;min-height:0;padding:8px;display:grid;overflow:hidden}.skeleton-table span{border-radius:3px;height:25px}@keyframes skeleton-pulse{0%{background-position:120% 0}to{background-position:-80% 0}}.analysis-body{flex-direction:column;gap:10px;min-width:0;height:calc(100% - 42px);min-height:488px;padding:12px;display:flex}.analysis-controls{align-items:end;gap:8px;display:flex}.analysis-mode-field{flex:1;min-width:360px}.analysis-mode-control{grid-template-columns:repeat(4,minmax(0,1fr))}.analysis-mode-control button{padding:0 6px}.analysis-threshold-field{width:150px}.analysis-threshold-type-field{width:178px}.analysis-threshold-type-control{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-meta-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.analysis-metric{background:var(--panel-soft);border:1px solid var(--border);border-radius:5px;flex-direction:column;justify-content:center;gap:3px;min-width:0;padding:6px 8px;display:flex}.analysis-metric small{color:var(--subtle);text-transform:uppercase;font-size:9px;font-weight:800;line-height:1}.analysis-metric strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.analysis-metric.warning strong{color:var(--red)}.analysis-table-wrap{border:1px solid var(--border);border-radius:6px;flex:1;min-width:0;min-height:0;overflow:auto}.analysis-grid{grid-template-columns:124px repeat(5,68px) repeat(5,52px) repeat(4,48px) repeat(6,58px) 42px 112px 52px;align-items:center;min-width:1470px;min-height:40px;font-size:10px;display:grid}.analysis-grid>*{border-right:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;align-items:center;min-width:0;height:100%;padding:0 6px;display:flex;overflow:hidden}.analysis-grid>:last-child{border-right:0}.analysis-grid-header{background:var(--panel-soft);border-bottom:1px solid var(--border);color:var(--muted);text-transform:uppercase;z-index:1;min-height:34px;font-size:9px;font-weight:900;position:sticky;top:0}.analysis-grid-header>:first-child,.analysis-grid-row>:first-child{z-index:2;position:sticky;left:0}.analysis-grid-header>:first-child{background:var(--panel-soft);z-index:3}.analysis-grid-row>:first-child{background:var(--panel);box-shadow:1px 0 0 var(--border)}.analysis-grid-row{border-bottom:1px solid var(--border);color:var(--muted)}.analysis-grid-row strong{color:var(--text)}.analysis-ratio-cell{color:var(--text);border-left:2px solid #0000;justify-content:center;padding:0 4px;font-weight:800}.analysis-breakpoint-cell{color:var(--muted)}.analysis-breakpoint-cell.primary{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 10%, transparent), color-mix(in srgb, var(--accent) 5%, transparent));border-left:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));color:var(--text);font-weight:900}.analysis-ratio-chip{color:#fff;letter-spacing:0;text-shadow:0 1px 1px #0000006b;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;min-width:42px;height:22px;padding:0 5px;font-size:10px;font-weight:900;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #0000002e}.analysis-ratio-cell.heat-amber{--analysis-heat-rgb:245, 186, 73;background:linear-gradient(90deg, rgba(var(--analysis-heat-rgb), var(--analysis-heat-alpha)), rgba(var(--analysis-heat-rgb), var(--analysis-heat-fade-alpha)));border-left-color:rgba(var(--analysis-heat-rgb), var(--analysis-heat-border-alpha))}.analysis-ratio-cell.heat-green{--analysis-heat-rgb:61, 181, 126;background:linear-gradient(90deg, rgba(var(--analysis-heat-rgb), var(--analysis-heat-alpha)), rgba(var(--analysis-heat-rgb), var(--analysis-heat-fade-alpha)));border-left-color:rgba(var(--analysis-heat-rgb), var(--analysis-heat-border-alpha))}.analysis-ratio-cell.heat-red{--analysis-heat-rgb:226, 88, 83;background:linear-gradient(90deg, rgba(var(--analysis-heat-rgb), var(--analysis-heat-alpha)), rgba(var(--analysis-heat-rgb), var(--analysis-heat-fade-alpha)));border-left-color:rgba(var(--analysis-heat-rgb), var(--analysis-heat-border-alpha))}.analysis-ratio-cell.heat-neutral{border-left-color:color-mix(in srgb, var(--border) 70%, transparent)}.analysis-ratio-cell.heat-amber .analysis-ratio-chip,.analysis-ratio-cell.heat-green .analysis-ratio-chip,.analysis-ratio-cell.heat-red .analysis-ratio-chip{background:rgba(var(--analysis-heat-rgb), var(--analysis-chip-alpha));border-color:rgba(var(--analysis-heat-rgb), var(--analysis-chip-border-alpha))}.analysis-ratio-cell.heat-neutral .analysis-ratio-chip{background:color-mix(in srgb, var(--panel-2) 84%, transparent);border-color:color-mix(in srgb, var(--border) 82%, transparent);color:var(--text);text-shadow:none}.analysis-grid-row.empty{background:color-mix(in srgb, var(--muted) 5%, transparent)}.analysis-grid-row.empty>:first-child{background:color-mix(in srgb, var(--muted) 5%, var(--panel))}.analysis-grid-row.missing{background:color-mix(in srgb, var(--red) 7%, transparent)}.analysis-grid-row.missing>:first-child{background:color-mix(in srgb, var(--red) 7%, var(--panel))}.analysis-grid-row.missing strong,.analysis-grid-row.missing span:last-child{color:var(--red)}.analysis-empty{flex:1;height:auto;min-height:180px}.analysis-row-identity{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.analysis-row-identity strong,.analysis-row-identity span,.analysis-row-identity small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.analysis-row-identity strong{color:var(--text);font-size:11px;line-height:1}.analysis-row-identity span{color:var(--text);font-size:11px;font-weight:800;line-height:1.1}.analysis-row-identity small{color:var(--muted);font-size:9px;line-height:1.1}.pnl-body{flex-direction:column;gap:8px;min-width:0;height:calc(100% - 42px);min-height:0;padding:10px;display:flex;position:relative}.pnl-controls{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.pnl-marker-field{width:222px}.pnl-threshold-field{width:132px}.pnl-marker-control{grid-template-columns:repeat(3,minmax(0,1fr))}.pnl-marker-control button:disabled,.pnl-series-strip button:disabled{cursor:not-allowed;opacity:.44}.pnl-series-strip{flex-wrap:wrap;gap:6px;display:flex}.pnl-series-strip button{background:var(--panel-soft);border:1px solid var(--border);color:var(--muted);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;align-items:center;gap:6px;max-width:220px;height:30px;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex;overflow:hidden}.pnl-series-strip button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.pnl-series-swatch{border:1px solid #ffffff94;border-radius:999px;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 1px #00000042}.pnl-chart-stage{flex-direction:column;flex:1;gap:8px;min-width:0;min-height:0;display:flex;position:relative}.pnl-chart-stage>.pnl-chart-wrap{flex:1;min-height:0;position:relative}.pnl-bottom-toolbar{background:color-mix(in srgb, var(--panel) 92%, black);border:1px solid var(--border-strong);border-radius:6px;flex:none;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:44px;padding:6px 8px;display:flex}.pnl-toolbar-summary{flex:1;align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.pnl-toolbar-summary span{background:var(--panel-soft);border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:5px;flex:none;align-items:center;gap:4px;height:28px;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex}.pnl-toolbar-summary strong{color:var(--text);font-size:11px}.pnl-customize-button{background:var(--panel-soft);border:1px solid var(--border-strong);color:var(--text);cursor:pointer;border-radius:5px;flex:none;justify-content:center;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.pnl-customize-button.active,.pnl-customize-button:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.pnl-control-drawer{background:color-mix(in srgb, var(--panel) 96%, black);border:1px solid var(--border-strong);z-index:8;border-radius:6px;min-height:218px;max-height:min(360px,100% - 72px);position:absolute;bottom:52px;left:0;right:0;overflow:hidden;box-shadow:0 18px 44px #00000075}.pnl-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:42px;padding:6px 8px;display:flex}.pnl-drawer-tabs{align-items:center;gap:6px;display:flex}.pnl-drawer-tabs button,.pnl-drawer-close,.pnl-series-actions button,.pnl-marker-panel button{background:var(--panel-soft);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:5px;height:28px;padding:0 10px;font-size:11px;font-weight:900}.pnl-drawer-tabs button.active,.pnl-series-actions button:hover,.pnl-marker-panel button.active,.pnl-marker-panel button:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.pnl-drawer-close{justify-content:center;align-items:center;width:28px;padding:0;display:inline-flex}.pnl-marker-panel button:disabled{cursor:not-allowed;opacity:.42}.pnl-drawer-panel{scrollbar-width:thin;height:calc(100% - 42px);padding:10px;overflow:auto}.pnl-series-actions{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.pnl-series-drawer-list{gap:10px;display:grid}.pnl-series-source{border:1px solid var(--border);border-radius:6px;overflow:hidden}.pnl-series-source-title{background:var(--panel-soft);border-bottom:1px solid var(--border);color:var(--muted);letter-spacing:0;text-transform:uppercase;padding:7px 8px;font-size:10px;font-weight:900}.pnl-series-grid{grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:6px;padding:8px;display:grid}.pnl-series-toggle{background:var(--panel);border:1px solid var(--border);color:var(--muted);cursor:pointer;text-align:left;border-radius:5px;flex-direction:column;justify-content:center;align-items:stretch;gap:4px;min-width:0;height:62px;padding:7px 8px;display:flex}.pnl-series-toggle.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.pnl-series-toggle:disabled{cursor:not-allowed;opacity:.44}.pnl-series-toggle-top{align-items:center;gap:6px;min-width:0;display:flex}.pnl-series-toggle-top span:nth-child(2){color:var(--text);font-size:10px;font-weight:900}.pnl-series-toggle strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.pnl-series-toggle small{color:var(--muted);font-size:9px;font-weight:800}.pnl-line-sample{opacity:.84;border-top:2px solid;width:28px;height:0;margin-left:auto;display:inline-block}.pnl-line-sample.dashed{border-top-style:dashed}.pnl-line-sample.dotted{border-top-style:dotted}.pnl-threshold-panel,.pnl-marker-panel{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.pnl-metric-control{align-items:center;gap:4px;display:inline-flex}.pnl-chart-wrap{background:var(--panel-soft);border:1px solid var(--border);border-radius:6px;flex-direction:column;flex:1;min-width:0;min-height:360px;display:flex;position:relative;overflow:hidden}.pnl-chart-surface{cursor:grab;scrollbar-width:thin;flex:1;min-width:0;min-height:316px;overflow:auto}.pnl-chart-surface.panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.pnl-chart-surface svg{width:100%;height:100%;min-height:316px;display:block}.pnl-chart-background{fill:var(--panel);stroke:var(--border)}.pnl-grid-line{stroke:var(--border);stroke-width:1px}.pnl-zero-line{stroke:var(--text);stroke-opacity:.34;stroke-width:1.2px}.pnl-axis-line{stroke:var(--border-strong);stroke-width:1px}.pnl-axis-label,.pnl-x-label,.pnl-y-label{fill:var(--muted);font-size:10px;font-weight:800}.pnl-x-label{text-anchor:end}.pnl-y-label{fill:var(--text);opacity:.72;font-size:9px}.pnl-line{stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.pnl-line.dashed{stroke-dasharray:8 6}.pnl-line.dotted{stroke-dasharray:2 5}.pnl-breakeven-line{opacity:.58;stroke-dasharray:3 4;stroke-width:1.2px}.pnl-hover-line{stroke:var(--text);stroke-dasharray:3 4;stroke-opacity:.6;stroke-width:1px}.pnl-extrema-marker{stroke:var(--panel);stroke-width:1.5px}.pnl-extrema-marker.max-loss{opacity:.72}.pnl-tooltip{background:color-mix(in srgb, var(--panel) 82%, black);border:1px solid var(--border-strong);pointer-events:none;z-index:5;border-radius:6px;grid-template-columns:auto repeat(2,minmax(0,1fr));gap:6px 10px;max-width:min(840px,100% - 24px);min-height:0;max-height:96px;padding:7px 9px;display:grid;position:absolute;bottom:12px;left:12px;overflow:auto}.pnl-tooltip strong{color:var(--text);white-space:nowrap;font-size:11px}.pnl-tooltip span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:10px;display:flex;overflow:hidden}.pnl-tooltip i{border:1px solid #ffffff94;border-radius:999px;flex:none;width:7px;height:7px;display:inline-block}.pnl-chart-empty,.pnl-breakeven-empty{border:1px dashed var(--border);color:var(--muted);border-radius:6px;justify-content:center;align-items:center;min-height:116px;font-size:12px;display:flex}.pnl-chart-wrap>.pnl-chart-empty{flex:1;min-height:0}.pnl-breakeven-wrap{background:color-mix(in srgb, var(--panel) 88%, black);border:1px solid var(--border);scrollbar-width:thin;border-radius:6px;flex:none;min-width:0;max-height:112px;position:relative;overflow:auto}.pnl-breakeven-grid{border-bottom:1px solid var(--border);color:var(--muted);grid-template-columns:136px 74px 190px repeat(3,128px) minmax(170px,1fr);align-items:center;min-width:960px;min-height:32px;font-size:11px;display:grid}.pnl-breakeven-grid>*{border-right:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 8px;overflow:hidden}.pnl-breakeven-grid>:last-child{border-right:0}.pnl-breakeven-grid:last-child{border-bottom:0}.pnl-breakeven-header{background:var(--panel-soft);color:var(--muted);text-transform:uppercase;z-index:1;font-size:9px;font-weight:900;position:sticky;top:0}.oi-body{flex-direction:column;gap:10px;min-width:0;height:calc(100% - 42px);min-height:0;padding:12px;display:flex}.oi-querybar,.oi-filters{align-items:end;gap:8px;display:flex}.oi-querybar{align-items:stretch}.oi-filters{flex-wrap:wrap}.oi-snapshot-field{flex:1;min-width:250px}.oi-side-field{width:168px}.oi-side-control{grid-template-columns:repeat(3,minmax(0,1fr))}.oi-meta-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.oi-warning-line{background:color-mix(in srgb, var(--red) 10%, transparent);border:1px solid color-mix(in srgb, var(--red) 38%, transparent);color:var(--red);border-radius:5px;padding:8px 10px;font-size:11px}.oi-table-wrap{border:1px solid var(--border);border-radius:6px;flex:1;min-width:0;min-height:0;overflow:auto}.oi-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 82px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-items:center;min-width:0;min-height:34px;font-size:11px;display:grid}.oi-grid>*{border-right:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;align-items:center;min-width:0;height:100%;padding:0 6px;display:flex;overflow:hidden}.oi-grid>:last-child{border-right:0}.oi-grid>:nth-child(4){background:color-mix(in srgb, var(--accent) 6%, transparent);border-left:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));border-right:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));color:var(--text);text-align:center;justify-content:center;font-weight:900}.oi-grid-header{background:var(--panel-soft);border-bottom:1px solid var(--border);color:var(--muted);text-transform:uppercase;z-index:1;min-height:34px;font-size:9px;font-weight:900;position:sticky;top:0}.oi-grid-row{border-bottom:1px solid var(--border);color:var(--muted)}.oi-grid-row:hover{background:color-mix(in srgb, var(--accent) 7%, transparent)}.oi-strike-cell{color:var(--text)}.positive-diff{color:var(--accent-text);font-weight:800}.negative-diff{color:var(--red);font-weight:800}.oi-empty{flex:1;height:auto;min-height:160px}.oi-skeleton{border:1px solid var(--border);border-radius:6px;gap:0;min-height:140px;padding:8px;display:grid;overflow:hidden}.oi-skeleton span{background:linear-gradient(90deg, var(--panel-soft), color-mix(in srgb, var(--accent) 10%, var(--panel-soft)), var(--panel-soft));border:1px solid var(--border);background-size:180% 100%;border-radius:3px;height:26px;animation:1.15s ease-in-out infinite skeleton-pulse}.chart-placeholder{height:232px;padding:18px 20px 20px}.chart-placeholder svg{background:var(--panel-soft);border:1px solid var(--border);border-radius:6px;width:100%;height:100%;display:block}.chart-line{fill:none;stroke-width:3px}.chart-line.strong{stroke:var(--accent)}.chart-line.dashed{stroke:var(--accent);stroke-dasharray:8 6}.chart-line.muted{stroke:var(--subtle)}@media (width<=820px){.workspace-topbar{flex-basis:auto;gap:10px;height:auto;min-height:52px;padding:10px 14px}.workspace-tab:not(.active),.save-state,.divider{display:none}.admin-page{padding:14px}.admin-header{flex-direction:column;align-items:stretch}.admin-summary-grid,.admin-grid,.admin-production-grid,.admin-count-grid,.admin-retention-grid,.admin-user-form{grid-template-columns:1fr}.admin-grid{max-width:none}.admin-table{min-width:560px}.workspace-body{height:auto;min-height:0}.canvas{background-image:none;width:100%;min-width:0;max-width:100%;min-height:calc(100vh - 116px);overflow:hidden}.source-widget,.analysis-widget,.pnl-widget,.oi-widget{width:100%;min-height:0;position:static;top:auto;left:auto;right:auto}.analysis-widget{min-height:520px}.pnl-widget{height:620px}.oi-widget{height:700px}.source-widget{height:860px}.options-querybar,.options-selection-bar{flex-wrap:wrap;align-items:stretch}.options-meta-strip{flex-basis:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.options-selection-bar>span{flex-basis:100%;margin-left:0}.time-filter-toolbar,.time-range-inputs{grid-template-columns:1fr}.time-range-summary,.time-range-center{text-align:left}.time-picker-popover,.time-picker:last-child .time-picker-popover{left:0;right:auto}.number-field,.expiry-field,.group-filter-field,.side-filter-field,.compact-field{width:calc(50% - 4px);min-width:0}.group-filter-field,.side-filter-field{width:100%}.analysis-controls,.pnl-controls{flex-wrap:wrap;align-items:stretch}.pnl-bottom-toolbar{flex-direction:column;align-items:stretch}.pnl-toolbar-summary{flex-wrap:wrap;overflow:visible}.pnl-customize-button{width:100%}.pnl-control-drawer{max-height:min(390px,100% - 92px);bottom:76px}.pnl-drawer-tabs{flex:1}.pnl-drawer-tabs button{flex:1;padding:0 6px}.pnl-series-grid{grid-template-columns:1fr}.oi-querybar,.oi-filters{flex-wrap:wrap;align-items:stretch}.analysis-mode-field,.analysis-threshold-field,.analysis-threshold-type-field,.pnl-marker-field,.oi-snapshot-field,.oi-side-field{width:100%;min-width:0}.analysis-meta-strip,.oi-meta-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}