.ui-icon{width:18px;height:18px;flex:0 0 auto;vertical-align:middle}.primary .ui-icon,.outline .ui-icon{width:17px;height:17px}.instrument-label{display:block;color:#819aae;font-size:9px;letter-spacing:.15em;font-weight:700;margin-bottom:6px}.instrument-tick{width:21px;height:5px;background:#49dced;box-shadow:0 0 18px #2fd7eb77;display:inline-block}.experience-brand{display:inline-flex;align-items:center;gap:15px;text-decoration:none;color:#f1f7fb}.experience-brand img{width:58px;height:58px;object-fit:contain}.experience-brand strong,.experience-brand small{display:block}.experience-brand strong{font-size:24px;letter-spacing:.15em}.experience-brand small{color:#89a9bf;font-size:10px;letter-spacing:.27em;margin-top:3px}.system-schematic{position:relative;min-width:0;pointer-events:none}.system-schematic svg{width:100%;height:auto;display:block}.schematic-flow{animation:schematicFlow 15s linear infinite}.schematic-scan{animation:schematicScan 6s ease-in-out infinite}.vessel-1 .schematic-scan{animation-delay:-2s}.vessel-2 .schematic-scan{animation-delay:-4s}.schematic-orbit{animation:schematicOrbit 24s ease-in-out infinite;transform-origin:350px 236px}@keyframes schematicFlow{to{stroke-dashoffset:-260}}@keyframes schematicScan{0%,to{opacity:.28}50%{opacity:.95}}@keyframes schematicOrbit{0%,to{opacity:.36;transform:scale(1)}50%{opacity:.8;transform:scale(1.025)}}.login-shell.login-experience{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,1fr);min-height:100svh;align-items:stretch;padding:0;gap:0;background:#070d18}.login-story{position:relative;padding:48px clamp(32px,5.1vw,96px) 24px;overflow:hidden;background:radial-gradient(ellipse at 50% 57%,#082845,#091526 44%,#070d18 75%);border-right:1px solid #1c3041;display:flex;flex-direction:column}.login-story:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#3969820b 1px,transparent 1px),linear-gradient(90deg,#3969820b 1px,transparent 1px);background-size:44px 44px;pointer-events:none}.login-story>*{position:relative}.login-story-copy{margin-top:68px}.login-story-copy .eyebrow{font-size:9px;letter-spacing:.19em;color:#73b2d1}.login-story-copy h1{font-size:clamp(42px,4.2vw,72px);letter-spacing:-.064em;line-height:1.06;color:#f1f6fa;margin:20px 0 22px}.login-story-copy h1 span{color:#77dce9}.login-story-copy>p:last-child{color:#99b1c5;font-size:15px;max-width:430px;line-height:1.8}.login-story .system-schematic{margin:4px -45px -5px;max-width:760px;flex:1;display:flex;align-items:center}.login-proof{display:flex;flex-wrap:wrap;gap:21px;color:#acc1d1;font-size:10px;padding:21px 0;border-top:1px solid #26445866}.login-proof span{display:flex;align-items:center;gap:8px}.login-proof .ui-icon{color:#50c8df;width:15px;height:15px}.login-story-footer{display:flex;justify-content:space-between;gap:16px;color:#678399;font:8px ui-monospace,monospace;letter-spacing:.16em;padding-top:20px}.login-auth{display:flex;align-items:center;justify-content:center;padding:80px 40px;position:relative;background:radial-gradient(ellipse at 90% 0%,#0d2439 0,transparent 50%)}.login-auth>.motion-toggle{position:absolute;top:30px;right:32px}.login-auth .login-card{width:min(100%,400px);padding:0;background:none;border:0;box-shadow:none}.login-auth .login-card h2{font-size:32px;line-height:1.2;letter-spacing:-.045em;margin:13px 0}.login-auth .login-card>.muted{font-size:13px;line-height:1.8;margin-bottom:28px;color:#9dafc1}.login-auth .login-card .login-logo{width:48px;height:48px;margin-bottom:28px}.login-auth form{display:grid;gap:22px}.login-auth form label{font-size:10px;letter-spacing:.09em;color:#91a8bd;display:grid;gap:9px}.login-auth form input{min-height:51px;border-radius:8px;background:#0d1c2a;border:1px solid #2a3c4c;padding:0 15px;color:#f0f6fa}.login-auth form .primary{min-height:51px;margin-top:8px;justify-content:space-between;display:flex;align-items:center}.login-auth .login-card .fine{font-size:10px;color:#6f8ca2;line-height:1.7;margin-top:25px;overflow-wrap:anywhere}.login-auth .login-card .fine a{color:#94aec2}.login-auth .auth-kicker{display:flex;align-items:center;gap:10px;color:#75dfe5;font:10px ui-monospace,monospace;letter-spacing:.12em}.auth-rule{height:1px;background:#263949;margin:28px 0 18px}.login-auth .auth-footer{display:flex;align-items:center;gap:9px;font-size:11px;color:#8ca8bc}.login-auth .auth-footer .ui-icon{width:14px;height:14px;color:#4dbcca}.control-stage{position:relative;display:grid;grid-template-columns:minmax(300px,1fr) minmax(340px,1.05fr);border:1px solid #244255;border-radius:18px;margin-bottom:24px;overflow:hidden;background:radial-gradient(ellipse at 73% 51%,#0b314c77 0,transparent 56%),linear-gradient(120deg,#101f2e,#091522 65%);isolation:isolate}.control-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#42637b12 1px,transparent 1px),linear-gradient(90deg,#42637b12 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none;z-index:-1}.control-stage:after{content:"";position:absolute;top:0;left:36px;width:80px;height:2px;background:#54d8e9;box-shadow:0 0 24px #26bbef99}.control-stage-copy{padding:38px 8px 28px 36px;position:relative;z-index:1}.stage-kicker{display:flex;align-items:center;gap:12px;font:9px ui-monospace,monospace;letter-spacing:.13em;color:#8fb6cc}.control-stage h2{font-size:clamp(31px,3.1vw,49px);letter-spacing:-.055em;line-height:1.08;margin:21px 0 17px;font-weight:650}.control-stage h2 span{color:#78dce8}.control-stage-copy>p{font-size:13px;line-height:1.8;color:#9bb2c5}.stage-actions{display:flex;align-items:center;flex-wrap:wrap;gap:21px;margin-top:23px}.stage-actions .primary{display:inline-flex;align-items:center;gap:20px;text-decoration:none;border-radius:7px;font-size:11px;padding:12px 15px;background:#0968f6;color:#fff;border:1px solid #307df8}.stage-link{display:inline-flex;align-items:center;gap:9px;color:#c6dce8;font-size:11px;font-weight:600;text-decoration:none}.stage-link:hover{color:#78dce8}.stage-clock{display:flex;align-items:center;gap:8px;color:#8aa9ba;font-size:9px;margin-top:24px}.connection-indicator{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:#7794a8}.connection-indicator.is-connected{background:#5dd8b2;box-shadow:0 0 0 3px #5dd8b218}.connection-indicator.is-stale{background:#eeb768}.control-stage>.system-schematic{align-self:center;min-width:0;margin:4px 8px 0 -25px}.stage-bottom{grid-column:1/-1;display:flex;align-items:center;gap:36px;border-top:1px solid #29425080;padding:17px 35px;background:#07111a66}.stage-bottom strong{font-size:11px;font-weight:600;color:#c3d6e2;font-variant-numeric:tabular-nums}.stage-version{margin-left:auto;color:#7394a9;font:9px ui-monospace,monospace;letter-spacing:.15em}.fuel-overview .panel-head p{font-size:11px;line-height:1.6;margin:6px 0 0}.fuel-overview .panel-head .eyebrow{font-size:9px;color:#67b8d7;margin:0 0 8px}.fuel-overview .panel-head h2{font-size:22px;letter-spacing:-.04em}.fuel-overview .panel-head>.outline{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.tank-bank{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.tank-instrument{position:relative;text-align:left;min-width:0;width:100%;padding:20px 16px 14px;background:linear-gradient(145deg,#112333,#0a1927);color:#cfdfeb;border:1px solid #263d4e;border-radius:12px;cursor:pointer;transition:border-color .2s,background .2s}.tank-instrument:hover,.tank-instrument.selected{border-color:#4cb4d1;background:linear-gradient(145deg,#173246,#0b1b2b)}.tank-caption span,.tank-caption strong{display:block;overflow-wrap:anywhere}.tank-caption span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#8ca8b9}.tank-caption strong{font-size:14px;letter-spacing:-.01em;margin-top:7px}.tank-vessel{position:relative;width:104px;height:138px;margin:22px auto 17px;isolation:isolate}.tank-cap,.tank-base{position:absolute;left:0;width:104px;height:29px;border:1px solid #416a80;border-radius:50%;background:linear-gradient(130deg,#2a4a61,#11283a);z-index:2}.tank-cap{top:0;box-shadow:inset 0 -5px 10px #08172580}.tank-cap:after{content:"";position:absolute;inset:5px 10px;border:1px solid #6494a14a;border-radius:50%}.tank-base{bottom:0;z-index:-1;background:#0b2334}.tank-glass{position:absolute;top:14px;bottom:14px;width:104px;border-left:1px solid #416a80;border-right:1px solid #416a80;overflow:hidden;background:linear-gradient(90deg,#3e6a7e20,#19394f10 50%,#0005)}.tank-fluid{position:absolute;bottom:0;width:100%;height:var(--tank-fill);background:linear-gradient(90deg,#086cc399,#14aec4aa 37%,#06b6 80%);border-top:1px solid #6ce7ef;border-radius:50% 50% 0 0/10px 10px 0 0;box-shadow:0 -8px 30px #3ed2e511}.tank-ruler{position:absolute;top:14px;bottom:7px;right:11px;width:7px;background:repeating-linear-gradient(0deg,#86b0bb66 0px,#86b0bb66 1px,transparent 1px,transparent 10px)}.tank-percent{position:absolute;left:0;right:0;top:47%;text-align:center;font:20px ui-monospace,monospace;font-weight:500;color:#d4f5ff;text-shadow:0 1px 9px #04131c}.unknown-level .tank-fluid{border:0}.unknown-level .tank-glass{background:repeating-linear-gradient(-45deg,#29445725 0 4px,transparent 4px 12px)}.tank-book small,.tank-book strong{display:block}.tank-book small{font-size:8px;letter-spacing:.13em;color:#8ba6b9}.tank-book strong{font-size:20px;letter-spacing:-.045em;margin:7px 0 13px;font-variant-numeric:tabular-nums;color:#ecf6fa}.tank-physical{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#89a9ba;line-height:1.5}.tank-physical b{font-weight:500;color:#bdd3df;text-align:right}.tank-footnote{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #294355;padding-top:10px;margin-top:12px;font-size:9px;color:#7f9caf}.tank-footnote .ui-icon{width:13px;height:13px}.tank-warning .tank-footnote,.tank-warning .tank-book strong{color:#efbc7b}.tank-warning .tank-fluid{background:linear-gradient(90deg,#cb6e3277,#e9a13d88)}.tank-inspection{display:flex;align-items:center;flex-wrap:wrap;gap:24px;background:#0a2030;padding:21px;border:1px solid #31728c;border-radius:10px;margin-top:16px}.tank-inspection h3{margin:0;font-size:17px}.tank-inspection .eyebrow{font-size:8px;margin:0 0 8px}.tank-inspection>div:not(:first-child) span,.tank-inspection>div:not(:first-child) strong{display:block;font-size:10px;font-weight:500}.tank-inspection>div:not(:first-child) span{color:#85a0b1;margin-bottom:7px}.tank-inspection .outline{margin-left:auto;display:inline-flex;align-items:center;gap:12px;text-decoration:none}.fuel-awaiting{display:flex;align-items:center;justify-content:center;gap:30px;min-height:190px;border:1px dashed #2a485b;border-radius:12px;background:radial-gradient(ellipse at 20% 50%,#12354a55,transparent 60%);padding:28px}.fuel-awaiting strong{font-size:16px;font-weight:550;color:#c7dbe6}.fuel-awaiting p{font-size:12px;line-height:1.8;color:#89a7bb;margin:7px 0}.fuel-awaiting a{font-size:11px;color:#72d8ed;text-decoration:none}.tank-outline{position:relative;flex:none;width:70px;height:88px;border:1px solid #39728b;border-radius:45%/14%;background:linear-gradient(90deg,#143b5155,#18394c22);opacity:.7}.tank-outline:before{content:"";position:absolute;top:0;left:0;right:0;height:19px;border-bottom:1px solid #4b8da5;border-radius:50%}.tank-outline:after{content:"";position:absolute;inset:42px 0 auto;height:20px;border-bottom:1px dashed #31667f;border-radius:50%}.is-stale .tank-bank{opacity:.8}.recon-compass{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid #284557;border-radius:14px;background:#284557;margin-bottom:24px;overflow:hidden}.recon-compass>div{position:relative;padding:23px 20px;background:linear-gradient(130deg,#112638,#0d1d2b)}.recon-compass .ui-icon{color:#6dd5e5;width:22px;height:22px;margin-bottom:17px}.recon-compass strong{display:block;color:#d8e8ef;font-size:13px;margin-bottom:8px}.recon-compass p{color:#8faabb;font-size:11px;line-height:1.7;margin:0}.compass-number{position:absolute;top:22px;right:20px;font:10px ui-monospace,monospace;color:#496b81}.recon-compass>div:not(:last-child):after{content:"→";position:absolute;right:-7px;top:24px;z-index:1;color:#6ed7ec;background:#102333;font-size:16px}.workspace-identity{display:flex;align-items:center;gap:12px}.workspace-identity .mobile-menu{flex:none}.sidebar nav button{display:flex;align-items:center;gap:12px}.sidebar nav button .nav-icon{width:15px;height:15px;opacity:.7}.sidebar nav button.active .nav-icon{opacity:1}.nav-search{position:relative}.nav-search>.ui-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#738da1;pointer-events:none}.nav-search input{padding-left:35px!important}.nav-empty{padding:18px;color:#8fa7b9;font-size:12px}.side-product-name{color:#7296b0;font-size:9px;letter-spacing:.2em;margin:0}.sidebar-foot .user-identity{display:flex;align-items:center;gap:10px;margin:16px 0 10px}.user-avatar{display:grid;place-items:center;width:30px;height:30px;border:1px solid #2b5774;background:#143049;color:#9adced;border-radius:8px;font-weight:650;font-size:11px}.user-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.sidebar-foot .signout-button{display:flex;gap:8px;align-items:center}.header-actions .outline{display:inline-flex;gap:8px;align-items:center}.workspace-badge{display:inline-flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.08em;color:#8fbbcc;padding:7px 9px;border:1px solid #27465a;border-radius:5px}.workspace-skip{position:fixed;top:-100px;left:280px;z-index:1000;background:#dff6ff;color:#071523;padding:12px 18px;border-radius:5px}.workspace-skip:focus{top:10px}.workspace-content:focus{outline:none}@media(min-width:1600px){.control-stage-copy{padding:46px 25px 34px 42px}.control-stage>.system-schematic{max-width:650px;justify-self:center;width:100%}.control-stage h2{font-size:53px}}@media(max-width:1200px){.control-stage{grid-template-columns:1.1fr .9fr}.control-stage-copy{padding-left:25px}.control-stage h2{font-size:36px}.control-stage>.system-schematic{margin-left:-55px;margin-right:-15px;opacity:.85}.stage-actions{gap:14px}.stage-bottom{padding-inline:25px;gap:25px}.recon-compass>div{padding:20px 15px}.login-story-copy{margin-top:48px}.login-story{padding-inline:34px}}@media(max-width:980px){.login-shell.login-experience{grid-template-columns:minmax(0,1fr) minmax(340px,1fr)}.login-story{padding:34px 25px 24px}.login-story-copy h1{font-size:44px}.login-story-copy>p:last-child{font-size:13px}.login-proof{gap:12px}.login-auth{padding-inline:28px}.control-stage h2{font-size:34px}.control-stage>.system-schematic{opacity:.66}.stage-kicker{font-size:8px;letter-spacing:.08em}.stage-version{display:none}.recon-compass{grid-template-columns:repeat(2,minmax(0,1fr))}.recon-compass>div:nth-child(2):after{display:none}}@media(max-width:700px){.login-shell.login-experience{display:flex;flex-direction:column}.login-story{padding:23px 24px 16px;border-right:0;border-bottom:1px solid #20384b}.experience-brand img{width:43px;height:43px}.experience-brand strong{font-size:20px}.experience-brand small{font-size:8px}.login-story-copy{margin-top:29px}.login-story-copy h1{font-size:39px;margin:16px 0 13px}.login-story-copy>p:last-child{font-size:12px;max-width:350px}.login-story .system-schematic{position:absolute;width:270px;right:-110px;bottom:-45px;opacity:.23;pointer-events:none}.login-proof{margin-top:20px;padding:14px 0;gap:12px;max-width:350px}.login-proof span{font-size:8px}.login-proof .ui-icon{width:12px;height:12px}.login-story-footer{display:none}.login-auth{padding:63px 24px 40px}.login-auth>.motion-toggle{top:18px;right:24px}.login-auth .login-card{width:100%;max-width:420px}.login-auth .login-logo{display:none}.login-auth .login-card h2{font-size:27px}.control-stage{grid-template-columns:1fr}.control-stage-copy{padding:27px 24px 24px}.control-stage h2{font-size:38px}.control-stage>.system-schematic{position:absolute;width:360px;right:-100px;top:70px;opacity:.2;z-index:-1}.stage-bottom{gap:19px;padding:15px 24px;flex-wrap:wrap}.stage-bottom>span:last-of-type{display:none}.stage-bottom strong{font-size:10px}.stage-kicker{font-size:8px}.stage-clock{font-size:9px}.tank-bank{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tank-instrument{padding:17px 12px 13px}.tank-caption strong{font-size:13px}.tank-book strong{font-size:18px}.tank-vessel{transform:scale(.88);margin:14px auto 9px}.tank-physical{display:block}.tank-physical b{display:block;text-align:left;margin-top:4px}.fuel-overview .panel-head{align-items:flex-start}.fuel-overview .panel-head h2{font-size:20px}.fuel-overview .panel-head>.outline{font-size:10px;white-space:nowrap}.tank-inspection{padding:17px;gap:17px}.tank-inspection>div{min-width:40%}.tank-inspection .outline{margin-left:0}.fuel-awaiting{gap:21px;padding:24px 17px}.fuel-awaiting strong{font-size:14px}.fuel-awaiting p{font-size:11px}.tank-outline{width:50px;height:68px}.recon-compass>div{padding:20px 15px}.recon-compass p{font-size:10px}.recon-compass strong{font-size:12px}.workspace-skip{left:15px}}@media(max-width:400px){.control-stage h2{font-size:33px}.stage-kicker{font-size:7px;gap:8px}.control-stage-copy{padding:25px 19px 23px}.stage-actions{gap:17px}.tank-bank{gap:8px}.tank-instrument{padding:15px 10px 12px}.tank-book strong{font-size:16px}.tank-footnote{font-size:8px}.recon-compass>div{padding:18px 12px}}@media(prefers-reduced-motion:reduce){html:not([data-motion=full]) .schematic-flow,html:not([data-motion=full]) .schematic-scan,html:not([data-motion=full]) .schematic-orbit{animation:none!important}html:not([data-motion=full]) .tank-instrument{transition:none}}html[data-motion=reduced] .schematic-flow,html[data-motion=reduced] .schematic-scan,html[data-motion=reduced] .schematic-orbit{animation:none!important}html[data-page-hidden=true] .schematic-flow,html[data-page-hidden=true] .schematic-scan,html[data-page-hidden=true] .schematic-orbit{animation-play-state:paused!important}@media print{.system-schematic,.control-stage,.login-story,.motion-toggle{display:none!important}.tank-bank{grid-template-columns:repeat(3,1fr)}.tank-instrument,.tank-inspection,.recon-compass>div{background:#fff!important;color:#111!important;border-color:#bbb!important}.tank-caption strong,.tank-book strong,.tank-physical b,.tank-footnote,.recon-compass strong,.recon-compass p{color:#111!important}}:root{color-scheme:light;color:#10253d;background:#fff;--canvas:#FFFFFF;--surface:#FFFFFF;--surface-raised:#F2F7FD;--surface-inset:#F5F8FC;--border:#CFDCE9;--border-bright:#AFC6DE;--text:#10253D;--muted:#405A73;--blue:#0066FF;--blue-deep:#003C9B;--orange:#8B5100;--cyan:#006EAF;--purple:#523A9A;--pink:#A11A58;--green:#006B49;--amber:#855100;--red:#B4233C;--graphite:#10253D;--steel:#445C77}html,body,.shell,.main{color:#10253d;background:#fff}body{background-image:none}.shell:before{background:radial-gradient(ellipse,#0066FF09 0,transparent 70%)}h1,h2,h3,h4,strong,.metric strong{color:#10253d}p,small,.muted,.workspace-subtitle,.workspace-trail,.panel-head p{color:#405a73}a{color:#004cb5}a:hover{color:#002c7a}.eyebrow,.side-label,.panel-head .eyebrow{color:#004eac}.sidebar{background:linear-gradient(175deg,#f6faff,#ecf4fd);border-right:1px solid #CDDAEA;box-shadow:6px 0 20px #1839600c}.identity strong,.sidebar .identity strong{color:#10253d}.identity small,.nav-group-label,.side-label,.sidebar-foot,.sidebar-foot small{color:#425a74}.sidebar nav button,.sidebar-foot button{color:#233e59}.sidebar nav button:hover{background:#e5f0fd;border-color:#abc9e7;color:#003c80}.sidebar nav button.active{background:#dcebff;border-color:#82b1e8;color:#003b88;box-shadow:none}.nav-icon,.active .nav-icon{color:#0050a9}.nav-count{background:#e1effc;border-color:#b6ccde;color:#164c7a}.nav-search input{background:#fff;border-color:#b9cbde;color:#10253d}.nav-search>svg{color:#405a73}.sidebar-foot{border-top-color:#ccdae8;color:#405a73}.main>header{border-bottom-color:#dce6f1}.workspace-trail strong,.workspace-trail b{color:#193d61}.pill{background:#eaf3ff;border-color:#abc9e7;color:#00458e}button:not(.primary):not(.active):not(.nav-search button),.outline,.mobile-menu{background:#f3f8ff;color:#123958;border-color:#bccddd}button:hover:not(.primary):not(:disabled){background:#e3f0ff;color:#053d7d;border-color:#8cafd0}button.primary,.stage-actions .primary{background:#005ee8;color:#fff;border-color:#0057d4}button.primary:hover{background:#0047b5;color:#fff}.metric,.panel,.panel .panel,.table-wrap,.intro,.empty,.create-form,.filters,.login-card,.commissioning-check,.tank-inspection,.fuel-awaiting{background:#fff;color:#10253d;border-color:#cfdce9;box-shadow:0 5px 24px #0a356b0c}.metric{background:linear-gradient(135deg,#fff,#f4f9ff)}.metric span,.metric small,.instrument-label{color:#405a73}.panel .panel,.create-form,.filters,.empty{background:#f7fafe}table,td,td:first-child{color:#10253d}.table-wrap{scrollbar-color:#A6C7E9 #F3F8FF}th{background:#eaf2fc;color:#234764;border-bottom-color:#c9d9e8}td{border-bottom-color:#dce7f2}input,select,textarea,.login-auth form input,.nav-search input{background:#fff;color:#0f253b;border-color:#aebfd2}input::placeholder,textarea::placeholder{color:#5c7087}input:focus,select:focus,textarea:focus{background:#fff;border-color:#005ee8;box-shadow:0 0 0 3px #0066ff1a}input[readonly],textarea[readonly]{background:#f2f7fd;color:#314d69}input:disabled,select:disabled,textarea:disabled{color:#506a83}input::file-selector-button{background:#e8f1fe;color:#154f8e}.control-stage,.tank-instrument{background:linear-gradient(125deg,#fff,#edf6ff);color:#10253d;border-color:#b9d2e7}.control-stage-copy>p,.control-stage h2,.control-stage h2 span,.stage-kicker,.stage-clock,.stage-link,.stage-bottom strong,.tank-caption strong,.tank-caption span,.tank-book strong,.tank-book small,.tank-physical,.tank-physical b,.tank-footnote,.tank-inspection{color:#173e5e}.control-stage h2 span{color:#0059c4}.stage-bottom{background:#eaf3ff;border-top-color:#c9d9ea}.tank-instrument:hover,.tank-instrument.selected{background:#e7f4ff;border-color:#06f}.tank-glass{background:linear-gradient(90deg,#a6ccea33,#ddf1ff66,#91b6d344)}.tank-percent{color:#fff}.tank-book strong{color:#123655}.login-shell.login-experience{background:#fff}.login-story{background:linear-gradient(135deg,#ebf6ff,#f9fcff);border-right-color:#caddeb}.login-story-copy h1,.login-story-copy h1 span,.login-story-copy>p:last-child,.login-proof,.login-story-footer,.login-story-copy .eyebrow,.experience-brand,.experience-brand strong,.experience-brand small{color:#123653}.login-story-copy h1 span{color:#005ebe}.login-auth{background:#fff}.login-auth .login-card{background:transparent;border:0;box-shadow:none}.login-auth .login-card h2{color:#10253d}.login-auth .login-card>.muted,.login-auth form label,.login-auth .login-card .fine,.login-auth .login-card .fine a,.login-auth .auth-footer{color:#3d5873}.login-auth .auth-kicker{color:#005ea9}.login-auth .login-card input{background:#fff;color:#10253d;border-color:#aebfd2}.auth-rule{background:#cbdceb}.login-proof .ui-icon{color:#005ea9}::selection{background:#b6d8ff;color:#0d2b4f}:focus-visible{outline:3px solid #0066FF;outline-offset:3px}@media(max-width:800px){.sidebar{box-shadow:10px 0 40px #1839601a}}@media(prefers-reduced-motion:reduce){.schematic-flow,.schematic-scan,.schematic-orbit{animation:none}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f2f6fb;background:#070d18;color-scheme:dark;font-synthesis:none;font-variant-numeric:tabular-nums;--canvas: #070d18;--surface: #0d1727;--surface-raised: #142338;--surface-inset: #091321;--border: #23354c;--border-bright: #385674;--text: #f2f6fb;--muted: #a4b4c9;--blue: #0066ff;--blue-deep: #85b7ff;--orange: #68c9ff;--cyan: #45d9f4;--purple: #9cbdff;--pink: #8dcaff;--green: #5ce1b0;--amber: #ffca79;--red: #ff9bad;--graphite: #0b1220;--steel: #b6c6db;--rgb: linear-gradient(90deg, #0066ff, #45d9f4);--radius: 14px;--sidebar-width: 264px;--ease: cubic-bezier(.2,.75,.25,1)}*{box-sizing:border-box}html{min-width:320px;scroll-padding-top:24px}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 75% 0,#0d264b 0,transparent 48%),var(--canvas);line-height:1.5;-webkit-font-smoothing:antialiased}::selection{color:#fff;background:#075da7}button,input,select,textarea{font:inherit}button,input,select,textarea,a{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 15px;border:1px solid #354d6b;border-radius:8px;background:#15253a;color:#e3efff;font-size:12px;font-weight:650;line-height:1.4;cursor:pointer;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s var(--ease)}button:hover{background:#1b304b;border-color:#59799d}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}button svg{flex:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{color:var(--text);font-weight:620}h1{margin-bottom:0;font-size:clamp(28px,2.6vw,40px);line-height:1.16;letter-spacing:-.045em}h2{margin-bottom:14px;font-size:18px;line-height:1.35;letter-spacing:-.025em}h3{margin-bottom:12px;font-size:14px;line-height:1.4;letter-spacing:-.01em}p{font-size:13px;line-height:1.75}small,.muted{color:var(--muted)}small{font-size:11px}strong{font-weight:650}a{color:#81c6ff;text-underline-offset:4px;text-decoration-thickness:1px}a:hover{color:#bcecff}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.eyebrow,.side-label{color:#78c4fa;font-size:10px;line-height:1.6;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.shell{position:relative;isolation:isolate;display:flex;min-height:100vh;min-height:100dvh}.shell:before{content:"";position:fixed;z-index:-1;pointer-events:none;inset:-28vh -16vw auto 18vw;height:82vh;background:radial-gradient(ellipse,#0965d415 0,#13c8ec05 38%,transparent 69%);transform:translateZ(0);animation:workspace-light 28s ease-in-out infinite alternate}.shell:after{content:"";position:fixed;z-index:35;top:0;left:0;width:100%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent 3%,#1678d9 33%,#7eeaff 57%,transparent 98%);opacity:.72}@keyframes workspace-light{to{transform:translate3d(-5vw,5vh,0);opacity:.55}}.sidebar{position:sticky;z-index:30;top:0;display:flex;flex:0 0 var(--sidebar-width);flex-direction:column;width:var(--sidebar-width);height:100vh;height:100dvh;padding:28px 15px 18px;border-right:1px solid #23374c;background:linear-gradient(165deg,#101f33 0,#0a1422 31%,#090f1a);box-shadow:12px 0 60px #0000001c;overflow:hidden}.identity{display:flex;flex:none;align-items:center;gap:11px;padding:0 8px 27px}.identity>div{min-width:0}.identity strong,.identity small{display:block}.identity strong{color:#f0f6ff;font-size:15px;font-weight:750;letter-spacing:.16em}.identity small{margin-top:5px;color:#98acc3;font-size:8px;line-height:1.6;letter-spacing:.12em}.nav-logo,.login-logo,.loading-logo,.overview-logo{display:block;object-fit:contain;aspect-ratio:1;flex:none}.nav-logo{width:48px;height:48px;filter:drop-shadow(0 0 16px #3cafff30)}.side-label{margin:5px 0 12px;padding:0 13px;color:#8a9cb5;font-size:9px}.nav-search{position:relative;display:flex;flex:none;align-items:center;margin:0 5px 20px}.nav-search>svg{position:absolute;left:11px;width:15px;height:15px;color:#93a9c1;pointer-events:none}.nav-search input{min-width:0;min-height:38px;margin:0;padding:10px 11px;background:#07101c;border-color:#26374c;font-size:11px}.nav-search:has(>svg) input{padding-left:35px}.nav-search input::placeholder{color:#8ea1b9}.sidebar nav{flex:1 1 auto;min-height:0;overflow:auto;padding:0 3px 18px;scrollbar-width:thin;scrollbar-color:#2c425c transparent}.nav-group{margin:0 0 19px}.nav-group:last-child{margin-bottom:0}.nav-group-label{display:block;margin:0 0 8px;padding:0 11px;color:#899cb5;font-size:9px;font-weight:700;line-height:1.5;letter-spacing:.15em;text-transform:uppercase}.sidebar nav button,.sidebar-foot button{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:39px;margin:2px 0;padding:10px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#aabcce;text-align:left;font-size:11.5px;font-weight:500;line-height:1.45;box-shadow:none;transform:none}.sidebar nav button:hover{border-color:#25415f;background:#162a42;color:#f1f7ff}.sidebar nav button.active{border-color:#285783;background:linear-gradient(100deg,#0d3b68,#11263d);color:#e8f6ff;font-weight:650;box-shadow:inset 0 1px #8ad8ff0b,0 4px 15px #00000014}.sidebar nav button.active:before{content:"";position:absolute;top:10px;bottom:10px;left:-1px;width:2px;border-radius:2px;background:#68d5ff;box-shadow:0 0 11px #44d1ff83}.nav-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:17px;height:17px;color:#8ca7c1}.nav-icon svg{width:17px;height:17px}.active .nav-icon{color:#8bddff}.nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;margin-left:auto;padding:2px 6px;border:1px solid #354963;border-radius:4px;background:#0c1a2b;color:#a4c5e4;font-size:9px}.sidebar-foot{flex:none;margin-top:auto;padding:17px 10px 0;border-top:1px solid #24364c;color:#a1b5cc;font-size:10px;line-height:1.85;overflow-wrap:anywhere}.sidebar-foot small{color:#849ab5;font-size:9px}.sidebar-foot button{min-height:33px;margin-top:9px;padding:6px 0;color:#91c9ff;font-size:11px}.sidebar-foot button:hover{color:#d0efff}.connection-line{display:flex;align-items:center;gap:8px;line-height:1.6}.sidebar-version{display:block;margin-top:7px}.user-identity>div,.workspace-identity>div{min-width:0}.status-dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #ffffff08;vertical-align:1px}.sidebar-close,.mobile-menu,.sidebar-backdrop{display:none}.main{position:relative;flex:1;min-width:0;max-width:1820px;margin:0 auto;padding:34px 40px 60px}.main>header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid #23374c}.main>header>div:first-child{min-width:0}.main>header .eyebrow{margin-bottom:10px}.workspace-trail{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 10px;color:#91a8c2;font-size:10px;line-height:1.5;letter-spacing:.09em;text-transform:uppercase}.workspace-trail b,.workspace-trail strong{color:#c5d9ed;font-weight:550}.workspace-trail svg{width:12px;height:12px;color:#57748f}.workspace-subtitle{max-width:690px;margin:10px 0 0;color:#a0b4ca;font-size:12px;line-height:1.7}.header-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:9px;flex:none;max-width:46%}.pill{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 10px;border:1px solid #2a5475;border-radius:5px;background:#112a40;color:#a2d9ff;font-size:9px;font-weight:700;line-height:1.6;letter-spacing:.08em;overflow-wrap:anywhere}button.primary{min-height:44px;padding:11px 18px;border:1px solid #438fff;border-radius:8px;background:linear-gradient(115deg,#075bea,#087abb);color:#fff;font-weight:700;box-shadow:inset 0 1px #b6e3ff24,0 5px 16px #003b8f29}button.primary:hover{border-color:#90c7ff;background:linear-gradient(115deg,#116af5,#088cca);box-shadow:inset 0 1px #b6e3ff24,0 6px 20px #0066ff30}.outline{min-height:42px;padding:10px 15px;border:1px solid #344e6a;border-radius:8px;background:#102036;color:#c7ddf5}.outline:hover{border-color:#6ba3d7;background:#182f4a;color:#f0f8ff}.motion-toggle{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:9px 11px;border:1px solid #2c415b;background:#0b1828;color:#adc4dc;font-size:10px;font-weight:550;white-space:nowrap}.motion-toggle[aria-pressed=true]{border-color:#4c6a87;color:#e1edf8}.header-actions>button{min-height:40px}.intro{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:24px;padding:32px;border:1px solid #315372;border-radius:16px;background:radial-gradient(ellipse at 90% 0,#0c527954,transparent 65%),linear-gradient(115deg,#11213a,#0d1c2f);box-shadow:0 15px 40px #0000001c;overflow:hidden}.intro:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,#1374f9,#74dfff 45%,transparent)}.intro p{margin-bottom:14px;color:#84d3ff;font-size:10px;font-weight:650;line-height:1.6;letter-spacing:.15em;text-transform:uppercase}.intro h2{margin-bottom:12px;font-size:clamp(23px,2.5vw,34px);letter-spacing:-.035em}.intro span{color:#adc4da;font-size:12px;line-height:1.8}.overview-logo{width:100px;height:100px;filter:drop-shadow(0 0 28px #36aaff27)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.cards.small{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}.metric,.panel{position:relative;min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:inset 0 1px #b1d1f005,0 10px 30px #00000012}.metric{--metric-accent: #4ba6ff;padding:23px 22px;background:linear-gradient(140deg,#122139 0,#0c1728 74%)}.metric:before{content:"";position:absolute;top:-1px;left:22px;width:43px;height:2px;background:var(--metric-accent);box-shadow:0 0 14px #3da8ff38}.metric:nth-child(2n){--metric-accent: #58d4e9}.metric span,.metric small{display:block;color:#aabfd5;font-size:10px;line-height:1.6;letter-spacing:.08em}.metric span{min-height:16px;padding-right:5px;font-weight:600;text-transform:uppercase}.metric strong{display:block;margin:20px 0 9px;color:#edf7ff;font-size:clamp(24px,2.25vw,34px);font-weight:570;line-height:1.2;letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.metric small{color:#a1b6cc;line-height:1.7;letter-spacing:0}.panel{margin-bottom:24px;padding:26px}.panel:before{content:"";position:absolute;top:-1px;left:26px;width:62px;height:1px;background:#6a9cc26b;pointer-events:none}.panel .panel{margin-top:22px;background:#101e30;border-color:#2a415c;box-shadow:none}.panel .panel:last-child{margin-bottom:0}.panel>h2{margin-bottom:15px}.panel>h3:not(:first-child){margin-top:28px}.panel-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:14px}.panel-head>div{min-width:0}.panel-head h2{margin-bottom:6px}.panel-head>h2{margin-bottom:0}.panel-head p{margin-bottom:0;color:var(--muted);font-size:12px}.panel-head .eyebrow{margin-bottom:9px;color:#78c4fa;font-size:9px}.table-wrap{max-width:100%;overflow:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#3a526e #0a1321;border:1px solid #243850;border-radius:9px;background:#0b1727}table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;text-align:left;font-variant-numeric:tabular-nums}th,td{padding:14px 15px;border-bottom:1px solid #22344b;white-space:nowrap}th{position:sticky;top:0;z-index:1;color:#a8c0d8;background:#13243a;font-size:9px;font-weight:650;line-height:1.6;letter-spacing:.09em;text-transform:uppercase}td{color:#d8e5f1;font-weight:400;vertical-align:middle}tbody tr{transition:background-color .14s}tbody tr:nth-child(2n){background:#11203450}tbody tr:hover,tbody tr:focus-within{background:#19304b}tr:last-child td{border-bottom:0}td:first-child{color:#edf4fc}td>.outline,td>button{min-height:33px;padding:7px 11px;font-size:10px}.table-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:270px;margin-top:0}.table-actions button{min-height:32px;padding:6px 9px;font-size:10px}.empty{display:grid;place-items:center;min-height:138px;margin:0;padding:32px 20px;border:1px dashed #28425b;border-radius:9px;background:radial-gradient(ellipse at 50% 0,#12436e14,transparent 78%),#091521;color:#a0b8d0;text-align:center;font-size:12px;line-height:1.7}.table-wrap .empty{border:0;border-radius:0}pre{max-width:100%;margin:15px 0;padding:18px;border:1px solid #2b425c;border-radius:8px;background:#091322;color:#bcd6eb;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.8;overflow:auto;tab-size:2}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;color:#a9d4f5}summary{padding:13px 0;color:#abd9f8;font-size:12px;font-weight:600;cursor:pointer}summary::marker{color:#71bbf3}label{display:block;color:#b5c7da;font-size:11px;font-weight:600;line-height:1.55;letter-spacing:.025em}input,select,textarea{display:block;width:100%;min-height:44px;margin-top:8px;padding:11px 12px;border:1px solid #344a65;border-radius:7px;outline:none;background:#091421;color:#f0f6fc;font-size:13px;font-weight:400;letter-spacing:normal;line-height:1.55;transition:border-color .16s,box-shadow .16s,background-color .16s}input::placeholder,textarea::placeholder{color:#839bb5;opacity:1}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:#55789b}input:focus,select:focus,textarea:focus{border-color:#49acff;background:#0d1d30;box-shadow:0 0 0 3px #0876d514}input:disabled,select:disabled,textarea:disabled{color:#899fb7;opacity:.7;cursor:not-allowed}input[readonly],textarea[readonly]{border-style:dashed;color:#adc4db;background:#111c2a}input[type=checkbox],input[type=radio]{display:inline-block;width:17px;min-width:17px;height:17px;min-height:17px;margin:9px 8px 0 0;padding:0;accent-color:#147cff;vertical-align:middle;cursor:pointer}input[type=file]{padding:8px;color:#a5bdd2;border-style:dashed;font-size:11px}input::file-selector-button{margin-right:12px;padding:7px 10px;border:1px solid #3a5d82;border-radius:5px;background:#153554;color:#d8efff;font:inherit;cursor:pointer}input[type=date],input[type=datetime-local],input[type=time]{min-width:155px;font-variant-numeric:tabular-nums}select{padding-right:29px}select option{background:#0e1b2d;color:#e6f1fc}textarea{min-height:100px;resize:vertical}label>small{display:block;margin-top:7px;font-size:10px;font-weight:400;line-height:1.6;letter-spacing:0}.create-form,.filters{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin:18px 0 25px;padding:17px;border:1px solid #263c54;border-radius:10px;background:#091522}.create-form{gap:17px;padding:21px}.create-form>h3{flex-basis:100%;margin:0 0 3px;color:#dcecff}.create-form>p{flex-basis:100%}.create-form label{flex:1 1 180px;min-width:min(180px,100%)}.create-form button,.filters button{min-height:44px}.filters label{flex:0 1 220px;min-width:min(165px,100%)}.filters>input{flex:1 1 190px;width:auto;min-width:0;max-width:420px}.filters>select{width:auto;min-width:min(190px,100%);max-width:100%}.filters label>select,.filters label>input{width:100%}.filters>button{flex:0 0 auto}.create-form:last-child{margin-bottom:0}.employee-form{margin-top:20px}.employee-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.assignment-picks{display:flex;flex-wrap:wrap;align-items:center;gap:13px 22px;margin:24px 0;padding:17px;border:1px solid #2b415b;border-radius:8px;background:#0b1829;color:var(--muted)}.assignment-picks strong{width:100%;color:#d4e7fa;font-size:12px}.assignment-picks label,.inline-check{display:inline-flex;align-items:center;gap:9px;color:#b9cce0;cursor:pointer}.assignment-picks input,.inline-check input{width:auto;margin:0}.form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.error{color:#ffacba}.error-banner{margin-bottom:22px;padding:14px 17px;border:1px solid #703a4b;border-left:3px solid #f38ca4;border-radius:8px;background:#321a2b;color:#ffc4d0;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.warning-banner{padding:14px 17px;border:1px solid #67503b;border-left:3px solid #e6b967;border-radius:8px;background:#292318;color:#f6d69f;font-size:12px;line-height:1.7}.fine{margin-top:28px;color:#91a9c2;font-size:10px;line-height:1.7;overflow-wrap:anywhere}.ops-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ops-two .panel{min-width:0}.control-intro>div{min-width:0}.control-definition{display:block;max-width:820px;margin-top:10px;color:#aec3d9;font-size:12px;line-height:1.75}.control-chain{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:23px}.control-chain span{display:inline-flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid #315373;border-radius:5px;background:#102c45;color:#c6e7fd;font-size:8px;font-weight:700;line-height:1.4;letter-spacing:.11em}.control-chain b{color:#69d8f0;font-size:12px}.control-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.control-metrics .metric{min-height:178px}.control-metrics .metric small{line-height:1.65;letter-spacing:0;text-transform:none}.tank-instrument{display:block}.commissioning-panel{border-color:#35506b;background:linear-gradient(135deg,#102035,#0c1828)}.commissioning-panel:before{width:100px;background:#63b4e4}.commissioning-panel .panel-head{gap:16px}.commissioning-panel>.muted{max-width:1040px;font-size:12px}.commissioning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:9px}.commissioning-check{min-width:0;padding:18px;border:1px solid #35485d;border-radius:9px;background:#0b1625}.commissioning-check-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.commissioning-check h3{margin:0;color:#deecf8;font-size:12px}.commissioning-check-head>span{flex:none;padding:3px 6px;border:1px solid #66513b;border-radius:4px;background:#352a1b;color:#f8cc8b;font-size:8px;font-weight:750;line-height:1.4;letter-spacing:.04em;white-space:nowrap}.commissioning-check.pass{border-color:#244f4c}.commissioning-check.pass .commissioning-check-head>span{border-color:#2b6657;background:#14382e;color:#8ce7c6}.commissioning-check.not_applicable .commissioning-check-head>span{border-color:#3c526a;background:#1b2939;color:#b2c6da}.commissioning-check p{margin:13px 0;color:#a6bcd1;font-size:11px;line-height:1.75}.commissioning-check a{color:#88cbff;font-size:11px;font-weight:600;text-decoration:none}.commissioning-check a:hover{text-decoration:underline}.readiness-summary.action,.readiness-summary.review{border:1px solid #74583b;background:#35291b;color:#f3ce93}.commissioning-scope{margin-top:21px;margin-bottom:0;padding-top:17px;border-top:1px solid #2b4056;font-size:10px;line-height:1.8}.login-shell,.center{position:relative;isolation:isolate;display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:32px 20px;background:radial-gradient(ellipse at 12% 10%,#07519c35,transparent 45%),radial-gradient(ellipse at 92% 82%,#066c7c20,transparent 46%),#070d18}.login-shell:before,.center:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(#5da9ed06 1px,transparent 1px),linear-gradient(90deg,#5da9ed06 1px,transparent 1px);background-size:66px 66px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%)}.login-card{position:relative;width:min(460px,calc(100vw - 40px));padding:40px;border:1px solid #355273;border-radius:18px;background:linear-gradient(145deg,#122239,#0b1626 75%);box-shadow:0 35px 100px #0005,inset 0 1px #c4e3ff0a;overflow:hidden}.login-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#06f,#7df,#0066ff18)}.login-logo{width:110px;height:110px;margin:-5px 0 22px;filter:drop-shadow(0 0 24px #2195ff32)}.login-card .eyebrow{margin-bottom:14px;font-size:9px}.login-card h1{margin-bottom:16px;font-size:35px;line-height:1.12}.login-card p{line-height:1.8}.login-card form{display:grid;gap:19px;margin-top:29px}.login-card form>button{min-height:46px;margin-top:3px}.login-card>.error{margin-top:20px;font-size:12px}.login-card>.outline{margin-top:15px}.login-shell.login-experience{justify-items:stretch}.login-auth .login-card:before{display:none}.login-auth .login-card form{gap:22px}.login-auth form input{margin-top:0}.center{align-content:center;gap:18px;color:#afc4db;text-align:center}.loading-logo{width:112px;height:112px;filter:drop-shadow(0 0 25px #1579ff30)}dialog,.modal-panel{max-width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:28px;border:1px solid #476783;border-radius:14px;background:#101e30;color:#e4effa;box-shadow:0 30px 100px #0009;overflow:auto}dialog::backdrop,.modal-backdrop,.dialog-backdrop{background:#020814c9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}@media(min-width:1800px){.main{padding:40px 52px 70px}.sidebar{padding-top:34px}}@media(max-width:1250px){:root{--sidebar-width: 236px}.sidebar{padding-right:11px;padding-left:11px}.identity{gap:8px}.identity strong{font-size:13px}.nav-logo{width:42px;height:42px}.main{padding:28px 25px 50px}.main>header{gap:16px}.header-actions{max-width:42%;gap:7px}.header-actions .pill{font-size:8px}.metric{padding:21px 17px}.metric:before{left:17px}.panel{padding:22px}.ops-two{grid-template-columns:1fr;gap:0}.commissioning-grid{grid-template-columns:1fr}}@media(max-width:1050px){.cards,.control-metrics,.cards.small{grid-template-columns:repeat(2,minmax(0,1fr))}.main>header{align-items:flex-start}.header-actions{padding-top:4px}.header-actions .pill{width:100%}.employee-fields{gap:16px}}@media(max-width:800px){.shell{display:block}.sidebar{position:fixed;top:0;bottom:0;left:0;width:min(300px,calc(100vw - 40px));height:100vh;height:100dvh;padding:24px 16px 20px;transform:translate(-105%);visibility:hidden;transition:transform .22s var(--ease)}.shell[data-nav-open=true] .sidebar{visibility:visible;transform:translate(0)}.sidebar .identity{padding-right:26px}.sidebar-close{position:absolute;top:14px;right:10px;display:inline-flex;width:32px;min-height:32px;padding:6px;border-color:transparent;background:transparent;font-size:22px}.sidebar-backdrop{position:fixed;z-index:25;inset:0;display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#020710b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .22s,visibility .22s}.shell[data-nav-open=true] .sidebar-backdrop{visibility:visible;opacity:1;pointer-events:auto}.sidebar-backdrop:hover{background:#020710b8;border:0}.mobile-menu{display:inline-flex;flex:none;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px;border:1px solid #38546f;border-radius:8px;background:#112138;color:#cbe8ff}.mobile-menu svg{width:19px;height:19px}.sidebar nav button{min-height:43px;font-size:12px}.nav-search input{min-height:42px}.main{width:100%;max-width:none;padding:24px 22px 45px}.main>header{gap:17px;margin-bottom:24px;padding-bottom:22px}.main>header h1{font-size:32px}.workspace-trail{font-size:9px}.workspace-subtitle{font-size:11px}.header-actions{max-width:45%}.intro{padding:27px}.ops-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.control-metrics .metric{min-height:160px}}@media(max-width:600px){.main{padding:19px 15px 35px}.main>header{flex-wrap:wrap;align-items:flex-start;gap:15px;padding-bottom:19px}.main>header>div:first-child{flex:1 1 220px}.main>header h1{font-size:29px}.header-actions{width:100%;max-width:none;justify-content:flex-start;gap:8px;padding-top:0}.header-actions .pill{width:auto;flex-basis:auto}.header-actions>button{min-height:39px;font-size:10px}.workspace-trail{margin-bottom:8px;font-size:8px;gap:6px}.workspace-subtitle{margin-top:8px;font-size:11px}.cards,.cards.small,.control-metrics{gap:10px;margin-bottom:19px}.metric{padding:18px 14px;border-radius:11px}.metric:before{left:14px;width:31px}.metric span{font-size:9px;letter-spacing:.045em}.metric strong{margin:16px 0 9px;font-size:25px}.metric small{font-size:10px;line-height:1.65}.control-metrics .metric{min-height:160px}.panel{margin-bottom:19px;padding:19px 16px;border-radius:11px}.panel:before{left:17px}.panel .panel{padding:16px 12px}.panel h2{font-size:17px}.panel-head{align-items:flex-start;gap:12px}.panel-head p{font-size:11px}.panel-head>button{min-height:39px;font-size:11px}.intro{align-items:flex-start;gap:13px;padding:23px 20px;border-radius:12px}.intro h2{font-size:25px}.intro span{font-size:11px}.intro p{font-size:9px}.overview-logo{width:58px;height:58px}.control-definition{font-size:11px}.control-chain{gap:5px}.control-chain span{padding:6px 7px;font-size:7px;gap:5px}.ops-two,.employee-fields{grid-template-columns:1fr;gap:0}.employee-fields{gap:18px}.create-form,.filters{gap:13px;margin:16px 0 21px;padding:14px}.create-form label{flex-basis:100%;min-width:0}.filters label{flex:1 1 145px;min-width:0}.filters>input,.filters>select{width:100%;flex:1 1 170px;max-width:none}.filters>button{flex:1 1 auto}.filters>button.primary{flex:0 1 auto}input,select,textarea{min-height:45px;font-size:16px}input[type=file]{font-size:12px}label{font-size:11px}th,td{padding:12px}th{font-size:8px}table{font-size:11px}td>button,td>.outline,.table-actions button{min-height:37px}.empty{min-height:120px;padding:25px 15px}.commissioning-check{padding:15px}.commissioning-check-head{flex-wrap:wrap;gap:9px}.commissioning-check h3{font-size:12px}.commissioning-panel .pill{font-size:8px}.commissioning-scope{font-size:10px}.login-card{width:min(460px,calc(100vw - 30px));padding:30px 25px;border-radius:15px}.login-card h1{font-size:31px}.login-logo{width:90px;height:90px;margin-bottom:20px}}@media(max-width:370px){.main{padding-right:12px;padding-left:12px}.cards,.cards.small,.control-metrics{grid-template-columns:1fr}.control-metrics .metric{min-height:135px}.metric strong{font-size:30px}.intro{padding:20px 16px}.overview-logo{width:45px;height:45px}}html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html[data-page-hidden=true] *,html[data-page-hidden=true] *:before,html[data-page-hidden=true] *:after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){html:not([data-motion=full]) *,html:not([data-motion=full]) *:before,html:not([data-motion=full]) *:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){.panel,.metric,.sidebar,.intro,.login-card,.table-wrap,input,select,textarea{border-color:CanvasText;box-shadow:none}.sidebar nav button.active{outline:2px solid Highlight;outline-offset:-2px}.shell:before,.shell:after,.metric:before,.panel:before,.login-shell:before{display:none}.pill,.commissioning-check-head>span{border-color:CanvasText}}@media print{:root{color-scheme:light}body,.shell,.main{min-height:0;background:#fff!important;color:#152334!important}.sidebar,.sidebar-backdrop,.shell:before,.shell:after,.header-actions,.mobile-menu,button,.motion-toggle{display:none!important}.tank-instrument{display:block!important}.main{max-width:none;margin:0;padding:0}.main>header{margin-bottom:20px;border-bottom:1px solid #aaa}.main *{color:#152334!important;text-shadow:none!important;box-shadow:none!important}.panel,.metric,.intro,.commissioning-check,.filters,.create-form,pre,.table-wrap{border-color:#bcc5cf!important;background:#fff!important}.panel:before,.metric:before,.intro:before{display:none}.table-wrap{overflow:visible}th{position:static;background:#eaf0f5!important}th,td{padding:8px;border-color:#c6cdd4;white-space:normal;overflow-wrap:anywhere}tr,.metric,.commissioning-check{break-inside:avoid}a{text-decoration:underline}.ops-two{display:block}}