:root{--ink:#172033;--muted:#657084;--line:#e6e9f0;--surface:#fff;--canvas:#f6f7fb;--brand:#5264df;--brand-dark:#3545bd;--green:#157c5e;--green-bg:#e8f7f1;--orange:#b96110;--orange-bg:#fff2df;--red:#b23b4c;--shadow:0 18px 48px #18234814}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.eyebrow{color:#7280a0;letter-spacing:.12em;margin:0 0 8px;font-size:11px;font-weight:800}.muted{color:var(--muted);line-height:1.6}.brand{letter-spacing:-.03em;align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.brand small{letter-spacing:0;color:#8490a2;font-size:11px;font-weight:600}.brand-mark{color:#fff;background:linear-gradient(135deg,#6575ec,#3949bb);border-radius:11px;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:24px;display:grid;box-shadow:0 8px 18px #5264df40}.brand-mark.small{border-radius:9px;width:30px;height:30px;font-size:19px}.primary-button,.secondary-button,.quiet-link{border:1px solid #0000;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:700;transition:all .18s}.primary-button{background:var(--brand);color:#fff;box-shadow:0 8px 16px #5264df33}.primary-button:hover{background:var(--brand-dark)}.secondary-button{color:#3c4760;background:#fff;border-color:#d8ddea}.secondary-button:hover{border-color:#aeb8d7}.quiet-link{color:#5c6780}.quiet-link:hover{background:#f0f2f7}.login-shell{grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr);min-height:100vh;display:grid}.login-intro{color:#fff;background:radial-gradient(circle at 70% 15%,#384bb7 0,#0000 34%),linear-gradient(135deg,#111a42,#243679);padding:clamp(48px,9vw,150px)}.login-intro .brand-mark{margin-bottom:56px}.login-intro .eyebrow{color:#aebcff}.login-intro h1{letter-spacing:-.055em;max-width:630px;margin:12px 0;font-size:clamp(38px,4.3vw,67px);line-height:1.02}.login-intro>p:not(.eyebrow){color:#c6cdf5;max-width:540px;font-size:17px;line-height:1.65}.login-feature-grid{color:#dbe0ff;gap:12px;margin-top:55px;font-size:14px;display:grid}.login-feature-grid span:before{content:"✓";color:#fff;background:#5d72e7;border-radius:50%;place-items:center;width:19px;height:19px;margin-right:9px;font-size:11px;display:inline-grid}.login-card{place-self:center;width:min(420px,100% - 48px);padding:16px}.login-card h2{letter-spacing:-.04em;margin:0;font-size:31px}.stack-form{gap:17px;margin-top:30px;display:grid}.stack-form label,.wizard-form label,.config-grid label,.drawer-form label{color:#414c64;gap:7px;font-size:12px;font-weight:750;display:grid}.stack-form input,.wizard-form input,.wizard-form select,.config-grid input,.config-grid select,.drawer-form input,.drawer-form select{color:#1f2940;background:#fff;border:1px solid #dbe0eb;border-radius:8px;outline:none;width:100%;padding:11px 12px}.stack-form input:focus,.wizard-form input:focus,.wizard-form select:focus,.config-grid input:focus,.config-grid select:focus,.drawer-form input:focus,.drawer-form select:focus{border-color:#7987e8;box-shadow:0 0 0 3px #e9ebff}.demo-note{color:#778195;margin:20px 0 0;font-size:12px;line-height:1.55}.workspace-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:14px 36px;display:flex}.topbar-actions{color:#68758c;align-items:center;gap:11px;font-size:12px;display:flex}.avatar{color:#fff;background:#23305f;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:grid}.connection-dot,.mini-dot{background:#c5cad5;border-radius:50%;width:8px;height:8px;display:inline-block}.connection-dot,.mini-dot.online{background:#31ba83;box-shadow:0 0 0 3px #dff7ec}.projects-page{max-width:1200px;margin:auto;padding:55px 28px}.page-heading{justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:27px;display:flex}.page-heading h1{letter-spacing:-.04em;margin:0 0 8px;font-size:32px;line-height:1.1}.page-heading p:not(.eyebrow){color:var(--muted);margin:0;font-size:14px}.summary-row{border:1px solid var(--line);background:var(--line);border-radius:11px;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:27px;display:grid;overflow:hidden}.summary-row div{color:#6e7890;background:#fff;padding:15px 18px;font-size:12px}.summary-row span{color:#27334c;margin-right:5px;font-size:21px;font-weight:800}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px;transition:all .18s;box-shadow:0 2px 4px #141e3c05}.project-card:hover{box-shadow:var(--shadow);border-color:#c9d0e5;transform:translateY(-2px)}.project-card-top,.project-footer{justify-content:space-between;align-items:center;display:flex}.category-icon{border-radius:10px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:800;display:grid}.category-icon.indigo{color:#4f60d7;background:#e8eaff}.category-icon.violet{color:#8455c9;background:#f0e9ff}.category-icon.amber{color:#cb7b10;background:#fff2d9}.category-icon.teal{color:#168578;background:#dff6f0}.status-pill{border-radius:999px;align-items:center;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.status-pill.healthy{background:var(--green-bg);color:var(--green)}.status-pill.warning{background:var(--orange-bg);color:var(--orange)}.status-pill.muted{color:#778093;background:#eef0f4}.project-card h2{letter-spacing:-.025em;margin:21px 0 6px;font-size:20px}.project-card>p{color:var(--muted);margin:0;font-size:13px}.project-metrics{color:#758197;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;gap:24px;margin:23px 0;padding:16px 0;font-size:11px;display:flex}.project-metrics strong{color:#35405a;margin-bottom:3px;font-size:16px;display:block}.project-footer{color:#7d879a;font-size:11px}.project-footer .mini-dot{margin-right:6px}.project-footer span:last-child{color:#4e5ed1;font-weight:800}.wizard-shell{background:#f7f8fc;min-height:100vh}.wizard-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:17px 44px;display:flex}.wizard-layout{grid-template-columns:minmax(280px,.7fr) minmax(500px,1.3fr);gap:90px;max-width:1180px;margin:0 auto;padding:64px 28px;display:grid}.wizard-rail h1{letter-spacing:-.05em;max-width:320px;margin:0 0 12px;font-size:37px;line-height:1.04}.wizard-rail>p:not(.eyebrow){max-width:350px;color:var(--muted);font-size:14px;line-height:1.6}.wizard-step{color:#8b94a7;align-items:center;gap:12px;margin-top:26px;font-size:13px;font-weight:700;display:flex}.wizard-step span{background:#fff;border:1px solid #dbe0eb;border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.wizard-step.active{color:#4353c7}.wizard-step.active span{color:#fff;background:#5264df;border-color:#5264df}.wizard-step.done{color:#268566}.wizard-step.done span{background:#e8f7f1;border-color:#bcead8}.wizard-card{border:1px solid var(--line);min-height:580px;box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:42px 45px}.wizard-form h2,.success-state h2{letter-spacing:-.04em;margin:0 0 9px;font-size:28px}.wizard-form>.muted{margin:0 0 27px;font-size:14px}.wizard-form{gap:19px;display:grid}.two-col{grid-template-columns:1fr 1fr;gap:15px;display:grid}.wizard-actions,.configuration-actions,.drawer-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.template-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.template-choice{text-align:left;color:#3f4c64;background:#fff;border:1px solid #e0e4ed;border-radius:9px;padding:15px;font-size:13px;font-weight:700}.template-choice.selected{color:#4353c7;background:#f0f1ff;border-color:#596ae0;box-shadow:0 0 0 2px #e3e6ff}.provider-list{gap:8px;display:grid}.provider-choice,.drawer-provider-list button{text-align:left;background:#fff;border:1px solid #e3e6ef;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 12px;display:flex}.provider-choice:hover,.drawer-provider-list button:hover{border-color:#bfc7e3}.provider-choice.selected,.drawer-provider-list button.selected{background:#f4f5ff;border-color:#6575e5}.provider-choice>span:nth-child(2),.drawer-provider-list button>span:nth-child(2){flex:1;gap:3px;display:grid}.provider-choice small,.drawer-provider-list small{color:#7d8799;font-size:11px;font-weight:500}.provider-choice b{color:#5264df}.provider-swatch{border-radius:6px;width:10px;height:28px}.question-card{background:#fafbfe;border:1px solid #e2e5ee;border-radius:11px;gap:17px;padding:18px;display:grid}.question-card strong{margin-bottom:9px;font-size:12px;display:block}.choice-pills{gap:7px;display:flex}.choice-pills button{color:#6f7a8e;background:#fff;border:1px solid #dce1ec;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:700}.choice-pills button.selected{color:#4557c9;background:#e9ebff;border-color:#8e9bed}.review-box{background:#fafbfe;border:1px solid #e3e7ef;border-radius:11px;grid-template-columns:1fr 1fr;gap:13px;padding:19px;display:grid}.review-box span{color:#778197;font-size:12px}.review-box strong{font-size:13px}.success-state{text-align:center;align-content:center;justify-items:center;min-height:465px;display:grid}.success-state p{color:#6d788b;max-width:360px;line-height:1.6}.success-mark{color:#15815f;background:#e5f8f0;border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:18px;font-size:25px;font-weight:800;display:grid}.project-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.project-sidebar{background:#fff;border-right:1px solid #e5e8f0;flex-direction:column;height:100vh;padding:20px 13px;display:flex;position:sticky;top:0}.project-sidebar .brand{margin-bottom:28px;padding:0 9px}.project-switcher{border:1px solid #e1e5ee;border-radius:10px;align-items:center;gap:9px;margin-bottom:19px;padding:10px;display:flex}.switcher-symbol{color:#4e60d8;background:#e8eaff;border-radius:7px;place-items:center;width:27px;height:27px;font-size:14px;display:grid}.project-switcher span:nth-child(2){flex:1;gap:2px;display:grid}.project-switcher strong{font-size:11px}.project-switcher small{color:#7c869a;font-size:10px}.project-switcher b{color:#8e98aa}.project-sidebar nav{gap:2px;display:grid;overflow:auto}.project-sidebar nav button{color:#667188;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:12px;font-weight:650;display:flex}.project-sidebar nav button:hover{background:#f4f5f9}.project-sidebar nav button.active{color:#4557ca;background:#eef0ff;font-weight:800}.nav-icon{color:#8994aa;text-align:center;width:16px;font-size:14px}.project-sidebar nav button.active .nav-icon{color:#5264df}.project-sidebar nav em{color:#ba4553;background:#ffeced;border-radius:20px;margin-left:auto;padding:2px 6px;font-size:10px;font-style:normal}.sidebar-bottom{color:#728096;margin-top:auto;padding:15px 9px 3px;font-size:11px;line-height:1.65}.sidebar-bottom small{color:#a1a9b7}.project-topbar{background:#fff;border-bottom:1px solid #e8ebf1;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex}.breadcrumb{color:#8791a3;gap:8px;font-size:12px;display:flex}.breadcrumb a{color:#5364cf;font-weight:700}.breadcrumb strong{color:#48536a}.project-topbar .topbar-actions{gap:14px}.icon-button,.help-button{color:#647087;background:#fff;border:1px solid #e2e6ef;border-radius:8px;place-items:center;width:31px;height:31px;display:grid;position:relative}.icon-button i{color:#fff;background:#d74757;border-radius:50%;place-items:center;width:14px;height:14px;font-size:8px;font-style:normal;display:grid;position:absolute;top:-5px;right:-5px}.content-pad{padding:35px}.dashboard-toolbar,.detail-tabs{color:#738095;background:#fff;border:1px solid #e2e6ee;border-radius:10px;align-items:center;gap:20px;padding:0 15px;font-size:12px;font-weight:700;display:flex}.dashboard-toolbar{height:49px;margin-bottom:18px}.dashboard-toolbar .tab-active,.detail-tabs .active{color:#4557c9;border-bottom:2px solid #5264df;align-items:center;height:100%;display:flex}.dashboard-toolbar button,.detail-tabs span+span{color:#6f7b90;background:0 0;border:0;font-size:12px;font-weight:700}.toolbar-spacer{flex:1}.dashboard-grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.metric-widget,.chart-widget,.gauge-widget,.events-widget,.table-card,.event-log-card,.configuration-card,.packet-inspector{background:#fff;border:1px solid #e1e6ee;border-radius:12px;box-shadow:0 2px 4px #141e3c05}.metric-widget{grid-column:span 3;padding:19px}.metric-widget p,.widget-heading p{color:#6e7b90;margin:0;font-size:12px;font-weight:700}.metric-widget strong{letter-spacing:-.04em;margin:14px 0 8px;font-size:28px;display:block}.metric-widget strong small{color:#748095;font-size:13px}.trend{color:#8190a1;font-size:11px}.trend.good{color:#1a8965}.chart-widget{grid-column:span 8;padding:18px 20px 14px}.gauge-widget{grid-column:span 4;padding:18px}.events-widget{grid-column:span 8;padding:18px}.widget-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.widget-heading small{color:#8993a5;margin-top:4px;font-size:11px;display:block}.widget-heading button{color:#5264d5;background:0 0;border:0;font-size:11px;font-weight:800}.chart-widget svg{width:100%;height:210px;margin-top:12px}.chart-grid{stroke:#edf0f5;stroke-width:1px}.chart-fill{fill:url(#fill)}.chart-line{fill:none;stroke:#5264df;stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.chart-axis{color:#9ca5b4;justify-content:space-between;font-size:10px;display:flex}.gauge{border:17px solid #e9ebf2;border-bottom:0;border-radius:190px 190px 0 0;place-items:center;width:190px;height:95px;margin:25px auto 8px;display:grid;position:relative}.gauge:before{content:"";border-top:17px solid #45bd84;border-bottom:0;border-left:17px solid #45bd84;border-right:17px solid #e9ebf2;border-radius:190px 190px 0 0;position:absolute;top:-17px;bottom:auto;left:-17px;right:-17px;transform:rotate(-16deg)}.gauge>div{z-index:1;align-self:end;justify-items:center;margin-bottom:5px;display:grid}.gauge strong{font-size:27px}.gauge small{color:#1b926d;font-size:11px;font-weight:700}.gauge-labels{color:#9aa4b4;justify-content:space-between;font-size:10px;display:flex}.event-row{border-bottom:1px solid #eef0f5;align-items:center;gap:11px;padding:13px 0;display:flex}.event-row:last-child{border-bottom:0}.event-icon{border-radius:8px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid}.event-icon.warning{color:#c77718;background:#fff1df}.event-icon.alarm{color:#be4755;background:#ffeaec}.event-icon.normal{color:#17835f;background:#e5f8f0}.event-row span:nth-child(2){flex:1;gap:3px;display:grid}.event-row strong{font-size:12px}.event-row small{color:#8792a4;font-size:10px}.event-row em{color:#a16a1e;font-size:10px;font-style:normal;font-weight:700}.event-row time{color:#96a0b1;font-size:11px}.published-toast{color:#fff;box-shadow:var(--shadow);background:#21365b;border-radius:9px;padding:13px 17px;font-size:12px;position:fixed;bottom:25px;right:28px}.table-card{overflow:auto}.table-card table{border-collapse:collapse;text-align:left;width:100%}.table-card th{color:#7f8a9d;letter-spacing:.06em;text-transform:uppercase;background:#fafbfe;padding:14px 16px;font-size:10px}.table-card td{color:#556177;border-top:1px solid #edf0f4;padding:15px 16px;font-size:12px}.table-card code,.detail-header code{color:#5f6ed1;font-size:11px}.event-log-card{padding:5px 20px}.integrations-page{max-width:1600px}.security-banner{background:#f1f4ff;border:1px solid #cbd6fb;border-radius:11px;align-items:center;gap:13px;margin-bottom:22px;padding:14px 17px;display:flex}.security-banner>span{color:#4354c8;background:#dce3ff;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.security-banner div{flex:1}.security-banner strong{font-size:12px}.security-banner p{color:#6e7a93;margin:3px 0 0;font-size:11px}.security-banner button{color:#4b5dd0;background:0 0;border:0;font-size:11px;font-weight:800}.integration-layout{background:#fff;border:1px solid #e2e6ee;border-radius:13px;grid-template-columns:270px minmax(0,1fr);display:grid;overflow:hidden}.integration-list{background:#fbfcfe;border-right:1px solid #e6e9f1;padding:14px}.list-caption{color:#8290a6;letter-spacing:.08em;justify-content:space-between;padding:6px 8px 12px;font-size:10px;font-weight:800;display:flex}.list-caption small{letter-spacing:0;font-size:10px;font-weight:600}.integration-list>button:not(.add-integration-link){text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:9px;width:100%;margin-bottom:5px;padding:11px 9px;display:flex}.integration-list>button.selected{background:#eef0ff;border-color:#d8ddfa}.integration-list>button>span:nth-child(2){flex:1;gap:3px;display:grid}.integration-list strong{font-size:11px}.integration-list small{color:#8490a3;font-size:10px}.provider-mini,.provider-logo{color:#4c5cd1;background:#e5e8ff;place-items:center;font-size:9px;font-weight:900;display:grid}.provider-mini{border-radius:7px;width:27px;height:27px}.provider-mini.generic_mqtt{color:#7c58c7;background:#f0eaff}.provider-mini.thingsboard{color:#d57b1a;background:#fff0e2}.add-integration-link{color:#4c5ed1;text-align:left;background:0 0;border:0;width:100%;margin-top:9px;padding:10px;font-size:11px;font-weight:800}.integration-detail{min-width:0;padding:26px}.detail-header{justify-content:space-between;gap:20px;margin-bottom:20px;display:flex}.detail-provider{align-items:center;gap:11px;display:flex}.provider-logo{border-radius:11px;width:40px;height:40px;font-size:14px}.detail-header h2{letter-spacing:-.035em;margin:0;font-size:21px}.detail-header p:not(.eyebrow){color:#758197;margin:8px 0 0;font-size:11px}.detail-tabs{border-radius:8px;height:42px;margin-bottom:18px;overflow:auto}.configuration-card,.packet-inspector{margin-bottom:18px;padding:20px}.config-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:22px;display:grid}.config-grid label.wide{grid-column:span 2}.config-grid input[readonly]{color:#7d8798;background:#f7f8fb}.copy-field{background:#f9faff;border:1px solid #dbe0eb;border-radius:8px;align-items:center;display:flex;overflow:hidden}.copy-field code{color:#5b67b9;text-overflow:ellipsis;white-space:nowrap;flex:1;padding:11px;font-size:11px;overflow:hidden}.copy-field button{color:#5264d4;background:#fff;border:0;border-left:1px solid #dbe0eb;padding:9px 10px;font-size:11px;font-weight:800}.config-grid label small{color:#8b95a5;font-size:10px;font-weight:500}.switch-row{color:#718096;align-items:center;gap:9px;font-size:11px;font-weight:500;display:flex}.toggle{background:#d2d7e0;border:0;border-radius:20px;width:35px;height:20px;padding:2px}.toggle i{background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;display:block}.toggle.on{background:#5264df}.toggle.on i{transform:translate(15px)}.packet-inspector pre{color:#dce5ff;background:#18223b;border-radius:8px;max-height:350px;margin:16px 0 0;padding:15px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.55;overflow:auto}.segmented{background:#f0f2f7;border-radius:8px;padding:3px;display:flex}.segmented button{color:#738096;background:0 0;border:0;border-radius:5px;padding:6px 8px;font-size:10px;font-weight:800}.segmented button.active{color:#495bd0;background:#fff;box-shadow:0 1px 3px #d8dce6}.packet-footer{color:#6d7a90;align-items:center;gap:6px;margin-top:11px;font-size:10px;display:flex}.packet-footer button{color:#5264d4;background:0 0;border:0;margin-left:auto;font-size:10px;font-weight:800}.drawer-backdrop{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#17203352;justify-content:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.integration-drawer{background:#fff;width:min(530px,100%);height:100%;padding:27px;overflow:auto;box-shadow:-18px 0 48px #1823481f}.drawer-head{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.drawer-head h2{letter-spacing:-.04em;margin:0;font-size:25px}.close-button{color:#647088;background:#f2f3f7;border:0;border-radius:8px;width:32px;height:32px;font-size:23px;line-height:1}.drawer-provider-list{gap:6px;margin:20px 0;display:grid}.drawer-provider-list button{padding:10px}.drawer-form{border-top:1px solid #edf0f5;gap:14px;padding-top:17px;display:grid}.check-row{grid-template-columns:auto 1fr;align-items:center;color:#59657b!important;gap:8px!important;font-weight:600!important;display:flex!important}.check-row input{width:auto!important}.success-state.compact{min-height:450px}.empty-panel{text-align:center;background:#fbfcff;border:1px dashed #d8dfea;border-radius:14px;justify-items:center;padding:100px 30px;display:grid}.empty-panel>span{color:#5a6ad5;background:#ecefff;border-radius:12px;place-items:center;width:45px;height:45px;font-size:22px;display:grid}.empty-panel h2{letter-spacing:-.03em;margin:17px 0 7px;font-size:21px}.empty-panel p{color:#758096;max-width:390px;margin:0;font-size:13px;line-height:1.6}@media (max-width:1050px){.dashboard-grid{grid-template-columns:repeat(8,1fr)}.metric-widget{grid-column:span 2}.chart-widget,.events-widget{grid-column:span 5}.gauge-widget{grid-column:span 3}.integration-layout{grid-template-columns:225px minmax(0,1fr)}.project-shell{grid-template-columns:215px minmax(0,1fr)}}@media (max-width:760px){.login-shell,.wizard-layout,.project-shell{display:block}.login-intro{padding:46px 28px}.login-card{padding:48px 0}.topbar,.wizard-header{padding:15px 20px}.projects-page,.content-pad{padding:28px 17px}.project-grid,.summary-row{grid-template-columns:1fr}.summary-row{gap:1px}.project-sidebar{height:auto;padding:13px;position:static;overflow:auto}.project-sidebar .brand{margin-bottom:12px}.project-sidebar nav{display:flex;overflow:auto}.project-sidebar nav button{white-space:nowrap;width:auto}.project-sidebar nav em,.sidebar-bottom{display:none}.project-topbar{height:auto;padding:15px 17px}.breadcrumb{white-space:nowrap;overflow:hidden}.breadcrumb span:last-child{display:none}.page-heading{flex-direction:column;align-items:flex-start}.wizard-layout{padding:28px 16px}.wizard-rail{margin-bottom:25px}.wizard-step{display:none}.wizard-card{min-height:0;padding:27px 20px}.two-col,.template-grid,.config-grid{grid-template-columns:1fr}.config-grid label.wide{grid-column:span 1}.review-box{grid-template-columns:1fr}.integration-layout{display:block}.integration-list{border-bottom:1px solid #e6e9f1;border-right:0;display:flex;overflow:auto}.integration-list .list-caption,.integration-list .add-integration-link{display:none}.integration-list>button:not(.add-integration-link){min-width:190px}.integration-detail{padding:17px}.security-banner{align-items:flex-start}.security-banner button{display:none}.dashboard-toolbar{white-space:nowrap;overflow:auto}.metric-widget,.chart-widget,.gauge-widget,.events-widget{grid-column:span 8}.detail-header{flex-direction:column}.choice-pills{flex-wrap:wrap}.packet-inspector .widget-heading{flex-direction:column}.project-metrics{gap:14px}.drawer-actions{background:#fff;padding:15px 0;position:sticky;bottom:-27px}.topbar-actions{font-size:0}.topbar-actions .connection-dot{display:none}}.overview-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.overview-stats article,.overview-card,.gateway-card,.device-table-card{background:#fff;border:1px solid #e1e6ee;border-radius:12px;box-shadow:0 2px 4px #141e3c05}.overview-stats article{padding:17px}.overview-stats strong{font-size:24px;display:block}.overview-stats article span,.overview-stats em{color:#778398;margin-top:5px;font-size:11px;font-style:normal;display:block}.overview-grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.overview-card{padding:19px}.activity-card,.device-status-card{grid-column:span 7}.health-card,.quick-actions{grid-column:span 5}.overview-activity>div{border-top:1px solid #edf0f5;gap:10px;padding:12px 0;display:flex}.overview-activity span{flex:1;gap:3px;display:grid}.overview-activity strong{font-size:12px}.overview-activity small,.overview-activity em{color:#8993a5;font-size:10px;font-style:normal}.health-ring{border:13px solid #e8f7f1;border-top-color:#39ba84;border-radius:50%;align-content:center;place-items:center;width:140px;height:140px;margin:20px auto;display:grid}.health-ring strong{font-size:27px}.health-ring small{font-size:13px}.health-ring span,.health-list{color:#778398;font-size:10px}.health-list{border-top:1px solid #edf0f5;gap:9px;padding-top:13px;display:grid}.health-list span{justify-content:space-between;gap:8px;display:flex}.availability-bar{background:#e8edf2;border-radius:20px;height:10px;margin:29px 0 10px}.availability-bar span{background:#39ba84;border-radius:20px;width:97.1%;height:100%;display:block}.availability-labels{color:#758197;gap:14px;font-size:10px;display:flex}.device-mini-list{color:#536076;border-top:1px solid #edf0f5;gap:9px;margin-top:18px;padding-top:14px;font-size:11px;display:grid}.device-mini-list span{justify-content:space-between;display:flex}.device-mini-list small{color:#8993a5}.quick-actions{padding:10px 19px}.quick-actions>.eyebrow{margin:12px 0 7px}.quick-actions button{color:#5264d4;text-align:right;background:0 0;border:0;border-top:1px solid #edf0f5;gap:10px;width:100%;padding:12px 0;font-size:14px;display:flex}.quick-actions button div{text-align:left;flex:1;gap:3px;display:grid}.quick-actions button strong{color:#4b5670;font-size:11px}.quick-actions button small{color:#8792a4;font-size:10px}.gateway-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.gateway-card{padding:20px}.gateway-card .status-pill{float:right}.gateway-card h2{margin:19px 0 6px;font-size:16px}.gateway-card code,.device-table-card code{color:#5f6ed1;font-size:10px}.gateway-card dl{grid-template-columns:1fr 1fr;gap:14px;margin:19px 0;display:grid}.gateway-card dl div:last-child{grid-column:1/-1}.gateway-card dt{color:#8993a5;margin-bottom:4px;font-size:10px}.gateway-card dd{color:#536076;margin:0;font-size:12px;font-weight:700}.gateway-card .secondary-button{width:100%}.prototype-caption{color:#8792a4;margin:17px 0 0;font-size:11px}.device-filter{align-items:center;gap:6px;margin-bottom:14px;display:flex}.device-filter span{color:#7c879a;margin-right:auto;font-size:12px}.device-filter button{color:#718096;background:#fff;border:1px solid #dde2ec;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:700}.device-filter button.active{color:#4b5dd0;background:#eef0ff;border-color:#bbc4f1}.device-table-card{overflow:auto}.device-table-card table{border-collapse:collapse;text-align:left;width:100%}.device-table-card th{color:#7f8a9d;letter-spacing:.06em;text-transform:uppercase;background:#fafbfe;padding:13px 16px;font-size:10px}.device-table-card td{color:#647087;white-space:nowrap;border-top:1px solid #edf0f4;padding:14px 16px;font-size:12px}@media (max-width:1050px){.overview-stats{grid-template-columns:repeat(2,1fr)}.activity-card,.health-card,.device-status-card,.quick-actions{grid-column:span 6}.gateway-grid{grid-template-columns:1fr 1fr}}@media (max-width:760px){.overview-stats,.gateway-grid,.overview-grid{grid-template-columns:1fr}.activity-card,.health-card,.device-status-card,.quick-actions{grid-column:span 1}.device-filter{flex-wrap:wrap}.device-filter span{width:100%}}.button-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button-group .primary-button,.button-group .secondary-button{white-space:nowrap}@media (max-width:560px){.button-group{width:100%}.button-group button{flex:1}}.industrial-shell{background:linear-gradient(135deg,#f6f8fd 0%,#f9fbff 58%,#eff4fa 100%)}.workspace-notice{color:#4255c6;background:#f0f3ff;border:1px solid #c9d4fc;border-radius:10px;margin:-9px 0 18px;padding:12px 14px;font-size:12px;font-weight:700}.section-toolbar,.dashboard-studio-head,.scada-intro{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.section-toolbar>div,.dashboard-studio-head>div,.scada-intro>div{gap:5px;display:grid}.section-toolbar strong{font-size:15px}.section-toolbar small,.dashboard-studio-head p,.scada-intro p{color:#768298;font-size:12px;line-height:1.5}.form-heading{gap:4px;display:grid}.form-heading strong{font-size:15px}.form-heading small{color:#768298;font-size:11px}.friendly-form{margin-bottom:18px}.overview-stats-five{grid-template-columns:repeat(5,1fr)}.stat-glyph{color:#5062d9;background:#eef0ff;border-radius:9px;place-items:center;width:28px;height:28px;font-size:14px;margin:0 0 13px!important;display:grid!important}.mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mapping-card{background:#fff;border:1px solid #e0e5ee;border-radius:13px;padding:17px;box-shadow:0 4px 14px #18234809}.mapping-head{justify-content:space-between;gap:14px;margin-bottom:16px;display:flex}.mapping-head>div{gap:3px;display:grid}.mapping-head span{color:#748096;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.mapping-head strong{font-size:15px}.mapping-head small{color:#8993a6;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.mapping-head>b{color:#3e51c7;align-self:center;font-size:19px}.mapping-controls{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mapping-controls label{color:#6e798d;gap:5px;font-size:10px;font-weight:800;display:grid}.mapping-controls input,.mapping-controls select{color:#374258;background:#fbfcff;border:1px solid #dde3ee;border-radius:8px;width:100%;padding:9px 10px;font-size:12px}.mapping-controls .check-row{grid-column:span 2}.mapping-footer{border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding-top:12px;display:flex}.mapping-footer small{color:#8a95a7;font-size:10px}.dashboard-studio-head h2,.scada-intro h2,.rule-builder h2,.document-editor h2{letter-spacing:-.04em;margin:0;font-size:26px}.inline-create{align-items:center;gap:9px;display:flex}.inline-create input{background:#fff;border:1px solid #dce2ee;border-radius:9px;min-width:200px;padding:10px 12px}.dashboard-picker{gap:9px;margin-bottom:16px;display:flex;overflow:auto}.dashboard-picker button{color:#536077;text-align:left;background:#fff;border:1px solid #dfe4ee;border-radius:10px;grid-template-columns:auto 1fr;column-gap:9px;min-width:170px;padding:11px 13px;display:grid}.dashboard-picker button.active{color:#4053c7;background:#f0f2ff;border-color:#8290eb;box-shadow:0 5px 15px #5264df1f}.dashboard-picker button span{background:#e8ebff;border-radius:7px;grid-row:span 2;place-items:center;width:25px;height:25px;display:grid}.dashboard-picker strong{font-size:12px}.dashboard-picker small{color:#8a95a6;font-size:10px}.dashboard-builder{grid-template-columns:245px minmax(0,1fr);gap:16px;display:grid}.widget-library,.dashboard-canvas{background:#fff;border:1px solid #e0e5ef;border-radius:13px;box-shadow:0 5px 18px #18234809}.widget-library{padding:17px}.widget-library>strong{margin-bottom:12px;font-size:13px;display:block}.widget-library label{color:#6e798d;gap:6px;font-size:10px;font-weight:800;display:grid}.widget-library select{color:#354057;background:#fbfcff;border:1px solid #dce2ed;border-radius:8px;width:100%;padding:9px;font-size:11px}.widget-types{grid-template-columns:1fr 1fr;gap:7px;margin:13px 0;display:grid}.widget-types button{color:#637087;text-transform:capitalize;background:#fff;border:1px solid #e0e4ed;border-radius:8px;align-items:center;gap:7px;padding:9px;font-size:11px;font-weight:700;display:flex}.widget-types button.selected{color:#4255c8;background:#eff1ff;border-color:#8996e9}.widget-types span{color:#5264df;font-size:15px}.full{width:100%}.library-note{color:#788499;background:#f4f6fb;border-radius:8px;margin-top:14px;padding:10px;font-size:10px;line-height:1.5}.dashboard-canvas{min-height:540px;padding:18px}.canvas-top{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:17px;padding-bottom:14px;display:flex}.canvas-top>div:first-child{gap:3px;display:grid}.canvas-top strong{font-size:16px}.canvas-top small{color:#8792a4;font-size:10px}.real-dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:13px;display:grid}.live-widget{background:linear-gradient(160deg,#fff,#fafbff);border:1px solid #e1e6ef;border-radius:11px;gap:7px;min-height:154px;padding:15px;display:grid;position:relative}.live-widget.small{grid-column:span 4}.live-widget.wide{grid-column:span 8;min-height:250px}.live-widget p{color:#8792a5;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:10px;font-weight:800}.live-widget h3{color:#414d65;margin:0;font-size:13px}.live-widget>small{color:#8b95a5;margin-top:auto;font-size:10px}.widget-remove{color:#728097;background:#f0f2f7;border:0;border-radius:6px;width:22px;height:22px;font-size:17px;line-height:1;position:absolute;top:9px;right:9px}.widget-number{color:#25355e;letter-spacing:-.04em;margin-top:10px;font-size:29px;display:block}.widget-number small{color:#768399;font-size:12px}.live-chart{width:100%;height:130px;margin-top:6px}.compact-gauge{border:11px solid #e7ebf2;border-top-color:#50be8c;border-bottom:0;border-radius:120px 120px 0 0;align-content:center;place-items:center;width:118px;height:60px;margin:12px auto;display:grid}.compact-gauge strong{font-size:20px}.compact-gauge span{color:#168363;font-size:10px}.widget-status{color:#607087;align-items:center;gap:8px;margin-top:15px;font-size:12px;font-weight:800;display:flex}.widget-status i{background:#a5adbc;border-radius:50%;width:9px;height:9px}.widget-status.online i{background:#31ba83;box-shadow:0 0 0 3px #e2f7ee}.widget-table{grid-template-columns:1fr auto;gap:8px;margin:11px 0;font-size:11px;display:grid}.widget-table dt{color:#7c889d}.widget-table dd{color:#3f4d65;margin:0;font-weight:800}.scada-studio{grid-template-columns:210px minmax(0,1fr) 240px;gap:14px;display:grid}.asset-library,.asset-inspector,.scada-canvas{background:#fff;border:1px solid #dfe5ef;border-radius:13px;box-shadow:0 5px 18px #18234809}.asset-library,.asset-inspector{padding:15px}.asset-palette{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:15px;display:grid}.asset-palette button{color:#708099;text-transform:capitalize;background:#fff;border:1px solid #e1e6ef;border-radius:8px;justify-items:center;gap:4px;padding:8px 3px;font-size:9px;display:grid}.asset-palette button.selected{color:#4558c9;background:#eff1ff;border-color:#8391eb}.asset-palette svg{width:25px;height:25px}.asset-create,.asset-inspector form{gap:10px;display:grid}.asset-create label,.asset-inspector label{color:#718096;gap:5px;font-size:10px;font-weight:800;display:grid}.asset-create input,.asset-create select,.asset-inspector input,.asset-inspector select{color:#354057;background:#fbfcff;border:1px solid #dce2ed;border-radius:8px;width:100%;padding:9px;font-size:11px}.scada-canvas{background:linear-gradient(135deg,#f9fbff,#eef3fb);min-height:600px;position:relative;overflow:hidden}.scada-grid{opacity:.45;background-image:linear-gradient(#dbe4f0 1px,#0000 1px),linear-gradient(90deg,#dbe4f0 1px,#0000 1px);background-size:22px 22px;position:absolute;top:0;bottom:0;left:0;right:0}.canvas-label{color:#8190a7;letter-spacing:.12em;font-size:10px;font-weight:900;position:absolute;top:17px;left:18px}.scada-node{z-index:2;color:#35435c;text-align:left;background:#fff;border:1px solid #cfd8e7;border-radius:10px;align-items:center;gap:8px;min-width:138px;padding:9px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 20px #20345a1a}.scada-node.selected{border-color:#6374df;box-shadow:0 0 0 3px #e1e5ff}.scada-node>span{color:#5364d9;background:#edf0ff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.scada-node svg{width:26px;height:26px}.scada-node div{flex:1;gap:3px;display:grid}.scada-node strong{font-size:10px}.scada-node small{color:#8b96a8;font-size:9px}.scada-node>i{background:#a8b1be;border-radius:50%;width:8px;height:8px}.scada-node>i.online{background:#33bb84}.scada-legend{color:#708096;background:#ffffffe6;border:1px solid #e1e6ef;border-radius:8px;gap:12px;padding:8px 10px;font-size:10px;display:flex;position:absolute;bottom:15px;left:18px}.scada-legend span{align-items:center;gap:5px;display:flex}.scada-legend i{background:#aab2bf;border-radius:50%;width:7px;height:7px}.scada-legend i.online{background:#31ba83}.asset-large{color:#5264d8;background:#eef1ff;border-radius:18px;place-items:center;width:88px;height:88px;margin:7px auto;display:grid}.asset-large svg,.asset-empty svg{width:58px;height:58px}.asset-empty{color:#8a95a7;text-align:center;justify-items:center;padding-top:60px;display:grid}.asset-empty h3{color:#47546b;margin:12px 0 5px;font-size:14px}.asset-empty p{font-size:11px;line-height:1.5}.rule-builder{background:#fff;border:1px solid #e0e5ef;border-radius:14px;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:20px;padding:24px;display:grid;box-shadow:0 5px 18px #18234809}.rule-builder-copy p{color:#758197;max-width:290px;font-size:12px;line-height:1.6}.rule-builder form{gap:13px;display:grid}.rule-condition-row,.rule-details{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.rule-details{grid-template-columns:1fr 1fr}.rule-condition-row label,.rule-details label{color:#6e798d;gap:5px;font-size:10px;font-weight:800;display:grid}.rule-condition-row select,.rule-condition-row input,.rule-details input,.rule-details select{color:#354057;background:#fbfcff;border:1px solid #dce2ed;border-radius:8px;width:100%;padding:9px;font-size:11px}.rule-details .wide{grid-column:span 2}.rule-summary{color:#5e6e8a;background:#f2f5ff;border-radius:8px;padding:10px 12px;font-size:11px;line-height:1.55}.rule-summary strong{color:#4357c9}.rule-list{gap:10px;margin-top:17px;display:grid}.rule-list article{background:#fff;border:1px solid #e0e5ef;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;padding:17px;display:flex}.rule-list h3{margin:8px 0 4px;font-size:14px}.rule-list p,.rule-list small{color:#758197;margin:0;font-size:11px}.document-editor{background:#fff;border:1px solid #e0e5ef;border-radius:14px;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:24px;padding:25px;display:grid;box-shadow:0 5px 18px #18234809}.document-editor>div p:not(.eyebrow){color:#748096;font-size:12px;line-height:1.6}.document-editor form{align-content:start;display:grid}.integration-info-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.integration-info-grid span{background:#fafbfe;border:1px solid #e5e8f0;border-radius:9px;gap:5px;padding:12px;display:grid}.integration-info-grid small{color:#8792a5;font-size:10px}.integration-info-grid strong{color:#46536c;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.client-access-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.client-card,.export-card{background:#fff;border:1px solid #e0e5ef;border-radius:14px;padding:23px;box-shadow:0 5px 18px #18234809}.client-card h2,.export-card h2{letter-spacing:-.035em;margin:5px 0 12px;font-size:20px}.client-card>p,.export-card p:not(.eyebrow){color:#748096;font-size:12px;line-height:1.6}.export-card{max-width:650px}.export-card .primary-button{margin-top:8px}@media (max-width:1100px){.dashboard-builder{grid-template-columns:1fr}.widget-library{grid-template-columns:180px 1fr 1fr;align-items:end;gap:12px;display:grid}.widget-library .eyebrow,.widget-library>strong{display:none}.widget-library .widget-types{margin:0}.widget-library .library-note{display:none}.scada-studio{grid-template-columns:190px minmax(0,1fr)}.asset-inspector{grid-column:1/-1}.asset-inspector form{grid-template-columns:repeat(4,1fr);align-items:end}.asset-inspector .eyebrow,.asset-inspector .asset-large{display:none}.overview-stats-five{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.overview-stats-five,.mapping-grid,.client-access-grid{grid-template-columns:1fr}.dashboard-studio-head,.scada-intro,.section-toolbar{flex-direction:column}.inline-create{width:100%}.inline-create input{flex:1;min-width:0}.dashboard-builder,.scada-studio,.rule-builder,.document-editor{display:block}.widget-library{grid-template-columns:1fr;gap:10px;margin-bottom:14px;display:grid}.scada-canvas{min-height:500px;margin:14px 0}.asset-inspector form{grid-template-columns:1fr;display:grid}.live-widget.small,.live-widget.wide{grid-column:span 12}.real-dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.rule-builder-copy{margin-bottom:18px}.rule-condition-row,.rule-details{grid-template-columns:1fr}.rule-details .wide{grid-column:span 1}.integration-info-grid{grid-template-columns:1fr}.dashboard-canvas{padding:12px}.canvas-top{flex-direction:column}.scada-node{min-width:115px}.mapping-controls{grid-template-columns:1fr}}
.gateway-status-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.gateway-provider-status{border-radius:999px;align-items:center;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.gateway-provider-status.healthy{background:var(--green-bg);color:var(--green)}.gateway-provider-status.warning{background:var(--orange-bg);color:var(--orange)}.gateway-provider-status.muted{color:#778093;background:#eef0f4}:root[data-theme=dark] .gateway-provider-status.muted{color:#b8c7dc;background:#233149}