:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#02050a;--ink:#f4fbff;--muted:#a5b7c7;--faint:#def8ffa8;--cyan:#6be2ff;--blue:#1c9dff;--teal:#35d6d0;--violet:#8f82ff;--glass:#0d233a3d;--glass-soft:#2d93d31f;--edge:#defaffbd;--edge-soft:#84e2ff47;--shadow:0 24px 80px #0000006b, 0 0 44px #3fbcff2e;background:var(--bg);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-width:320px;margin:0;overflow-x:hidden}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.interface-shell{background:linear-gradient(90deg,#ffffff0d,#0000 18%,#7cbfff14 48%,#0000 72%),radial-gradient(circle at 18% 18%,#3ab4ff29,#0000 26%),radial-gradient(circle at 78% 16%,#9774ff24,#0000 23%),radial-gradient(circle at 50% 82%,#1b97ff3d,#0000 32%),#02050a;min-height:100dvh;padding:24px clamp(14px,3vw,56px) 34px;position:relative;overflow:hidden}.scene-depth,.light-sweep,.noise-layer{pointer-events:none;position:absolute;inset:0}.scene-depth{filter:blur(.2px);opacity:.86;background:linear-gradient(90deg,#0000 0 12%,#ffffff14 13%,#0000 18%),linear-gradient(90deg,#0000 0 66%,#788bb429 68%,#0000 73%),radial-gradient(at 63% 11%,#dcebff3d,#0000 16%),repeating-linear-gradient(90deg,#0000 0 86px,#70bfff0b 87px,#0000 88px)}.scene-depth:before{content:"";background:linear-gradient(90deg,#0000007a,#0000 20% 76%,#00000085),linear-gradient(#0000003d,#0000 38%,#000000a3);position:absolute;inset:0}.light-sweep{mix-blend-mode:screen;opacity:.62;background:linear-gradient(104deg,#0000 0 38%,#ffffff2e 42%,#0000 49%),linear-gradient(110deg,#0000 0 62%,#50d5ff1f 66%,#0000 72%)}.noise-layer{z-index:20;mix-blend-mode:screen;background:repeating-linear-gradient(#ffffff07 0 1px,#0000 1px 5px)}.hud-topbar,.command-rail,.viewport-frame,.metric-tile,.lower-panel,.insight-card{border:1px solid var(--edge-soft);box-shadow:var(--shadow), inset 0 0 36px #6bdbff12;-webkit-backdrop-filter:blur(18px)saturate(1.35);backdrop-filter:blur(18px)saturate(1.35);background:linear-gradient(135deg,#ffffff14,#41b8ff0e 28%,#020c193d 70%),#03101d5c}.hud-topbar{z-index:10;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;width:min(100%,1560px);min-height:76px;margin:0 auto 22px;padding:12px 16px;display:grid;position:relative;transform:perspective(1300px)rotateX(1deg)}.hud-topbar:after,.viewport-frame:after,.lower-panel:after{content:"";background:linear-gradient(90deg,#0000,#eefdfff2,#0000);width:21%;height:1px;position:absolute;top:-1px;right:5%;box-shadow:0 0 16px #91eaffd9}.brand-core{min-height:50px;color:var(--ink);text-transform:uppercase;align-items:center;gap:12px;padding:0 16px;font-weight:800;text-decoration:none;display:inline-flex}.brand-core svg{color:var(--cyan);filter:drop-shadow(0 0 13px #5ad7ffe6)}.brand-mark{flex:0 0 38px;width:38px;height:38px;overflow:visible}.brand-mark-orbit{fill:#03121fa3;stroke:#89e8ffc7;stroke-width:1.35px;stroke-dasharray:18 8;filter:drop-shadow(0 0 14px #53d7ffc7);transform-origin:50%;animation:6s linear infinite markOrbit}.brand-mark-panel,.brand-mark-core,.brand-mark-shadow{stroke-linejoin:round}.brand-mark-panel{fill:none;stroke:#9feeffb8;stroke-width:4.5px;stroke-linecap:square}.brand-mark-core{fill:url(#markCore);stroke:#f4fdffeb;stroke-width:1.2px}.brand-mark-shadow{fill:url(#markShadow)}.brand-mark-dot{fill:#eefdfff0;stroke:#64e3ffd6;stroke-width:2px;filter:drop-shadow(0 0 10px #6ee4fff2);animation:2.2s ease-in-out infinite markPulse}.hud-tabs{perspective:900px;justify-content:center;gap:8px;min-width:0;display:flex}.hud-tab,.icon-control,.rail-button,.rail-menu,.action-grid button{min-height:46px;color:var(--faint);transform-style:preserve-3d;will-change:transform;background:linear-gradient(135deg,#ffffff0f,#3cb9ff0b),#010c1747;border:1px solid #c5f5ff33;transition:transform .26s cubic-bezier(.2,.8,.2,1),border-color .18s,background .18s,color .18s,box-shadow .18s;position:relative;overflow:hidden}.hud-tab:before,.icon-control:before,.rail-button:before,.rail-menu:before,.action-grid button:before{content:"";pointer-events:none;opacity:0;background:linear-gradient(105deg,#0000 38%,#ffffff8c 48%,#64e5ff38 52%,#0000 62%);transition:opacity .22s,transform .36s;position:absolute;inset:-45% -75%;transform:translate(-34%)rotate(8deg)}.hud-tab{text-transform:uppercase;min-width:116px;padding:0 18px;font-size:.78rem;font-weight:800}.hud-tab.active,.hud-tab:hover,.rail-button.active,.rail-button:hover,.icon-control:hover,.action-grid button:hover{color:#fff;background:linear-gradient(135deg,#ffffff29,#38bcff24),#10436e3d;border-color:#defdffb8;transform:translateY(-2px)rotateX(9deg)rotateY(-13deg)scale(1.035);box-shadow:0 0 28px #4ac8ff38,inset 0 0 20px #b0efff14}.hud-tab:hover:before,.rail-button:hover:before,.rail-menu:hover:before,.icon-control:hover:before,.action-grid button:hover:before,.hud-tab:focus-visible:before,.rail-button:focus-visible:before,.rail-menu:focus-visible:before,.icon-control:focus-visible:before,.action-grid button:focus-visible:before{opacity:.68;transform:translate(34%)rotate(8deg)}.hud-tab:active,.rail-button:active,.rail-menu:active,.icon-control:active,.action-grid button:active{transform:translateY(0)rotateX(0)rotateY(0)scale(.98)}.top-actions{perspective:850px;gap:8px;display:flex}.icon-control,.rail-menu{place-items:center;width:48px;padding:0;display:grid}.command-layout{z-index:2;grid-template-columns:94px minmax(0,1fr);gap:22px;width:min(100%,1560px);margin:0 auto;display:grid;position:relative}.command-rail{perspective:850px;align-self:start;gap:10px;padding:12px;display:grid;position:sticky;top:22px}.rail-button{place-items:center;gap:6px;min-height:70px;padding:8px 6px;display:grid}.rail-button span{text-transform:uppercase;font-size:.66rem;font-weight:800}.rail-button svg,.icon-control svg,.action-grid svg{color:var(--cyan);filter:drop-shadow(0 0 9px #5edeffb8)}.glass-viewport{perspective:1500px;min-height:650px;position:relative}.viewport-frame{min-height:650px;padding:clamp(18px,2.2vw,34px);position:relative;overflow:visible}.viewport-header{z-index:4;justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px;display:flex;position:relative}.overline{color:var(--cyan);text-transform:uppercase;font-size:.74rem;font-weight:900;display:block}h1,h2,p{margin:0}.viewport-header h1{letter-spacing:0;text-shadow:0 0 24px #eafcff47;max-width:760px;margin-top:6px;font-size:clamp(2.6rem,5vw,5.8rem);line-height:.94}.status-cluster{flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:240px;display:flex}.status-cluster span{color:#d8f6ff;text-transform:uppercase;background:#0b2a4638;border:1px solid #c0f4ff3d;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:.78rem;font-weight:800;display:inline-flex}.hologram-pane{cursor:crosshair;border:1px solid var(--edge);clip-path:polygon(4% 8%,98% 0,94% 94%,8% 100%);height:min(52vw,560px);min-height:470px;transform:rotateX(calc(4deg + var(--tilt-x,0deg))) rotateY(calc(-10deg + var(--tilt-y,0deg))) rotateZ(-1.5deg);transform-origin:50%;transform-style:preserve-3d;-webkit-backdrop-filter:blur(7px)saturate(1.55);backdrop-filter:blur(7px)saturate(1.55);background:linear-gradient(101deg,#ffffff1f,#66d5ff11 28%,#071e361a 66%,#ffffff14),repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 8px),linear-gradient(#4dc3ff3d,#010d1c1f);margin-top:-10px;transition:transform .18s ease-out,box-shadow .22s;animation:7s ease-in-out infinite paneFloat;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #86e7ff33,inset 0 1px #fffc,0 0 60px #50cbff4d}.hologram-pane:before,.hologram-pane:after{content:"";pointer-events:none;position:absolute;inset:5% 4% 7%}.hologram-pane:before{clip-path:polygon(2% 4%,100% 0,96% 98%,4% 100%);opacity:.72;background-image:linear-gradient(#a1e6ff24 1px,#0000 1px),linear-gradient(90deg,#a1e6ff1f 1px,#0000 1px);background-size:42px 34px;border:1px solid #d7faff33}.hologram-pane:after{background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,42%), #ffffff47, transparent 18%), linear-gradient(99deg, transparent 0 36%, #ffffff80 41%, transparent 48%), linear-gradient(108deg, transparent 0 58%, #4bdeff3d 63%, transparent 70%);mix-blend-mode:screen;opacity:.44;animation:5.6s ease-in-out infinite paneSweep;inset:-20% -12%}.hologram-pane.gallery-mode .pane-touch{z-index:3;opacity:.34}.hologram-pane.gallery-mode:before{opacity:.42}.hologram-pane.gallery-mode:after{opacity:.32}.pane-edge{z-index:4;background:linear-gradient(90deg,#0000,#f6fefff5,#4bd3ffe0,#0000);width:92%;height:1px;position:absolute;left:4%;box-shadow:0 0 18px #aaf1ffdb}.edge-a{top:8%;transform:rotate(-1.7deg)}.edge-b{opacity:.58;bottom:6%;transform:rotate(-2.8deg)}.pane-reflection{z-index:2;filter:blur(18px);mix-blend-mode:screen;background:#ffffff4d;border-radius:999px;position:absolute}.reflection-a{width:18%;height:16%;top:14%;left:39%}.reflection-b{opacity:.34;width:10%;height:46%;top:22%;right:18%}.pane-touch{z-index:7;aspect-ratio:1;background:radial-gradient(circle,#ffffffeb 0 11%,#64e0ff8a 12% 45%,#0000 47%);border-radius:50%;width:58px;animation:2.4s ease-in-out infinite touchPulse;position:absolute;box-shadow:0 0 26px #73e5ffb8}.touch-a{top:42%;left:55%}.touch-b{top:49%;right:18%}.glass-widget{z-index:5;color:#eefcffe6;text-shadow:0 0 12px #46c8ffbd;outline:0;transition:transform .22s,filter .22s;position:absolute;transform:translateZ(28px)}.glass-widget:hover,.glass-widget:focus-visible,.glass-widget.active{filter:drop-shadow(0 0 18px #63e0ff94);transform:translateZ(58px)scale(1.045)}.glass-widget.active:after{content:"";pointer-events:none;background:#64daff0d;border:1px solid #edfdff8c;position:absolute;inset:-10px;box-shadow:inset 0 0 22px #6de4ff1a,0 0 18px #5cd6ff47}.widget-title{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:8px;display:flex}.widget-title span,.conversion-widget>span,.retention-widget>span{color:#f6fdffe6;font-size:clamp(.66rem,.8vw,.84rem);font-weight:800}.widget-title small{color:#d5f3ff94;font-size:.64rem}.daily-widget{width:36%;top:13%;left:8%}.sales-widget{width:37%;top:51%;left:9%}.conversion-widget{justify-items:center;gap:9px;display:grid;top:42%;left:48%}.retention-widget{justify-items:center;gap:9px;display:grid;top:42%;right:17%}.bars-widget{width:30%;bottom:9%;right:31%}.map-widget{width:23%;top:58%;right:5%}.radar-widget{width:15%;bottom:6%;right:7%}.trend-chart,.area-chart,.world-map,.radar-graph{width:100%;display:block;overflow:visible}.chart-grid,.radar-grid{fill:none;stroke:#dbf9ff38;stroke-width:1px}.trend-muted,.trend-main,.world-map path{fill:none;stroke-linecap:round;stroke-linejoin:round}.trend-muted{stroke:#ecfcff94;stroke-width:1.25px}.trend-main{stroke:#f4fefffa;stroke-width:2.4px;filter:drop-shadow(0 0 7px #55daffeb);stroke-dasharray:620;stroke-dashoffset:620px;animation:3.8s ease-in-out infinite chartTrace}.trend-fill,.area-fill{fill:#46ccff47;animation:4.8s ease-in-out infinite areaPulse}.trend-chart circle,.world-map circle{fill:#effdff;filter:drop-shadow(0 0 8px #56dcfff2);animation:2.6s ease-in-out infinite nodePulse}.ring-gauge{aspect-ratio:1;background:radial-gradient(circle at center, #00101c2e 0 46%, transparent 48%), conic-gradient(from -135deg, #f1fefffa 0 var(--gauge-value), #ecfaff2e var(--gauge-value) 270deg, transparent 270deg 360deg);border-radius:50%;place-items:center;width:96px;animation:3.2s ease-in-out infinite gaugeBreathe;display:grid;position:relative;box-shadow:inset 0 0 18px #4dd5ff33,0 0 23px #43cdff40}.ring-gauge.large{width:128px}.ring-gauge:after{content:"";aspect-ratio:1;background:#eefcff;border-radius:50%;width:10px;box-shadow:0 0 12px #ffffffe6}.ring-gauge strong{font-size:1.05rem;position:absolute;bottom:-27px}.ring-gauge.large strong{font-size:1.24rem;bottom:-30px}.mini-bars{background:linear-gradient(#69daff1a,#0000);border-bottom:1px solid #dcf9ff6b;align-items:end;gap:5px;height:82px;padding:8px 8px 0;display:flex}.mini-bars i{height:var(--bar-height);transform-origin:bottom;min-width:4px;animation:2.8s ease-in-out infinite barSignal;animation-delay:calc(var(--bar-height) * -.012s);background:linear-gradient(#ebfeffeb,#4bd1ff47);flex:1;display:block;box-shadow:0 0 8px #56d8ff9e}.world-map path{stroke:#5edeffbd;stroke-width:4px;filter:drop-shadow(0 0 8px #3ac1ffb8)}.radar-fill{fill:#2fb7ff6b;stroke:#dffbffc7;stroke-width:1.5px;animation:3.4s ease-in-out infinite radarPulse}.pane-readout{z-index:8;background:#04182a47;border:1px solid #e8fdff5c;gap:4px;min-width:190px;padding:12px 14px;display:grid;position:absolute;top:12%;right:6%;transform:translateZ(72px);box-shadow:0 0 24px #4eccff2e,inset 0 0 18px #70e4ff12}.pane-readout span{color:var(--cyan);text-transform:uppercase;font-size:.7rem;font-weight:900}.pane-readout strong{color:#f3fcff;font-size:.95rem}.gallery-projection{z-index:8;grid-template-rows:1fr auto;gap:14px;display:grid;position:absolute;inset:8% 5% 7%;transform:translateZ(62px)}.gallery-beam{pointer-events:none;filter:blur(.2px);mix-blend-mode:screen;opacity:.56;background:linear-gradient(105deg,#0000 0 28%,#f8feff38 34%,#58dcff2e 38%,#0000 46%),radial-gradient(at 50% 12%,#ffffff6b,#0000 35%);height:118%;animation:4.8s ease-in-out infinite galleryBeam;position:absolute;inset:-18% 8% auto;transform:skew(-8deg)}.gallery-stage{perspective:1200px;min-height:350px;animation:.52s cubic-bezier(.18,.84,.22,1) galleryStageIn;position:relative}.gallery-frame,.gallery-ghost{background:#02122038;border:1px solid #e8fdff7a;position:absolute;overflow:hidden;box-shadow:0 0 38px #4cd3ff47,inset 0 0 30px #7be8ff1f}.gallery-frame{clip-path:polygon(3% 6%,100% 0,96% 91%,7% 100%);margin:0;inset:5% 12% 9%;transform:rotateY(-4deg)rotateX(1.5deg)}.gallery-frame:before,.gallery-frame:after{content:"";z-index:3;pointer-events:none;position:absolute;inset:0}.gallery-frame:before{mix-blend-mode:screen;opacity:.4;background:repeating-linear-gradient(#ffffff1f 0 1px,#0000 1px 7px),linear-gradient(110deg,#0000 0 38%,#ffffff47 46%,#0000 54%)}.gallery-frame:after{border:1px solid #ffffff5c;box-shadow:inset 0 0 0 1px #5dddff38}.gallery-frame img,.gallery-ghost img,.gallery-thumb img{object-fit:cover;width:100%;height:100%;display:block}.gallery-frame img{z-index:1;opacity:.94;filter:saturate(.98)contrast(1.08)brightness(.94);pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;animation:9s ease-in-out infinite galleryImageDrift;position:absolute;inset:0;transform:scale(1.035)}.gallery-scan{z-index:4;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(95deg,#0000 0 42%,#ffffffb8 48%,#57deff3d 51%,#0000 58%);animation:2.6s ease-out galleryScan;position:absolute;inset:-20% -35%;transform:translate(-55%)rotate(4deg)}.gallery-caption{z-index:5;text-shadow:0 0 14px #000000b3;background:linear-gradient(90deg,#000a12b8,#0014242e,#0000);border-left:2px solid #70e5ffc7;gap:3px;max-width:420px;padding:12px 14px;display:grid;position:absolute;bottom:6%;left:4%;right:7%}.gallery-caption span{color:var(--cyan);text-transform:uppercase;font-size:.68rem;font-weight:900}.gallery-caption strong{color:#f7fdff;text-transform:uppercase;font-size:clamp(1.25rem,2.4vw,2.25rem);line-height:1}.gallery-caption p{color:#e5f7ffd1;font-size:clamp(.72rem,.9vw,.92rem)}.gallery-ghost{opacity:.34;filter:saturate(.55)brightness(.76)blur(.1px);clip-path:polygon(9% 8%,100% 0,90% 91%,0 100%);width:24%;top:18%;bottom:18%}.gallery-ghost-left{left:0;transform:translate(-18%)rotateY(24deg)rotate(-2deg)scale(.86)}.gallery-ghost-right{right:0;transform:translate(18%)rotateY(-24deg)rotate(2deg)scale(.86)}.gallery-controls{z-index:9;grid-template-columns:52px minmax(0,1fr) 52px;align-items:start;gap:12px;display:grid;position:relative}.gallery-arrow,.gallery-thumb{color:#effcff;background:linear-gradient(135deg,#ffffff1f,#39c3ff14),#0214238a;border:1px solid #d6f9ff42;transition:transform .22s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 0 24px #44ccff24,inset 0 0 18px #74e1ff14}.gallery-arrow{place-items:center;width:52px;min-height:52px;display:grid}.gallery-arrow:hover,.gallery-thumb:hover,.gallery-thumb.active{border-color:#f0feffb8;transform:translateY(-2px)rotateX(8deg);box-shadow:0 0 32px #4fd3ff47,inset 0 0 22px #90ecff1a}.gallery-thumbs{scroll-behavior:smooth;gap:8px;min-width:0;padding-bottom:8px;display:flex;overflow:auto hidden}.gallery-thumbs::-webkit-scrollbar{height:6px}.gallery-thumbs::-webkit-scrollbar-track{background:#02122066;border-radius:3px}.gallery-thumbs::-webkit-scrollbar-thumb{background:#6be2ff66;border-radius:3px}.gallery-thumbs::-webkit-scrollbar-thumb:hover{background:#6be2ff99}.gallery-thumb{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;min-width:120px;padding:6px;display:flex}.gallery-thumb img{aspect-ratio:16/9;filter:saturate(.84)brightness(.78);border:1px solid #dcfaff38;width:100%;min-height:50px;max-height:70px}.gallery-thumb span{color:#ebfbffe6;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;width:100%;font-size:.6rem;font-weight:900;overflow:hidden}.floating-insights{z-index:8;gap:12px;width:min(210px,23vw);display:grid;position:absolute;top:19%;right:-16px}.insight-card{grid-template-columns:34px 1fr;align-items:center;gap:12px;min-height:82px;padding:14px;display:grid}.insight-card svg{color:var(--cyan);filter:drop-shadow(0 0 9px #5edeffb8)}.insight-card strong{font-size:1.35rem;line-height:1;display:block}.insight-card span{color:var(--muted);font-size:.75rem}.metric-strip,.lower-grid{z-index:2;width:min(100%,1560px);margin:22px auto 0;position:relative}.metric-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-tile{min-height:126px;padding:20px;position:relative}.metric-tile span,.metric-tile small{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.metric-tile strong{color:#f8fdff;margin:8px 0 4px;font-size:clamp(2rem,3vw,3rem);line-height:1;display:block}.metric-tile small{color:var(--cyan)}.lower-grid{grid-template-columns:1.4fr .9fr .8fr;gap:14px;display:grid}.lower-panel{min-height:260px;padding:22px;position:relative}.panel-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.panel-heading h2{font-size:clamp(1.1rem,1.5vw,1.45rem)}.panel-heading svg{color:var(--cyan)}.trend-chart.compact{height:164px}.activity-table{gap:10px;display:grid}.activity-table div{border-bottom:1px solid #b8ecff29;grid-template-columns:1fr auto auto;align-items:center;gap:12px;min-height:42px;display:grid}.activity-table span{color:#effcff;font-weight:750}.activity-table em{color:var(--muted);font-size:.82rem;font-style:normal}.activity-table strong{color:var(--cyan)}.action-grid{perspective:850px;gap:10px;display:grid}.action-grid button{color:#eafaff;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 14px;font-weight:800;display:inline-flex}@keyframes paneFloat{0%,to{translate:0}50%{translate:0 -10px}}@keyframes paneSweep{0%,to{opacity:.28;transform:translate(-18%)}50%{opacity:.54;transform:translate(10%)}}@keyframes chartTrace{0%{stroke-dashoffset:620px}42%,to{stroke-dashoffset:0}}@keyframes areaPulse{0%,to{opacity:.22}50%{opacity:.42}}@keyframes nodePulse{0%,to{opacity:.72;transform-origin:50%;transform:scale(.92)}50%{opacity:1;transform-origin:50%;transform:scale(1.12)}}@keyframes gaugeBreathe{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}@keyframes barSignal{0%,to{opacity:.62;transform:scaleY(.76)}50%{opacity:1;transform:scaleY(1)}}@keyframes radarPulse{0%,to{opacity:.36;transform-origin:50%;transform:scale(.98)}50%{opacity:.62;transform-origin:50%;transform:scale(1.03)}}@keyframes touchPulse{0%,to{opacity:.58;transform:scale(.92)}50%{opacity:.94;transform:scale(1.08)}}@keyframes galleryStageIn{0%{opacity:0;filter:blur(8px);transform:translateY(18px)rotateX(8deg)scale(.96)}58%{opacity:1}to{filter:blur();transform:translateY(0)rotateX(0)scale(1)}}@keyframes galleryScan{0%{opacity:0;transform:translate(-58%)rotate(4deg)}18%,70%{opacity:.9}to{opacity:0;transform:translate(58%)rotate(4deg)}}@keyframes galleryBeam{0%,to{opacity:.34;transform:skew(-8deg)translate(-2%)}50%{opacity:.64;transform:skew(-8deg)translate(3%)}}@keyframes galleryImageDrift{0%,to{transform:scale(1.035)translate(0,0)}50%{transform:scale(1.085)translate(-1.5%,-1%)}}@keyframes markOrbit{to{transform:rotate(360deg)}}@keyframes markPulse{0%,to{opacity:.72;transform-origin:50%;transform:scale(.94)}50%{opacity:1;transform-origin:50%;transform:scale(1.08)}}@media (width<=1180px){.hud-topbar{grid-template-columns:1fr auto}.hud-tabs{grid-area:2/1/auto/-1;justify-content:start;padding-bottom:4px;overflow-x:auto}.glass-viewport,.viewport-frame{min-height:580px}.floating-insights{display:none}.hologram-pane{height:520px}.gallery-frame{inset:7% 8% 12%}.gallery-ghost{display:none}.metric-strip,.lower-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-panel{grid-column:1/-1}}@media (width<=760px){.interface-shell{padding:14px 12px 24px}.hud-topbar{grid-template-columns:1fr;gap:12px}.brand-core,.top-actions{justify-content:center}.hud-tabs{perspective:none;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.hud-tab{min-width:0}.command-layout{grid-template-columns:1fr}.command-rail{perspective:none;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative;top:auto;overflow:visible}.rail-button{min-width:0;min-height:62px}.rail-menu{width:auto}.viewport-header{display:grid}.viewport-header h1{font-size:clamp(2.25rem,13vw,4rem)}.status-cluster{justify-content:start;min-width:0}.glass-viewport,.viewport-frame{min-height:720px}.hologram-pane{transform-origin:42%;height:590px;min-height:590px;transform:rotateX(4deg)rotateY(-7deg)rotate(-1.5deg)scale(1.08)}.daily-widget{width:48%}.sales-widget{width:46%}.conversion-widget{left:48%}.retention-widget,.radar-widget,.map-widget,.pane-readout{display:none}.bars-widget{width:42%;bottom:11%;right:12%}.gallery-projection{inset:7% 4% 6%}.gallery-frame{inset:6% 3% 19%}.gallery-controls{grid-template-columns:48px minmax(0,1fr) 48px;gap:8px}.gallery-arrow{width:48px;min-height:48px}.gallery-thumb{grid-template-columns:64px minmax(0,1fr)}.metric-strip,.lower-grid{grid-template-columns:1fr}}@media (width<=460px){.hud-tabs{gap:8px}.hud-tab{text-overflow:ellipsis;white-space:nowrap;padding:0 8px;overflow:hidden}.command-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.hologram-pane{height:540px;min-height:540px;transform:rotateX(4deg)rotateY(-7deg)rotate(-1.5deg)scale(1.18)}.widget-title small,.conversion-widget>span{display:none}.ring-gauge.large{width:96px}.ring-gauge{width:76px}.ring-gauge strong,.ring-gauge.large strong{font-size:.86rem;bottom:-24px}.mini-bars{height:70px}.gallery-projection{inset:8% 5% 6%}.gallery-frame{inset:6% 0 25%}.gallery-caption{max-width:none;right:5%}.gallery-caption p{display:none}.gallery-controls{grid-template-columns:44px minmax(0,1fr) 44px}.gallery-arrow{width:44px;min-height:44px}.gallery-thumbs{gap:6px}.gallery-thumb{grid-template-columns:1fr;min-height:54px;padding:5px}.gallery-thumb span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.hud-tab:hover,.rail-button:hover,.rail-menu:hover,.icon-control:hover,.action-grid button:hover{transform:none}.hologram-pane,.hologram-pane:after,.pane-touch,.trend-main,.trend-fill,.area-fill,.trend-chart circle,.world-map circle,.ring-gauge,.mini-bars i,.radar-fill,.gallery-stage,.gallery-beam,.gallery-frame img,.gallery-scan,.brand-mark-orbit,.brand-mark-dot{animation:none!important}}.image-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10000;cursor:pointer;background:#02050af2;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.image-modal img{object-fit:contain;border:1px solid var(--edge-soft);cursor:default;border-radius:12px;max-width:95%;max-height:95%;animation:.3s cubic-bezier(.34,1.56,.64,1) modalImageZoom;box-shadow:0 0 60px #6be2ff4d,0 24px 80px #0009}@keyframes modalImageZoom{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-close{background:var(--glass);border:1px solid var(--edge-soft);width:48px;height:48px;color:var(--ink);z-index:10001;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:2rem;right:2rem}.modal-close:hover{background:var(--glass-soft);border-color:var(--cyan);transform:scale(1.1)rotate(90deg);box-shadow:0 0 20px #6be2ff66}.modal-close:active{transform:scale(.95)rotate(90deg)}
