:root{--bg:#08111f;--panel:#0f1a2d;--panel-2:#14223a;--text:#edf5ff;--muted:#95a8c7;--line:rgba(255,255,255,0.12);--green:#35e0a1;--cyan:#58d7ff;--red:#ff6b6b;--yellow:#ffd166}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 12% 8%,rgba(53,224,161,.18),transparent 28%),radial-gradient(circle at 86% 15%,rgba(88,215,255,.14),transparent 26%),var(--bg);font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,Noto Sans KR,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 36px));margin:0 auto}.header{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(8,17,31,.8)}.nav{min-height:72px;display:flex;justify-content:space-between;gap:16px}.brand,.nav{align-items:center}.brand{display:inline-flex;gap:10px;font-weight:900;letter-spacing:-.03em}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;color:#04130d;background:linear-gradient(135deg,var(--green),var(--cyan))}.navlinks{display:flex;gap:18px;align-items:center;color:var(--muted);font-size:14px}.navlinks a:hover{color:white}.main{min-height:calc(100vh - 72px)}.hero{padding:74px 0 56px}.grid-2{display:grid;grid-template-columns:1.08fr .92fr;grid-gap:28px;gap:28px;align-items:center}.eyebrow{margin:0 0 12px;color:var(--green);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:12px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(42px,6.2vw,78px);line-height:.98;letter-spacing:-.065em}h2{margin-bottom:16px;font-size:clamp(28px,4vw,46px);line-height:1.06;letter-spacing:-.04em}h3{letter-spacing:-.02em}.lead{max-width:720px;color:var(--muted);font-size:18px;line-height:1.7}.panel{border:1px solid var(--line);border-radius:28px;background:rgba(15,26,45,.86);box-shadow:0 24px 80px rgba(0,0,0,.26)}.panel-pad,.search-card{padding:26px}.search-row{display:flex;gap:10px}.input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:14px;padding:0 14px;color:var(--text);background:rgba(255,255,255,.05);outline:none}.input:focus{border-color:rgba(53,224,161,.65)}.button{min-height:48px;border:0;border-radius:14px;padding:0 18px;cursor:pointer;color:#04130d;font-weight:900;background:linear-gradient(135deg,var(--green),var(--cyan))}.button.secondary{color:var(--text);border:1px solid var(--line);background:rgba(255,255,255,.05)}.button.danger{color:white;background:var(--red)}.button:disabled{opacity:.55;cursor:not-allowed}.small{font-size:13px;color:var(--muted)}.notice{border:1px solid rgba(255,209,102,.35);border-radius:18px;padding:14px 16px;color:#ffe5a3;background:rgba(255,209,102,.08)}.section{padding:48px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.card{border:1px solid var(--line);border-radius:24px;padding:22px;background:rgba(255,255,255,.045)}.card p{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.stat{border:1px solid var(--line);border-radius:20px;padding:18px;background:rgba(255,255,255,.045)}.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;margin-top:6px;font-size:24px;word-break:break-word}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:22px}table{width:100%;border-collapse:collapse;min-width:820px}td,th{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.035)}td{color:#dce8fb;font-size:14px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;word-break:break-all}.badge{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.badge.in{color:#06130d;background:var(--green)}.badge.out{color:#07111f;background:var(--cyan)}.badge.gray{color:var(--text);background:rgba(255,255,255,.09)}.form{display:grid;grid-gap:12px;gap:12px}.auth-box{width:min(460px,calc(100% - 36px));margin:58px auto}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{height:18px}.footer{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:13px}.error{color:#ffb3b3}.success{color:#afffdd}@media (max-width:860px){.cards,.grid-2,.stats{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column;padding:14px 0}.navlinks{flex-wrap:wrap}.search-row{flex-direction:column}}