.course-box{width:150px;min-height:80px;padding:10px;margin:8px;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;border:2px solid transparent}.course-box:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.course-code{font-weight:700;font-size:14px;margin-bottom:4px}.course-name{font-size:11px;line-height:1.2;color:#333}.course-completed{background-color:#ffdc00;color:#002d72;border:2px solid #002D72}.course-completed .course-name{color:#002d72}.course-available{background-color:#002d72;color:#fff;border:2px solid #FFDC00}.course-available .course-name{color:#fff}.course-unavailable{background-color:#d1d5db;color:#6b7280}.course-unavailable .course-name{color:#6b7280}.course-search-match{border:3px solid #FFDC00!important;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{border-color:#ffdc00}50%{border-color:#ffe54d}}.course-table-badge{position:absolute;top:4px;right:4px;background-color:#0003;color:#fff;font-size:9px;padding:2px 4px;border-radius:3px;font-weight:700}.semester-column{display:flex;flex-direction:column;min-width:180px;background-color:#f8f9fa;border-radius:8px;padding:12px;margin:0 8px;box-shadow:0 1px 3px #0000001a}.semester-header{margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e5e7eb;text-align:center}.semester-header h3{margin:0;font-size:16px;color:#1f2937;font-weight:600}.course-count{display:block;font-size:12px;color:#6b7280;margin-top:4px}.semester-courses{display:flex;flex-direction:column;align-items:center;gap:4px}.table-courses-panel{min-width:200px;max-width:250px;background-color:#f3f4f6;border-left:2px solid #e5e7eb;padding:16px;overflow-y:auto;max-height:calc(100vh - 160px)}.panel-header{margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #d1d5db;text-align:center}.panel-header h3{margin:0;font-size:18px;color:#1f2937;font-weight:600}.panel-subtitle{margin:4px 0;font-size:12px;color:#6b7280;font-style:italic}.table-courses-list{display:flex;flex-direction:column;gap:8px}.table-course-item{display:flex;flex-direction:column;align-items:center}.prereq-count{font-size:11px;color:#6b7280;margin-top:4px;font-weight:500}.table-courses-panel::-webkit-scrollbar{width:8px}.table-courses-panel::-webkit-scrollbar-track{background:#e5e7eb;border-radius:4px}.table-courses-panel::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.table-courses-panel::-webkit-scrollbar-thumb:hover{background:#6b7280}.program-view{width:100%;height:100%;display:flex;flex-direction:column}.program-header{background-color:#fff;padding:20px;border-bottom:2px solid #e5e7eb;box-shadow:0 2px 4px #0000000d}.program-header h2{margin:0 0 8px;color:#1f2937;font-size:24px}.program-link{color:#3b82f6;text-decoration:none;font-size:14px}.program-link:hover{text-decoration:underline}.program-stats{display:flex;gap:20px;margin-top:12px;font-size:14px;color:#6b7280}.program-stats span{font-weight:500}.program-content{display:flex;flex:1;overflow:hidden}.semester-columns-container{display:flex;flex-direction:row;overflow-x:auto;overflow-y:auto;flex:1;padding:16px;align-items:flex-start;background-color:#fff}.semester-columns-container::-webkit-scrollbar{height:10px;width:10px}.semester-columns-container::-webkit-scrollbar-track{background:#f3f4f6}.semester-columns-container::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:5px}.semester-columns-container::-webkit-scrollbar-thumb:hover{background:#6b7280}.non-categorized-section{background-color:#fef3c7;border-top:2px solid #fbbf24;padding:16px}.non-categorized-section h3{margin:0 0 12px;color:#92400e;font-size:18px}.non-categorized-courses{display:flex;flex-wrap:wrap;gap:8px}.app{min-height:100vh;display:flex;flex-direction:column;background-color:#f9fafb}.app-header{background:#002d72;color:#fff;padding:24px;text-align:center;box-shadow:0 4px 6px #0000001a;border-bottom:4px solid #FFDC00}.app-header h1{margin:0;font-size:36px;font-weight:700}.app-subtitle{margin:8px 0 0;font-size:14px;opacity:.9}.app-controls{padding:20px;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px}.url-input-container{display:flex;gap:12px;max-width:1000px;width:100%;margin:0 auto}.url-input{flex:1;padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s}.url-input:focus{outline:none;border-color:#002d72}.url-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.fetch-button{padding:12px 32px;background:#002d72;color:#fff;border:2px solid #FFDC00;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,background-color .2s}.fetch-button:hover:not(:disabled){transform:translateY(-2px);background-color:#003d8f;box-shadow:0 4px 12px #002d7266}.fetch-button:disabled{opacity:.6;cursor:not-allowed}.search-container{display:flex;gap:12px;max-width:1000px;width:100%;margin:0 auto}.search-input{flex:1;padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#ffdc00}.clear-search-button{padding:8px 16px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:background-color .2s}.clear-search-button:hover{background-color:#dc2626}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top:4px solid #002D72;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{background-color:#fee2e2;border:2px solid #ef4444;border-radius:8px;padding:20px;margin:20px;color:#991b1b}.error-container h3{margin:0 0 12px;color:#991b1b}.error-container p{margin:0 0 16px}.dismiss-button{padding:8px 16px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.dismiss-button:hover{background-color:#dc2626}.welcome-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#374151}.welcome-container h2{margin:0 0 12px;font-size:32px;color:#1f2937}.welcome-container p{margin:0 0 32px;font-size:16px;color:#6b7280}.legend{background-color:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a;max-width:500px}.legend h3{margin:0 0 16px;font-size:18px;color:#1f2937}.legend-items{display:flex;flex-direction:column;gap:12px;text-align:left}.legend-item{display:flex;align-items:center;gap:12px}.legend-box{width:40px;height:40px;border-radius:6px;flex-shrink:0}.legend-box.completed{background-color:#ffdc00;border:2px solid #002D72}.legend-box.available{background-color:#002d72;border:2px solid #FFDC00}.legend-box.unavailable{background-color:#d1d5db}.legend-box.search-match{background-color:#d1d5db;border:3px solid #FFDC00}.legend-item span{font-size:14px;color:#4b5563}@media(max-width:768px){.app-header h1{font-size:28px}.url-input-container{flex-direction:column}.fetch-button{width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}