.container{margin:0 auto}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.header-left{flex:1}.main-content .header{margin-bottom:20px}.column-title{color:#000;font-size:24px;font-weight:700;margin:0}.column-divider{border:none;border-top:1px solid #e0e0e0;margin:16px 0 20px}.header h1{color:#000;font-size:32px;font-weight:700}.view-controls{display:flex;gap:10px}.view-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.view-btn svg{fill:#666c74;stroke:#666c74}.view-btn.active,.view-btn:hover{border-color:#ff5900}.view-btn.active{background-color:#ff5900}.view-btn.active svg{fill:#fff;stroke:#fff}.view-btn svg{height:20px;width:20px}.content{align-items:start;display:grid;gap:30px;grid-template-columns:250px 1fr}.sidebar{display:block;height:auto!important}.sidebar .column-title{margin-bottom:0}.sidebar .column-divider{margin:12px 0 20px}.main-content{min-height:400px}.schools-menu{display:flex;flex-direction:column;gap:10px}.school-btn{background:#fff;border:0;border-radius:6px;color:#666c74;cursor:pointer;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .3s ease}.school-btn,.school-icon{align-items:center;display:flex}.school-icon{flex-shrink:0;font-size:18px;height:24px;justify-content:center;min-width:24px}.school-icon svg{fill:currentColor;height:100%;width:100%}.school-btn .school-icon svg{fill:#666c74}.school-label{flex:1;font-size:16px}.school-btn:hover{background-color:#fff9f5;border-color:#ff5900;color:#ff5900}.school-btn.active{background-color:#ff5900;border-color:#ff5900;color:#fff}.school-btn.active svg{fill:#fff}.school-btn:disabled{border:none;height:0;margin:0;opacity:0;padding:0;pointer-events:none;position:absolute;width:0}.school-select{appearance:none;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#666c74;cursor:pointer;font-size:14px;font-weight:500;padding:12px 35px 12px 16px;transition:all .3s ease;width:100%}.school-select:hover{border-color:#ff5900}.school-select:focus{border-color:#ff5900;box-shadow:0 0 0 2px rgba(255,89,0,.1);outline:none}.mobile-select-wrapper{display:none;position:relative}.select-arrow{color:#666c74;font-size:12px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.programs-grid{animation:fadeIn .4s ease-in}.programs-list{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.programs-grid.list-view{grid-template-columns:1fr}.program-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.program-card:before{bottom:0;content:"";cursor:pointer;left:0;position:absolute;right:0;top:0;z-index:1}.program-card .program-link{position:relative;z-index:2}.programs-grid.list-view .program-card{display:grid;gap:0;grid-template-columns:120px 1fr}.program-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.program-image{display:block;height:220px!important;object-fit:cover;width:100%}.programs-list.list-view{grid-template-columns:1fr}.programs-list.list-view .program-card{display:grid;gap:0;grid-template-columns:120px 1fr;height:80px}.programs-grid.list-view .program-image{height:100%;min-width:120px;width:120px}.programs-list.list-view .program-image{height:100%!important;min-width:120px;width:120px}.programs-list.list-view .program-info{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between;padding:16px}.program-info{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:20px}.programs-grid.list-view .program-info{padding:16px}.program-title{color:#000;font-size:20px;font-weight:600;line-height:1.3;margin-bottom:12px}.programs-list.list-view .program-title{margin-bottom:0}.programs-grid.list-view .program-title{font-size:18px;margin-bottom:8px}.program-link{align-items:center;color:#ff5900;display:flex;font-size:18px;font-weight:500;gap:6px;text-decoration:none;transition:gap .3s ease}.program-card:hover .program-link{gap:12px}.program-link:after{content:"→";display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.container{max-width:100%;padding:16px}.header{margin-bottom:24px}.header h1{font-size:28px}.content{gap:20px;grid-template-columns:1fr}.sidebar{display:none}.mobile-select-wrapper{display:block}.programs-list{grid-template-columns:1fr}.programs-list:not(.list-view) .program-card{display:flex;flex-direction:column;margin-bottom:20px}.programs-list:not(.list-view) .program-image{height:100px;width:100%}.programs-list.list-view .program-card{display:grid;gap:0;grid-template-columns:100px 1fr;margin-bottom:20px}.programs-list.list-view .program-image{height:100px;min-width:100px;width:100px}.program-info{padding:14px}.program-title{font-size:16px;margin-bottom:6px}.program-link{font-size:16px}}@media (max-width:764px){.programs-list.list-view .program-card{height:auto}.programs-list.list-view .program-link{justify-content:flex-start;margin:auto auto auto 0}.container{max-width:764px;padding:0}.header{margin-bottom:20px;padding-bottom:16px}.header h1{font-size:24px}.view-btn{height:36px;width:36px}.school-select{font-size:13px;padding:10px 32px 10px 14px}.select-arrow{right:10px}.programs-list{gap:0;grid-template-columns:1fr}.programs-list:not(.list-view) .program-card{display:flex;flex-direction:column;margin-bottom:20px}.programs-list:not(.list-view) .program-image{height:90px;width:100%}.programs-list.list-view .program-card{grid-template-columns:120px 1fr;margin-bottom:20px}.programs-list.list-view .program-image{height:100%!important;min-width:120px;width:120px}.programs-list.list-view .program-info{align-items:flex-start;display:flex;flex:1;flex-direction:column;justify-content:flex-start;padding:12px}.program-info{padding:12px}.program-title{font-size:20px}.program-title,.programs-list.list-view .program-title{margin-bottom:6px}.program-link{font-size:18px;gap:4px}.program-card:hover .program-link{gap:8px}}