.header-icon-wrap{position:relative;width:36px;height:36px;overflow:visible;border-radius:12px;flex-shrink:0;contain:layout size}.header-icon-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.header-icon-wrap img.icon-hidden{opacity:0;pointer-events:none}.header-icon-wrap img.icon-visible{opacity:1}#headerSmail.icon-visible{transform:scale(1.3)}#headerDance.icon-visible{transform:scale(3.5)}#headerLoading.icon-visible{transform:scale(1.75)}#msgBoxBubble::before{content:'';position:absolute;left:-7px;top:12px;width:0;height:0;border-right:8px solid var(--bubble-bg);border-top:5px solid transparent;border-bottom:5px solid transparent}#msgBoxBubble::after{content:'';position:absolute;left:-10px;top:11px;width:0;height:0;border-right:10px solid var(--bubble-color,#2d8a7e);border-top:6px solid transparent;border-bottom:6px solid transparent;z-index:-1}.tag-item{background:rgba(45,138,126,.1);border:1px solid rgba(45,138,126,.3);color:#2d8a7e}.progress-bar-fill{transition:width .8s ease-in-out}.rejected-row{background:rgba(220,38,38,.04)}.rejected-row td{color:rgba(220,38,38,.5)}.rejected-row .course-name{text-decoration:line-through}canvas{max-width:100%}.report-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:10px;font-size:12px;font-weight:600;border:1px solid #ccebe2;background:0 0;color:#6e7f7b;cursor:pointer;transition:.2s}.report-toggle.active{background:rgba(45,138,126,.12);border-color:rgba(45,138,126,.4);color:#2d8a7e}.report-toggle:hover{border-color:rgba(45,138,126,.3)}.month-tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:#ccebe2 transparent}.month-tabs::-webkit-scrollbar{height:4px}.month-tabs::-webkit-scrollbar-thumb{background:#ccebe2;border-radius:4px}.month-tab{flex-shrink:0;padding:5px 14px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid #ccebe2;background:0 0;color:#6e7f7b;cursor:pointer;transition:.2s;white-space:nowrap}.month-tab.active{background:rgba(45,138,126,.12);border-color:rgba(45,138,126,.4);color:#2d8a7e}.month-tab:hover{border-color:rgba(45,138,126,.3)}.report-panel{display:none}.report-panel.active{display:block}.report-clickable{cursor:pointer;transition:.2s}.report-clickable:hover{filter:brightness(1.15);transform:translateY(-1px)}.report-collapsible{max-height:1200px;overflow:hidden;opacity:1;transition:max-height .4s,opacity .3s}.report-collapsible.collapsed{max-height:0;opacity:0}.report-header{border-radius:10px;padding:6px 10px;margin:-6px -10px;transition:background .2s}.report-header:hover{background:rgba(45,138,126,.06)}.report-collapse-arrow{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:rgba(45,138,126,.1);font-size:10px;transition:transform .3s,background .2s}.report-header:hover .report-collapse-arrow{background:rgba(45,138,126,.2)}.report-collapse-arrow.collapsed{transform:rotate(-90deg)}.report-toggle-hint{font-size:11px;color:#6e7f7b;opacity:.6;transition:opacity .2s}.report-header:hover .report-toggle-hint{opacity:1}.dual-range{position:relative;height:8px}.dual-range .track{position:absolute;inset:0;border-radius:9999px;background:linear-gradient(to right,#dc2626,#d97706,#059669)}.dual-range .fill{position:absolute;height:100%;border-radius:9999px;background:rgba(45,138,126,.5);pointer-events:none}.dual-range input[type=range]{-webkit-appearance:none;position:absolute;width:100%;height:100%;top:0;left:0;background:0 0;pointer-events:none;margin:0;outline:0}.dual-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #2d8a7e;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.4);pointer-events:auto}.dual-range input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #2d8a7e;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.4);pointer-events:auto}