@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Sora:wght@400;500;600;700&display=swap";:root{font-family:IBM Plex Sans,sans-serif;color:#102129;background:radial-gradient(circle at top left,rgba(12,143,136,.2),transparent 32%),radial-gradient(circle at 85% 10%,rgba(192,112,59,.18),transparent 24%),linear-gradient(180deg,#f4efe6,#ece5d8 48%,#e7ddd0);line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,textarea{font:inherit}.app-shell{position:relative;min-height:100vh;padding:2.25rem;overflow:hidden}.ambient{position:absolute;border-radius:999px;filter:blur(30px);opacity:.85;pointer-events:none}.ambient-a{top:-6rem;right:-4rem;width:20rem;height:20rem;background:#0c8f882e}.ambient-b{bottom:-4rem;left:-3rem;width:16rem;height:16rem;background:#c0703b2e}.hero,.hero-grid,.content-grid{position:relative;z-index:1}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#0f2a36eb,#12444be0);border:1px solid rgba(255,255,255,.08);border-radius:30px;color:#f8f4ee;box-shadow:0 22px 70px #16252d3d}.hero h1,.panel h2,.signal-group h3{font-family:Sora,sans-serif;margin:0}.hero h1{font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.02;letter-spacing:-.04em;max-width:10ch}.hero p{margin:1rem 0 0;max-width:46rem;font-size:1.05rem;color:#f8f4eed1}.status-pill{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1.1rem;padding:.5rem .85rem;border-radius:999px;font-size:.88rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:#ffffff17}.status-pill.online{background:#48c5a62e;color:#9df3d1}.status-pill.stale{background:#e7b55233;color:#ffd98a}.status-pill.offline{background:#d2676733;color:#ffb0b0}.hero-side{display:grid;gap:1rem;align-content:start}.mini-stat{padding:1rem 1.1rem;border-radius:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.mini-stat strong,.opcua-box strong{display:block;margin-top:.35rem;font-size:1rem}.mini-stat-label,.eyebrow{display:inline-block;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#4f6570eb}.hero-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-top:1.25rem}.hero-card{padding:1.2rem 1.25rem;border-radius:24px;border:1px solid rgba(33,55,66,.08);background:#fffcf7db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 40px #21374214}.hero-card-label{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#57717d}.hero-card-value{display:block;margin-top:.6rem;font-family:Sora,sans-serif;font-size:clamp(1.7rem,2.8vw,2.5rem);line-height:1}.hero-card-unit{display:inline-block;margin-top:.45rem;color:#57717d;font-weight:600}.tone-teal{border-top:4px solid #0a8f88}.tone-copper{border-top:4px solid #c0703b}.tone-slate{border-top:4px solid #314f6b}.tone-sand{border-top:4px solid #9d8453}.tone-rose{border-top:4px solid #c35e5e}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.content-grid.lower{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:1.5rem;border-radius:28px;background:#fffbf5c7;border:1px solid rgba(33,55,66,.08);box-shadow:0 16px 44px #21374214}.panel-wide{grid-column:span 1}.panel-head{display:grid;gap:.65rem;margin-bottom:1rem}.panel-head h2{font-size:1.5rem;letter-spacing:-.03em}.panel-head p{margin:0;color:#526973}.chart-wrap{height:320px}.chart-wrap.compact{height:220px}.substats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1rem}.substats div{padding:.9rem 1rem;border-radius:18px;background:#0e2f3c0a}.substats span{display:block;font-size:.82rem;color:#5a727d}.substats strong{display:block;margin-top:.35rem;font-size:1rem}.signal-groups{display:grid;gap:1rem}.signal-group{padding:1rem;border-radius:20px;background:#0e2f3c09}.signal-group h3{margin-bottom:.85rem;font-size:1rem}.signal-list{display:grid;gap:.55rem}.signal-row{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid rgba(41,61,71,.08)}.signal-row:last-child{border-bottom:none}.signal-label{display:block;font-weight:600}.signal-row small{color:#68808b}.note-input{width:100%;min-height:8rem;padding:1rem 1.05rem;border-radius:18px;border:1px solid rgba(41,61,71,.14);background:#fffc;resize:vertical}.command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem}.command-grid button{padding:.95rem 1rem;border:none;border-radius:18px;background:linear-gradient(135deg,#113541,#1b5960);color:#f8f4ee;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;box-shadow:0 14px 28px #1135412e}.command-grid button:hover:not(:disabled){transform:translateY(-2px)}.command-grid button:disabled{opacity:.65;cursor:wait}.opcua-box{margin-top:1rem;padding:1rem 1.1rem;border-radius:20px;background:linear-gradient(135deg,#c0703b1f,#9d84531a)}.opcua-box small{display:block;margin-top:.45rem;color:#6f5c3e}.feed-list{display:grid;gap:.8rem}.feed-item{padding:1rem;border-radius:18px;background:#0e2f3c0a;border-left:4px solid #537380}.feed-item strong{display:block;margin-top:.25rem;margin-bottom:.25rem}.feed-item p,.feed-item small{margin:0;color:#5f7782}.feed-meta{display:flex;justify-content:space-between;gap:.75rem;font-size:.82rem;color:#607985}.level-info,.status-queued{border-left-color:#0a8f88}.level-warning{border-left-color:#c6953c}.level-error,.status-failed{border-left-color:#c35e5e}.status-executed{border-left-color:#4d8f6e}.loading-card{max-width:34rem;margin:12vh auto;padding:2rem;border-radius:28px;background:#fffbf5d1;box-shadow:0 20px 60px #2137421f}.loading-line{width:6rem;height:.45rem;margin-bottom:1rem;border-radius:999px;background:linear-gradient(90deg,#0a8f88,#c0703b)}.error-banner{position:relative;z-index:1;margin-top:1rem;padding:1rem 1.2rem;border-radius:18px;background:#c35e5e1f;color:#7a2a2a;border:1px solid rgba(195,94,94,.22)}.warning-banner{position:relative;z-index:1;display:grid;gap:.3rem;margin-top:1rem;padding:1rem 1.2rem;border-radius:18px;background:#c6953c24;color:#6b4d10;border:1px solid rgba(198,149,60,.22)}.warning-banner strong{font-size:.95rem}.empty-state{padding:1rem 1.1rem;border-radius:18px;background:#0e2f3c0a;color:#5a727d}@media (max-width: 1180px){.hero,.content-grid,.content-grid.lower{grid-template-columns:1fr}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.app-shell{padding:1rem}.hero{padding:1.4rem;border-radius:24px}.hero-grid,.command-grid,.substats{grid-template-columns:1fr}.panel{padding:1.2rem;border-radius:22px}.chart-wrap{height:260px}}