:root{--bg-primary: #f0f4ff;--bg-secondary: #e8eefb;--bg-card: #ffffff;--bg-card-border: #e2e8f0;--bg-card-elevated: #f8faff;--bg-input: #edf1fa;--bg-glass: rgba(255, 255, 255, .92);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-inverse: #ffffff;--accent-cyan: #0891b2;--accent-cyan-dim: #e1f2f6;--accent-blue: #0284c7;--accent-teal: #0d9488;--accent-violet: #7c3aed;--state-stopped: #dc2626;--state-stopped-bg: #fee2e2;--state-stopped-glow: rgba(220, 38, 38, .25);--state-switching: #0284c7;--state-switching-bg: #e0f2fe;--state-switching-glow: rgba(2, 132, 199, .3);--state-running: #059669;--state-running-bg: #d1fae5;--state-running-glow: rgba(5, 150, 105, .35);--state-force: #d97706;--state-force-bg: #fef3c7;--state-force-glow: rgba(217, 119, 6, .35);--shadow-sm: 0 1px 3px rgba(148, 163, 184, .15);--shadow-md: 0 4px 16px rgba(148, 163, 184, .18);--shadow-lg: 0 8px 24px rgba(148, 163, 184, .22);--shadow-glow: 0 0 20px rgba(8, 145, 178, .25);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--header-height: 56px;--bottom-bar-height: 64px}[data-theme=dark]{--bg-primary: #0b1120;--bg-secondary: #0f172a;--bg-card: #1e293b;--bg-card-border: rgba(255, 255, 255, .08);--bg-card-elevated: #162032;--bg-input: rgba(15, 23, 42, .7);--bg-glass: rgba(15, 23, 42, .85);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-cyan: #06b6d4;--accent-cyan-dim: rgba(6, 182, 212, .15);--accent-blue: #38bdf8;--accent-teal: #14b8a6;--state-stopped-bg: rgba(239, 68, 68, .15);--state-switching-bg: rgba(2, 132, 199, .15);--state-running-bg: rgba(16, 185, 129, .15);--state-force-bg: rgba(245, 158, 11, .15);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 14px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;background-color:var(--bg-primary);color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overscroll-behavior-y:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}#root{min-height:100%;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em}.mono{font-family:JetBrains Mono,monospace}.mobile-container,.app-container{width:100%;max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative;background-color:var(--bg-primary);padding-top:max(12px,var(--sat));padding-bottom:calc(var(--bottom-bar-height) + var(--sab) + 16px);padding-left:max(16px,var(--sal));padding-right:max(16px,var(--sar));transition:max-width .25s ease,padding .25s ease}@media(min-width:768px){.mobile-container,.app-container{max-width:1240px;padding:16px 28px 36px}}.app-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:8px 0 12px;background:var(--bg-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:padding .2s ease,border-color .2s ease}@media(min-width:768px){.app-header{padding:12px 0 16px;border-bottom:1px solid var(--bg-card-border);margin-bottom:16px}}.brand-badge{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-title{font-size:1.15rem;font-weight:800;background:linear-gradient(135deg,#0284c7,#0891b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-subtitle{transition:opacity .2s ease}@media(max-width:375px){.brand-subtitle{display:none}}.desktop-nav{display:none}@media(min-width:768px){.desktop-nav{display:flex;align-items:center;gap:4px;background:var(--bg-glass);border:1px solid var(--bg-card-border);padding:4px;border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.desktop-nav-link{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:var(--radius-full);font-size:.82rem;font-weight:700;color:var(--text-muted);text-decoration:none;transition:all .18s ease}.desktop-nav-link:hover{color:var(--text-primary);background:#0891b214}.desktop-nav-link.active{color:#fff;background:linear-gradient(135deg,#0284c7,#0891b2);box-shadow:0 2px 8px #0891b259}}.header-actions{display:flex;align-items:center;gap:8px}.desktop-add-tank-btn{display:none}@media(min-width:768px){.desktop-add-tank-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:linear-gradient(135deg,#0284c7,#0891b2);color:#fff;font-size:.8rem;font-weight:700;text-decoration:none;box-shadow:0 2px 8px #0891b24d;transition:transform .15s ease,box-shadow .15s ease}.desktop-add-tank-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0891b266}.mobile-all-tanks-btn{display:none!important}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;height:calc(var(--bottom-bar-height) + var(--sab));padding-bottom:var(--sab);background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--bg-card-border);display:flex;align-items:center;justify-content:space-around;z-index:50;box-shadow:0 -4px 16px #0000000f}@media(min-width:768px){.bottom-nav{display:none!important}}.nav-tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;height:100%;color:var(--text-muted);text-decoration:none;font-size:.72rem;font-weight:600;transition:color .15s ease,transform .1s ease;cursor:pointer}.nav-tab-item:active{transform:scale(.92)}.nav-tab-item.active{color:var(--accent-cyan)}.nav-tab-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center}.glass-card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);margin-bottom:14px;transition:border-color .2s ease,box-shadow .2s ease}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.status-pill.stopped{background:var(--state-stopped-bg);color:var(--state-stopped);border:1px solid rgba(220,38,38,.3)}.status-pill.running{background:var(--state-running-bg);color:var(--state-running);border:1px solid rgba(5,150,105,.3);box-shadow:0 0 10px var(--state-running-glow)}.status-pill.switching{background:var(--state-switching-bg);color:var(--state-switching);border:1px solid rgba(2,132,199,.3)}.status-pill.force{background:var(--state-force-bg);color:var(--state-force);border:1px solid rgba(217,119,6,.3);box-shadow:0 0 10px var(--state-force-glow)}.motor-btn-group{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.btn-motor{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border-radius:var(--radius-md);font-size:.95rem;font-weight:700;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-motor:active{transform:scale(.96)}.btn-motor:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-motor.start{background:linear-gradient(135deg,#059669,#047857);color:#fff;box-shadow:0 4px 14px #0596694d}.btn-motor.stop{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 14px #dc26264d}.cooldown-banner{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#d977061a;border:1px solid rgba(217,119,6,.3);border-radius:var(--radius-md);color:#d97706;font-size:.82rem;font-weight:600;margin-top:12px}.hydraulic-stage-card{position:relative;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #cbd5e1;border-radius:var(--radius-xl);padding:16px;box-shadow:var(--shadow-md);margin-bottom:14px;overflow:hidden}[data-theme=dark] .hydraulic-stage-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#ffffff1a}.stage-top-accent{position:absolute;top:0;left:16px;right:16px;height:3px;border-radius:2px;background:linear-gradient(90deg,#e2e8f0,#cbd5e1);transition:all .3s ease}.stage-top-accent.active{background:linear-gradient(90deg,#10b981,#34d399);height:4px}.stage-top-accent.force{background:linear-gradient(90deg,#f59e0b,#fbbf24);height:4px}.stage-header-strip{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.stage-mode-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);background:#fff;border:1px solid #cbd5e1;font-size:.72rem;font-weight:700;letter-spacing:.04em;box-shadow:0 1px 3px #0000000d}[data-theme=dark] .stage-mode-pill{background:#0f172a;border-color:#ffffff1a}.pulsing-mode-dot{width:7px;height:7px;border-radius:50%;animation:pulseMode 2s infinite ease-in-out}@keyframes pulseMode{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.stage-conn-pill{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-full);background:#fffc;border:1px solid rgba(0,0,0,.06)}[data-theme=dark] .stage-conn-pill{background:#0f172acc;border-color:#ffffff1a}.stage-visual-area{display:flex;align-items:center;justify-content:space-around;width:100%;min-height:165px;padding:8px}.grand-tank-wrap{display:flex;flex-direction:column;align-items:center;position:relative}.tank-lid-cap{height:5px;background:#334155;border-radius:2px;margin-bottom:-1px;z-index:10}.tank-lid-vent{width:7px;height:4px;background:#475569;border-radius:1px;margin:-5px auto 1px;z-index:11}.tank-cylinder-body{position:relative;border-radius:6px 6px 12px 12px;border:2px solid #94a3b8;background:#f8fafc;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:inset 0 2px 8px #00000014,0 2px 6px #0000001a}[data-theme=dark] .tank-cylinder-body{background:#0f172a;border-color:#475569;box-shadow:inset 0 2px 10px #00000080}.tank-body-rib{position:absolute;left:0;right:0;height:1px;background:#94a3b866;z-index:4}.tank-ticks-strip{position:absolute;top:0;bottom:0;right:3px;width:22px;pointer-events:none;z-index:8}.tick-mark-item{position:absolute;right:0;display:flex;align-items:center;gap:3px}.tick-mark-line{width:5px;height:1px;background:#0f172a59}[data-theme=dark] .tick-mark-line{background:#ffffff59}.tick-mark-line.major{width:8px;height:1.5px;background:#0f172a99}[data-theme=dark] .tick-mark-line.major{background:#fff9}.tick-mark-num{font-size:7px;font-weight:700;color:#64748b;font-family:monospace}.water-fill-reservoir{position:absolute;bottom:0;left:0;right:0;z-index:2;transition:height .8s cubic-bezier(.34,1.56,.64,1)}.wave-layer-svg{position:absolute;top:-12px;left:0;width:200%;height:20px;will-change:transform}.wave-layer-svg.primary{animation:waveRollPrimary 3.5s linear infinite}.wave-layer-svg.secondary{top:-9px;opacity:.55;animation:waveRollSecondary 2.4s linear infinite reverse}@keyframes waveRollPrimary{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes waveRollSecondary{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes waveRoll{0%{transform:translate(0)}to{transform:translate(-38px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inflow-waterfall{position:absolute;top:0;left:20%;width:4px;bottom:15px;background:linear-gradient(180deg,#38bdf8 0%,rgba(56,189,248,.4) 80%,transparent 100%);border-radius:2px;z-index:5;animation:cascadeInflow .6s infinite ease-in-out alternate}@keyframes cascadeInflow{0%{opacity:.7;transform:scaleY(.95)}to{opacity:1;transform:scaleY(1.05)}}.water-bubble{position:absolute;bottom:4px;border-radius:50%;background:#ffffffd9;z-index:6;animation:floatBubble 1.4s infinite ease-out}@keyframes floatBubble{0%{transform:translateY(0) scale(.6);opacity:0}30%{opacity:.85}to{transform:translateY(-45px) scale(1.2);opacity:0}}.tank-readout-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:9}.tank-pct-pill{background:#ffffffeb;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-sm);padding:2px 7px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 6px #0000001f}[data-theme=dark] .tank-pct-pill{background:#0f172aeb;border-color:#ffffff26}.tank-pct-value{font-size:1.15rem;font-weight:800;line-height:1.1;color:var(--text-primary)}.tank-pct-label{font-size:.62rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em}.tank-steel-base{height:5px;background:#334155;border-radius:2px;margin-top:1px;box-shadow:0 2px 4px #0003}.grand-pump-console{display:flex;flex-direction:column;align-items:center;justify-content:center}.pump-impeller-housing{position:relative;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#e2e8f0 70%,#94a3b8);border:3px solid #cbd5e1;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026}[data-theme=dark] .pump-impeller-housing{background:radial-gradient(circle at 35% 35%,#334155,#1e293b 70%,#0f172a);border-color:#475569}.pump-turbine-spin{animation:spinTurbine 1.1s linear infinite}@keyframes spinTurbine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pump-power-chip{display:flex;align-items:center;gap:3px;font-size:.68rem;font-weight:700;color:#d97706;background:#fef3c7;padding:2px 7px;border-radius:var(--radius-full);margin-top:6px;border:1px solid #fde68a}[data-theme=dark] .pump-power-chip{background:#d9770633;border-color:#d9770659}.pump-runtime-txt{font-size:.68rem;color:var(--text-muted);font-weight:600;margin-top:3px}.hydraulic-pipeline-bridge{flex:1;display:flex;align-items:center;justify-content:center;position:relative;height:12px;margin:0 4px}.pipeline-metallic-sleeve{width:100%;height:6px;border-radius:3px;background:linear-gradient(180deg,#94a3b8,#cbd5e1,#64748b);box-shadow:inset 0 1px 2px #0003}.pipeline-fluid-pulse{position:absolute;top:50%;left:0;width:14px;height:6px;border-radius:3px;background:#38bdf8;transform:translateY(-50%);box-shadow:0 0 8px #38bdf8;animation:pipePulse 1s linear infinite}@keyframes pipePulse{0%{left:0%;opacity:.2}50%{opacity:1}to{left:85%;opacity:.2}}.pipeline-dir-tag{position:absolute;top:-14px;font-size:11px;color:#0284c7;font-weight:800}.stage-quick-telemetry{display:flex;align-items:center;justify-content:space-around;margin-top:14px;padding-top:10px;border-top:1px solid rgba(0,0,0,.06)}[data-theme=dark] .stage-quick-telemetry{border-top-color:#ffffff14}.stage-quick-item{display:flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.status-ribbon-capsule{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-full);padding:6px 14px;box-shadow:var(--shadow-sm);transition:all .2s ease}.status-ribbon-pill{display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:800;letter-spacing:.05em}.pill-live{background:#0596691f;color:#059669;border:1px solid rgba(5,150,105,.28)}.pill-offline{background:#64748b1f;color:#64748b;border:1px solid rgba(100,116,139,.25)}.status-ribbon-dot{width:6px;height:6px;border-radius:50%}.dot-live{background:#10b981;box-shadow:0 0 6px #10b981;animation:pulseDot 2s infinite ease-in-out}.dot-offline{background:#94a3b8}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.status-ribbon-divider{width:1px;height:14px;background:var(--bg-card-border)}.status-ribbon-meta{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--text-muted);font-weight:600}.action-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.action-btn-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:105px;padding:8px 4px 10px;border-radius:var(--radius-lg);border:2px solid transparent;color:#fff;cursor:pointer;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,opacity .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.action-btn-card:active:not(:disabled){transform:scale(.95)}.action-btn-card:disabled{opacity:.45;cursor:not-allowed;transform:none}.action-btn-card.active-auto{border-color:#34d399;box-shadow:0 6px 18px #05966973}.action-btn-card.active-stop{border-color:#f87171;box-shadow:0 6px 18px #dc262673}.action-btn-card.active-force{border-color:#fbbf24;box-shadow:0 6px 18px #d9770673}.action-btn-gloss{position:absolute;top:0;left:0;right:0;height:2px;background:#ffffff80}.action-btn-top-row{height:18px;width:100%;display:flex;align-items:center;justify-content:center}.action-pill-tag{display:inline-flex;align-items:center;gap:3.5px;background:#ffffff40;padding:2px 7px;border-radius:var(--radius-full);font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.action-pill-dot{width:4px;height:4px;border-radius:50%}.action-btn-body{display:flex;flex-direction:column;align-items:center;width:100%}.action-icon-disc{width:32px;height:32px;border-radius:50%;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;margin-bottom:4px;transition:all .2s ease}.action-icon-disc.disc-active{background:#ffffff52;border-color:#ffffffa6}.action-btn-title{font-size:.75rem;font-weight:800;letter-spacing:.02em;line-height:1.1;color:#fff}.action-btn-sublabel{font-size:.58rem;font-weight:700;letter-spacing:.04em;color:#fffc;margin-top:2px}.telemetry-card{position:relative;background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:14px}.telemetry-top-accent{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f59e0b,#d97706,#ea580c)}.telemetry-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.telemetry-title-group{display:flex;align-items:center;gap:10px}.telemetry-icon-box{width:32px;height:32px;border-radius:8px;background:#fef3c7;display:flex;align-items:center;justify-content:center}[data-theme=dark] .telemetry-icon-box{background:#f59e0b33}.telemetry-card-title{display:block;font-size:.78rem;font-weight:800;letter-spacing:.06em;color:var(--text-primary);text-transform:uppercase}.telemetry-card-subtitle{display:block;font-size:.68rem;color:var(--text-muted);font-weight:500}.telemetry-badge{padding:3px 8px;border-radius:var(--radius-full);font-size:.68rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.telemetry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.telemetry-metric-tile{background:var(--bg-glass);border:1px solid var(--bg-card-border);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column}.telemetry-metric-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.telemetry-metric-label{font-size:.65rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.telemetry-metric-val{font-size:1.35rem;font-weight:800;color:var(--text-primary);display:flex;align-items:baseline;gap:3px;line-height:1.2}.telemetry-metric-unit{font-size:.75rem;font-weight:700;color:var(--text-muted)}.telemetry-metric-sub{font-size:.68rem;color:var(--text-muted);margin-top:4px;font-weight:500}.dashboard-container{display:flex;flex-direction:column;gap:16px;width:100%}.dashboard-header-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 2px}.dashboard-grid{display:flex;flex-direction:column;gap:16px}@media(min-width:992px){.dashboard-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:22px;align-items:start}.dashboard-main-col{display:flex;flex-direction:column;gap:16px}.dashboard-side-col{display:flex;flex-direction:column;gap:16px;position:sticky;top:86px}}.devices-container{width:100%;display:flex;flex-direction:column;gap:16px}.device-cards-grid{display:flex;flex-direction:column;gap:14px}@media(min-width:768px){.device-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:18px}}.analytics-container{width:100%;display:flex;flex-direction:column;gap:16px}.analytics-charts-grid{display:flex;flex-direction:column;gap:16px}@media(min-width:900px){.analytics-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.analytics-card-full{grid-column:1 / -1}}.settings-container{width:100%;display:flex;flex-direction:column;gap:16px}.settings-grid{display:flex;flex-direction:column;gap:16px}@media(min-width:992px){.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.settings-col{display:flex;flex-direction:column;gap:16px}}.profile-container{width:100%;display:flex;flex-direction:column;gap:16px}.profile-grid{display:flex;flex-direction:column;gap:16px}@media(min-width:992px){.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.profile-col{display:flex;flex-direction:column;gap:16px}}.auth-wrapper{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.auth-card-container{width:100%;max-width:440px;margin:0 auto}.claim-container{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:16px}