@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap";.washer-shell{background:var(--bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.washer-header{background:var(--panel);border-bottom:1px solid var(--line);z-index:100;align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.washer-main{flex:1;padding-bottom:80px;overflow-y:auto}.washer-nav{padding:8px 0 env(safe-area-inset-bottom,8px);background:var(--panel);border-top:1px solid var(--line);z-index:100;justify-content:space-around;align-items:center;width:100%;max-width:480px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.washer-nav-item{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-radius:10px;flex-direction:column;align-items:center;gap:3px;min-width:60px;padding:6px 16px;font-size:10px;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.washer-nav-item.active{color:var(--go)}.wash-action-btn{border-radius:var(--r-card);cursor:pointer;font-family:var(--sans);border:2px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px;transition:all .16s;display:flex}.wash-action-btn:hover{transform:translateY(-2px)}.wash-action-btn:active{transform:translateY(0)scale(.97)}.wash-action-btn.simple{background:var(--go-soft);border-color:var(--go)}.wash-action-btn.bio{background:var(--bio-soft);border-color:var(--bio)}.wash-action-btn .label{font-size:18px;font-weight:700}.wash-action-btn .sub{color:var(--muted);font-size:12px}.ops-shell{background:var(--bg);min-height:100vh;display:flex}.ops-sidebar{background:var(--sidebar);flex-direction:column;flex-shrink:0;width:220px;height:100vh;padding:20px 0;display:flex;position:sticky;top:0;overflow-y:auto}.ops-sidebar-logo{border-bottom:1px solid #ffffff12;margin-bottom:12px;padding:4px 20px 20px}.ops-nav-link{color:#ffffff8c;letter-spacing:-.01em;border-radius:9px;align-items:center;gap:10px;margin:1px 10px;padding:9px 18px;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .15s,background .15s;display:flex}.ops-nav-link:hover{color:#ffffffd9;background:#ffffff0f}.ops-nav-link.active{color:#fff;background:#ffffff1a}.ops-nav-link svg{opacity:.7;flex-shrink:0}.ops-nav-link.active svg{opacity:1}.ops-nav-section{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#ffffff40;padding:14px 20px 6px;font-size:9.5px}.ops-main{flex-direction:column;flex:1;min-width:0;display:flex}.ops-topbar{background:var(--panel);border-bottom:1px solid var(--line);z-index:100;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.ops-page{flex:1;padding:28px}.ops-page-title{letter-spacing:-.022em;margin-bottom:24px;font-size:22px;font-weight:700}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:28px;display:grid}@media (width<=900px){.ops-sidebar{display:none}}.platform-hero{background:linear-gradient(135deg, var(--ink) 0%, #1a2236 100%);color:#fff;text-align:center;padding:80px 48px 60px}.platform-hero .tagline{letter-spacing:.2em;text-transform:uppercase;font-size:13px;font-family:var(--mono);color:var(--go);margin-bottom:16px}.platform-hero h1{letter-spacing:-.025em;margin:0 0 16px;font-size:clamp(32px,6vw,56px);font-weight:700;line-height:1.05}.platform-hero .sub{color:#fff9;max-width:520px;margin:0 auto 40px;font-size:17px;line-height:1.5}.platform-app-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;max-width:1100px;margin:0 auto;padding:48px 32px;display:grid}.platform-app-card{background:var(--panel);border-radius:var(--r-card);box-shadow:var(--shadow-card);border:1px solid var(--line);color:inherit;flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.platform-app-card:hover{box-shadow:var(--shadow-float);transform:translateY(-3px)}.platform-app-card .app-header{align-items:center;gap:14px;padding:24px 24px 0;display:flex}.platform-app-card .app-icon{border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.platform-app-card .app-body{padding:16px 24px 24px}.platform-app-card .app-name{letter-spacing:-.015em;margin-bottom:6px;font-size:19px;font-weight:700}.platform-app-card .app-desc{color:var(--muted);margin-bottom:16px;font-size:13.5px;line-height:1.5}.platform-app-card .app-tags{flex-wrap:wrap;gap:6px;display:flex}.systems-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;max-width:1100px;margin:0 auto;padding:0 32px 48px;display:grid}.system-item{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.section-title{letter-spacing:-.02em;max-width:1100px;margin:0 auto 20px;padding:0 32px;font-size:22px;font-weight:700}:root{--bg:#eef0f3;--canvas:#e7eaef;--panel:#fff;--panel-2:#f7f8fa;--ink:#0b0f17;--ink-2:#1f2937;--muted:#6b7280;--muted-2:#9aa3b2;--line:#e6e9ef;--line-2:#d8dde5;--chip:#f1f3f7;--sidebar:#0b0f17;--go:#00b86b;--go-deep:#04935a;--go-soft:#e6f8ef;--hold:#ffb800;--hold-deep:#c98a00;--hold-soft:#fff6df;--stop:#ff3b30;--stop-deep:#c8281f;--stop-soft:#ffe4e2;--info:#1f6fff;--info-soft:#e6efff;--bio:#0ea5e9;--bio-deep:#0369a1;--bio-soft:#e0f2fe;--sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--shadow-sm:0 1px 2px #0b0f170d;--shadow-card:0 1px 3px #0b0f170f, 0 8px 24px -12px #0b0f171f;--shadow-float:0 12px 40px -8px #0b0f1738, 0 0 0 1px #0b0f170a;--r-chip:999px;--r-btn:11px;--r-card:18px;--r-modal:24px;--r-phone:40px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px}html[data-theme=dark]{--bg:#0a0d13;--canvas:#06080c;--panel:#12161f;--panel-2:#161b25;--ink:#eef1f6;--ink-2:#c9ced8;--muted:#8b94a3;--muted-2:#5b6472;--line:#1d232e;--line-2:#2a313d;--chip:#1a212c;--sidebar:#070a0f;--go-soft:#0f2a1e;--hold-soft:#2a2206;--stop-soft:#2a0d0b;--info-soft:#0d1f3d;--bio-soft:#08283a;--shadow-sm:0 1px 2px #0006;--shadow-card:0 1px 3px #00000080, 0 10px 30px -14px #000c;--shadow-float:0 16px 48px -10px #000000b3, 0 0 0 1px #ffffff0d}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}body{transition:background .3s,color .3s}.mono{font-family:var(--mono)}.plate{font-family:var(--mono);letter-spacing:.02em;white-space:nowrap;font-variant-ligatures:none;font-weight:700}.syslabel{font-family:var(--mono);text-transform:uppercase;letter-spacing:.15em;color:var(--muted);font-size:11px;font-weight:500}.eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500}.display{letter-spacing:-.022em;font-weight:700;line-height:1.02}.kpi-num{font-family:var(--sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:700}.chip{border-radius:var(--r-chip);letter-spacing:.01em;background:var(--chip);color:var(--ink-2);white-space:nowrap;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;line-height:1.3;display:inline-flex}.chip .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.chip.go{background:var(--go-soft);color:var(--go-deep)}.chip.hold{background:var(--hold-soft);color:var(--hold-deep)}.chip.stop{background:var(--stop-soft);color:var(--stop-deep)}.chip.info{background:var(--info-soft);color:var(--info)}.chip.bio{background:var(--bio-soft);color:var(--bio-deep)}.chip.ghost{box-shadow:inset 0 0 0 1px var(--line-2);color:var(--muted);background:0 0}.btn{border-radius:var(--r-btn);cursor:pointer;font-family:var(--sans);letter-spacing:-.01em;background:var(--chip);color:var(--ink);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .14s,box-shadow .14s,background .14s,filter .14s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{background:var(--ink);color:var(--panel)}.btn.go{background:var(--go);color:#fff;box-shadow:0 1px 0 var(--go-deep) inset, 0 6px 16px -8px var(--go)}.btn.go:hover{filter:brightness(1.04)}.btn.ghost{box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink-2);background:0 0}.btn.ghost:hover{background:var(--panel-2)}.btn.stop{background:var(--stop);color:#fff}.btn.info{background:var(--info);color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn svg{width:16px;height:16px}.card{background:var(--panel);border-radius:var(--r-card);box-shadow:var(--shadow-card);border:1px solid var(--line)}.wq-logo{color:inherit;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.wq-logo .mark{color:#fff;background:linear-gradient(150deg,#00d27d,#04935a);border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 4px 14px -4px #00b86b99,inset 0 1px #fff6}.wq-logo .word{flex-direction:column;line-height:1.05;display:flex}.wq-logo .word b{letter-spacing:-.01em;font-size:16px;font-weight:700}.wq-logo .word span{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:9.5px}.divider{background:var(--line);border:0;height:1px}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--line-2);border:3px solid var(--bg);border-radius:99px}::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}#root{flex-direction:column;min-height:100vh;display:flex}