*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#181b23;background:#fbfbfd;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}.layout{min-height:100vh;display:flex}.sidebar{color:#181b23;z-index:200;background:#f6f8fc;border-right:1px solid #eceef3;flex-direction:column;width:232px;padding:20px 14px;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-title{border-bottom:1px solid #eceef3;align-items:center;gap:10px;margin-bottom:12px;padding:0 6px 20px;line-height:1.3;display:flex}.sidebar-logo{color:#2f6fed;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:700;display:flex;overflow:hidden}.sidebar-logo img{object-fit:cover;width:100%;height:100%}.sidebar-title-text{color:#181b23;font-size:15px;font-weight:700}.sidebar-title span{color:#9aa0b1;margin-top:1px;font-size:11px;font-weight:600;display:block}.sidebar nav{flex-direction:column;gap:12px;display:flex}.sidebar nav a{color:#5b6472;border-radius:6px;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .12s;display:flex}.sidebar nav a svg{color:#8e92a1;flex-shrink:0;transition:color .12s}.sidebar nav a:hover{color:#374151;background:#eef1f7}.sidebar nav a.active{color:#2f6fed;background:0 0;font-weight:700}.sidebar nav a.active svg{color:#2f6fed}.nav-section{color:#a7abba;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px 2px;font-size:11px;font-weight:700}.nav-section:not(:first-child){margin-top:2px}.sidebar-logout{margin-top:auto;padding-top:16px}.sidebar-logout button{color:#5b6472;cursor:pointer;background:#fff;border:1px solid #eceef3;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .12s;display:flex}.sidebar-logout button:hover{color:#181b23;background:#f6f8fa}.main{flex:1;min-width:0;margin-left:232px;padding:32px 36px}.bottom-nav{display:none}@media (width<=768px){.sidebar{display:none}.main{margin-left:0;padding:16px 12px 80px}.bottom-nav{z-index:200;background:#181b23;border-top:1px solid #333;align-items:stretch;height:60px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#8e92a1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 2px 10px;font-size:10px;text-decoration:none;display:flex}.bottom-nav a.active{color:#6ea1ff}}.page-title{color:#181b23;letter-spacing:-.01em;margin-bottom:24px;font-size:22px;font-weight:800}.page-subtitle{color:#8e92a1;margin-top:2px;font-size:13.5px;font-weight:500}@media (width<=768px){.page-title{margin-bottom:16px;font-size:18px}}.card{background:#fff;border:1px solid #edeff4;border-radius:8px;margin-bottom:16px;padding:20px 24px}.card-title{color:#181b23;margin-bottom:14px;font-size:15px;font-weight:700}@media (width<=768px){.card{border-radius:8px;padding:14px 16px}}.badge{border-radius:20px;padding:3px 11px;font-size:11px;font-weight:700;display:inline-block}.badge-a{color:#2f6fed;background:#eaf1ff}.badge-b{color:#1e8a5c;background:#eaf6ee}.badge-c{color:#b3730c;background:#fff4e0}.badge-d{color:#8b3fd6;background:#f3e9ff}.badge-e{color:#c0454b;background:#fdecec}.badge-gray{color:#5b6472;background:#f2f3f7}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .12s;display:inline-flex}.btn-primary{color:#fff;background:#2f6fed}.btn-primary:hover{background:#245bcc}.btn-secondary{color:#5b6472;background:#f2f3f7}.btn-secondary:hover{color:#181b23;background:#e6e8ef}.btn-outline{color:#5b6472;background:#fff;border:1px solid #d0d7de}.btn-outline:hover{background:#f6f8fa}.btn-accent{color:#2f6fed;background:#fff;border:1px solid #2f6fed}.btn-accent:hover{background:#eaf1ff}.btn-danger{color:#c0454b;background:#fdecec}.btn-danger:hover{background:#fbdada}.btn-sm{border-radius:6px;padding:5px 10px;font-size:12px}.btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.btn{padding:7px 12px;font-size:12px}.btn-sm{padding:4px 8px;font-size:11px}}.form-row{align-items:flex-end;gap:10px;margin-bottom:12px;display:flex}.form-group{flex-direction:column;flex:1;gap:4px;display:flex}.form-group label{color:#8e92a1;font-size:12px;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:inherit;background:#fff;border:1px solid #e6e8ef;border-radius:6px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:border .12s}.form-group input:focus,.form-group select:focus{border-color:#2f6fed}.search-input{background:#fff;border:1px solid #e6e8ef;border-radius:6px;align-items:center;gap:8px;max-width:340px;padding:10px 14px;display:flex}.search-input svg{color:#9aa0b1;flex-shrink:0}.search-input input{color:#181b23;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.search-input input::placeholder{color:#a2a6b3}@media (width<=768px){.form-row{flex-wrap:wrap}.form-group{min-width:0}}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#57606a;white-space:nowrap;background:#f6f8fa;border-bottom:1px solid #edeff4;padding:12px 14px;font-size:12.5px;font-weight:700}td{color:#3d4150;border-bottom:1px solid #f2f3f7;padding:12px 14px}tr:last-child td{border-bottom:none}tr:hover td{background:#f9fafb}.sort-btn{cursor:pointer;font:inherit;color:#57606a;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:12.5px;font-weight:700;display:inline-flex}.sort-btn svg{transition:transform .15s}@media (width<=768px){th,td{padding:8px 10px;font-size:12px}}.modal-overlay{z-index:300;background:#181b2373;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:480px;max-width:100%;max-height:90vh;padding:28px;overflow-y:auto}.modal-title{color:#181b23;margin-bottom:20px;font-size:17px;font-weight:700}.modal-footer{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}@media (width<=768px){.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:20px 20px 0 0;width:100%;max-height:92vh;padding:24px 20px 32px}.modal-title{margin-bottom:16px;font-size:16px}}.empty{text-align:center;color:#a2a6b3;padding:40px;font-size:13.5px}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-8{flex-wrap:wrap;gap:8px;display:flex}.class-tabs{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.class-tab{color:#5b6472;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:20px;padding:7px 15px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .12s;box-shadow:inset 0 0 0 1px #e6e8ef}.class-tab.active{color:#fff;box-shadow:none;background:#2f6fed;font-weight:700}.class-tab.muted{color:#a2a6b3}@media (width<=768px){.class-tabs{gap:4px;margin-bottom:14px}.class-tab{padding:5px 12px;font-size:12px}}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=768px){.grid-2{grid-template-columns:1fr;gap:12px}.grid-4{grid-template-columns:repeat(2,1fr);gap:8px}}.metric{background:#fff;border:1px solid #edeff4;border-radius:8px;align-items:center;gap:12px;padding:16px 18px;display:flex}.metric svg{color:#2f6fed;flex-shrink:0}.metric-label{color:#9aa0b1;margin-bottom:4px;font-size:11.5px;font-weight:600}.metric-value{color:#181b23;font-size:21px;font-weight:800}.metric-up{color:#1e8a5c}.metric-down{color:#c0454b}.metric-neutral{color:#2f6fed}@media (width<=768px){.metric{padding:12px 14px}.metric-value{font-size:18px}}.stat-bar-wrap{align-items:center;gap:8px;margin:4px 0;display:flex}.stat-bar-bg{background:#f0f1f5;border-radius:4px;flex:1;height:7px;overflow:hidden}.stat-bar-fill{border-radius:4px;height:100%;transition:width .3s}.bar-my{background:#2f6fed}.bar-avg{background:#d0d7de}