@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Sans+KR:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07111f;--bg-soft: rgba(13, 29, 49, .82);--panel: rgba(10, 24, 42, .78);--panel-strong: rgba(8, 19, 34, .92);--line: rgba(135, 176, 209, .18);--line-strong: rgba(135, 176, 209, .32);--text: #f3f4ef;--muted: #9fb1c4;--teal: #57f2cb;--cyan: #83d7ff;--amber: #f2b66d;--green: #7ef0a4;--red: #ff7b8b;--yellow: #ffd36d;--shadow: 0 30px 80px rgba(0, 0, 0, .35);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px}body{font-family:IBM Plex Sans KR,Space Grotesk,Pretendard Variable,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(87,242,203,.16),transparent 28%),radial-gradient(circle at 85% 12%,rgba(131,215,255,.18),transparent 24%),radial-gradient(circle at bottom right,rgba(242,182,109,.12),transparent 26%),linear-gradient(145deg,#05101d,#081629 45%,#0b1620);color:var(--text);line-height:1.5;min-height:100vh}body:before{background:linear-gradient(#7ef0a40f,#7ef0a40f) center/100% 1px no-repeat,linear-gradient(90deg,#83d7ff0a,#83d7ff0a) center/1px 100% no-repeat;content:"";top:0;right:0;bottom:0;left:0;opacity:.4;pointer-events:none;position:fixed}.app{min-height:100vh;padding:20px 24px;position:relative}.app-ambient{top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed}.ambient-orb,.ambient-grid,.ambient-beam{position:absolute}.ambient-orb{animation:float-orb 16s ease-in-out infinite;border-radius:50%;filter:blur(10px);opacity:.42}.orb-a{background:radial-gradient(circle,rgba(87,242,203,.42),transparent 68%);height:460px;left:-120px;top:-90px;width:460px}.orb-b{animation-duration:20s;animation-direction:reverse;background:radial-gradient(circle,rgba(131,215,255,.28),transparent 70%);height:380px;right:6%;top:18%;width:380px}.orb-c{animation-duration:24s;background:radial-gradient(circle,rgba(242,182,109,.2),transparent 72%);bottom:-140px;height:420px;right:16%;width:420px}.ambient-grid{background-image:linear-gradient(rgba(131,215,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(131,215,255,.045) 1px,transparent 1px);background-position:center center;background-size:56px 56px;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(circle at center,black,transparent 78%);mask-image:radial-gradient(circle at center,black,transparent 78%);opacity:.26}.ambient-beam{animation:beam-drift 14s linear infinite;background:linear-gradient(90deg,transparent,rgba(131,215,255,.12),transparent);height:140%;left:-20%;top:-20%;transform:rotate(18deg);width:32%}.app-header{align-items:end;animation:rise-in .75s ease both;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(240px,.54fr);margin:0 auto 24px;max-width:1560px}.header-copy,.hero-panel,.section{-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);background:linear-gradient(180deg,#0d1e31d1,#07121fe0);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffff08;overflow:hidden;position:relative}.header-copy{min-height:248px;padding:34px 36px}.header-copy.compact{min-height:auto;padding:22px 26px}.header-copy:before{background:radial-gradient(circle at 14% 18%,rgba(87,242,203,.18),transparent 18%),linear-gradient(90deg,rgba(131,215,255,.14),transparent 44%);content:"";top:0;right:0;bottom:0;left:0;opacity:.9;pointer-events:none;position:absolute}.header-copy:after,.hero-panel:after,.section:after{background:linear-gradient(120deg,transparent,rgba(131,215,255,.06),transparent);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.eyebrow,.section-kicker{color:var(--teal);display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.2em;margin-bottom:6px;text-transform:uppercase}.header-topline{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px}.header-copy.compact .header-topline{margin-bottom:10px}.header-code{background:#ffffff0a;border:1px solid rgba(131,215,255,.16);border-radius:999px;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.74rem;letter-spacing:.14em;padding:7px 12px}.header-pretitle{color:#9fb1c4e6;display:block;font-family:Space Grotesk,IBM Plex Sans KR,sans-serif;font-size:.92rem;letter-spacing:.12em;margin-bottom:10px;text-transform:uppercase}.header-inline{display:grid;gap:12px;grid-template-columns:minmax(0,.7fr) minmax(240px,.3fr);align-items:end}.app-header h1{display:flex;flex-direction:column;font-size:clamp(2.1rem,3vw,3.2rem);font-weight:700;letter-spacing:-.05em;line-height:.94;max-width:8ch}.app-header h1 span:last-child{color:#f3f4efeb}.header-title-bar{align-items:center;display:flex;gap:12px;margin-top:14px}.header-title-bar:before{background:linear-gradient(180deg,#57f2cbcc,#83d7ff47);border-radius:999px;content:"";display:block;height:36px;width:3px}.header-title-mark{color:var(--cyan);font-family:Space Grotesk,IBM Plex Sans KR,sans-serif;font-size:.92rem;letter-spacing:.1em;text-transform:uppercase}.hero-description{color:var(--muted);font-size:.94rem;line-height:1.65;margin:0;max-width:34ch}.header-status-strip{align-self:stretch;background:linear-gradient(180deg,#08121fd6,#0c1c2dcc);border:1px solid rgba(135,176,209,.14);border-radius:24px;display:grid;gap:1px;grid-template-rows:repeat(3,minmax(0,1fr));overflow:hidden;padding:8px}.header-status-item{background:#ffffff08;border-radius:16px;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:68px;padding:12px 14px}.header-status-item span{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.header-status-item strong{font-family:Space Grotesk,IBM Plex Sans KR,sans-serif;font-size:1.08rem;letter-spacing:-.03em}.app-main{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1560px}.ops-ribbon{animation:rise-in .75s ease both;animation-delay:.06s;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#0c1c2dc2,#07121fd6);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);display:grid;gap:1px;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;position:relative}.ops-ribbon:before{background:linear-gradient(90deg,transparent,rgba(131,215,255,.14),transparent);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.ops-ribbon-item{background:#ffffff05;min-height:92px;padding:18px 20px;position:relative}.ops-ribbon-item:after{background:linear-gradient(180deg,rgba(87,242,203,.26),transparent);content:"";height:2px;left:20px;position:absolute;top:0;width:44px}.ops-label{color:var(--muted);display:block;font-size:.7rem;font-weight:700;letter-spacing:.18em;margin-bottom:14px}.ops-ribbon-item strong{display:block;font-family:Space Grotesk,IBM Plex Sans KR,sans-serif;font-size:1.34rem;letter-spacing:-.04em;margin-bottom:6px}.ops-detail{color:var(--muted);font-size:.82rem}.top-grid{display:grid;gap:20px;grid-template-columns:minmax(420px,.92fr) minmax(540px,1.08fr);align-items:stretch}.summary-stack{display:grid;grid-template-rows:auto minmax(0,1fr);gap:20px;height:100%;min-width:0}.summary-stack>.section{min-height:0}.content-grid{display:grid;gap:24px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr)}.lower-grid{display:grid;gap:20px;grid-template-columns:minmax(360px,.84fr) minmax(0,1.16fr)}.content-primary,.content-secondary{min-width:0}.section{animation:rise-in .6s ease both;background:linear-gradient(180deg,#0c1d2fe6,#06101ceb),radial-gradient(circle at top right,rgba(131,215,255,.08),transparent 28%);padding:22px;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.section:hover{border-color:var(--line-strong);box-shadow:0 28px 80px #0000006b,inset 0 1px #ffffff0d,inset 0 0 0 1px #83d7ff08;transform:translateY(-2px)}.section:before{background:linear-gradient(90deg,rgba(87,242,203,.18),transparent 16%),radial-gradient(circle at 85% 0%,rgba(131,215,255,.1),transparent 26%);content:"";top:0;right:0;bottom:0;left:0;opacity:.85;pointer-events:none;position:absolute}.section>*{position:relative;z-index:1}.summary-stack>.section:nth-child(1){animation-delay:.08s}.summary-stack>.section:nth-child(2){animation-delay:.14s}.content-grid .section:nth-child(1){animation-delay:.2s}.content-grid .section:nth-child(2){animation-delay:.26s}.app-main>.section:last-child{animation-delay:.32s}.section-header,.log-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.section h2,.log-header h2{font-family:Space Grotesk,IBM Plex Sans KR,sans-serif;font-size:1.18rem;font-weight:700;letter-spacing:-.04em}.section-description{color:var(--muted);font-size:.84rem;margin:-4px 0 14px;line-height:1.5}.section-badge{align-self:center;background:linear-gradient(180deg,#ffffff0f,#ffffff06);border:1px solid rgba(131,215,255,.16);border-radius:999px;color:var(--text);font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.08em;padding:6px 13px;position:relative;text-transform:uppercase;box-shadow:inset 0 1px #ffffff0d}.section-badge:before{animation:signal-pulse 2s ease-in-out infinite;background:#57f2cbcc;border-radius:50%;content:"";display:inline-block;height:6px;margin-right:7px;vertical-align:middle;width:6px}.tone-running{border-color:#83d7ff61;color:var(--cyan)}.tone-success{border-color:#7ef0a459;color:var(--green)}.tone-error{border-color:#ff7b8b4d;color:var(--red)}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.tab{background:#ffffff06;border:1px solid var(--line);border-radius:999px;color:var(--muted);cursor:pointer;font-family:Space Grotesk,IBM Plex Sans KR,sans-serif;font-size:.78rem;font-weight:500;padding:8px 14px;transition:all .2s ease}.tab:hover{background:#83d7ff0f;border-color:#83d7ff59;color:var(--text)}.tab.active{background:linear-gradient(135deg,#57f2cb29,#83d7ff24);border-color:#83d7ff66;color:var(--text);font-weight:600;position:relative}.tab.active:after{animation:chip-glow 2.3s ease-in-out infinite;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.network-console{background:linear-gradient(180deg,#ffffff05,#83d7ff09),radial-gradient(circle at right top,rgba(131,215,255,.12),transparent 28%);border:1px solid rgba(135,176,209,.14);border-radius:22px;margin-bottom:18px;overflow:hidden;padding:18px;position:relative;box-shadow:inset 0 1px #ffffff0a}.network-console:before{background:linear-gradient(rgba(131,215,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(131,215,255,.04) 1px,transparent 1px);background-size:24px 24px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(circle at center,black 44%,transparent 100%);mask-image:radial-gradient(circle at center,black 44%,transparent 100%);opacity:.4;pointer-events:none;position:absolute}.network-header,.network-toolbar{position:relative;z-index:1}.network-header{margin-bottom:16px}.network-caption{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.74rem;letter-spacing:.1em;margin-top:6px;text-transform:uppercase}.network-toolbar{align-items:stretch;display:grid;gap:14px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.network-overview{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.network-overview-item{background:linear-gradient(180deg,#08121fe6,#0e1c2dc7);border:1px solid rgba(135,176,209,.14);border-radius:18px;min-height:86px;overflow:hidden;padding:14px 16px;position:relative;box-shadow:inset 0 1px #ffffff0a}.network-overview-item:after{background:linear-gradient(180deg,rgba(87,242,203,.38),transparent);content:"";height:2px;left:14px;position:absolute;top:0;width:40px}.network-overview-label{color:var(--muted);display:block;font-family:JetBrains Mono,monospace;font-size:.66rem;letter-spacing:.14em;margin-bottom:8px}.network-overview-item strong{font-family:Space Grotesk,IBM Plex Sans KR,sans-serif;font-size:1.6rem;letter-spacing:-.05em}.network-tabs{align-content:start;background:linear-gradient(180deg,#08121fd6,#0c1c2db8);border:1px solid rgba(135,176,209,.14);border-radius:18px;gap:10px;margin-bottom:0;padding:12px}.network-tabs .tab{background:#ffffff08;min-height:42px;padding:10px 14px}.telemetry-panel{display:flex;flex-direction:column;padding:20px 22px;background:linear-gradient(180deg,#0a192af0,#07121ff2),radial-gradient(circle at top left,rgba(131,215,255,.09),transparent 28%)}.control-deck-panel{background:linear-gradient(180deg,#0c1d30f5,#07121ff0),radial-gradient(circle at 0% 0%,rgba(87,242,203,.14),transparent 24%);padding:20px 22px}.control-deck-panel .section-description{margin-bottom:14px;font-size:.84rem;max-width:34ch}.insert-scope-panel{background:linear-gradient(180deg,#ffffff09,#ffffff05),radial-gradient(circle at right top,rgba(87,242,203,.08),transparent 28%);border:1px solid rgba(135,176,209,.14);border-radius:18px;margin-bottom:14px;padding:14px;box-shadow:inset 0 1px #ffffff0a}.insert-scope-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.insert-scope-label,.scope-caption{color:var(--muted);font-size:.76rem}.scope-link{background:none;border:none;color:var(--cyan);cursor:pointer;font-size:.76rem;padding:0}.scope-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.scope-chip{background:linear-gradient(180deg,#ffffff0a,#ffffff06);border:1px solid rgba(135,176,209,.18);border-radius:999px;color:var(--muted);cursor:pointer;font-size:.78rem;min-height:34px;padding:0 12px;transition:border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.scope-chip:hover:not(:disabled){border-color:#83d7ff59;color:var(--text);transform:translateY(-1px)}.scope-chip.active{background:linear-gradient(135deg,#7ef0a429,#57f2cb14);border-color:#7ef0a452;color:var(--green);box-shadow:inset 0 1px #ffffff0f,0 8px 18px #57f2cb14}.control-deck-panel .script-buttons{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.control-deck-panel .btn{min-height:46px;padding:0 18px;font-size:.84rem}.control-deck-panel .btn-small{grid-column:1 / -1;min-height:38px}.control-deck-panel .script-status{padding:10px 12px;font-size:.8rem}.telemetry-orbit{background:linear-gradient(180deg,#081322f0,#0c1c2dd1),radial-gradient(circle at 50% 22%,rgba(87,242,203,.14),transparent 30%);border:1px solid rgba(135,176,209,.14);border-radius:16px;display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:0;padding:10px}.telemetry-radar{aspect-ratio:1;border-radius:50%;border:1px solid rgba(131,215,255,.22);display:grid;margin:0 auto;max-width:100px;overflow:hidden;place-items:center;position:relative;width:100%}.telemetry-radar-ring,.telemetry-radar-sweep,.telemetry-radar-core{position:absolute}.telemetry-radar-ring{border:1px solid rgba(131,215,255,.16);border-radius:50%;top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.telemetry-ring-a{height:38%;width:38%}.telemetry-ring-b{height:64%;width:64%}.telemetry-ring-c{height:88%;width:88%}.telemetry-radar-sweep{animation:radar-spin 5.5s linear infinite;background:conic-gradient(from 180deg,transparent 0deg,rgba(87,242,203,.02) 250deg,rgba(87,242,203,.32) 320deg,transparent 360deg);height:100%;top:0;right:0;bottom:0;left:0}.telemetry-radar-core{background:radial-gradient(circle,rgba(87,242,203,.96),rgba(87,242,203,.22) 42%,transparent 68%);border-radius:50%;height:16%;width:16%}.telemetry-orbit-caption{border-top:1px solid rgba(135,176,209,.12);color:var(--muted);display:flex;flex-direction:column;gap:2px;padding-top:6px}.telemetry-orbit-caption span{font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.telemetry-orbit-caption strong{color:var(--text);font-family:Space Grotesk,IBM Plex Sans KR,sans-serif;font-size:.88rem;letter-spacing:-.03em}.telemetry-readouts{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}.telemetry-readouts.flat{grid-template-columns:repeat(4,minmax(0,1fr));flex:1}.telemetry-readout{background:linear-gradient(180deg,#08121fe6,#0e1c2dc7);border:1px solid rgba(135,176,209,.14);border-radius:18px;min-height:0;overflow:hidden;padding:12px 14px;position:relative;box-shadow:inset 0 1px #ffffff0a}.telemetry-readout:after{background:linear-gradient(180deg,rgba(87,242,203,.38),transparent);content:"";height:2px;left:12px;position:absolute;top:0;width:36px}.telemetry-readout.wide{grid-column:1 / -1;min-height:0}.telemetry-readouts.flat .telemetry-readout.wide{grid-column:auto}.telemetry-readout-label{color:var(--muted);display:block;font-family:JetBrains Mono,monospace;font-size:.66rem;letter-spacing:.14em;margin-bottom:4px}.telemetry-readout strong{display:block;font-family:Space Grotesk,IBM Plex Sans KR,sans-serif;font-size:1.12rem;letter-spacing:-.04em;line-height:1.1}.telemetry-readout-meta{color:var(--muted);display:block;font-size:.68rem;letter-spacing:.04em;margin-top:2px;text-transform:uppercase}.network-stage{display:flex;flex-direction:column;gap:16px}.rack-cluster{overflow:hidden;position:relative}.rack-cluster.horizontal{background:linear-gradient(180deg,#ffffff08,#ffffff04),radial-gradient(circle at left center,rgba(87,242,203,.08),transparent 34%);border:1px solid rgba(135,176,209,.16);border-radius:20px;display:grid;gap:14px;grid-template-columns:180px minmax(0,1fr);min-height:300px;padding:14px}.rack-cluster.horizontal:before{background:linear-gradient(rgba(131,215,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(131,215,255,.045) 1px,transparent 1px);background-size:28px 28px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(90deg,black 8%,transparent 96%);mask-image:linear-gradient(90deg,black 8%,transparent 96%);opacity:.5;pointer-events:none;position:absolute}.rack-cluster.horizontal:after{background:linear-gradient(90deg,transparent,rgba(131,215,255,.1),transparent);content:"";top:0;right:0;bottom:0;left:0;opacity:.55;pointer-events:none;position:absolute}.rack-sidebar,.rack-grid{position:relative;z-index:1}.rack-sidebar.compact{background:linear-gradient(180deg,#07121feb,#091624db);border:1px solid rgba(135,176,209,.14);border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;min-height:100%;padding:16px 14px 18px}.rack-sidebar.compact:before{background:linear-gradient(180deg,rgba(87,242,203,.42),transparent);border-radius:999px;content:"";height:88px;left:18px;position:absolute;top:18px;width:2px}.rack-label{color:var(--muted);display:block;font-size:.64rem;font-weight:700;letter-spacing:.2em;margin-bottom:10px;padding-left:14px;text-transform:uppercase}.rack-sidebar h3{font-family:Space Grotesk,IBM Plex Sans KR,sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:-.04em;line-height:1;padding-left:14px}.rack-metrics{color:var(--muted);display:grid;gap:6px;padding-left:14px}.rack-metrics span{align-items:center;background:#ffffff0a;border:1px solid rgba(135,176,209,.14);border-radius:999px;display:inline-flex;font-size:.72rem;min-height:30px;padding:0 10px;width:fit-content}.rack-grid.horizontal{align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(7,minmax(0,1fr));min-width:0}.accent-teal .rack-sidebar.compact:before{background:linear-gradient(180deg,rgba(87,242,203,.72),transparent)}.accent-cyan .rack-sidebar.compact:before{background:linear-gradient(180deg,rgba(131,215,255,.72),transparent)}.accent-amber .rack-sidebar.compact:before{background:linear-gradient(180deg,rgba(242,182,109,.72),transparent)}.device-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.device-card{background:linear-gradient(180deg,#06121efa,#091623f2);border:1px solid rgba(135,176,209,.14);border-radius:16px;min-height:220px;overflow:hidden;padding:14px;position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.device-card:before{background:radial-gradient(circle at top left,color-mix(in srgb,var(--status-accent) 24%,transparent),transparent 70%);content:"";top:0;right:0;bottom:0;left:0;opacity:.8;position:absolute}.device-card:after{animation:device-scan 6s linear infinite;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--status-accent) 16%,transparent),transparent);content:"";top:-40%;right:0;bottom:-40%;left:0;opacity:.45;position:absolute}.device-card:hover{border-color:color-mix(in srgb,var(--status-accent) 45%,var(--line));box-shadow:0 16px 42px #00000047;transform:translateY(-2px)}.rack-grid.horizontal .device-card{border-radius:16px;min-height:270px;padding:12px}.rack-grid.horizontal .device-card-top{align-items:flex-start;flex-direction:column;gap:8px}.rack-grid.horizontal .device-card-body{gap:12px;grid-template-columns:1fr}.rack-grid.horizontal .device-visual{min-height:110px}.rack-grid.horizontal .device-status-dot{font-size:1.2rem;min-height:30px;min-width:30px}.rack-grid.horizontal .device-id{font-size:.86rem}.rack-grid.horizontal .device-location{font-size:.72rem}.rack-grid.horizontal .device-time,.rack-grid.horizontal .device-meta{font-size:.74rem;white-space:normal}.rack-grid.horizontal .device-metric-strip,.rack-grid.horizontal .pending-ribbon{gap:6px}.rack-grid.horizontal .metric-chip,.rack-grid.horizontal .pending-chip{font-size:.68rem;padding:5px 8px}.rack-grid.horizontal .charger-head{height:16px;width:54px}.rack-grid.horizontal .charger-screen{height:42px;width:64px}.rack-grid.horizontal .charger-body{height:68px;width:76px}.rack-grid.horizontal .charger-cable{height:26px;margin-left:34px;width:18px}.rack-grid.horizontal .charger-base{width:58px}.rack-grid.horizontal .pc-screen{height:72px;width:94px}.rack-grid.horizontal .pc-base{width:72px}.device-card-top,.device-card-body{position:relative;z-index:1}.device-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.device-pill,.device-kind{border-radius:999px;font-size:.72rem;letter-spacing:.04em;padding:6px 9px}.device-pill{background:#ffffff0f;border:1px solid var(--line)}.device-pill.online{color:var(--green)}.device-pill.offline{color:var(--red)}.device-pill.stale{color:var(--yellow)}.device-pill.unknown{color:var(--muted)}.device-kind{background:#ffffff08;color:var(--muted)}.device-card-body{display:grid;gap:16px;grid-template-columns:124px minmax(0,1fr)}.device-status-dot{animation:signal-pulse 2.2s ease-in-out infinite;align-items:center;background:#030c18b8;border:1px solid rgba(255,255,255,.08);border-radius:999px;display:inline-flex;font-size:1.5rem;line-height:1;justify-content:center;min-height:36px;min-width:36px;position:absolute;right:10px;top:10px;z-index:2}.device-visual{align-items:center;border-radius:14px;display:flex;justify-content:center;min-height:140px;position:relative}.device-visual:before{background:linear-gradient(rgba(131,215,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(131,215,255,.06) 1px,transparent 1px);background-size:20px 20px;border:1px solid rgba(131,215,255,.12);border-radius:18px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(circle at center,black 45%,transparent 100%);mask-image:radial-gradient(circle at center,black 45%,transparent 100%);opacity:.7;position:absolute}.device-aura{background:radial-gradient(circle,color-mix(in srgb,var(--status-accent) 28%,transparent),transparent 68%);border-radius:50%;filter:blur(10px);height:120px;opacity:.9;position:absolute;width:120px}.charger-figure,.pc-figure{position:relative;z-index:1}.charger-figure{align-items:center;display:flex;flex-direction:column;gap:6px}.charger-head,.charger-screen,.charger-body,.charger-base,.pc-screen,.pc-stand,.pc-base{position:relative}.charger-head{align-items:center;background:linear-gradient(180deg,#d2edffeb,#91b7d0b8);border:1px solid rgba(255,255,255,.35);border-radius:14px;box-shadow:0 16px 40px #0000002e;display:flex;gap:10px;height:20px;justify-content:center;width:66px}.charger-led{animation:radar-blink 2s ease-in-out infinite;background:#57f2cbf2;border-radius:999px;height:6px;width:16px}.charger-led.alt{animation-delay:.7s;background:#83d7fff2}.charger-screen{background:linear-gradient(180deg,#e3f4fff2,#84a5bcd9);border:1px solid rgba(255,255,255,.4);border-radius:16px;box-shadow:0 22px 50px #0000002e;height:54px;overflow:hidden;padding:10px;width:78px}.screen-line{background:linear-gradient(90deg,#144561f2,#57f2cb59);border-radius:999px;display:block;height:6px;margin-bottom:6px;width:100%}.screen-line.short{width:58%}.screen-line.tiny{width:36%}.charger-body{background:linear-gradient(180deg,#e1edf6f5,#5a758deb);border:1px solid rgba(255,255,255,.34);border-radius:18px;box-shadow:0 24px 54px #0000003d;height:84px;overflow:hidden;width:92px}.charger-slot,.charger-port{position:absolute}.charger-slot{background:#0a182ae0;border-radius:999px;height:10px;left:50%;top:16px;transform:translate(-50%);width:42px}.charger-port{background:radial-gradient(circle,#57f2cbf0,#1a4058e6 54%,#08121fe6 70%);border-radius:50%;box-shadow:0 0 18px #57f2cb66;height:18px;left:50%;top:42px;transform:translate(-50%);width:18px}.charger-cable{animation:cable-sway 4.8s ease-in-out infinite;border-bottom:2px solid rgba(87,242,203,.55);border-left:2px solid rgba(87,242,203,.55);border-radius:0 0 0 18px;height:34px;margin-left:42px;margin-top:-10px;width:24px}.charger-base{background:linear-gradient(180deg,#4f6072f2,#1d2c3af0);border-radius:999px;box-shadow:0 12px 28px #0000004d;height:8px;width:74px}.pc-figure{align-items:center;display:flex;flex-direction:column;gap:8px}.pc-screen{background:linear-gradient(160deg,#05101dfa,#12314ff5);border:1px solid rgba(171,206,231,.3);border-radius:18px;box-shadow:0 26px 54px #0000003d;height:88px;overflow:hidden;position:relative;width:112px}.pc-screen:before{animation:tile-sheen 5.2s ease-in-out infinite;background:linear-gradient(120deg,transparent,rgba(131,215,255,.16),transparent);content:"";top:-40%;right:-40%;bottom:-40%;left:-40%;position:absolute}.pc-glow-line{animation:log-scan 5s linear infinite;background:linear-gradient(90deg,#57f2cb33,#83d7ffd9);border-radius:999px;display:block;height:8px;left:14px;position:absolute}.line-a{top:20px;width:42px}.line-b{animation-duration:6.6s;top:38px;width:68px}.line-c{animation-duration:4.4s;top:56px;width:56px}.pc-stand{background:linear-gradient(180deg,#a1bed6eb,#495f75eb);border-radius:999px;height:22px;width:12px}.pc-base{background:linear-gradient(180deg,#546a7cf5,#1b2a39f5);border-radius:999px;height:8px;width:84px}.device-info{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.device-id{font-family:Space Grotesk,IBM Plex Sans KR,sans-serif;font-size:.96rem;font-weight:650;letter-spacing:-.02em}.device-location{color:var(--cyan);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.device-time,.device-meta{color:var(--muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-metric-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.metric-chip,.pending-chip{background:#ffffff0a;border:1px solid rgba(131,215,255,.14);border-radius:999px;color:var(--text);font-size:.74rem;padding:6px 10px}.metric-chip strong{color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.08em;margin-right:6px}.pending-ribbon{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pending-chip{color:var(--cyan)}.pending-chip.quiet{color:var(--green)}.script-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.btn{border:none;border-radius:16px;cursor:pointer;font-family:Space Grotesk,IBM Plex Sans KR,sans-serif;font-size:.84rem;font-weight:600;letter-spacing:-.01em;min-height:42px;overflow:hidden;padding:0 18px;position:relative;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease,filter .2s ease;box-shadow:inset 0 1px #ffffff0f}.btn:after{animation:tile-sheen 5.5s ease-in-out infinite;background:linear-gradient(120deg,transparent,rgba(255,255,255,.2),transparent);content:"";top:-40%;right:-40%;bottom:-40%;left:-40%;position:absolute;transform:translate(-125%) rotate(14deg)}.btn:hover:not(:disabled){box-shadow:0 8px 24px #0000004d;filter:brightness(1.1);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0);filter:brightness(.95)}.btn:disabled{cursor:not-allowed;opacity:.35;filter:grayscale(.4)}.btn-collect{background:linear-gradient(135deg,#74dbff,#1f89ff 62%,#0d5fd3);box-shadow:0 10px 28px #2086ff57;color:#03111c}.btn-insert{background:linear-gradient(135deg,#8df4ba,#19c278 60%,#0b8f58);box-shadow:0 10px 28px #0db26b52;color:#03111c}.btn-small{background:#ffffff0f;border:1px solid var(--line);color:var(--text);min-height:36px;padding:0 14px}.script-status{border:1px solid var(--line);border-radius:10px;font-family:JetBrains Mono,monospace;font-size:.78rem;letter-spacing:.02em;padding:10px 14px}.script-status.running{background:#83d7ff17;color:var(--cyan)}.script-status.success{background:#7ef0a417;color:var(--green)}.script-status.error{background:#ff7b8b17;color:var(--red)}.collect-summary-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}.collect-kpi{background:linear-gradient(180deg,#ffffff0b,#ffffff05);border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;gap:6px;min-height:96px;overflow:hidden;padding:16px;position:relative;box-shadow:inset 0 1px #ffffff0a}.collect-kpi:after{animation:tile-sheen 5.5s ease-in-out infinite;background:linear-gradient(120deg,transparent,rgba(131,215,255,.08),transparent);content:"";top:-40%;right:-40%;bottom:-40%;left:-40%;position:absolute;transform:translate(-125%) rotate(16deg)}.collect-kpi-label{color:var(--muted);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.collect-kpi strong{font-family:Space Grotesk,IBM Plex Sans KR,sans-serif;font-size:1.26rem}.collect-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.collect-meta span{background:#ffffff09;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.8rem;padding:8px 12px}.company-count-panel{background:linear-gradient(180deg,#08121fd1,#0c1b2bbd);border:1px solid rgba(135,176,209,.14);border-radius:22px;margin-bottom:16px;overflow:hidden;padding:18px;box-shadow:inset 0 1px #ffffff0a}.company-count-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.company-count-header h3{font-family:Space Grotesk,IBM Plex Sans KR,sans-serif;font-size:.98rem;letter-spacing:-.03em}.company-count-header span{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.76rem}.company-count-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.company-count-tile{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(135,176,209,.14);border-radius:18px;min-height:98px;overflow:hidden;padding:16px;position:relative}.company-count-tile:after{content:"";height:2px;left:16px;position:absolute;top:0;width:56px}.company-count-tile.accent-유한:after{background:linear-gradient(90deg,rgba(87,242,203,.9),transparent)}.company-count-tile.accent-신한:after{background:linear-gradient(90deg,rgba(131,215,255,.9),transparent)}.company-count-tile.accent-일신:after{background:linear-gradient(90deg,rgba(242,182,109,.9),transparent)}.company-count-label{color:var(--muted);display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;margin-bottom:10px}.company-count-tile strong{font-family:Space Grotesk,IBM Plex Sans KR,sans-serif;font-size:1.5rem;letter-spacing:-.05em}.collect-lists{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.collect-list-card{background:linear-gradient(180deg,#ffffff09,#ffffff05);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:inset 0 1px #ffffff0a}.collect-list-card h3{font-size:.95rem;margin-bottom:10px}.collect-list-card ul{color:var(--muted);display:flex;flex-direction:column;font-size:.82rem;gap:6px;list-style:none}.insert-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.insert-card{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid var(--line);border-radius:18px;overflow:hidden;padding:18px;position:relative;min-height:220px;box-shadow:inset 0 1px #ffffff0a}.insert-card:after{animation:device-scan 7s linear infinite;background:linear-gradient(180deg,transparent,rgba(126,240,164,.08),transparent);content:"";top:-45%;right:0;bottom:-45%;left:0;position:absolute}.insert-card.success{border-color:#7ef0a43d}.insert-card.has-errors{border-color:#ffd36d47}.insert-card.waiting{opacity:.7}.insert-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.insert-card h3{font-family:Space Grotesk,IBM Plex Sans KR,sans-serif;font-size:1.04rem}.insert-state{border-radius:999px;font-size:.72rem;padding:6px 10px}.insert-state.ok{background:#7ef0a41a;color:var(--green)}.insert-state.has-errors{background:#ffd36d1f;color:var(--amber)}.insert-detail{color:var(--muted);display:flex;flex-direction:column;font-size:.82rem;gap:4px}.insert-state-meta{color:var(--muted);display:flex;flex-direction:column;font-size:.78rem;gap:4px;margin-top:10px}.insert-status,.insert-db,.insert-time{color:var(--muted);font-size:.8rem;margin-top:8px}.error-count{color:var(--red);font-weight:700}.error-details{margin-top:10px}.error-details summary{color:var(--amber);cursor:pointer;font-size:.8rem}.error-details ul{color:var(--red);margin-top:8px;padding-left:16px}.log-header{align-items:center}.log-controls{align-items:center;display:flex;gap:12px}.auto-scroll-label{align-items:center;color:var(--muted);cursor:pointer;display:flex;font-size:.8rem;gap:6px}.log-container{background:linear-gradient(180deg,#040d17fa,#030a13f5),repeating-linear-gradient(180deg,rgba(131,215,255,.03) 0 1px,transparent 1px 22px);border:1px solid var(--line);border-radius:18px;font-family:JetBrains Mono,D2Coding,Consolas,monospace;font-size:.78rem;height:360px;line-height:1.65;overflow-y:auto;padding:16px;position:relative;box-shadow:inset 0 1px #ffffff08}.log-container:after{animation:log-scan 5s linear infinite;background:linear-gradient(180deg,transparent,rgba(87,242,203,.1),transparent);content:"";top:-40%;right:0;bottom:-40%;left:0;pointer-events:none;position:absolute}.log-line{margin-bottom:3px;white-space:pre-wrap;word-break:break-word}.log-prefix{color:#83d7ff85;margin-right:8px;-webkit-user-select:none;user-select:none}.empty,.log-empty{color:var(--muted);padding:18px 8px;text-align:center}.empty.small{font-size:.82rem;padding:6px 0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#87b0d147;border-radius:999px}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes signal-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.55;transform:scale(1.08)}}@keyframes float-orb{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(24px,-18px,0) scale(1.08)}}@keyframes beam-drift{0%{transform:translate(-10%) rotate(18deg)}to{transform:translate(150%) rotate(18deg)}}@keyframes radar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes radar-blink{0%,to{opacity:.35;transform:scale(.9)}45%{opacity:1;transform:scale(1.12)}}@keyframes tile-sheen{0%,68%,to{transform:translate(-125%) rotate(18deg)}84%{transform:translate(120%) rotate(18deg)}}@keyframes chip-glow{0%,to{opacity:.18}50%{opacity:.42}}@keyframes device-scan{0%{transform:translateY(-62%)}to{transform:translateY(62%)}}@keyframes cable-sway{0%,to{transform:rotate(0)}50%{transform:rotate(4deg)}}@keyframes log-scan{0%{transform:translateY(-72%)}to{transform:translateY(72%)}}@media(max-width:1100px){.app-header,.top-grid,.content-grid,.lower-grid{grid-template-columns:1fr}.telemetry-readouts.flat,.ops-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel-top,.network-toolbar,.telemetry-shell{grid-template-columns:1fr}.hero-radar{margin:0 auto;max-width:180px;width:100%}.hero-panel-grid,.ops-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.rack-cluster.horizontal{grid-template-columns:1fr}.rack-grid.horizontal{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-stack>.section{flex:none}}@media(max-width:720px){.app{padding:16px}.header-copy,.hero-panel,.section{border-radius:22px;padding:18px}.hero-panel-grid,.collect-summary-grid{grid-template-columns:1fr 1fr}.header-topline{align-items:flex-start;flex-direction:column}.company-count-grid,.network-overview,.telemetry-readouts,.ops-ribbon,.device-grid{grid-template-columns:1fr}.rack-cluster.horizontal{padding:14px}.rack-sidebar.compact{gap:12px;padding:16px}.rack-sidebar h3,.rack-label,.rack-metrics{padding-left:12px}.rack-grid.horizontal{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-stack>.section{flex:none}.device-card-body{grid-template-columns:1fr}.device-visual{min-height:144px}.script-buttons,.log-controls,.hero-subline{flex-direction:column;align-items:stretch}.control-deck-panel .script-buttons{grid-template-columns:1fr}.telemetry-readouts.flat{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-subline span,.section-badge{width:fit-content}.ops-ribbon{grid-template-columns:1fr}}