:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--accent: #3b82f6;--accent-hover: #2563eb;--success: #16a34a;--warning: #d97706;--error: #dc2626;--border: #e2e8f0;--sidebar-width: 240px;--shadow-card: 0 1px 3px rgba(0,0,0,.08);--hover-bg: rgba(0,0,0,.03)}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--accent: #3b82f6;--accent-hover: #60a5fa;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--border: #334155;--shadow-card: 0 1px 3px rgba(0,0,0,.3);--hover-bg: rgba(255,255,255,.03)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--accent: #3b82f6;--accent-hover: #60a5fa;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--border: #334155;--shadow-card: 0 1px 3px rgba(0,0,0,.3);--hover-bg: rgba(255,255,255,.03)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background .2s,color .2s}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);padding:20px 0;position:fixed;top:0;left:0;bottom:0;overflow-y:auto;transition:background .2s,border-color .2s}.sidebar-logo{padding:0 20px 20px;border-bottom:1px solid var(--border);font-size:18px;font-weight:700;color:var(--accent);display:flex;align-items:center;justify-content:space-between}.sidebar-nav{padding:12px 0}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 20px;color:var(--text-secondary);transition:all .15s;font-size:14px}.sidebar-link:hover,.sidebar-link.active{background:#3b82f61a;color:var(--text-primary)}.sidebar-link.active{border-right:3px solid var(--accent)}.main-content{margin-left:var(--sidebar-width);flex:1;padding:24px}.page-header{margin-bottom:24px}.page-header h1{font-size:24px;font-weight:600}.page-header p{color:var(--text-secondary);font-size:14px;margin-top:4px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:24px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:var(--shadow-card);transition:background .2s,border-color .2s,box-shadow .2s}.card-title{font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.card-value{font-size:28px;font-weight:700}.chart-container{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-card);transition:background .2s,border-color .2s}.chart-title{font-size:16px;font-weight:600;margin-bottom:16px}.stat-badge{display:inline-block;padding:2px 8px;border-radius:9999px;font-size:12px;font-weight:500}.stat-badge.success{background:#22c55e26;color:var(--success)}.stat-badge.warning{background:#f59e0b26;color:var(--warning)}.stat-badge.error{background:#ef444426;color:var(--error)}table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--text-secondary);font-weight:500;font-size:13px}tr:hover td{background:var(--hover-bg)}.theme-toggle{background:var(--hover-bg);border:1px solid var(--border);border-radius:8px;width:32px;height:32px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.theme-toggle:hover{background:var(--accent);color:#fff;border-color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:1024px){.sidebar{width:60px;overflow:visible}.sidebar-logo span,.sidebar-link span,.sidebar-nav .sidebar-group-label{display:none}.sidebar-logo{justify-content:center;padding:0 8px 20px}.sidebar-link{justify-content:center;padding:10px 0}.main-content{margin-left:60px}}@media(max-width:768px){.sidebar{position:fixed;left:-240px;width:240px;z-index:1000;transition:left .3s ease}.sidebar.open{left:0}.main-content{margin-left:0;padding:16px}.card-grid{grid-template-columns:1fr}.mobile-menu-btn{display:flex}.sidebar-overlay{display:block}}@media(min-width:769px){.mobile-menu-btn,.sidebar-overlay{display:none}}.mobile-menu-btn{position:fixed;top:12px;left:12px;z-index:999;width:40px;height:40px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;align-items:center;justify-content:center;font-size:20px}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;display:none}.sidebar-group-label{padding:16px 20px 4px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.sidebar-link:focus-visible,.theme-toggle:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-to-content{position:absolute;left:-9999px;top:0;z-index:10000;padding:8px 16px;background:var(--accent);color:#fff;font-size:14px;border-radius:0 0 8px}.skip-to-content:focus{left:0}.stat-badge.success:before,.stat-badge.warning:before,.stat-badge.error:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;vertical-align:middle}.stat-badge.success:before{background:var(--success)}.stat-badge.warning:before{background:var(--warning)}.stat-badge.error:before{background:var(--error)}