@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(/assets/PretendardVariable-CJuje-Rk.woff2)format("woff2-variations")}:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success:#16a34a;--warning:#f59e0b;--error:#dc2626;--info:#0ea5e9;--font-sans:"Pretendard Variable", Pretendard, -apple-system, system-ui, sans-serif;--font-mono:"JetBrains Mono", "Pretendard Variable", ui-monospace, "SF Mono", monospace;--tracking-tight:-.025em;--tracking-body:-.01em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-pill:999px;--blur-glass:7px;--ease-out:cubic-bezier(.22,.61,.36,1);--dur:.18s;--u:1;--f:1;--bg:#0a0f1a;--bg-sunken:#070b13;--surface:#111827;--surface-2:#151e30;--surface-glass:#1118278c;--surface-glass-border:#94a3b824;--border:#1f2a3c;--border-strong:#2b3a52;--fg:#e8eef7;--fg-muted:#9fb0c6;--fg-subtle:#617087;--accent:#3b82f6;--accent-strong:#2563eb;--accent-hover:#60a5fa;--accent-fg:#fff;--accent-soft:#2563eb29;--shadow-xs:0 1px 2px #00000073;--shadow-sm:0 1px 2px #00000059, 0 3px 10px #00000047;--shadow-md:0 6px 22px #00000073;--shadow-lg:0 16px 48px #0009;--shadow-glow:0 0 0 1px #3b82f673, 0 8px 28px #2563eb66}[data-theme=dark]{--bg:#0a0f1a;--bg-sunken:#070b13;--surface:#111827;--surface-2:#151e30;--surface-glass:#1118278c;--surface-glass-border:#94a3b824;--border:#1f2a3c;--border-strong:#2b3a52;--fg:#e8eef7;--fg-muted:#9fb0c6;--fg-subtle:#617087;--accent:#3b82f6;--accent-strong:#2563eb;--accent-hover:#60a5fa;--accent-fg:#fff;--accent-soft:#2563eb29;--shadow-xs:0 1px 2px #00000073;--shadow-sm:0 1px 2px #00000059, 0 3px 10px #00000047;--shadow-md:0 6px 22px #00000073;--shadow-lg:0 16px 48px #0009;--shadow-glow:0 0 0 1px #3b82f673, 0 8px 28px #2563eb66}[data-theme=light]{--bg:#f1f5f9;--bg-sunken:#e8eef5;--surface:#fff;--surface-2:#f8fafc;--surface-glass:#ffffff9e;--surface-glass-border:#0f172a1a;--border:#e2e8f0;--border-strong:#cbd5e1;--fg:#0f172a;--fg-muted:#475569;--fg-subtle:#94a3b8;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-hover:#1d4ed8;--accent-fg:#fff;--accent-soft:#2563eb1a;--shadow-xs:0 1px 2px #0f172a0f;--shadow-sm:0 1px 2px #0f172a0f, 0 3px 10px #0f172a0f;--shadow-md:0 8px 24px #0f172a1a;--shadow-lg:0 20px 52px #0f172a29;--shadow-glow:0 0 0 1px #2563eb59, 0 10px 30px #2563eb38}[data-bg=off]{--surface-glass:var(--surface);--surface-glass-border:var(--border);--blur-glass:0px}@keyframes mops-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes mops-pulse{0%,to{opacity:1}50%{opacity:.35}}.mops,body.mops{font-family:var(--font-sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;letter-spacing:var(--tracking-body)}.mops *,.mops :before,.mops :after{box-sizing:border-box}.prose{word-break:keep-all;line-height:1.65}.eyebrow{font-family:var(--font-mono);font-size:calc(11px * var(--f));letter-spacing:.08em;color:var(--fg-subtle)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:calc(20px * var(--u));box-shadow:var(--shadow-sm)}.card--hover{transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out)}.card--hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.glass{background:var(--surface-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));border:1px solid var(--surface-glass-border);border-radius:var(--r-lg);padding:calc(16px * var(--u))}.btn{font-family:var(--font-sans);font-size:calc(14px * var(--f));letter-spacing:-.01em;white-space:nowrap;padding:calc(9px * var(--u)) calc(16px * var(--u));border-radius:var(--r-md);cursor:pointer;transition:background var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);border:1px solid #0000;align-items:center;gap:7px;font-weight:600;display:inline-flex}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--primary{color:var(--accent-fg);background:var(--accent-strong);border-color:var(--accent-strong);box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--secondary{color:var(--fg);background:var(--surface-2);border-color:var(--border-strong)}.btn--secondary:hover{border-color:var(--fg-subtle)}.btn--ghost{color:var(--fg-muted);border-color:var(--border);background:0 0}.btn--ghost:hover{color:var(--fg);border-color:var(--border-strong)}.btn--danger{color:var(--error);background:color-mix(in srgb, var(--error) 10%, transparent);border-color:color-mix(in srgb, var(--error) 35%, transparent)}.btn--danger:hover{background:color-mix(in srgb, var(--error) 16%, transparent)}.btn--sm{font-size:calc(13px * var(--f));padding:calc(7px * var(--u)) calc(13px * var(--u))}.btn--icon{padding:calc(8px * var(--u));color:var(--fg-muted);background:var(--surface-2);border-color:var(--border)}.btn[disabled],.btn:disabled{opacity:.55;cursor:not-allowed;color:var(--fg-subtle);background:var(--surface-2);border-color:var(--border);box-shadow:none}.input{width:100%;font-family:var(--font-sans);font-size:calc(14px * var(--f));color:var(--fg);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:calc(10px * var(--u)) calc(12px * var(--u));transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);outline:none}.input::placeholder{color:var(--fg-subtle)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input-group{position:relative}.input-group>.input{padding-left:36px}.input-group>.input-icon{width:16px;height:16px;color:var(--fg-subtle);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.chip{font-family:var(--font-mono);font-size:calc(12px * var(--f));white-space:nowrap;border-radius:var(--r-pill);cursor:pointer;color:var(--fg-muted);background:var(--surface-2);border:1px solid var(--border);padding:4px 11px;font-weight:500}.chip--active{color:var(--accent-fg);background:var(--accent-strong);border-color:var(--accent-strong)}.badge{--c:var(--fg-subtle);border-radius:var(--r-pill);font-family:var(--font-mono);font-size:calc(12px * var(--f));letter-spacing:.02em;white-space:nowrap;color:var(--c);background:color-mix(in srgb, var(--c) 14%, transparent);border:1px solid color-mix(in srgb, var(--c) 30%, transparent);align-items:center;gap:6px;padding:3px 10px;font-weight:600;display:inline-flex}.badge:before{content:"";background:var(--c);border-radius:50%;flex:none;width:6px;height:6px}.badge--up,.badge--success{--c:var(--success)}.badge--warning{--c:var(--warning)}.badge--down,.badge--error{--c:var(--error)}.badge--info{--c:var(--info)}.badge--unknown{--c:var(--fg-subtle)}.kpi__label{justify-content:space-between;align-items:center;display:flex}.kpi__label .eyebrow{letter-spacing:.06em}.kpi__value{font-size:calc(30px * var(--f));letter-spacing:var(--tracking-tight);color:var(--fg);margin-top:8px;font-weight:600}.kpi__meta{align-items:center;gap:5px;margin-top:6px;display:flex}.kpi__delta{--c:var(--success);font-family:var(--font-mono);font-size:calc(12px * var(--f));color:var(--c);background:color-mix(in srgb, var(--c) 12%, transparent);border-radius:var(--r-pill);align-items:center;gap:2px;padding:1px 7px;font-weight:600;display:inline-flex}.kpi__delta--bad{--c:var(--error)}.kpi__foot{font-size:calc(11px * var(--f));color:var(--fg-subtle)}.data-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow-x:auto}.data-table__inner{min-width:600px}.dt-head,.dt-row{align-items:center;gap:12px;display:flex}.dt-head{padding:calc(11px * var(--u)) 20px;font-family:var(--font-mono);font-size:calc(11px * var(--f));letter-spacing:.06em;color:var(--fg-subtle);background:var(--surface-2);border-bottom:1px solid var(--border)}.dt-row{padding:calc(13px * var(--u)) 20px;border-top:1px solid var(--border)}.dt-row:first-child{border-top:none}.dt-row--hover{transition:background var(--dur) var(--ease-out);cursor:pointer}.dt-row--hover:hover{background:var(--surface-2)}.dt-cell{font-size:calc(13px * var(--f));color:var(--fg-muted);min-width:0}.dt-cell--mono{font-family:var(--font-mono);font-size:calc(12px * var(--f))}.dt-cell--strong{color:var(--fg)}.dt-cell--right{text-align:right}.tabs{border-bottom:1px solid var(--border);gap:4px;display:flex}.tab{padding:calc(9px * var(--u)) calc(16px * var(--u));font-family:var(--font-sans);font-size:calc(14px * var(--f));color:var(--fg-subtle);cursor:pointer;transition:color var(--dur) var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:500}.tab:hover{color:var(--fg-muted)}.tab--active{color:var(--fg);border-bottom-color:var(--accent)}.nav{flex-direction:column;gap:2px;display:flex}.nav__item{padding:calc(10px * var(--u)) calc(12px * var(--u));border-radius:var(--r-md);font-size:calc(14px * var(--f));color:var(--fg-muted);cursor:pointer;transition:background var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background:0 0;align-items:center;gap:11px;font-weight:500;display:flex}.nav__item:hover{background:var(--surface-2);color:var(--fg)}.nav__item--active{color:var(--accent);background:var(--accent-soft);font-weight:600}.nav__item>.nav__label{flex:1}.nav__count{font-family:var(--font-mono);font-size:calc(11px * var(--f));color:var(--fg-subtle);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);padding:1px 7px}.toast{--c:var(--accent);padding:calc(12px * var(--u)) calc(14px * var(--u));background:var(--surface-2);border:1px solid color-mix(in srgb, var(--c) 30%, transparent);border-radius:var(--r-lg);box-shadow:var(--shadow-md);animation:mops-fade-up var(--dur) var(--ease-out);align-items:center;gap:12px;display:flex}.toast--success{--c:var(--success)}.toast--warning{--c:var(--warning)}.toast--error{--c:var(--error)}.toast__icon{width:30px;height:30px;color:var(--c);background:color-mix(in srgb, var(--c) 16%, transparent);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.toast__body{flex:1;min-width:0}.toast__title{font-size:calc(13px * var(--f));color:var(--fg);font-weight:600}.toast__desc{font-size:calc(12px * var(--f));color:var(--fg-muted);margin-top:2px}.toast__close{color:var(--fg-subtle);cursor:pointer;background:0 0;border:none;padding:4px;display:inline-flex}.modal-scrim{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:mops-fade-up var(--dur) var(--ease-out);background:#02061499;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:calc(24px * var(--u))}.modal__header{gap:calc(14px * var(--u));align-items:flex-start;display:flex}.modal__title{color:var(--fg);letter-spacing:var(--tracking-tight);margin:0;font-size:18px;font-weight:600}.modal__desc{color:var(--fg-muted);word-break:keep-all;margin:8px 0 0;font-size:14px;line-height:1.6}.modal__foot{gap:calc(10px * var(--u));margin-top:calc(24px * var(--u));justify-content:flex-end;display:flex}.topbar{z-index:20;background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}[data-lucide]{stroke-width:1.5px}html,body,#root{min-height:100%}body{margin:0}main{overflow-x:hidden}.section{max-width:1080px;padding:calc(96px * var(--u)) calc(24px * var(--u));margin:0 auto}.section-eyebrow{margin-bottom:calc(10px * var(--u))}h1,h2,h3{letter-spacing:var(--tracking-tight);word-break:keep-all;margin:0;font-weight:700}.hero{text-align:center;min-height:88vh;padding:calc(48px * var(--u)) calc(24px * var(--u));animation:mops-fade-up .6s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;display:flex}.hero .eyebrow{margin-bottom:calc(18px * var(--u))}.hero h1{font-size:clamp(40px,7vw,88px);line-height:1.08}.hero-sub{max-width:640px;margin:calc(24px * var(--u)) auto 0;color:var(--fg-muted);font-size:clamp(16px,2vw,20px)}.hero-actions{gap:calc(12px * var(--u));margin-top:calc(36px * var(--u));flex-wrap:wrap;justify-content:center;display:flex}.hero-actions .btn{padding:calc(12px * var(--u)) calc(24px * var(--u));font-size:calc(15px * var(--f))}a.btn{text-decoration:none}.section>h2{margin-bottom:calc(48px * var(--u));font-size:clamp(26px,4vw,38px)}.service-grid{gap:calc(16px * var(--u));grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.service-card{align-items:flex-start;gap:calc(4px * var(--u));flex-direction:column;display:flex}.service-card--link{color:inherit;text-decoration:none}.service-badge{border-radius:var(--r-md);background:var(--accent-soft);width:40px;height:40px;color:var(--accent-hover);font-family:var(--font-mono);font-size:calc(13px * var(--f));margin-bottom:calc(8px * var(--u));justify-content:center;align-items:center;font-weight:700;display:inline-flex}.service-card h3{font-size:calc(17px * var(--f));font-family:var(--font-mono)}.service-tagline{font-size:calc(13px * var(--f));color:var(--accent-hover);margin:0;font-weight:600}.service-desc{margin:calc(4px * var(--u)) 0 0;font-size:calc(14px * var(--f));color:var(--fg-muted)}.step-list{gap:calc(32px * var(--u));flex-direction:column;display:flex}.step{gap:calc(24px * var(--u));align-items:flex-start;display:flex}.step-n{font-family:var(--font-mono);font-size:calc(15px * var(--f));color:var(--accent-hover);flex:none;padding-top:2px;font-weight:700}.step h3{font-size:calc(19px * var(--f));margin-bottom:calc(6px * var(--u))}.step p{color:var(--fg-muted);max-width:560px}.cta{text-align:center;border-top:1px solid var(--border)}.cta h2{font-size:clamp(24px,3.5vw,32px)}.cta-desc{max-width:560px;margin:calc(16px * var(--u)) auto 0;color:var(--fg-muted)}.footer{max-width:1080px;padding:calc(24px * var(--u));border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer-copy{font-size:calc(12px * var(--f));color:var(--fg-subtle)}.hero-user{font-size:calc(14px * var(--f));color:var(--fg-muted);padding:0 calc(4px * var(--u));align-items:center;display:inline-flex}.auth-page{min-height:100vh;padding:calc(24px * var(--u));justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:380px;animation:mops-fade-up .4s var(--ease-out)}.auth-title{font-size:calc(24px * var(--f));margin:calc(8px * var(--u)) 0 calc(24px * var(--u))}.field{margin-bottom:calc(16px * var(--u));display:block}.field-label{margin-bottom:calc(6px * var(--u));display:block}.field--checkbox{align-items:center;gap:calc(6px * var(--u));font-size:calc(13px * var(--f));color:var(--fg-muted);cursor:pointer;display:flex}.auth-toast{margin-bottom:calc(16px * var(--u))}.auth-submit{justify-content:center;width:100%}.auth-foot{margin:calc(20px * var(--u)) 0 0;text-align:center;font-size:calc(13px * var(--f));color:var(--fg-muted)}.auth-foot a{color:var(--accent-hover);font-weight:600;text-decoration:none}.auth-foot a:hover{text-decoration:underline}.dashboard-bar{justify-content:space-between;align-items:flex-end;gap:calc(16px * var(--u));max-width:1080px;padding:calc(40px * var(--u)) calc(24px * var(--u)) 0;flex-wrap:wrap;margin:0 auto;display:flex}.dashboard-title{margin:calc(4px * var(--u)) 0 0;letter-spacing:var(--tracking-tight);font-size:clamp(24px,4vw,34px);font-weight:700}.toolbar-actions{gap:calc(8px * var(--u));align-items:center;display:flex}.dashboard-section{padding-top:calc(32px * var(--u))}.dashboard-empty{color:var(--fg-muted)}.dashboard-empty a{color:var(--accent-hover);font-weight:600}.auth-hint{color:var(--fg-muted);font-size:calc(13px * var(--f));margin:0 0 calc(16px * var(--u))}.service-go{margin-top:calc(12px * var(--u));justify-content:center;text-decoration:none}.service-tagline--muted{color:var(--fg-subtle)}.service-fallbacks{align-items:center;gap:calc(8px * var(--u));margin-top:calc(10px * var(--u));display:flex}.service-fallback{font-family:var(--font-mono);font-size:calc(12px * var(--f));color:var(--fg-muted);border:1px solid var(--border);border-radius:var(--r-pill);padding:2px 8px;text-decoration:none}.service-fallback:hover{border-color:var(--border-strong);color:var(--fg)}.admin-toast{margin-bottom:calc(16px * var(--u))}.secret-card{border-color:color-mix(in srgb, var(--warning) 40%, transparent);margin-bottom:calc(20px * var(--u))}.secret-value{font-family:var(--font-mono);font-size:calc(13px * var(--f));word-break:break-all;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:calc(10px * var(--u)) calc(12px * var(--u));margin:calc(10px * var(--u)) 0;color:var(--fg);display:block}.create-form{margin-bottom:calc(24px * var(--u))}.create-form h3{margin:0 0 calc(14px * var(--u));font-size:calc(16px * var(--f))}.create-grid{gap:calc(12px * var(--u));margin-bottom:calc(14px * var(--u));grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.admin-service{margin-bottom:calc(16px * var(--u))}.admin-service-head{justify-content:space-between;align-items:flex-start;gap:calc(12px * var(--u));margin-bottom:calc(14px * var(--u));display:flex}.admin-service-head h3{font-size:calc(17px * var(--f));margin:0}.endpoints-label{margin-bottom:calc(8px * var(--u));display:block}.endpoint-list{margin:0 0 calc(12px * var(--u));gap:calc(8px * var(--u));flex-direction:column;padding:0;list-style:none;display:flex}.endpoint-row{align-items:center;gap:calc(10px * var(--u));display:flex}.endpoint-url{min-width:0;font-family:var(--font-mono);font-size:calc(13px * var(--f));color:var(--fg);word-break:break-all;flex:1}.endpoint-add{gap:calc(8px * var(--u));flex-wrap:wrap;display:flex}.endpoint-add .input{flex:1;min-width:180px}.endpoint-label-input{max-width:160px}