.title-section{margin-bottom:var(--spacing-md);text-align:center;flex-direction:column;width:100%}.title-section,.title-section h2{display:flex;align-items:center;justify-content:center}.title-section h2{font-size:1.8rem;color:var(--primary-color);gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.title-section h2 .bi{color:var(--accent-color);font-size:1.8rem}.teams-count{background-color:var(--accent-color);color:var(--primary-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:600;display:inline-flex;align-items:center}.departments-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);max-width:1100px;margin:0 auto}.department-profile{background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;border-top:4px solid var(--primary-color);animation:fadeIn .5s ease-in-out;display:flex;flex-direction:column;height:100%;padding-top:var(--spacing-sm)}.department-profile:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.department-profile.dept-CCJE{border-top-color:var(--dept-ccje-color)}.department-profile.dept-CBA{border-top-color:var(--dept-cba-color)}.department-profile.dept-CHK{border-top-color:var(--dept-chk-color)}.department-profile.dept-BSN{border-top-color:var(--dept-bsn-color)}.department-profile.dept-COE{border-top-color:var(--dept-coe-color)}.department-profile.dept-CTE{border-top-color:var(--dept-cte-color)}.department-profile.dept-CHTM{border-top-color:var(--dept-chtm-color)}.department-profile.dept-CICT{border-top-color:var(--dept-cict-color)}.department-profile.dept-SHS{border-top-color:var(--dept-shs-color)}.department-rank,.rank-1-icon,.rank-2-icon,.rank-3-icon,.rank-icon,.rank-number{display:none!important}.department-logo{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.02);border-bottom:1px solid #eee;padding:var(--spacing-sm);flex-shrink:0;position:relative;overflow:hidden}.department-logo:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,rgba(0,0,0,.02) 25%,transparent 0,transparent 50%,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 75%,transparent 0,transparent);background-size:10px 10px;opacity:.5;z-index:1}.department-logo-img{max-width:180px;max-height:160px;object-fit:contain;transition:transform .3s ease,filter .3s ease;position:relative;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.department-profile:hover .department-logo-img{transform:scale(1.05)}.department-logo-placeholder{width:140px;height:140px;border-radius:50%;background-color:#f0f0f0;color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;border:3px solid}.department-details{display:flex;flex-direction:column;flex:1;padding:var(--spacing-lg)}.department-details span,.department-tag{display:inline-block!important;width:auto!important;max-width:fit-content!important}.department-tag{background-color:var(--primary-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);color:var(--light-text-color);font-size:.9rem;font-weight:600;margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.03em;box-sizing:content-box!important;position:relative!important;clear:none!important;float:none!important;height:auto!important;line-height:1.1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.department-title{margin:0 0 var(--spacing-sm) 0;color:var(--primary-color);font-size:clamp(1.2rem,1.5vw,1.4rem);display:flex;flex-wrap:wrap;align-items:center;line-height:1.3;min-height:3.5rem;height:3.5rem;overflow:hidden}.dept-CICT .department-title{font-size:clamp(1.1rem,1.2vw,1.3rem)}.dept-CHK .description-container,.dept-COE .description-container,.dept-SHS .description-container{margin-top:auto}.description-container{position:relative;display:flex;flex-direction:column;flex-grow:1;margin-bottom:var(--spacing-md)}.department-description{color:var(--text-color);font-size:clamp(.85rem,.5vw + .7rem,.95rem);line-height:1.5;flex-grow:1;margin-bottom:var(--spacing-xs);overflow:hidden;display:-webkit-box;display:box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;box-orient:vertical;min-height:6rem;position:relative;max-height:6em}.description-toggle{color:var(--primary-color);background-color:rgba(0,0,0,.03);border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:100%;gap:var(--spacing-sm);margin-top:var(--spacing-md);margin-bottom:0;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);font-weight:500;position:relative;overflow:hidden}.description-toggle:hover{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.description-toggle .bi{transition:transform .3s ease;font-size:1rem}.description-toggle:hover .bi{transform:rotate(90deg)}.department-description:after{content:"";position:absolute;bottom:0;right:0;width:70%;height:1.5em;background:linear-gradient(90deg,transparent,#fff);pointer-events:none;opacity:.8}@supports (-webkit-line-clamp:4) or (line-clamp:4){.department-description:after{display:none}}.description-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:1000;align-items:center;justify-content:center;padding:var(--spacing-sm);overflow-y:auto}.description-modal.active{display:flex;animation:fadeIn .3s ease-out}.modal-content{background-color:#fff;border-radius:var(--border-radius-md);max-width:700px;width:85%;max-height:80vh;overflow-y:auto;padding:var(--spacing-md);position:relative;box-shadow:var(--shadow-lg);margin:auto;scroll-behavior:smooth;border:2px solid var(--primary-color)}.modal-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);border-bottom:1px solid #eee;padding-bottom:var(--spacing-md)}.modal-title{color:var(--primary-color);margin:0;font-size:1.1rem;width:80%;line-height:1.2}.close-modal{background:var(--primary-color);border:none;font-size:1.2rem;cursor:pointer;color:#fff;padding:var(--spacing-xs);margin:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-modal:hover{background-color:var(--accent-color);color:var(--primary-color)}.modal-body{font-size:.9rem;line-height:1.5;color:var(--text-color)}.modal-dept-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);text-align:center}.modal-dept-logo{width:100px;height:100px;flex-shrink:0;border-radius:50%;overflow:hidden;border:3px solid var(--primary-color);background-color:rgba(0,0,0,.02);display:flex;align-items:center;justify-content:center;margin:0 auto}.modal-dept-logo img{max-width:100%;max-height:100%;object-fit:contain}.modal-logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:var(--primary-color)}.modal-dept-summary{flex-grow:1;width:100%}.modal-dept-tag{display:inline-block!important;background-color:var(--primary-color);color:var(--light-text-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:600;margin-bottom:var(--spacing-xs);text-transform:uppercase;width:auto!important;max-width:fit-content!important;box-sizing:content-box!important;position:relative!important;clear:none!important;float:none!important}.modal-dept-info{margin-bottom:var(--spacing-md);font-size:.9rem}.dept-stats-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.dept-stat-card{background-color:rgba(0,0,0,.02);border-radius:var(--border-radius-sm);padding:var(--spacing-md);display:flex;flex-direction:column;border-left:3px solid var(--primary-color)}.dept-stat-label{font-size:.85rem;color:#6c757d;margin-bottom:var(--spacing-xs)}.dept-stat-value{font-size:1.2rem;font-weight:700;color:var(--primary-color)}.dean-info{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);background-color:rgba(0,0,0,.02);padding:var(--spacing-md);border-radius:var(--border-radius-sm);flex-wrap:wrap}.dean-icon{font-size:1.8rem;color:var(--primary-color);min-width:28px}.dean-details{flex-grow:1}.dean-label{font-size:.85rem;color:#6c757d;margin-bottom:var(--spacing-xs)}.dean-name{font-size:1rem;font-weight:700;color:var(--primary-color)}.modal-section-title{margin:var(--spacing-md) 0;color:var(--primary-color);font-size:1.1rem;border-bottom:1px solid #eee;padding-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.modal-section-title:first-of-type{margin-top:0}.won-events-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.event-item{display:flex;align-items:center;gap:var(--spacing-sm);background-color:rgba(0,0,0,.02);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);min-height:44px}.event-icon-svg{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:24px;height:24px;position:relative;min-width:24px}.event-icon-svg .svg-icon-img{width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%;vertical-align:middle}.event-icon{color:var(--first-place-color);font-size:1.2rem;min-width:24px}.event-name{flex-grow:1;font-weight:500;font-size:.9rem}.event-category{font-size:.8rem;color:#6c757d;padding:var(--spacing-xs) var(--spacing-sm);background-color:#fff;border-radius:var(--border-radius-sm)}.modal-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid #eee;display:flex;justify-content:center}#closeModalBtn{width:100%;padding:var(--spacing-md);justify-content:center;font-weight:600;min-height:44px}@media (min-width:600px){.title-section{flex-direction:row;justify-content:space-between;text-align:left}.title-section h2{margin-bottom:0}.stats-overview{flex-direction:row;justify-content:space-between;gap:var(--spacing-md)}.stat-card{flex:1}.departments-grid,.won-events-list{grid-template-columns:repeat(2,1fr)}.description-modal{padding:var(--spacing-md)}.modal-content{padding:var(--spacing-lg);width:75%;max-height:75vh}.modal-dept-header{flex-direction:row;text-align:left;gap:var(--spacing-lg)}.modal-dept-logo{width:100px;height:100px;margin:0}.dept-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.modal-footer{justify-content:flex-end}#closeModalBtn{width:auto}}@media (min-width:900px){.departments-grid{grid-template-columns:repeat(3,1fr)}.description-modal{padding:var(--spacing-lg)}.modal-content{width:65%;max-width:600px;max-height:70vh}.department-logo{height:220px}.department-logo-img{max-width:200px;max-height:180px}.department-logo-placeholder{width:160px;height:160px;font-size:3.2rem}}.dept-BSN .description-container,.dept-CBA .description-container,.dept-CCJE .description-container,.dept-CHK .description-container,.dept-CHTM .description-container,.dept-CICT .description-container,.dept-COE .description-container,.dept-CTE .description-container,.dept-SHS .description-container{min-height:10rem}.dept-BSN .department-description,.dept-CBA .department-description,.dept-CCJE .department-description,.dept-CHK .department-description,.dept-CHTM .department-description,.dept-CICT .department-description,.dept-COE .department-description,.dept-CTE .department-description,.dept-SHS .department-description{min-height:6rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.stats-container{display:flex;justify-content:space-between;gap:var(--spacing-md);margin:0 0 var(--spacing-md) 0;padding-top:var(--spacing-md);border-top:1px solid #eee}.points-display,.wins-display{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:rgba(0,0,0,.02);border-radius:var(--border-radius-sm);flex:1;justify-content:center;transition:transform .2s ease,background-color .2s ease}.points-display:hover,.wins-display:hover{background-color:rgba(0,0,0,.04);transform:translateY(-2px)}.points-display{border-left:2px solid var(--accent-color)}.wins-display{border-left:2px solid var(--first-place-color)}.points-value,.wins-value{font-weight:700;color:var(--primary-color);font-size:1.2rem}.medal-icon{font-size:1.4rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.card-footer{margin-top:auto;padding-top:var(--spacing-md)}.view-leaderboard{display:inline-flex;align-items:center;justify-content:center;width:100%;gap:var(--spacing-xs);color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .3s ease;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);background-color:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.05)}.stats-overview{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);width:100%}.stat-card{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:#fff;border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);min-height:70px;transition:transform .2s ease,box-shadow .2s ease;border-left:4px solid var(--primary-color);overflow:hidden;position:relative}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100%;background:linear-gradient(270deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,0));z-index:1}.stat-icon{margin-right:var(--spacing-md);display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;background-color:rgba(0,0,0,.03);border-radius:50%;padding:8px;font-size:1.2rem;z-index:2}.stat-icon .bi-building{color:var(--primary-color)}.stat-icon .bi-trophy{color:var(--first-place-color)}.stat-icon .bi-star{color:var(--accent-color)}.stat-content{display:flex;flex-direction:column;flex:1;z-index:2}.stat-label{font-size:.8rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.3rem;font-weight:700;color:var(--primary-color)}.stat-card:first-child{border-left-color:var(--primary-color)}.stat-card:nth-child(2){border-left-color:var(--first-place-color)}.stat-card:nth-child(3){border-left-color:var(--accent-color)}.view-leaderboard:hover{color:#fff;background-color:var(--primary-color);transform:translateY(-2px)}.view-leaderboard i{transition:transform .3s ease}.view-leaderboard:hover i{transform:translateX(3px);color:#fff}