:root{color:#1f2c30;font-synthesis:none;text-rendering:optimizelegibility;--teal-700:#006a71;--teal-600:#007f87;--teal-500:#0099a1;--teal-100:#d9f1f1;--ink-900:#172529;--ink-700:#34484d;--ink-500:#63767a;--line:#d6e0e2;--surface:#fff;--surface-soft:#f5f8f8;--green:#128454;--green-soft:#dff4e9;--amber:#9b6500;--amber-soft:#fff1cd;--red:#b23838;--red-soft:#fde5e3;--shadow:0 18px 50px #1a34391a;background:#eef2f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#eef2f3;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #0099a140}h1,h2,h3,p{margin-top:0}.eyebrow,.section-kicker{color:var(--teal-700);letter-spacing:.13em;text-transform:uppercase;margin-bottom:.45rem;font-size:.72rem;font-weight:800}.primary-button,.secondary-button{cursor:pointer;border-radius:.45rem;min-height:3.25rem;font-weight:750;transition:background-color .15s,border-color .15s,transform .15s}.primary-button{border:1px solid var(--teal-700);background:var(--teal-700);color:#fff}.primary-button:active,.secondary-button:active,.output-button:active{transform:translateY(1px)}.primary-button:disabled,.secondary-button:disabled,.output-button:disabled{cursor:not-allowed;opacity:.48}.secondary-button{min-height:2.65rem;color:var(--ink-700);background:#fff;border:1px solid #bdcacc;padding:.6rem 1rem}.login-layout{background:#f5f7f8;grid-template-columns:minmax(28rem,44%) 1fr;min-height:100vh;display:grid}.login-panel{background:var(--surface);flex-direction:column;min-height:100vh;padding:clamp(2rem,5vw,4.5rem) clamp(2rem,6vw,5.5rem) 2rem;display:flex}.brand-block{align-items:center;gap:.9rem;display:flex}.brand-block__line{background:var(--teal-500);border-radius:999px;width:.35rem;height:2.6rem}.brand-block p{margin:0}.brand-block__name{color:var(--ink-700);font-size:.95rem;font-weight:700}.login-copy{width:min(100%,29rem);margin:auto auto 2rem;padding-top:4rem}.login-copy h1{max-width:26rem;color:var(--ink-900);letter-spacing:-.045em;margin-bottom:1rem;font-size:clamp(2.25rem,4vw,3.75rem);line-height:1.02}.login-copy>p:last-child{color:var(--ink-500);margin:0;font-size:1.05rem;line-height:1.6}.login-form{gap:.55rem;width:min(100%,29rem);margin:0 auto auto;display:grid}.login-form label{color:var(--ink-700);margin-top:.65rem;font-size:.84rem;font-weight:750}.login-form input{width:100%;min-height:3.35rem;color:var(--ink-900);background:#fbfcfc;border:1px solid #bac8cb;border-radius:.45rem;padding:.8rem .95rem;font-size:1rem}.login-form input:focus{border-color:var(--teal-600);background:#fff}.login-form .primary-button{margin-top:1.1rem}.form-error{border-left:3px solid var(--red);background:var(--red-soft);color:#842828;border-radius:.2rem;margin:.65rem 0 0;padding:.8rem .9rem;font-size:.88rem;line-height:1.45}.login-footer{color:#829195;text-align:center;margin:3rem auto 0;font-size:.75rem}.login-visual{color:#fff;background:linear-gradient(135deg,#003d42f7,#00767de8),repeating-linear-gradient(90deg,#0000 0 79px,#ffffff0a 79px 80px);place-items:center;min-height:100vh;padding:clamp(3rem,7vw,7rem);display:grid;position:relative;overflow:hidden}.login-visual:before,.login-visual:after{content:"";border:1px solid #ffffff1a;border-radius:50%;position:absolute}.login-visual:before{width:38rem;height:38rem;top:-14rem;right:-10rem}.login-visual:after{width:22rem;height:22rem;bottom:-8rem;left:-7rem}.login-visual__content{z-index:1;width:min(100%,38rem);position:relative}.industrial-tag{color:#d6ffff;letter-spacing:.15em;border:1px solid #ffffff59;border-radius:.25rem;padding:.42rem .65rem;font-size:.7rem;font-weight:800;display:inline-flex}.login-visual h2{letter-spacing:-.05em;margin:2rem 0 1.4rem;font-size:clamp(2.5rem,5vw,5rem);line-height:1}.login-visual p{color:#ffffffbd;max-width:32rem;font-size:1.08rem;line-height:1.65}.system-lines{grid-template-columns:repeat(4,1fr);gap:.6rem;max-width:27rem;margin-top:3rem;display:grid}.system-lines span{background:#ffffff47;border-radius:999px;height:.28rem}.system-lines span:first-child{background:#74e3df}.loading-screen{min-height:100vh;color:var(--ink-500);background:#eef2f3;align-content:center;justify-items:center;gap:1rem;display:grid}.loading-indicator{border:3px solid #cbd8da;border-top-color:var(--teal-600);border-radius:50%;width:2.25rem;height:2.25rem;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-shell{background:#edf1f2;min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #d6dfe1;grid-template-columns:minmax(18rem,1fr) auto auto;align-items:center;gap:2rem;padding:1.4rem clamp(1.25rem,4vw,4rem);display:grid}.system-title h1{color:var(--ink-900);letter-spacing:-.03em;margin:0;font-size:clamp(1.55rem,2.5vw,2.2rem);line-height:1.1}.system-title>p:last-child{color:var(--ink-500);margin:.4rem 0 0;font-size:.82rem}.topbar__status{justify-items:end;gap:.55rem;display:grid}.topbar__status p{color:var(--ink-500);margin:0;font-size:.73rem}.topbar__status strong{color:var(--ink-700);font-weight:700}.status-badge{letter-spacing:.025em;border-radius:999px;align-items:center;gap:.5rem;padding:.48rem .72rem;font-size:.74rem;font-weight:800;display:inline-flex}.status-badge__dot{background:currentColor;border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 3px #ffffff8c}.status-badge--online{background:var(--green-soft);color:var(--green)}.status-badge--stale{background:var(--amber-soft);color:var(--amber)}.status-badge--offline{background:var(--red-soft);color:var(--red)}.user-menu{border-left:1px solid var(--line);grid-template-columns:auto auto auto;align-items:center;gap:.8rem;padding-left:1.5rem;display:grid}.user-avatar{background:var(--teal-100);width:2.65rem;height:2.65rem;color:var(--teal-700);border-radius:.4rem;place-items:center;font-weight:850;display:grid}.user-menu strong,.user-menu span{display:block}.user-menu strong{color:var(--ink-900);font-size:.9rem}.user-menu span{color:var(--ink-500);margin-top:.18rem;font-size:.72rem}.connection-banner{border-bottom:1px solid;align-items:center;gap:.9rem;padding:.9rem clamp(1.25rem,4vw,4rem);display:flex}.connection-banner--offline{background:var(--red-soft);color:#782727;border-color:#efc4bf}.connection-banner--stale{background:var(--amber-soft);color:#684600;border-color:#ead496}.connection-banner__icon{border:2px solid;border-radius:50%;flex:none;place-items:center;width:1.7rem;height:1.7rem;font-size:.75rem;font-weight:900;display:grid}.connection-banner strong,.connection-banner p{margin:0}.connection-banner strong{font-size:.84rem}.connection-banner p{opacity:.8;margin-top:.12rem;font-size:.76rem}.dashboard-content{width:min(100%,94rem);margin:0 auto;padding:clamp(1.25rem,3.5vw,3.5rem) clamp(1rem,3vw,3rem) 4rem}.summary-strip{border:1px solid var(--line);background:#fff;border-radius:.65rem;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 8px 26px #223d410d}.summary-strip>div{border-right:1px solid var(--line);align-content:center;gap:.35rem;min-height:5.4rem;padding:1rem 1.35rem;display:grid}.summary-strip>div:last-child{border-right:0}.summary-strip span{color:var(--ink-500);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:650}.summary-strip strong{color:var(--ink-900);font-size:1.35rem}.dashboard-section{margin-top:3rem}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.section-heading h2{color:var(--ink-900);letter-spacing:-.02em;margin:0;font-size:1.35rem}.section-heading>span{color:var(--ink-500);font-size:.75rem}.signal-grid,.output-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.signal-card,.output-card{border:1px solid var(--line);background:var(--surface);border-radius:.65rem;min-width:0;box-shadow:0 8px 22px #223d410d}.signal-card{min-height:12.5rem;padding:1.2rem;position:relative;overflow:hidden}.signal-card:before{content:"";background:#cbd5d7;width:.22rem;position:absolute;inset:0 auto 0 0}.signal-card--digital.is-active:before,.signal-card--analog:before{background:var(--teal-500)}.signal-card__heading,.output-card__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.signal-id{color:var(--ink-500);letter-spacing:.1em;font-size:.72rem;font-weight:850}.digital-indicator{background:#9aa8ab;border:2px solid #fff;border-radius:50%;width:.75rem;height:.75rem;box-shadow:0 0 0 1px #9aa8ab}.signal-card--digital.is-active .digital-indicator{background:var(--green);box-shadow:0 0 0 1px var(--green), 0 0 .8rem #12845452}.analog-mark{background:var(--teal-100);width:1.8rem;height:1.8rem;color:var(--teal-700);border-radius:.25rem;place-items:center;font-size:.62rem;font-weight:850;display:grid}.signal-card h3,.output-card h3{color:var(--ink-700);margin:1.15rem 0 0;font-size:.91rem;font-weight:700;line-height:1.35}.digital-state{color:var(--ink-900);margin:1.25rem 0 0;font-size:1.45rem;font-weight:780}.signal-card--digital.is-active .digital-state{color:var(--green)}.analog-value{color:var(--ink-900);font-variant-numeric:tabular-nums;letter-spacing:-.04em;white-space:nowrap;margin:1rem 0 0;font-size:clamp(1.9rem,3vw,2.7rem);font-weight:780}.analog-value span{color:var(--ink-500);letter-spacing:0;font-size:.9rem;font-weight:700}.signal-time{color:#839195;margin:0;font-size:.69rem;position:absolute;bottom:1.15rem;left:1.2rem}.output-card{padding:1.2rem}.output-card.is-active{border-color:#afd8c5}.output-state{color:var(--ink-500);align-items:center;gap:.4rem;font-size:.7rem;font-weight:750;display:inline-flex}.output-state__dot{background:#9aa8ab;border-radius:50%;width:.48rem;height:.48rem}.output-card.is-active .output-state{color:var(--green)}.output-card.is-active .output-state__dot{background:var(--green)}.output-actions{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1.4rem;display:grid}.read-only-state{background:var(--surface-soft);min-height:3.35rem;color:var(--ink-500);border:1px dashed #c5d0d2;border-radius:.45rem;place-items:center;margin:1.4rem 0 0;font-size:.78rem;font-weight:700;display:grid}.output-button{min-height:3.35rem;color:var(--ink-700);cursor:pointer;background:#f8fafa;border:1px solid #becacc;border-radius:.45rem;font-weight:850}.output-button--off[aria-pressed=true]{color:#2c3e42;background:#e5eaeb;border-color:#9facaf}.output-button--on[aria-pressed=true]{border-color:var(--green);background:var(--green);color:#fff}.output-card__footer{color:#839195;justify-content:space-between;gap:.75rem;margin-top:1rem;font-size:.68rem;display:flex}.output-card__footer span:first-child{color:var(--teal-700);font-weight:700}.empty-state{color:var(--ink-500);text-align:center;background:#ffffff8c;border:1px dashed #bcc9cb;border-radius:.65rem;margin-top:3rem;padding:4rem 1.5rem}.empty-state>span{background:#dfe6e7;border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;margin:0 auto 1rem;display:grid}.empty-state h2{color:var(--ink-700);margin-bottom:.4rem;font-size:1.2rem}.empty-state p{margin:0;font-size:.85rem}.dashboard-footer{color:#718286;background:#e7ecee;border-top:1px solid #d7e0e2;justify-content:space-between;gap:1rem;padding:1.1rem clamp(1.25rem,4vw,4rem);font-size:.72rem;display:flex}.toast-region{z-index:20;pointer-events:none;gap:.7rem;width:min(24rem,100vw - 2rem);display:grid;position:fixed;top:1rem;right:1rem}.toast{border:1px solid var(--line);border-left:.3rem solid var(--teal-600);box-shadow:var(--shadow);color:var(--ink-700);pointer-events:auto;background:#fff;border-radius:.5rem;justify-content:space-between;align-items:start;gap:1rem;padding:.9rem 1rem;display:flex}.toast--success{border-left-color:var(--green)}.toast--error{border-left-color:var(--red)}.toast--warning{border-left-color:var(--amber)}.toast strong{color:var(--ink-900);font-size:.84rem}.toast p{color:var(--ink-500);margin:.2rem 0 0;font-size:.76rem;line-height:1.4}.toast button{width:1.8rem;height:1.8rem;color:var(--ink-500);cursor:pointer;background:0 0;border:0;border-radius:.25rem;flex:none;padding:0;font-size:1.3rem;line-height:1}.user-actions,.inline-actions{gap:.55rem;display:flex}.settings-shell{background:#edf1f2;min-height:100vh}.settings-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem clamp(1rem,4vw,4rem);display:flex}.settings-header h1{margin:0;font-size:2rem}.settings-header>div>p:last-child{color:var(--ink-500);margin:.4rem 0 0}.settings-tabs{border-bottom:1px solid var(--line);background:#fff;padding:0 clamp(1rem,4vw,4rem);display:flex;overflow-x:auto}.settings-tabs button{min-height:3.25rem;color:var(--ink-500);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:0 1.1rem;font-weight:750}.settings-tabs button.is-active{border-bottom-color:var(--teal-600);color:var(--teal-700)}.settings-content{width:min(100%,94rem);margin:0 auto;padding:clamp(1.25rem,3vw,3rem)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.settings-grid--wide{grid-template-columns:1fr}.settings-card{border:1px solid var(--line);background:#fff;border-radius:.65rem;gap:.9rem;min-width:0;padding:1.2rem;display:grid;box-shadow:0 8px 22px #223d410d}.settings-card__title{justify-content:space-between;align-items:center;gap:1rem;display:flex}.settings-card label{color:var(--ink-700);gap:.35rem;font-size:.76rem;font-weight:750;display:grid}.settings-card input,.settings-card select{width:100%;min-height:2.75rem;color:var(--ink-900);background:#fbfcfc;border:1px solid #bdc9cb;border-radius:.4rem;padding:.55rem .7rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.form-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-button{min-height:2.85rem;padding:.65rem 1rem}.create-user-form{max-width:48rem;margin-bottom:1rem}.muted-text{color:var(--ink-500);margin:-.45rem 0 0;font-size:.78rem}.user-state{color:var(--red);font-size:.72rem;font-weight:750}.user-state.is-enabled{color:var(--green)}.permission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.permission-option{border:1px solid var(--line);background:var(--surface-soft);border-radius:.45rem;grid-template-columns:auto 1fr auto;align-items:center;padding:.7rem;gap:.6rem!important;display:grid!important}.permission-option>input{width:1.15rem;min-height:1.15rem}.permission-option span,.permission-option strong{display:block}.permission-option span{text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:500;overflow:hidden}.permission-option strong{color:var(--teal-700);margin-bottom:.15rem;font-size:.72rem}@media (width<=1100px){.topbar{grid-template-columns:1fr auto}.user-menu{border-top:1px solid var(--line);border-left:0;grid-column:1/-1;padding:1rem 0 0}.user-actions{margin-left:auto}.signal-grid,.output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.settings-header{flex-direction:column;align-items:stretch;gap:1rem}.settings-grid,.permission-grid{grid-template-columns:1fr}.form-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.login-layout{display:block}.login-panel{min-height:100vh;padding:1.5rem clamp(1.25rem,6vw,2.5rem)}.login-copy{margin-top:auto;padding-top:3rem}.login-form{margin-bottom:auto}.login-visual{display:none}.topbar{grid-template-columns:1fr;gap:1.2rem;padding:1.2rem 1rem}.topbar__status{grid-template-columns:auto 1fr;place-items:center start}.topbar__status p{line-height:1.45}.user-menu{grid-column:auto;grid-template-columns:auto 1fr auto}.connection-banner{align-items:flex-start;padding:.85rem 1rem}.dashboard-content{padding:1rem .85rem 3rem}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-strip>div:nth-child(2){border-right:0}.summary-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-heading{flex-direction:column;align-items:flex-start;gap:.35rem}.dashboard-section{margin-top:2.4rem}.dashboard-footer{text-align:center;flex-direction:column;align-items:center}}@media (width<=480px){.form-grid,.form-grid--four,.inline-actions{grid-template-columns:1fr}.inline-actions{display:grid}.user-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.login-copy h1{font-size:2.3rem}.brand-block__name{font-size:.86rem}.user-menu{grid-template-columns:auto 1fr}.user-actions{width:100%;margin:.35rem 0 0}.topbar__status,.summary-strip,.signal-grid,.output-grid{grid-template-columns:1fr}.summary-strip>div,.summary-strip>div:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.summary-strip>div:last-child{border-bottom:0}.signal-card{min-height:11.8rem}.output-button{min-height:3.65rem}.toast-region{width:calc(100vw - 1rem);top:.5rem;right:.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}