@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&family=Noto+Sans:wght@300;400;500;600;700&display=swap";:root{--font-sans:"Noto Sans KR", "Noto Sans", system-ui, -apple-system, sans-serif;--bg-primary:#0b0f19;--bg-secondary:#131a2e;--bg-tertiary:#1e294b;--glass-bg:#131a2e99;--glass-border:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--primary:#6366f1;--primary-glow:#6366f126;--primary-grad:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--success:#10b981;--success-glow:#10b98126;--warning:#f59e0b;--warning-glow:#f59e0b26;--danger:#ef4444;--danger-glow:#ef444426;--border-color:#ffffff14;--card-shadow:0 10px 30px -10px #000000b3;--glow-shadow:0 0 20px #6366f14d;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s ease}.light-mode{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--glass-bg:#ffffffbf;--glass-border:#0000000f;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--primary:#4f46e5;--primary-glow:#4f46e51a;--primary-grad:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--border-color:#0f172a14;--card-shadow:0 1px 2px #0f172a0a, 0 12px 32px -16px #0f172a2e}.light-mode .glass-card:hover{border-color:#4f46e547;box-shadow:0 2px 4px #0f172a0d,0 22px 48px -20px #0f172a38}.light-mode .badge-primary{color:#4338ca;background-color:#4f46e51f;border-color:#4f46e547}.light-mode .badge-success{color:#047857;background-color:#0596691f;border-color:#05966947}.light-mode .badge-warning{color:#b45309;background-color:#d9770624;border-color:#d977064d}.light-mode .badge-danger{color:#b91c1c;background-color:#dc26261f;border-color:#dc262647}.light-mode .premium-table th{color:#334155}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;transition:var(--transition-smooth);font-size:15px;line-height:1.6;overflow-x:hidden}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#root{width:100%;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}h1,h2,h3,h4,h5,h6{letter-spacing:-.015em;color:var(--text-primary);font-weight:700;line-height:1.3}h1{letter-spacing:-.02em}a{color:inherit;text-decoration:none}.app-container{width:100%;min-height:100vh;display:flex;position:relative}.manual-standalone{background:var(--bg-primary);box-sizing:border-box;flex-direction:column;width:100%;height:100vh;padding:clamp(14px,2.4vw,28px) clamp(16px,4vw,52px);display:flex;overflow:hidden}.manual-standalone>*{flex:1;min-height:0}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:50;width:260px;height:100vh;transition:var(--transition-smooth);flex-direction:column;display:flex;position:fixed;top:0;left:0}.main-content{min-height:100vh;transition:var(--transition-smooth);background-image:radial-gradient(at 0 0,#6366f10d 0,#0000 50%),radial-gradient(at 50% 0,#a855f708 0,#0000 50%);flex-direction:column;flex:1;gap:28px;margin-left:260px;padding:40px 44px;display:flex}.mobile-topbar{display:none}.menu-toggle{background:var(--bg-tertiary);border:1px solid var(--glass-border);width:42px;height:42px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.menu-toggle:hover{border-color:#6366f159}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);cursor:pointer;z-index:49;background:#0508108c;border:none;padding:0;animation:.2s both introFade;position:fixed;inset:0}body.nav-open{overflow:hidden}@media (width<=768px){.sidebar{width:84vw;max-width:300px;box-shadow:none;overflow-y:auto;transform:translate(-100%)}.sidebar.is-open{transform:translate(0);box-shadow:0 0 60px #0009}.main-content{gap:20px;margin-left:0;padding:76px 16px 20px}.mobile-topbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:45;align-items:center;gap:12px;height:60px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.grid-collapse{grid-template-columns:1fr!important}.premium-table.stacked-mobile{min-width:0}.premium-table.stacked-mobile thead{display:none}.premium-table.stacked-mobile tr{border-bottom:1px solid var(--glass-border);padding:6px 8px 10px;display:block}.premium-table.stacked-mobile tr:last-child{border-bottom:none}.premium-table.stacked-mobile td{text-align:right;border:none;justify-content:space-between;align-items:center;gap:12px;padding:6px 8px;display:flex}.premium-table.stacked-mobile td:before{content:attr(data-label);color:var(--text-secondary);text-align:left;flex-shrink:0;font-size:.72rem;font-weight:600}.premium-table.stacked-mobile td:first-child{border-bottom:1px dashed var(--glass-border);text-align:left;justify-content:flex-start;margin-bottom:4px;padding-top:8px;padding-bottom:10px;font-size:1rem}.premium-table.stacked-mobile td:first-child:before{display:none}.premium-table.stacked-mobile td[data-label=작업]>div,.premium-table.stacked-mobile td[data-label=조작]>div{flex-wrap:wrap;justify-content:flex-end}.users-filters{flex-wrap:wrap}.users-filters .form-input{flex:100%;min-width:100%}.users-filters .form-select{flex:45%}.users-actions{flex-wrap:wrap;width:100%}.users-actions>div:first-child{flex:auto}.admin-tabs{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.admin-tabs .btn{white-space:nowrap;flex-shrink:0;padding:8px 12px}.admin-checklist-item{flex-wrap:wrap}.admin-checklist-actions{flex-basis:100%;justify-content:flex-end;margin-top:6px}.admin-page .glass-card{padding:16px 14px}.admin-page .metrics-grid{gap:14px}}@media (width<=480px){.main-content{padding-left:12px;padding-right:12px}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);transition:var(--transition-smooth);border-radius:18px;padding:28px;position:relative;overflow:hidden}.glass-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff08 0%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.glass-card:hover{border-color:#6366f140;transform:translateY(-2px);box-shadow:0 20px 40px -15px #000c}.react-flow__node{box-shadow:var(--card-shadow)!important;border:none!important;border-radius:12px!important}.flow-node-custom{background:var(--bg-secondary);border:1px solid var(--glass-border);min-width:180px;box-shadow:var(--card-shadow);transition:var(--transition-smooth);color:var(--text-primary);border-radius:12px;padding:16px}.flow-node-custom:hover{border-color:var(--primary);transform:scale(1.03)}.badge{letter-spacing:0;white-space:nowrap;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:.74rem;font-weight:600;line-height:1.35;display:inline-flex}.badge-primary{background-color:var(--primary-glow);color:#a78bfa;border:1px solid #8b5cf633}.badge-success{background-color:var(--success-glow);color:#34d399;border:1px solid #34d39933}.badge-warning{background-color:var(--warning-glow);color:#fbbf24;border:1px solid #fbbf2433}.badge-danger{background-color:var(--danger-glow);color:#f87171;border:1px solid #f8717133}.btn{cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:.875rem;font-weight:600;line-height:1.2;display:inline-flex}.btn-primary{background:var(--primary-grad);color:#fff;box-shadow:var(--glow-shadow)}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 0 30px #6366f180}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background-color:#ffffff0d;border-color:#6366f14d}.light-mode .btn-secondary:hover{background-color:#eef1f6;border-color:#4f46e540}.form-group{flex-direction:column;gap:9px;margin-bottom:22px;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:600;line-height:1.4}.form-input,.form-select,.form-textarea{background-color:var(--bg-tertiary);border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-fast);border-radius:12px;outline:none;width:100%;padding:13px 16px;font-size:.92rem;line-height:1.5}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background-color:#050810cc;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:20px;width:90%;max-width:600px;max-height:85vh;animation:.3s cubic-bezier(.34,1.56,.64,1) modalEnter;overflow-y:auto;box-shadow:0 25px 50px -12px #000c}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.intro-screen{z-index:1000;background:radial-gradient(circle at 30% 32%,#0d718929 0,#0000 46%),radial-gradient(circle at 70% 68%,#17a2b82e 0,#0000 46%),linear-gradient(160deg,#fff 0%,#eef4f6 55%,#e4eef1 100%);flex-direction:column;justify-content:center;align-items:center;gap:40px;animation:.8s both introFade;display:flex;position:fixed;inset:0;overflow:hidden}.intro-screen.is-exiting{animation:.7s cubic-bezier(.4,0,.2,1) forwards introOut}.intro-grid{pointer-events:none;background-image:linear-gradient(#1e325a0d 1px,#0000 1px),linear-gradient(90deg,#1e325a0d 1px,#0000 1px);background-size:44px 44px;animation:40s linear infinite gridDrift;position:absolute;inset:-50%;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 70%);mask-image:radial-gradient(circle,#000 0%,#0000 70%)}.intro-logo-wrap{animation:6s ease-in-out infinite floatY;position:relative}.intro-logo-glow{filter:blur(28px);pointer-events:none;background:radial-gradient(circle at 50% 46%,#0d718966 0%,#0000 58%),radial-gradient(circle at 55% 60%,#17a2b852 0%,#0000 58%);animation:4.5s ease-in-out infinite glowPulse;position:absolute;inset:-30%}.intro-ring{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.3s cubic-bezier(.65,0,.35,1) forwards ringDraw}.intro-logo-spin{transform-box:fill-box;transform-origin:50%;animation:28s linear infinite spinSlow}.intro-content{text-align:center;animation:1s .5s both introUp;position:relative}.intro-title{letter-spacing:.04em;background:linear-gradient(100deg,#0d7189 0%,#17a2b8 55%,#2bb3c9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.4rem;font-weight:700;line-height:1.1}.intro-subtitle{color:var(--text-secondary);letter-spacing:.02em;margin-top:14px;font-size:1.05rem;font-weight:500}.intro-tagline{color:var(--text-tertiary);letter-spacing:.16em;text-transform:uppercase;margin-top:8px;font-size:.85rem}.intro-actions{flex-direction:column;align-items:center;gap:16px;animation:1s .8s both introUp;display:flex;position:relative}.intro-enter-btn{font-family:var(--font-sans);letter-spacing:.02em;color:#fff;cursor:pointer;transition:var(--transition-smooth);background:linear-gradient(100deg,#0d7189 0%,#17a2b8 100%);border:none;border-radius:9999px;align-items:center;gap:10px;padding:15px 38px;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 0 28px #0d71894d,0 0 40px #17a2b83d}.intro-enter-btn:hover{transform:translateY(-2px);box-shadow:0 0 40px #0d71897a,0 0 60px #17a2b861}.intro-enter-btn svg{transition:transform .25s}.intro-enter-btn:hover svg{transform:translate(4px)}.intro-hint{color:var(--text-tertiary);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem}@keyframes introFade{0%{opacity:0}to{opacity:1}}@keyframes introOut{to{opacity:0;visibility:hidden;transform:scale(1.04)}}@keyframes introUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes ringDraw{to{stroke-dashoffset:0}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes glowPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(44px,44px)}}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.metric-card{align-items:center;gap:16px;display:flex}.metric-icon{background-color:var(--primary-glow);width:48px;height:48px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.table-container{border:1px solid var(--glass-border);border-radius:12px;overflow-x:auto}.premium-table{border-collapse:collapse;text-align:left;width:100%}.premium-table th{background-color:var(--bg-tertiary);letter-spacing:.01em;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);padding:15px 18px;font-size:.8rem;font-weight:600}.premium-table td{border-bottom:1px solid var(--glass-border);color:var(--text-primary);padding:15px 18px;font-size:.9rem;line-height:1.5}.premium-table tr:last-child td{border-bottom:none}.premium-table tr:hover td{background-color:#ffffff05}