:root{--bg-main: #F9FAFB;--bg-card: #FFFFFF;--bg-sidebar: #1E3A5F;--bg-sidebar-hover: #1E40AF;--bg-sidebar-active: #2563EB;--bg-header: #FFFFFF;--text-primary: #111827;--text-secondary: #6B7280;--text-muted: #9CA3AF;--text-sidebar: #BFDBFE;--text-sidebar-active:#FFFFFF;--border-color: #E5E7EB;--border-sidebar: rgba(255,255,255,.08);--accent: #2563EB;--accent-hover: #1D4ED8;--accent-light: #60A5FA;--accent-bg: #EFF6FF;--accent-border: #BFDBFE;--status-normal: #10B981;--status-normal-bg: #ECFDF5;--status-normal-border: #A7F3D0;--status-warning: #F59E0B;--status-warning-bg: #FFFBEB;--status-warning-border: #FDE68A;--status-danger: #EF4444;--status-danger-bg: #FEF2F2;--status-danger-border: #FECACA;--status-info: #2563EB;--status-info-bg: #EFF6FF;--status-info-border: #BFDBFE;--sidebar-width: 256px;--sidebar-collapsed-width: 64px;--header-height: 64px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans KR,Apple SD Gothic Neo,sans-serif;font-size:14px;line-height:1.5;font-weight:400;color:var(--text-primary);--shadow-soft: 0 2px 8px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06);--shadow-medium: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.06);--shadow-hover: 0 12px 24px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--transition: all .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}.app-layout{display:flex;height:100vh;overflow:hidden}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-left:var(--sidebar-width);transition:margin-left .25s ease}.app-layout.collapsed .main-area{margin-left:var(--sidebar-collapsed-width)}.page-content{flex:1;overflow-y:auto;padding:28px 32px 48px}.sidebar{transition:width .25s ease,transform .25s ease}.sidebar.mobile-open{transform:translate(0)!important;box-shadow:4px 0 24px #0003}.card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-soft);transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-medium)}.card-lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-color)}.card-header h2{font-size:14px;font-weight:600;color:var(--text-primary)}.page-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:4px;letter-spacing:-.3px}.page-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.01em}.badge:before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0}.badge-normal{background:var(--status-normal-bg);color:var(--status-normal);border:1px solid var(--status-normal-border)}.badge-normal:before{background:var(--status-normal)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning-border)}.badge-warning:before{background:var(--status-warning)}.badge-danger{background:var(--status-danger-bg);color:var(--status-danger);border:1px solid var(--status-danger-border)}.badge-danger:before{background:var(--status-danger)}.badge-info{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}.badge-info:before{background:var(--accent)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;transition:var(--transition)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 2px #2563eb33}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 8px #2563eb4d}.btn-secondary{background:#fff;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-main)}.toggle{position:relative;width:40px;height:22px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#d1d5db;border-radius:11px;cursor:pointer;transition:var(--transition)}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:var(--transition);box-shadow:0 1px 3px #00000026}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}@media (max-width: 1280px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.main-area{margin-left:0!important}.sidebar{transform:translate(-100%);width:var(--sidebar-width)!important}.page-content{padding:16px 16px 32px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.header-menu-btn{display:flex!important}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .25s ease-out}