:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:#0b0e16;--surface-1:#151926;--surface-2:#10131c;--surface-3:#1c2233;--border:#ffffff14;--text-primary:#fff;--text-secondary:#a8afc0;--text-muted:#6b7280;--accent:#3987e5;--accent-soft:#3987e529;--accent-track:#1c3a5e;--status-good:#0ca30c;--status-good-track:#0d3b17;--status-warning:#fab219;--status-warning-track:#4a3608;--status-serious:#ec835a;--status-critical:#d03b3b;--status-critical-track:#4a1414;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:14px/1.45 var(--sans);color:var(--text-primary);background:var(--bg-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-page)}h1,h2,h3{font-family:var(--sans);color:var(--text-primary);margin:0;font-weight:600}p{color:var(--text-secondary);margin:0}button{font:inherit}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-page:#eef1f8;--surface-1:#fff;--surface-2:#f7f8fc;--surface-3:#eef1f9;--border:#0f172a14;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--accent:#4f6ef7;--accent-soft:#4f6ef71f;--accent-track:#dbe3fd}:root[data-theme=ocean]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:#0d3a66;--surface-1:#1c4f85;--surface-2:#0a2f52;--surface-3:#2a5f9e;--border:#ffffff1f;--text-primary:#fff;--text-secondary:#cfe0f5;--text-muted:#8fb3d9;--accent:#2f8fe0;--accent-soft:#2f8fe033;--accent-track:#123f6e}:root[data-theme=sunset]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-page:#f7f5f2;--surface-1:#fff;--surface-2:#fdf1ec;--surface-3:#fbe8df;--border:#0f172a14;--text-primary:#1f2430;--text-secondary:#7c8494;--text-muted:#a3aab8;--accent:#e8563a;--accent-soft:#e8563a1f;--accent-track:#ffd9cc}:root[data-theme=sky]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-page:#eaf4fb;--surface-1:#fff;--surface-2:#fff;--surface-3:#eef7fc;--border:#0f172a14;--text-primary:#14213d;--text-secondary:#5b6b82;--text-muted:#93a2b5;--accent:#1a9fe0;--accent-soft:#1a9fe01f;--accent-track:#cdeaf9}.sidebar{background:var(--surface-2);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;padding:20px 14px;display:flex}.sidebar-brand{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:24px;padding:0 8px;font-size:16px;font-weight:700;display:flex;overflow:hidden}.sidebar-brand span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-logo{background:#f5f5f5;border-radius:8px;width:auto;max-width:100%;height:34px;padding:5px 10px;display:block}.sidebar-project{margin-bottom:18px;position:relative}.sidebar-project-trigger{background:var(--surface-3);border:1px solid var(--border);cursor:pointer;width:100%;color:var(--text-primary);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.sidebar-project-trigger:hover{border-color:var(--status-warning)}.sidebar-project-badge{background:var(--status-warning);color:#1a1200;border-radius:7px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:flex}.sidebar-project-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.sidebar-project-chevron{color:var(--text-muted);flex:none;transition:transform .15s}.sidebar-project-chevron.is-open{transform:rotate(180deg)}.sidebar-project-menu{z-index:5;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 10px 24px #00000059}.sidebar-project-menu-item{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:13px;display:block}.sidebar-project-menu-item:hover{background:var(--surface-3);color:var(--text-primary)}.sidebar-project-menu-item.active{color:var(--status-warning);font-weight:600}.sidebar-project-menu-link{text-align:left;color:var(--text-muted);border-top:1px solid var(--border);border-radius:6px;margin-top:4px;padding:10px 10px 8px;font-size:12px;text-decoration:none;display:block}.sidebar-project-menu-link:hover{color:var(--text-primary)}.sidebar-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;padding:0 8px;font-size:11px;font-weight:600}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-link{color:var(--text-secondary);border-radius:8px;padding:9px 10px;font-size:13px;font-weight:500;text-decoration:none}.sidebar-link:hover{background:var(--surface-3);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-soft);color:var(--accent)}.sidebar-link-design{color:#1a1200;background:#ffd60a;font-weight:600}.sidebar-link-design:hover{color:#1a1200;background:#ffe14d}.sidebar-link-design.active{color:#1a1200;background:#e0b800}.sidebar-link-settings{background:var(--status-warning);color:#1a1200;font-weight:600}.sidebar-link-settings:hover{color:#1a1200;background:#ffc347}.sidebar-link-settings.active{color:#1a1200;background:#e0960a}.top-bar{z-index:2;background:var(--surface-2);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:76px;padding:0 24px;display:flex;position:relative}.top-bar-left{align-self:flex-start;align-items:center;gap:20px;min-width:0;display:flex}.top-bar-brand{border-right:1px solid var(--border);color:var(--text-primary);flex-shrink:0;align-items:center;gap:12px;padding-right:20px;font-size:17px;font-weight:700;display:flex}.top-bar-logo{object-fit:contain;border-radius:12px;flex-shrink:0;width:120px;height:120px}.top-bar-status{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex;overflow:hidden}.status-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px}.top-bar-user{align-items:center;gap:10px;display:flex}.user-avatar{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.top-bar-logout{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.top-bar-logout:hover{color:var(--text-primary);border-color:var(--status-critical)}.bug-report-fab{z-index:1000;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:50%;width:46px;height:46px;font-size:20px;line-height:1;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 16px #00000059}.bug-report-fab:hover{border-color:var(--accent)}.bug-report-overlay{z-index:1001;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bug-report-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;width:min(520px,92vw);max-height:86vh;overflow-y:auto;box-shadow:0 20px 48px #00000073}.bug-report-header{border-bottom:1px solid var(--border);color:var(--text-primary);justify-content:space-between;align-items:center;padding:14px 16px;font-weight:700;display:flex}.bug-report-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.bug-report-close:hover{color:var(--text-primary)}.bug-report-body{flex-direction:column;gap:12px;padding:16px;display:flex}.bug-report-screenshot{border:1px solid var(--border);border-radius:8px;width:100%}.bug-report-comment-label{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:13px;display:flex}.bug-report-comment-label textarea{resize:vertical;font-family:inherit}.bug-report-actions{justify-content:flex-end;gap:8px;display:flex}.onboarding-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.onboarding-card{background:var(--surface-2);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:1600px;padding:36px 36px 30px;display:flex;position:relative}.onboarding-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:22px;line-height:1;position:absolute;top:12px;right:12px}.onboarding-close:hover{color:var(--text-primary)}.onboarding-gif{border:1px solid var(--border);border-radius:10px;width:100%;margin-bottom:18px}.onboarding-logo{background:#f5f5f5;border-radius:10px;width:auto;height:64px;margin-bottom:22px;padding:10px 18px;display:block}.onboarding-dots{gap:6px;margin-bottom:16px;display:flex}.onboarding-dot{background:var(--border);border-radius:999px;width:6px;height:6px}.onboarding-dot.is-active{background:var(--accent);width:18px}.onboarding-title{color:var(--text-primary);margin:0 0 10px;font-size:26px}.onboarding-description{color:var(--text-secondary);max-width:640px;margin:0 0 28px;font-size:16px;line-height:1.5}.onboarding-actions{justify-content:space-between;align-items:center;width:100%;display:flex}.onboarding-skip{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:13px}.onboarding-skip:hover{color:var(--text-primary)}.onboarding-nav{gap:10px;display:flex}.onboarding-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:600}.onboarding-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.onboarding-btn-ghost{color:var(--text-secondary);border-color:var(--border);background:0 0}.onboarding-btn-ghost:hover{color:var(--text-primary)}.app-shell{height:100vh;display:flex}.app-shell-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-content{flex:1;padding:24px;overflow:auto}.panel-card{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;flex-direction:column;min-width:0;display:flex}.panel-card-header{border-bottom:1px solid var(--border);padding:14px 18px}.panel-card-header h3{color:var(--text-secondary);font-size:13px;font-weight:600}.panel-card-body{flex:1;min-width:0;padding:18px}.alarms-screen{flex-direction:column;gap:20px;display:flex}.alarms-list{flex-direction:column;gap:6px;display:flex}.alarms-list-row{background:var(--surface-2);color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.alarms-list-row.is-active{background:var(--status-critical-track);color:var(--text-primary)}.alarms-list-name{color:var(--text-primary);flex:1;font-weight:600}.alarms-list-state{color:var(--text-muted);font-size:12px}.alarms-list-time{color:var(--text-muted);white-space:nowrap;font-size:12px}.color-picker{display:inline-block;position:relative}.color-picker-swatch{border:1px solid var(--border);cursor:pointer;border-radius:6px;width:30px;height:30px;padding:0}.color-picker-panel{z-index:30;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;width:176px;padding:10px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0006}.color-picker-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:10px;font-weight:600}.color-picker-section-label:not(:first-child){margin-top:10px}.color-picker-rgb-row{align-items:center;gap:6px;display:flex}.color-picker-rgb-row input[type=color]{border:1px solid var(--border);background:var(--surface-3);cursor:pointer;border-radius:4px;flex-shrink:0;width:30px;height:26px;padding:1px}.color-picker-hex-input{background:var(--surface-3);border:1px solid var(--border);min-width:0;color:var(--text-primary);border-radius:6px;flex:1;padding:6px 8px;font-size:12px}.color-picker-cmyk-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.color-picker-cmyk-field{color:var(--text-muted);flex-direction:column;gap:3px;font-size:10px;display:flex}.color-picker-cmyk-field input{background:var(--surface-3);border:1px solid var(--border);width:100%;min-width:0;color:var(--text-primary);text-align:center;border-radius:5px;padding:5px 4px;font-size:11px}.tank-level-gauge{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.tank-level-gauge-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.tank-level-gauge-shape{flex-shrink:0;width:90px;height:90px}.tank-level-gauge-value{color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:600}.widget-type-select{width:100%;position:relative}.widget-type-select-trigger{background:var(--surface-3);border:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.widget-type-select-trigger:hover{border-color:var(--accent)}.widget-type-select-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.widget-type-select-menu{z-index:20;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;width:max-content;min-width:100%;max-height:280px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.widget-type-select-option{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;font-size:12px;display:flex}.widget-type-select-option:hover{background:var(--surface-3)}.widget-type-select-option.active{background:var(--accent-soft);color:var(--accent)}.trend-widget-table{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.trend-widget-row-group{border:1px solid var(--border,#2a3040);background:var(--surface-2,#10131c);border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.trend-widget-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.trend-widget-row select,.trend-widget-row input[type=text]{background:var(--surface-3,#171b26);border:1px solid var(--border,#2a3040);color:var(--text-primary,#f5f7fa);border-radius:6px;min-width:0;padding:7px 8px;font-size:12px}.trend-widget-recording-editor{border-top:1px solid var(--border,#2a3040);flex-wrap:wrap;align-items:flex-end;gap:16px;padding-top:8px;display:flex}.trend-widget-recording-radio{color:var(--text-secondary,#9aa4b2);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.trend-widget-recording-radio input{cursor:pointer}.trend-widget-recording-editor .field input,.trend-widget-recording-editor .field select{background:var(--surface-3,#171b26);border:1px solid var(--border,#2a3040);color:var(--text-primary,#f5f7fa);border-radius:6px;width:110px;padding:7px 8px;font-size:12px}.trend-widget-grid-editor{border-top:1px solid var(--border,#2a3040);flex-wrap:wrap;align-items:center;gap:16px;padding-top:8px;display:flex}.trend-widget-grid-editor .field input{background:var(--surface-3,#171b26);border:1px solid var(--border,#2a3040);color:var(--text-primary,#f5f7fa);border-radius:6px;width:150px;padding:7px 8px;font-size:12px}.trend-widget-grid-hint{margin:0;font-size:11px}.widget-settings-popup{z-index:10;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;flex-direction:column;min-width:220px;max-width:280px;max-height:min(70vh,520px);display:flex;position:absolute;top:6px;right:6px;box-shadow:0 8px 20px #00000059}.widget-settings-popup-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 10px 8px;font-size:11px;font-weight:600;display:flex}.widget-settings-popup-header:active{cursor:grabbing}.widget-settings-popup-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}.widget-settings-popup-close:hover{color:var(--text-primary)}.widget-settings-popup-body{flex-direction:column;gap:8px;padding:10px;display:flex;overflow-y:auto}.widget-settings-popup-field{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:12px;display:flex}.widget-settings-popup-field input[type=text],.widget-settings-popup-field select{background:var(--surface-3);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;min-width:0;padding:6px 8px;font-size:12px}div.widget-settings-popup-row{flex-direction:row;gap:8px;display:flex}div.widget-settings-popup-row>.widget-settings-popup-field{flex:1;min-width:0}label.widget-settings-popup-row.widget-settings-popup-field{flex-direction:row;justify-content:space-between;align-items:center}.widget-settings-popup-delete{text-align:center;width:100%;margin-top:4px}.widget-settings-popup-tank-shape-row{flex-wrap:wrap}.industrial-icon-picker{border-top:1px solid var(--border);flex-direction:column;gap:10px;max-height:240px;padding-top:4px;display:flex;overflow-y:auto}.industrial-icon-picker-category-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.industrial-icon-picker-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.industrial-icon-picker-item{aspect-ratio:1;background:var(--surface-3);border:1px solid var(--border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.industrial-icon-picker-item:hover{border-color:var(--accent)}.industrial-icon-picker-item.is-selected{border-color:var(--accent);background:var(--accent-soft)}.industrial-icon-picker-item svg{width:100%;height:100%}.line-series-editor{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:4px;display:flex}.line-series-editor-head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.line-series-editor-row{grid-template-columns:1fr 1fr auto 44px 44px auto;align-items:center;gap:4px;display:grid}.line-series-editor-row input[type=text],.line-series-editor-row select{background:var(--surface-3);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;min-width:0;padding:5px 6px;font-size:11px}.trend-bar-chart{box-sizing:border-box;flex-direction:column;gap:4px;width:100%;height:100%;padding:44px 12px 4px 42px;display:flex}.trend-bar-chart-title{color:var(--text-secondary,#9aa4b2);flex:none;align-items:center;gap:6px;font-size:10px;display:flex}.trend-bar-chart-title-dot{background:var(--accent,#6366f1);border-radius:50%;flex-shrink:0;width:8px;height:8px}.trend-bar-chart-area{flex:1;min-height:0;position:relative}.trend-bar-chart-axis-y{background:var(--text-muted,#6b7280);width:1px;position:absolute;top:0;bottom:0;left:-6px}.trend-bar-chart-axis-y:before{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-bottom:6px solid var(--text-muted,#6b7280);position:absolute;top:-1px;left:50%;transform:translate(-50%,-100%)}.trend-bar-chart-axis-x{background:var(--text-muted,#6b7280);height:1px;position:absolute;bottom:0;left:-6px;right:0}.trend-bar-chart-axis-x:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid var(--text-muted,#6b7280);position:absolute;bottom:50%;right:-1px;transform:translate(100%,50%)}.trend-bar-chart-gridline{background:var(--border,#2a3040);height:1px;position:absolute;left:0;right:0}.trend-bar-chart-gridline-value{color:var(--text-muted,#6b7280);white-space:nowrap;font-size:9px;position:absolute;top:0;left:-8px;transform:translate(-100%,-50%)}.trend-bar-chart-line{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.trend-bar-chart-line polyline{stroke:#fde047;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.trend-bar-chart-groups{align-items:stretch;gap:10px;width:100%;min-width:0;height:100%;display:flex;overflow:hidden}.trend-bar-chart-group{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.trend-bar-chart-group.is-today{border-bottom:2px solid var(--accent,#6366f1);padding:0 2px}.trend-bar-chart-group-bars{flex:1;justify-content:center;align-items:flex-end;gap:3px;min-height:0;display:flex}.trend-bar-chart-group-bar-labels{flex:none;justify-content:center;gap:3px;min-width:0;padding-top:3px;display:flex}.trend-bar-chart-group-bar-labels span{text-align:center;min-width:0;max-width:32px;color:var(--text-muted,#6b7280);white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;font-size:9px;overflow:hidden}.trend-bar-wrap{flex:1 1 0;align-items:flex-end;min-width:2px;max-width:32px;height:100%;display:flex;position:relative}.trend-bar{cursor:default;width:100%;min-height:2px}.trend-bar-value-badge{z-index:1;background:var(--surface-3,#1c2130);border:1px solid var(--border,#2a3040);color:var(--text-primary,#f5f7fa);white-space:nowrap;pointer-events:none;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:600;line-height:1.5;position:absolute;left:50%}.trend-bar-value-badge-stagger-0{transform:translate(-50%,calc(-100% - 5px))}.trend-bar-value-badge-stagger-1{transform:translate(-50%,calc(-100% - 17px))}.trend-bar-value-badge-stagger-2{transform:translate(-50%,calc(-100% - 29px))}.trend-bar-value-badge:after{content:"";border-left:3px solid #0000;border-right:3px solid #0000;border-top:4px solid var(--border,#2a3040);position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.trend-bar-chart-labels{gap:10px;width:100%;min-width:0;display:flex;overflow:hidden}.trend-bar-chart-group-label{text-align:center;min-width:0;color:var(--text-secondary,#9aa4b2);white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;font-size:10px;overflow:hidden}.trend-bar-chart-group-label.is-today{color:var(--accent,#6366f1);font-weight:700}.trend-bar.trend-bar-grouped{background:linear-gradient(#fbbf24 0%,#ef4444 100%);border-radius:3px 3px 0 0}.trend-bar.trend-bar-histogram{background:linear-gradient(#7ed957 0%,#2e7d32 100%);border-radius:4px 4px 0 0}.trend-line-chart{box-sizing:border-box;flex-direction:column;gap:6px;width:100%;height:100%;padding:24px 12px 4px 34px;display:flex}.trend-line-chart-empty{color:var(--text-muted,#6b7280);justify-content:center;align-items:center;padding:12px;font-size:12px}.trend-line-chart-title{color:var(--text-secondary,#9aa4b2);flex:none;align-items:center;gap:6px;font-size:10px;display:flex}.trend-line-chart-title-dot{background:var(--accent,#6366f1);border-radius:50%;flex-shrink:0;width:8px;height:8px}.trend-line-chart-area{flex:1;min-height:0;position:relative}.trend-line-chart-gridline{background:var(--border,#2a3040);height:1px;position:absolute;left:0;right:0}.trend-line-chart-gridline-value{color:var(--text-muted,#6b7280);white-space:nowrap;font-size:9px;position:absolute;top:0;left:-8px;transform:translate(-100%,-50%)}.trend-line-chart-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.trend-line-chart-svg polyline{stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.trend-line-chart-legend{flex-wrap:wrap;flex:none;gap:8px 14px;padding-top:2px;display:flex}.trend-line-chart-legend-item{color:var(--text-secondary,#9aa4b2);white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.trend-line-chart-legend-swatch{border-radius:2px;flex-shrink:0;width:8px;height:8px}.trend-line-chart-legend-label{color:var(--text-primary,#f5f7fa);font-weight:600}.trend-line-chart-legend-value{color:var(--text-muted,#6b7280)}.trend-bar.trend-bar-spectrum{border-radius:2px;flex-basis:8px;width:8px}.bar-scale{width:100%}.bar-scale-ticks{height:6px;margin-top:3px;position:relative}.bar-scale-tick{background:var(--border);width:1px;height:100%;position:absolute;top:0;transform:translate(-50%)}.bar-scale-minmax{color:var(--text-muted);justify-content:space-between;margin-top:2px;font-size:10px;line-height:1;display:flex}.bar-scale.is-vertical{flex-direction:row;align-items:stretch;gap:4px;width:auto;height:100%;display:flex}.bar-scale.is-vertical .bar-scale-ticks{width:6px;height:100%;margin-top:0;position:relative}.bar-scale.is-vertical .bar-scale-tick{width:100%;height:1px;position:absolute;left:0;transform:translateY(50%)}.bar-scale.is-vertical .bar-scale-minmax{flex-direction:column;justify-content:space-between;height:100%;margin-top:0}.column-table-widget{border-collapse:collapse;table-layout:fixed;width:100%;height:100%;font-size:13px}.column-table-widget th{border-bottom:1px solid var(--border);color:var(--text-secondary);text-align:center;padding:4px 8px 8px;font-size:12px;font-weight:500}.column-table-widget-value{color:var(--text-primary);text-align:center;padding:10px 8px 4px;font-size:16px;font-weight:600}.column-table-widget-empty{width:100%;height:100%;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;padding:12px;font-size:12px;display:flex}.flat-bar-track{box-sizing:border-box;background:#1b2436;border-radius:999px;width:100%;height:30px;padding:3px}.flat-bar-fill{background:#2dd4ff;border-radius:999px;min-width:4px;height:100%;transition:width .3s}.flat-bar-track.is-vertical{width:30px;height:100%;min-height:90px;padding:3px;position:relative}.flat-bar-track.is-vertical .flat-bar-fill{width:auto;min-width:0;height:auto;min-height:4px;transition:height .3s;position:absolute;bottom:3px;left:3px;right:3px}.gauge-value-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:4px 14px;font-size:13px;font-weight:600;display:inline-block}.glow-bar-track{box-sizing:border-box;background:#000;border:2px solid #0e7490;border-radius:999px;width:100%;height:34px;padding:4px}.glow-bar-fill{background:#22e0f5;border-radius:999px;min-width:4px;height:100%;transition:width .3s;box-shadow:0 0 14px 2px #22e0f5d9}.glow-bar-track.is-vertical{width:34px;height:100%;min-height:90px;padding:4px;position:relative}.glow-bar-track.is-vertical .glow-bar-fill{width:auto;min-width:0;height:auto;min-height:4px;transition:height .3s;position:absolute;bottom:4px;left:4px;right:4px}.gradient-gauge{flex-direction:column;align-items:center;gap:8px;display:flex}.gradient-gauge-value{fill:var(--text-primary);font-size:32px;font-weight:700}.gradient-gauge-unit{fill:var(--text-secondary);font-size:13px}.gradient-gauge-label{color:var(--accent);font-size:13px;font-weight:600}.gpb-pill{background:linear-gradient(90deg,#14b391,#0f8a70);border-radius:999px;width:100%;height:44px;position:relative;overflow:hidden}.gpb-label{color:#fff;z-index:2;font-size:14px;font-weight:700;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.gpb-track{border-radius:999px;position:absolute;inset:6px 6px 6px 54px;overflow:hidden}.gpb-fill{background:#fff;border-radius:999px;height:100%;transition:width .3s}.gpb-pill.is-vertical{background:linear-gradient(#0f8a70,#14b391);width:44px;height:100%;min-height:90px}.gpb-pill.is-vertical .gpb-label{text-align:center;margin-top:8px;display:block;position:static;transform:none}.gpb-pill.is-vertical .gpb-track{position:absolute;inset:30px 6px 6px}.gpb-pill.is-vertical .gpb-fill{width:100%;height:auto;transition:height .3s;position:absolute;bottom:0;left:0;right:0}.image-widget{object-fit:contain;width:100%;height:100%}.image-widget-empty{width:100%;height:100%;color:var(--text-muted);border:1px dashed var(--border);text-align:center;border-radius:8px;justify-content:center;align-items:center;padding:8px;font-size:12px;display:flex}.industrial-icon-widget{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;display:flex;position:relative}.industrial-icon-widget-glyph{flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.industrial-icon-widget-glyph svg{width:100%;max-width:100%;height:100%;max-height:100%}.industrial-icon-widget-label{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:100%;font-size:12px;overflow:hidden}.input-widget{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;padding:8px;display:flex}.input-widget-label{color:var(--text-secondary);text-align:center;font-size:12px;font-weight:600}.input-widget-row{align-items:center;gap:8px;display:flex}.input-widget-field{border:1px solid var(--border);background:var(--surface-2);width:100px;color:var(--text-primary);text-align:center;border-radius:8px;padding:6px 8px;font-size:16px;font-weight:600}.input-widget-unit{color:var(--text-muted);font-size:13px;font-weight:600}.input-widget-status{color:var(--text-muted);font-size:10px}.input-widget-bound-value{color:var(--status-good,#22c55e);font-size:11px;font-weight:700}.input-widget-status-error{color:var(--status-critical,#ef4444)}.input-widget-preview{border:1px dashed var(--border);opacity:.85;border-radius:10px}.input-widget-preview-label{color:var(--text-secondary);text-align:center;font-size:12px;font-weight:600}.level-circle-gauge{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.level-circle-gauge-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.level-circle-gauge-shape{background:#3987e514;border:2px solid #1c3a5e;border-radius:50%;align-items:flex-end;width:90px;height:90px;display:flex;overflow:hidden}.level-circle-gauge-fill{background:linear-gradient(#5ea8f2,#2f6fc9);width:100%;transition:height .3s}.level-circle-gauge-value{color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:600}.level-cylinder-gauge{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.level-cylinder-gauge-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.level-cylinder-gauge-shape{flex-direction:column;align-items:center;width:64px;display:flex}.level-cylinder-gauge-cap{border:2px solid #1c3a5e;border-radius:50%;flex-shrink:0;width:64px;height:16px}.level-cylinder-gauge-cap-top{z-index:1;background:#3987e514;margin-bottom:-8px}.level-cylinder-gauge-cap-bottom{background:#2f6fc9;margin-top:-8px}.level-cylinder-gauge-body{background:#3987e514;border-left:2px solid #1c3a5e;border-right:2px solid #1c3a5e;align-items:flex-end;width:60px;height:90px;display:flex;overflow:hidden}.level-cylinder-gauge-fill{background:linear-gradient(#5ea8f2,#2f6fc9);width:100%;transition:height .3s}.level-cylinder-gauge-value{color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:600}.lpb-track{background:#e3f2fb;border-radius:999px;width:100%;height:34px;overflow:visible}.lpb-fill{box-sizing:border-box;background:#0ea5e9;border-radius:999px;align-items:center;min-width:34px;height:100%;padding-left:14px;transition:width .3s;display:flex}.lpb-label{color:#fff;white-space:nowrap;font-size:13px;font-weight:700}.lpb-track.is-vertical{width:40px;height:100%;min-height:90px;position:relative}.lpb-track.is-vertical .lpb-fill{justify-content:center;align-items:center;width:100%;min-width:0;height:auto;min-height:34px;padding-bottom:10px;padding-left:0;transition:height .3s;position:absolute;bottom:0;left:0;right:0}.meter-row{grid-template-columns:70px 1fr auto;align-items:center;gap:12px;display:grid}.meter-label{color:var(--text-secondary);font-size:12px}.meter-track-col{flex-direction:column;min-width:0;display:flex}.meter-track{background:var(--accent-track);border-radius:3px;height:6px;overflow:hidden}.meter-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.meter-value{color:var(--text-primary);white-space:nowrap;text-align:right;font-size:12px;font-weight:600}.radial-gauge-label{fill:var(--text-secondary);font-size:12px}.snb-container{box-sizing:border-box;background:#0a1628;border:1px solid #1e4a72;border-radius:999px;align-items:center;gap:3px;width:100%;height:40px;padding:0 10px;display:flex}.snb-segment{background:#16324f;border-radius:2px;flex:1;height:60%}.snb-segment.is-filled{background:#29d1f5;box-shadow:0 0 6px #29d1f5cc}.snb-container.is-vertical{flex-direction:column-reverse;width:40px;height:100%;min-height:90px;padding:10px 0}.snb-container.is-vertical .snb-segment{width:60%;height:auto}.stat-tile{background:var(--surface-1);border:1px solid var(--border);box-sizing:border-box;border-radius:12px;flex-direction:column;align-self:stretch;gap:8px;width:100%;min-width:0;height:100%;padding:16px 18px;display:flex}.stat-tile-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.stat-tile-value-box{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.stat-tile-value-box.is-custom-size{flex:none;align-self:center}.stat-tile-value-row{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px;display:flex}.stat-tile-value{color:var(--text-primary);font-size:22px;font-weight:600}.stat-tile-delta{font-size:12px;font-weight:600}.stat-tile-delta.is-good{color:var(--status-good)}.stat-tile-delta.is-bad{color:var(--status-critical)}.table-widget{border-collapse:collapse;width:100%;height:100%;font-size:13px}.table-widget td{border-bottom:1px solid var(--border);padding:6px 10px}.table-widget tr:last-child td{border-bottom:none}.table-widget-label{color:var(--text-secondary)}.table-widget-value{color:var(--text-primary);text-align:right;font-weight:600}.table-widget-empty{width:100%;height:100%;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;padding:12px;font-size:12px;display:flex}.text-widget{text-align:center;width:100%;height:100%;color:var(--text-primary);overflow-wrap:anywhere;justify-content:center;align-items:center;padding:8px;font-size:16px;font-weight:600;display:flex}.thermometer{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.thermometer-name{color:var(--text-secondary);white-space:nowrap;font-size:11px}.thermometer-track{border-radius:7px;align-items:flex-end;width:14px;height:110px;display:flex;overflow:hidden}.thermometer-fill{border-radius:7px;width:100%;transition:height .3s}.thermometer-value{color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:600}.toggle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.toggle-label{color:var(--text-secondary);font-size:13px}.toggle-label.is-on{color:var(--status-good)}.toggle-switch{background:var(--surface-3);border-radius:9px;flex-shrink:0;align-items:center;width:34px;height:18px;padding:2px;display:inline-flex}.toggle-switch.is-on{background:var(--status-good)}.toggle-knob{background:var(--text-primary);border-radius:50%;width:14px;height:14px;transition:transform .2s}.toggle-switch.is-on .toggle-knob{transform:translate(16px)}.widget-view{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.widget-view-no-data-badge{background:var(--surface-3);color:var(--text-muted);z-index:1;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600;position:absolute;top:4px;right:4px}.widget-view-empty{border:1px dashed var(--border);width:100%;height:100%;color:var(--text-muted);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:12px;display:flex}.widget-view-empty-label{color:var(--text-secondary);font-weight:600}.gauge-block{flex-direction:column;align-items:center;gap:12px;display:flex}.bar-widget-block{flex-direction:column;width:100%;display:flex}.bar-widget-block.is-vertical{flex-direction:row;justify-content:center;align-items:stretch;gap:8px;width:auto;height:100%}.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width, height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{opacity:0;width:20px;height:20px;position:absolute}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:100% 100%;background-repeat:no-repeat;background-origin:content-box;width:20px;height:20px;padding:0 3px 3px 0;position:absolute}.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.widget-grid-container{isolation:isolate;width:100%;position:relative}.widget-grid-item{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;position:relative}.widget-grid-item.is-editable{cursor:grab}.widget-grid-item.is-editable:hover{border-color:var(--accent)}.widget-grid-item.is-editable:active{cursor:grabbing}.widget-grid-item.is-brush-mode{cursor:crosshair}.widget-grid-item.is-brush-source{outline:2px solid var(--accent);outline-offset:2px}.react-grid-item.react-grid-placeholder{background:var(--accent);opacity:.18;border-radius:10px}.react-resizable-handle{opacity:.6}.react-resizable-handle:after{border-right-color:var(--text-muted)!important;border-bottom-color:var(--text-muted)!important}.widget-palette{z-index:20;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;width:240px;max-height:min(75vh,560px);display:flex;position:absolute;overflow:hidden;box-shadow:0 12px 28px #0006}.widget-palette-header{background:var(--surface-3);border-bottom:1px solid var(--border);color:var(--text-primary);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.widget-palette-header:active{cursor:grabbing}.widget-palette-collapse{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;width:20px;height:20px;line-height:1}.widget-palette-collapse:hover{color:var(--text-primary)}.widget-palette-body{flex-direction:column;gap:12px;padding:10px;display:flex;overflow-y:auto}.widget-palette-hint{color:var(--text-muted);margin:0;font-size:11px}.widget-palette-section{flex-direction:column;gap:4px;display:flex}.widget-palette-section-title{text-transform:uppercase;letter-spacing:.04em;width:100%;color:var(--accent);background:var(--accent-soft);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;margin-bottom:2px;padding:6px 8px;font-size:10px;font-weight:700;display:flex}.widget-palette-section-title:hover{border-color:var(--accent)}.widget-palette-section-chevron{color:currentColor;flex:none;transition:transform .15s;transform:rotate(-90deg)}.widget-palette-section-chevron.is-open{transform:rotate(0)}.widget-palette-item{background:var(--surface-3);color:var(--text-secondary);cursor:grab;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.widget-palette-item:hover{border-color:var(--border);color:var(--text-primary)}.widget-palette-item:active{cursor:grabbing;opacity:.7}.widget-palette-item-icon-preview{flex:none;width:18px;height:18px;display:flex}.page-design-toolbar{align-items:center;gap:10px;margin:12px 0;display:flex}.page-design-toolbar-hint{flex:1}.page-design-canvas-wrapper{min-height:560px;position:relative}.page-design-canvas-empty{z-index:5;position:absolute;top:12px;left:12px;right:260px}.design-screen{flex-direction:column;gap:20px;display:flex}.projects-screen{flex-direction:column;gap:16px;display:flex}.projects-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.projects-list-row{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.projects-list-row.is-active{border-color:var(--accent)}.projects-list-info{flex-direction:column;gap:4px;min-width:0;display:flex}.projects-list-name{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.projects-active-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.projects-list-date{color:var(--text-muted);font-size:12px}.projects-list-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.projects-rename-input{background:var(--surface-3);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;min-width:220px;padding:6px 8px;font-size:14px;font-weight:600}.projects-add-row{align-items:center;gap:10px;display:flex}.projects-add-row input{background:var(--surface-3);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;min-width:240px;padding:8px 10px;font-size:14px}.page-tabs-view{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.page-tab-view{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:12px}.page-tab-view.active{background:var(--accent,#3987e5);border-color:var(--accent,#3987e5);color:#fff}.report-table-viewer-toolbar{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:4px;display:flex}.report-table-viewer-export-range{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.report-table-viewer-export-range input[type=date]{border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary);border-radius:6px;padding:4px 6px;font-size:12px}.report-table-viewer-export-hint{text-align:right;color:var(--text-muted);margin:0 0 12px;font-size:11px}.report-table-viewer-scroll{overflow-x:auto}.report-table-viewer-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}.report-table-viewer-table th,.report-table-viewer-table td{border-bottom:1px solid var(--border);text-align:left;padding:8px 12px}.report-table-viewer-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.report-table-viewer-table td{color:var(--text-primary)}.reports-screen{flex-direction:column;gap:20px;display:flex}.reports-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;display:flex}.reports-mode-switch{gap:6px;display:flex}.reports-toolbar input[type=date],.reports-toolbar input[type=month]{background:var(--surface-3);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;padding:7px 10px;font-size:13px}.collapse-toggle{background:var(--surface-3);border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:6px;flex:none;justify-content:center;align-items:center;display:flex}.collapse-toggle:hover{color:var(--text-primary);border-color:var(--accent,#6366f1)}.collapse-toggle svg{transition:transform .15s}.collapse-toggle.is-collapsed svg{transform:rotate(-90deg)}.report-table-block{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-direction:column;gap:14px;margin-bottom:16px;padding:16px;display:flex}.report-table-block-header{align-items:center;gap:12px;display:flex}.report-table-name-input{background:var(--surface-3);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;flex:1;padding:8px 10px;font-size:14px;font-weight:600}.report-table-section{flex-direction:column;gap:8px;display:flex}.report-table-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.report-table-logic-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.report-table-logic-select{background:var(--surface-3);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;padding:6px 10px;font-size:12px}.clause-row{grid-template-columns:1.4fr 70px 130px 1.4fr 70px;align-items:center;gap:8px;display:grid}.clause-row input,.clause-row select{background:var(--surface-3);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;width:100%;min-width:0;padding:7px 8px;font-size:12px}.external-api-list{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.external-api-card{border:1px solid var(--border,#2a3040);background:var(--surface-2,#10131c);border-radius:10px;padding:12px}.external-api-card-header{align-items:center;gap:10px;display:flex}.external-api-enable{cursor:pointer;align-items:center;gap:8px;display:flex}.external-api-name{color:var(--text-primary,#f5f7fa);font-size:13px;font-weight:600}.external-api-unverified-badge{background:var(--status-warning-track,#4a3a12);color:var(--status-warning,#f59e0b);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}.external-api-card-body{border-top:1px solid var(--border,#2a3040);flex-direction:column;gap:10px;margin-top:10px;padding-top:10px;display:flex}.external-api-login-fields{flex-wrap:wrap;gap:10px;display:flex}.external-api-login-fields input,.external-api-trigger-editor input,.external-api-trigger-editor select{background:var(--surface-3,#171b26);border:1px solid var(--border,#2a3040);color:var(--text-primary,#f5f7fa);border-radius:6px;min-width:0;padding:7px 8px;font-size:12px}.external-api-trigger-editor{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.external-api-radio{color:var(--text-secondary,#9aa4b2);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.external-api-radio input{cursor:pointer}.external-api-fields-toggle{align-self:flex-start;align-items:center;gap:6px;display:flex}.external-api-fields-count{background:var(--accent,#6366f1);color:#fff;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.external-api-fields-panel{border-left:2px solid var(--accent,#6366f1);background:var(--surface-3,#171b26);border-radius:0 8px 8px 0;flex-direction:column;gap:10px;padding:10px;display:flex}.external-api-endpoint-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#6b7280);margin-bottom:6px;font-size:11px}.external-api-fields-table{flex-direction:column;gap:4px;display:flex}.external-api-field-row{color:var(--text-primary,#f5f7fa);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.external-api-field-unit{color:var(--text-muted,#6b7280);font-size:11px}.external-api-field-computed-badge{background:var(--accent-soft,#2d2f5c);color:var(--accent,#6366f1);border-radius:999px;padding:1px 6px;font-size:9px;font-weight:600}.external-api-consumption-editor{border-left:2px solid var(--status-warning,#f59e0b);background:var(--surface-3,#171b26);border-radius:0 8px 8px 0;flex-wrap:wrap;align-items:center;gap:12px;padding:10px;display:flex}.external-api-consumption-editor select{background:var(--surface-2,#10131c);border:1px solid var(--border,#2a3040);color:var(--text-primary,#f5f7fa);border-radius:6px;padding:7px 8px;font-size:12px}.distribution-panel{flex-direction:column;gap:12px;display:flex}.distribution-hint{color:var(--text-secondary,#9aa4b8);margin:0;font-size:12px;line-height:1.5}.distribution-start-button{background:var(--accent,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:8px;align-self:flex-start;padding:10px 18px;font-size:13px;font-weight:600}.distribution-start-button:disabled{opacity:.6;cursor:not-allowed}.distribution-error{color:var(--status-critical,#ef4444);margin:0;font-size:12px}.distribution-job{border:1px solid var(--border,#2a3040);background:var(--surface-2,#10131c);border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.distribution-status{border-radius:999px;width:fit-content;padding:2px 10px;font-size:12px;font-weight:600}.distribution-status-running{background:var(--status-warning-track,#4a3a12);color:var(--status-warning,#f59e0b)}.distribution-status-succeeded{background:var(--status-good-track,#123a26);color:var(--status-good,#22c55e)}.distribution-status-failed{background:var(--status-critical-track,#4a1414);color:var(--status-critical,#ef4444)}.distribution-log{background:var(--surface-1,#0b0e15);max-height:220px;color:var(--text-secondary,#9aa4b8);border-radius:8px;padding:8px 10px;font-family:Cascadia Code,Consolas,monospace;font-size:11px;overflow-y:auto}.distribution-log-line{white-space:pre-wrap;word-break:break-word}.distribution-download-button{background:var(--status-good,#22c55e);color:#fff;border-radius:8px;align-self:flex-start;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none}.custom-variable-block{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-direction:column;gap:14px;margin-bottom:16px;padding:16px;display:flex}.custom-variable-block-header{align-items:center;gap:12px;display:flex}.custom-variable-collapsed-summary{color:var(--text-muted);white-space:nowrap;flex:none;font-size:11px}.custom-variable-block-header .custom-variable-name-input{background:var(--surface-3);border:1px solid var(--border);min-width:0;max-width:320px;color:var(--text-primary);border-radius:8px;flex:auto;padding:9px 12px;font-size:14px;font-weight:600}.custom-variable-block-header .custom-variable-kind-select{flex:none;width:auto;min-width:150px;font-weight:600}.custom-variable-value-row{align-items:center;gap:10px;display:flex}.custom-variable-value-row .custom-variable-value-input{width:auto;max-width:160px;font-weight:600}.custom-variable-formula-row{grid-template-columns:1fr 70px 1fr;align-items:start;gap:10px;display:grid}.custom-variable-operator-select{text-align:center;align-self:center;font-weight:700}.custom-variable-operand{flex-direction:column;gap:6px;display:flex}.custom-variable-block input,.custom-variable-block select{background:var(--surface-3);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;width:100%;min-width:0;padding:7px 8px;font-size:12px}.custom-variable-trigger-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.custom-variable-trigger-row select{width:auto;min-width:180px}.custom-variable-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.theme-switcher{flex-wrap:wrap;gap:16px;display:flex}.theme-switcher-card{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:6px;display:flex}.theme-switcher-card:hover{border-color:var(--border)}.theme-switcher-card.active{border-color:var(--accent)}.theme-switcher-preview{border:1px solid var(--border);box-sizing:border-box;border-radius:8px;justify-content:flex-start;align-items:flex-start;width:110px;height:74px;padding:10px;display:flex}.theme-switcher-preview-card{border-radius:6px;align-items:flex-end;width:100%;height:100%;padding:8px;display:flex}.theme-switcher-preview-accent{border-radius:4px;width:60%;height:8px}.theme-switcher-label{color:var(--text-primary);font-size:12px;font-weight:600}.language-switcher{flex-wrap:wrap;gap:12px;display:flex}.language-switcher-card{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;display:flex}.language-switcher-card:hover{border-color:var(--border)}.language-switcher-card.active{border-color:var(--accent)}.language-switcher-flag{font-size:20px;line-height:1}.language-switcher-label{color:var(--text-primary);font-size:13px;font-weight:600}.settings{flex-direction:column;gap:16px;display:flex}.settings-panel-spaced{margin-top:20px}.settings-tabs{border-bottom:1px solid var(--border);gap:4px;padding-bottom:0;display:flex}.settings-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:13px;font-weight:600}.settings-tab:hover{color:var(--text-primary)}.settings-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.settings-hint{margin-bottom:16px;font-size:13px}.settings-empty{font-size:13px;font-style:italic}.connection-fields{gap:12px;margin-bottom:16px;display:flex}.connection-live-status{color:var(--text-secondary);align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.status-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.is-good{background:var(--status-good)}.status-dot.is-bad{background:var(--status-critical)}.status-dot.is-idle{background:var(--text-muted)}.widget-table{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.widget-row{grid-template-columns:1.4fr 1.4fr 1.6fr 70px 70px 70px 70px 80px 44px 44px 70px;align-items:center;gap:8px;display:grid}.alarm-row{grid-template-columns:1.4fr 100px 1.4fr 80px 70px;align-items:center;gap:8px;display:grid}.modbus-row{grid-template-columns:1.4fr 170px 100px 150px 70px;align-items:center;gap:8px;display:grid}.widget-row-group{flex-direction:column;gap:8px;display:flex}.page-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.page-tab{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:12px}.page-tab.active{background:var(--accent,#3987e5);border-color:var(--accent,#3987e5);color:#fff}.widget-row-summary{align-items:center;gap:10px;display:flex}.widget-row-summary-preview{border:1px solid var(--border);border-radius:6px;flex:none;width:64px;height:48px;position:relative;overflow:hidden}.widget-row-summary-preview-inner{transform-origin:0 0;pointer-events:none;width:160px;height:120px;transform:scale(.4)}.widget-row-summary-label{color:var(--text-primary);font-size:13px;font-weight:500}.widget-row-summary-meta{color:var(--text-muted);font-size:11px}.table-rows-editor{border-left:2px solid var(--border);background:var(--surface-2);border-radius:0 8px 8px 0;flex-direction:column;gap:8px;margin:4px 0 4px 24px;padding:12px;display:flex}.table-rows-editor-head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;grid-template-columns:1.4fr 1.6fr 70px;gap:8px;font-size:11px;display:grid}.table-rows-editor-row{grid-template-columns:1.4fr 1.6fr 70px;align-items:center;gap:8px;display:grid}.table-rows-editor-row input,.table-rows-editor-row select{background:var(--surface-3);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;width:100%;min-width:0;padding:7px 8px;font-size:12px}.image-editor{border-left:2px solid var(--border);background:var(--surface-2);border-radius:0 8px 8px 0;align-items:center;gap:12px;margin:4px 0 4px 24px;padding:12px;display:flex}.image-editor-preview{object-fit:contain;background:var(--surface-3);border:1px solid var(--border);border-radius:6px;width:60px;height:60px}.bar-scale-editor{border-left:2px solid var(--border);background:var(--surface-2);border-radius:0 8px 8px 0;align-items:center;gap:20px;margin:4px 0 4px 24px;padding:12px;display:flex}.bar-scale-editor .field input{width:100px}.bar-scale-editor-checkbox{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.bar-scale-editor-checkbox input{cursor:pointer;width:16px;height:16px}.dashboard-preview{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.widget-row-head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.widget-row input,.widget-row select{background:var(--surface-3);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;width:100%;min-width:0;padding:7px 8px;font-size:12px}.widget-row input:disabled,.widget-row select:disabled{opacity:.35}.db-list{flex-direction:column;gap:20px;display:flex}.db-block{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:16px}.db-block-header{align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.db-block-collapsed-count{color:var(--text-muted);white-space:nowrap;flex:none;padding-bottom:6px;font-size:11px}.field{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:11px;display:flex}.field-grow{flex:1}.field input,.variable-table input,.variable-table select{background:var(--surface-3);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;width:100%;padding:7px 10px;font-size:13px}.variable-table{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.variable-row{grid-template-columns:2fr 100px 110px 70px 130px 140px 80px;align-items:center;gap:8px;display:grid}.variable-row-head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.live-value{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.live-value.is-good{color:var(--status-good)}.live-value.is-bad{color:var(--status-critical)}.live-value.is-idle{color:var(--text-muted);font-weight:500}.btn{cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:600}.btn-small{padding:6px 10px}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--surface-3);color:var(--text-primary)}.btn-secondary.is-active{background:var(--accent);color:#fff}.preview-toolbar{align-items:center;gap:10px;margin-bottom:12px;display:flex}.preview-toolbar-hint{margin:0}.btn-danger{color:var(--status-critical);border:1px solid var(--status-critical);background:0 0}.settings-actions{border-top:1px solid var(--border);align-items:center;gap:12px;margin-top:4px;padding-top:16px;display:flex}.save-feedback{font-size:12px;font-weight:600}.save-feedback.is-good{color:var(--status-good)}.save-feedback.is-bad{color:var(--status-critical)}.identity-section{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.settings-subheading{color:var(--text-primary);margin:0 0 6px;font-size:13px;font-weight:600}.identity-fields{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.identity-logo-preview{object-fit:contain;border:1px solid var(--border);background:var(--surface-2);border-radius:6px;flex-shrink:0;width:48px;height:48px}.clone-variables-block{margin-bottom:20px}.clone-variables-block:last-child{margin-bottom:0}.clone-variables-block-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:12px;font-weight:600}.clone-variables-table{border-collapse:collapse;width:100%;font-size:13px}.clone-variables-table th,.clone-variables-table td{border-bottom:1px solid var(--border);text-align:left;padding:8px 12px}.clone-variables-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.clone-variables-table td{color:var(--text-primary)}.marketing-site{--mkt-bg:#0b0f1a;--mkt-surface:#121828;--mkt-surface-2:#1a2236;--mkt-border:#262f45;--mkt-text:#eef1f8;--mkt-text-secondary:#a7b0c4;--mkt-text-muted:#6b7488;--mkt-accent:#6366f1;--mkt-accent-soft:#6366f129;--mkt-amber:#fab219;--mkt-good:#22c55e;background:var(--mkt-bg);color:var(--mkt-text);min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}.marketing-site h1,.marketing-site h2,.marketing-site h3{color:var(--mkt-text);margin:0;font-weight:700;line-height:1.2}.marketing-site p{color:var(--mkt-text-secondary);margin:0}.mkt-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.mkt-btn-primary{background:var(--mkt-accent);color:#fff}.mkt-btn-primary:hover{background:#4f52d6}.mkt-btn-ghost{border-color:var(--mkt-border);color:var(--mkt-text);background:0 0}.mkt-btn-ghost:hover{border-color:var(--mkt-accent);color:var(--mkt-accent)}.mkt-btn-lg{padding:13px 26px;font-size:15px}.mkt-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--mkt-accent);margin-bottom:12px;font-size:12px;font-weight:700;display:inline-block}.mkt-nav{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--mkt-border);background:#0b0f1ad9;position:sticky;top:0}.mkt-nav-inner{align-items:center;gap:24px;max-width:1120px;margin:0 auto;padding:16px 24px;display:flex}.mkt-nav-brand{color:var(--mkt-text);font-size:17px;font-weight:800}.mkt-nav-logo{background:#f5f5f5;border-radius:8px;width:auto;height:38px;padding:6px 12px;display:block}.mkt-footer-logo{height:32px}.mkt-nav-links{flex:auto;gap:20px;display:flex}.mkt-nav-links a{color:var(--mkt-text-secondary);font-size:14px;font-weight:500;text-decoration:none}.mkt-nav-links a:hover{color:var(--mkt-text)}.mkt-nav-cta{padding:8px 16px}.mkt-hero{padding:72px 24px 40px}.mkt-hero-inner{text-align:center;flex-direction:column;align-items:center;max-width:900px;margin:0 auto;display:flex}.mkt-hero h1{max-width:760px;font-size:44px}.mkt-hero-sub{max-width:620px;margin-top:18px;font-size:17px}.mkt-hero-actions{gap:14px;margin-top:30px;display:flex}.mkt-hero-showcase{background:var(--mkt-surface);border:1px solid var(--mkt-border);border-radius:14px;width:100%;max-width:920px;margin-top:56px;overflow:hidden;box-shadow:0 30px 80px #00000073}.mkt-hero-showcase-bar{border-bottom:1px solid var(--mkt-border);align-items:center;gap:6px;padding:12px 14px;display:flex}.mkt-hero-showcase-bar span:not(.mkt-hero-showcase-bar-title){background:var(--mkt-border);border-radius:50%;width:9px;height:9px}.mkt-hero-showcase-bar-title{color:var(--mkt-text-secondary);margin-left:8px;font-size:12px;font-weight:600}.mkt-hero-showcase-grid{text-align:left;grid-template-columns:repeat(6,1fr);gap:12px;padding:18px 18px 6px;display:grid}.mkt-hero-chart-card{background:var(--mkt-surface-2);border:1px solid var(--mkt-border);border-radius:10px;grid-column:span 3;min-width:0;height:148px}.mkt-hero-chart-card-wide{grid-column:1/-1;height:190px}.mkt-hero-chart-card .trend-bar-chart-title,.mkt-hero-chart-card .trend-bar-chart-labels,.mkt-hero-chart-card .trend-bar-chart-group-bar-labels,.mkt-hero-chart-card .trend-bar-chart-gridline-value{display:none}.mkt-hero-chart-card .trend-bar-chart{padding:14px 10px 4px}.mkt-hero-dial-card{background:var(--mkt-surface-2);border:1px solid var(--mkt-border);border-radius:10px;flex-direction:column;grid-column:span 2;justify-content:center;align-items:center;gap:10px;min-width:0;height:150px;display:flex}.mkt-hero-dial-card-neon{padding:0 16px}.mkt-hero-dial-card-neon .snb-container{width:100%}.mkt-hero-dial-label{color:var(--mkt-text-muted);white-space:nowrap;font-size:11px}.mkt-hero-status-strip{flex-wrap:wrap;gap:10px;padding:12px 18px 18px;display:flex}.mkt-hero-status-chip{color:var(--mkt-text-secondary);background:var(--mkt-surface-2);border:1px solid var(--mkt-border);border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:11px;font-weight:600;display:inline-flex}.mkt-hero-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.mkt-hero-status-dot.is-good{background:var(--mkt-good);box-shadow:0 0 6px var(--mkt-good)}.mkt-hero-status-dot.is-amber{background:var(--mkt-amber);box-shadow:0 0 6px var(--mkt-amber)}.mkt-showcase{padding:64px 24px}.mkt-showcase-inner{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1120px;margin:0 auto;display:grid}.mkt-showcase-card{border-radius:18px;flex-direction:column;gap:10px;min-height:200px;padding:28px;display:flex}.mkt-showcase-card h3{color:#0b0f1a;max-width:220px;font-size:21px}.mkt-showcase-card p{color:#0b0f1ab8;max-width:260px;font-size:13px}.mkt-showcase-card-blue{background:linear-gradient(135deg,#bfe3ff 0%,#7fb8f5 100%)}.mkt-showcase-card-teal{background:linear-gradient(135deg,#bdf3e6 0%,#6fd9c4 100%)}.mkt-showcase-card-violet{background:linear-gradient(135deg,#ded4ff 0%,#b7a3f7 100%)}.mkt-section{padding:84px 24px}.mkt-section-alt{border-top:1px solid var(--mkt-border);border-bottom:1px solid var(--mkt-border);background:#f2f4f8}.mkt-section-alt h2,.mkt-section-alt p{color:#1a2233}.mkt-section-alt .mkt-section-sub{color:#5b6472}.mkt-section-inner{text-align:center;max-width:1120px;margin:0 auto}.mkt-section h2{max-width:620px;margin:0 auto;font-size:32px}.mkt-section-sub{margin-top:12px}.mkt-feature-grid{text-align:left;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px;display:grid}.mkt-feature-card{background:var(--mkt-surface);border:1px solid var(--mkt-border);border-radius:12px;padding:22px}.mkt-feature-icon{color:var(--mkt-accent);margin-bottom:14px}.mkt-feature-card h3{margin-bottom:8px;font-size:15px}.mkt-feature-card p{font-size:13px}.mkt-pricing-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}.mkt-pricing-card{background:#fff;border-radius:16px;flex-direction:column;transition:transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #1418281f}.mkt-pricing-card.is-highlighted{z-index:1;transform:translateY(-14px);box-shadow:0 24px 56px #14182833}.mkt-pricing-badge{z-index:2;color:#b45309;background:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:14px;right:14px;box-shadow:0 2px 8px #00000026}.mkt-pricing-name{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:#2a3244;padding:24px 24px 16px;font-size:15px;font-weight:700}.mkt-pricing-banner{text-align:center;color:#fff;padding:22px 24px 26px}.mkt-pricing-banner-blue{background:linear-gradient(135deg,#29b6f6 0%,#0d47a1 100%)}.mkt-pricing-banner-amber{background:linear-gradient(135deg,#ffd54f 0%,#f4511e 100%)}.mkt-pricing-banner-teal{background:linear-gradient(135deg,#26c6da 0%,#00897b 100%)}.mkt-pricing-amount{font-size:36px;font-weight:800}.mkt-pricing-period{opacity:.85;margin-left:4px;font-size:13px}.mkt-pricing-features{flex-direction:column;flex:auto;gap:8px;margin:0;padding:22px 24px;list-style:none;display:flex}.mkt-pricing-features li{border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.mkt-pricing-features li.is-included{color:#2a3244;background:#f2f4f8;font-weight:600}.mkt-pricing-features li.is-excluded{color:#b7bcc6;padding-left:30px}.mkt-pricing-check{color:#16a34a;flex-shrink:0}.mkt-pricing-cta{text-align:center;border-radius:8px;margin:0 24px 24px;padding:12px;font-size:13px;font-weight:700;text-decoration:none;display:block}.mkt-pricing-cta-solid{color:#fff}.mkt-pricing-cta-outline{color:#b45309;background:#fff;border:2px solid #f4511e}.mkt-cta{text-align:center;background:linear-gradient(180deg, var(--mkt-bg) 0%, var(--mkt-surface) 100%);padding:84px 24px}.mkt-cta-inner{flex-direction:column;align-items:center;gap:10px;max-width:560px;margin:0 auto;display:flex}.mkt-cta h2{font-size:28px}.mkt-cta .mkt-btn{margin-top:16px}.mkt-footer{border-top:1px solid var(--mkt-border);padding:28px 24px}.mkt-footer-inner{flex-wrap:wrap;align-items:center;gap:24px;max-width:1120px;margin:0 auto;display:flex}.mkt-footer-links{flex:auto;gap:18px;display:flex}.mkt-footer-links a{color:var(--mkt-text-secondary);font-size:13px;text-decoration:none}.mkt-footer-links a:hover{color:var(--mkt-text)}.mkt-footer-copy{color:var(--mkt-text-muted);font-size:12px}@media (width<=860px){.mkt-feature-grid,.mkt-pricing-grid,.mkt-showcase-inner{grid-template-columns:1fr 1fr}.mkt-hero h1{font-size:32px}.mkt-hero-showcase-grid{grid-template-columns:repeat(2,1fr)}.mkt-hero-chart-card,.mkt-hero-dial-card{grid-column:span 1}}@media (width<=560px){.mkt-feature-grid,.mkt-pricing-grid,.mkt-showcase-inner{grid-template-columns:1fr}.mkt-pricing-card.is-highlighted{transform:none}.mkt-hero-showcase-grid{grid-template-columns:1fr}.mkt-nav-links{display:none}}.mkt-login{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.mkt-login-card{background:var(--mkt-surface);border:1px solid var(--mkt-border);border-radius:16px;flex-direction:column;gap:4px;width:100%;max-width:460px;padding:44px 40px;display:flex}.mkt-login-brand{align-self:flex-start;margin-bottom:22px}.mkt-login-logo{height:44px}.mkt-login-card h1{font-size:26px}.mkt-login-hint{margin-top:10px;margin-bottom:24px;font-size:14px}.mkt-login-form{flex-direction:column;gap:16px;display:flex}.mkt-login-field{color:var(--mkt-text-secondary);flex-direction:column;gap:6px;font-size:13px;display:flex}.mkt-login-field input{background:var(--mkt-bg);border:1px solid var(--mkt-border);color:var(--mkt-text);border-radius:8px;padding:12px 14px;font-size:15px}.mkt-login-field input:focus{border-color:var(--mkt-accent);outline:none}.mkt-login-field-hint{color:var(--mkt-text-secondary);opacity:.85;font-size:11px}.mkt-login-card .mkt-login-error{color:#f87171;background:#f871711f;border:1px solid #f8717159;border-radius:8px;padding:10px 12px;font-size:13px}.mkt-login-submit{width:100%;margin-top:6px}.mkt-login-submit:disabled{opacity:.6;cursor:default}.mkt-login-google{width:100%;margin-top:4px}.mkt-login-divider{color:var(--mkt-text-secondary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:10px;margin:16px 0;font-size:11px;display:flex}.mkt-login-divider:before,.mkt-login-divider:after{content:"";background:var(--mkt-border);flex:1;height:1px}.mkt-login-forgot-link{color:var(--mkt-text-secondary);cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-top:-6px;padding:0;font-size:12px}.mkt-login-forgot-link:hover{color:var(--mkt-accent);text-decoration:underline}.mkt-login-toggle{color:var(--mkt-accent);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:18px;padding:0;font-size:13px}.mkt-login-toggle:hover{text-decoration:underline}.mkt-login-beta-banner{background:#6366f11f;border:1px solid #6366f159;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:10px 14px;display:flex}.mkt-login-beta-banner p{color:var(--mkt-text);margin:0;font-size:13px}.mkt-login-beta-badge{background:var(--mkt-accent);color:#0b0f1a;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:11px;font-weight:700}