@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{--bg-base: #0d1117;--bg-surface: #161b22;--bg-sidebar: #0d1117;--bg-input: #1c2128;--bg-hover: #1f2937;--bg-active: #21262d;--bg-card: #161b22;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-tertiary: #484f58;--accent: #00d4a0;--accent-deep: #00b389;--accent-muted: rgba(0, 212, 160, .08);--accent-border: rgba(0, 212, 160, .25);--green: #00d4a0;--green-muted: rgba(0, 212, 160, .08);--green-border: rgba(0, 212, 160, .2);--red: #ff6b6b;--red-muted: rgba(255, 107, 107, .08);--red-border: rgba(255, 107, 107, .2);--blue: #58a6ff;--blue-muted: rgba(88, 166, 255, .08);--yellow: #e3b341;--yellow-muted: rgba(227, 179, 65, .08);--cyan: #79c0ff;--cyan-muted: rgba(121, 192, 255, .08);--purple: #a78bfa;--purple-muted: rgba(124, 58, 237, .08);--coupang: #ff6b6b;--naver: #00d4a0;--border: #30363d;--border-strong: #484f58;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(0, 212, 160, .12);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--font-sans: "Inter", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}.dashboard-container{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:var(--bg-sidebar);border-right:1px solid var(--border);padding:0 .75rem 1rem;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}aside::-webkit-scrollbar{width:0}.sidebar-logo-area{padding:1.25rem .75rem .5rem;display:flex;align-items:center;gap:9px;margin-bottom:.25rem}.sidebar-logo-icon{width:28px;height:28px;background:var(--accent-muted);border:1px solid var(--accent-border);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--accent);letter-spacing:-.05em}.sidebar-logo-title{font-size:.9rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.sidebar-logo-sub{font-size:.64rem;color:var(--text-tertiary);padding:0 .75rem;margin-bottom:1.25rem;font-family:var(--font-mono);letter-spacing:.02em}.sidebar-section-label{font-size:.62rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;padding:.5rem .75rem .35rem;font-family:var(--font-mono)}.nav-item{display:flex;align-items:center;gap:8px;padding:.5rem .75rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s var(--ease);text-decoration:none;color:var(--text-secondary);font-size:.845rem;font-weight:450;border:1px solid transparent;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border)}.nav-item.active{background:var(--accent-muted);color:var(--accent);font-weight:550;border-color:var(--accent-border)}.nav-item.active svg{color:var(--accent)}.sidebar-divider{height:1px;background:var(--border);margin:.75rem 0}.sidebar-bottom{margin-top:auto;padding:.75rem}.sidebar-status-pill{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;color:var(--accent);font-weight:500;background:var(--accent-muted);border:1px solid var(--accent-border);padding:.3rem .6rem;border-radius:100px;font-family:var(--font-mono)}main{padding:2rem 2.5rem;overflow-y:auto;min-height:100vh;background:var(--bg-base)}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.75rem}.page-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em;line-height:1.2}.page-subtitle{font-size:.78rem;color:var(--text-tertiary);margin-top:.25rem;font-weight:400;font-family:var(--font-mono)}.status-live{display:flex;align-items:center;gap:6px;padding:.4rem .85rem;background:var(--accent-muted);border:1px solid var(--accent-border);border-radius:100px;font-size:.72rem;font-weight:500;color:var(--accent);font-family:var(--font-mono)}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 2s ease-in-out infinite}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem;margin-bottom:1.25rem}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-xs);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.glass{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.chart-container{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;height:340px;margin-bottom:1.25rem;box-shadow:var(--shadow-xs)}.table-container{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all .15s var(--ease);border:1px solid transparent;white-space:nowrap}.btn-primary{background:transparent;color:var(--accent);border-color:var(--accent-border)}.btn-primary:hover{background:var(--accent-muted);border-color:var(--accent);box-shadow:0 0 12px #00d4a026}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-danger{background:var(--red-muted);color:var(--red);border-color:var(--red-border)}input,select,textarea{font-family:var(--font-sans)}input:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-muted)!important}input::placeholder{color:var(--text-tertiary)}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:var(--border);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 0 3px var(--accent-muted),0 0 8px #00d4a04d;transition:box-shadow .2s var(--ease)}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px var(--accent-muted),0 0 12px #00d4a066}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-title{font-size:.88rem;font-weight:600;color:var(--text-primary)}.log-item{display:flex;gap:.75rem;padding:.45rem .85rem;border-bottom:1px solid var(--border);font-size:.78rem;transition:background .1s ease}.log-item:last-child{border-bottom:none}.log-item:hover{background:var(--bg-hover)}.log-time{color:var(--text-tertiary);white-space:nowrap;font-size:.7rem;font-family:var(--font-mono);padding-top:1px}.log-badge{font-size:.64rem;padding:1px 6px;border-radius:4px;font-weight:600;flex-shrink:0;height:fit-content;margin-top:1px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3px}.log-badge-info{background:var(--blue-muted);color:var(--blue);border:1px solid rgba(88,166,255,.2)}.log-badge-success{background:var(--green-muted);color:var(--green);border:1px solid rgba(0,212,160,.2)}.log-badge-warning{background:var(--yellow-muted);color:var(--yellow);border:1px solid rgba(227,179,65,.2)}.log-badge-error{background:var(--red-muted);color:var(--red);border:1px solid rgba(255,107,107,.2)}.data-table{width:100%;border-collapse:collapse;font-size:.82rem}.data-table th{padding:.55rem .75rem;text-align:left;color:var(--text-tertiary);font-weight:600;font-size:.68rem;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border);font-family:var(--font-mono)}.data-table td{padding:.6rem .75rem;border-bottom:1px solid var(--border);color:var(--text-primary)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-hover)}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:.68rem;font-weight:600;font-family:var(--font-mono);border:1px solid}.tag-coupang{background:rgba(255,107,107,.08);color:var(--coupang);border-color:#ff6b6b33}.tag-naver{background:rgba(0,212,160,.08);color:var(--naver);border-color:#00d4a033}.empty-state{padding:2.5rem;text-align:center;color:var(--text-tertiary);font-size:.8rem;font-family:var(--font-mono)}.terminal-cursor:after{content:"_";color:var(--accent);animation:blink 1s step-end infinite}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-muted);color:var(--text-primary)}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #00d4a066}50%{opacity:.7;box-shadow:0 0 0 5px #00d4a000}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}h1,h2,h3{font-weight:700;letter-spacing:-.02em}.mono{font-family:var(--font-mono)}.text-sm{font-size:.82rem}.text-xs{font-size:.72rem}.text-muted{color:var(--text-tertiary)}.mobile-menu-btn{display:none;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem;color:var(--text-secondary);cursor:pointer;transition:all .15s var(--ease)}.mobile-menu-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.sidebar-close-btn{display:none;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;margin-left:auto}.sidebar-overlay{display:none}@media (max-width: 1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}main{padding:1.5rem}}@media (max-width: 768px){.dashboard-container{grid-template-columns:1fr}.mobile-menu-btn{display:flex}.sidebar-close-btn{display:block}aside{position:fixed;top:0;left:-260px;width:260px;height:100vh;z-index:100;transition:left .25s var(--ease);box-shadow:none}aside.sidebar-open{left:0;box-shadow:4px 0 24px #0009}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:99}main{padding:1.25rem 1rem}.stats-grid{grid-template-columns:1fr}.header{flex-direction:row;gap:.5rem}.page-title{font-size:1.15rem}.chart-container{height:280px}.section-header{flex-wrap:wrap;gap:.5rem}}@media (max-width: 480px){main{padding:1rem .75rem}.card{padding:1rem}.chart-container{height:240px;padding:1rem}.table-container{padding:1rem}}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000;overflow:hidden}.login-spline-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110vw;height:calc(110vh + 42px);border:none;z-index:0}.login-topright{position:absolute;top:1.5rem;right:1.5rem;z-index:2;display:flex;align-items:center;gap:6px}.login-code-input{width:150px;padding:.5rem .75rem;border-radius:8px;border:1px solid rgba(48,54,61,.7);background:rgba(13,17,23,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);font-size:.8rem;font-family:var(--font-mono);outline:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.login-code-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent-muted)!important}.login-code-input::placeholder{color:var(--text-tertiary);font-size:.75rem}.login-code-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--accent-border);background:rgba(0,212,160,.08);color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease);flex-shrink:0}.login-code-btn:hover:not(:disabled){background:rgba(0,212,160,.15);border-color:var(--accent);box-shadow:0 0 12px #00d4a033}.login-code-btn:disabled{opacity:.5;cursor:not-allowed}.login-code-error{position:absolute;top:calc(100% + 6px);right:0;padding:.3rem .6rem;border-radius:6px;background:rgba(255,107,107,.12);border:1px solid var(--red-border);color:var(--red);font-size:.7rem;font-family:var(--font-mono);white-space:nowrap}@media (max-width: 768px){.login-spline-bg{width:200vw;height:calc(120vh + 42px);transform:translate(-45%,-50%)}.login-topright{top:1rem;right:1rem}}