:root{--bg-light:#f8f9fa;--panel-bg:#ffffff;--text-main:#111827;--text-muted:#6b7280;--border-color:#e5e7eb;--btn-bg:#1f2937;--btn-text:#ffffff;--accent-blue:#0284c7;--accent-indigo:#4f46e5}*{box-sizing:border-box}body{margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background-color:var(--bg-light);color:var(--text-main);height:100vh;overflow:hidden}#loading-overlay{position:fixed;inset:0;background:#ffffff;z-index:9999;transition:opacity .4s ease,visibility .4s ease}#loading-overlay.loaded{opacity:0;visibility:hidden}#app-container{width:100%;height:100vh;display:flex;overflow:hidden}.app-inner{display:flex;width:100%;height:100%;min-height:0}.sidebar{width:260px;flex-shrink:0;background:#ffffff;border-right:1px solid var(--border-color);padding:24px 20px 0;box-sizing:border-box;display:flex;flex-direction:column;z-index:100;height:100vh;position:sticky;top:0}.logo-brand{font-size:24px;font-weight:700;color:#000000;margin-bottom:32px;letter-spacing:-.5px;display:flex;align-items:center;text-decoration:none}.logo-img{height:36px;width:auto;display:block;-o-object-fit:contain;object-fit:contain}.nav-list .nav-btn i{display:none}.nav-list{flex-direction:column}.nav-btn,.nav-list{display:flex;width:100%}.nav-btn{align-items:center;gap:12px;padding:12px 16px;margin-bottom:8px;background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;text-align:left;border-radius:0;text-decoration:none;box-sizing:border-box;border:none;cursor:pointer;transition:background-color .15s,color .15s}.nav-btn.active,.nav-btn:hover{background:#f3f4f6;color:var(--text-main)}.btn-logout-nav{margin-top:8px;background:#fef2f2;color:#991b1b;text-align:center;justify-content:center}.menu-img-container{width:260px;margin-top:auto;margin-left:-20px;margin-right:-20px;display:none;justify-content:center;align-items:flex-end}.menu-img-container img{width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.main-content{flex:1;min-height:0;padding:40px;overflow-y:auto;box-sizing:border-box}.page-bottom-links{margin-top:28px;padding-top:8px}.ad-contact-link{display:inline-flex;align-items:center;padding:0;background:transparent;color:#111827;border:none;border-radius:0;font-size:13px;font-weight:600;text-decoration:underline;width:-moz-fit-content;width:fit-content;box-shadow:none}.ad-contact-link:hover{background:transparent;color:#000000;border:none}.page-wrap{max-width:920px;margin:0 auto}.page-header{margin-bottom:24px}.page-header h1{margin:0 0 8px;font-size:28px;font-weight:800;letter-spacing:-.5px}.page-header p{margin:0;font-size:14px;color:var(--text-muted);line-height:1.5;max-width:640px}.filters-card{background:transparent;border:none;border-radius:0;padding:0;margin-bottom:24px;box-shadow:none;overflow:visible}.search-wrap{position:relative;margin-bottom:14px}.search-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;pointer-events:none}.search-wrap .form-control{padding-left:40px;border:1px solid var(--border-color);background:#ffffff;border-radius:4px;box-shadow:none}.search-wrap .form-control:focus{border-color:var(--border-color);outline:none;box-shadow:none}.uni-load-more-wrap{display:flex;justify-content:center;margin-top:8px;margin-bottom:24px}.uni-load-more-btn{width:100%;max-width:320px;padding:12px 16px;font-size:14px;font-weight:600}.filters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative;z-index:2}.filters-grid.extra{margin-top:12px;z-index:1}.filters-grid.is-elevated{z-index:60}.filter-group label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.form-control{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background:#ffffff;color:var(--text-main);outline:none}.form-control:focus{border-color:#9ca3af}.custom-select-wrapper{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:4px;border:1px solid var(--border-color);background:#ffffff;color:var(--text-main);cursor:pointer;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;min-height:42px}.custom-select-trigger:hover{border-color:#cbd5e1}.custom-select-wrapper.open .custom-select-trigger{border-color:#9ca3af;box-shadow:0 0 0 3px rgba(17,24,39,.06)}.custom-select-value{display:flex;align-items:center;gap:8px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-arrow{font-size:11px;color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.custom-select-wrapper.open .custom-select-arrow{transform:rotate(180deg)}.custom-options{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#3f3f46;border:1px solid #71717a;border-radius:8px;box-shadow:0 12px 28px rgba(0,0,0,.28);z-index:800;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;overflow:hidden;padding:6px 0}.custom-select-wrapper.open .custom-options{opacity:1;visibility:visible;transform:translateY(0)}.custom-options-list{max-height:240px;overflow-y:auto}.custom-option{display:flex;align-items:center;gap:10px;padding:11px 16px;cursor:pointer;font-size:14px;color:#ffffff;transition:background-color .12s}.custom-option:hover{background-color:rgba(255,255,255,.08)}.custom-option .opt-check{width:14px;flex-shrink:0;font-size:12px;opacity:0;color:#ffffff}.custom-option.selected .opt-check{opacity:1}.custom-option.selected{font-weight:600}.filters-grid .filter-group{position:relative;z-index:1}.filters-grid .filter-group.is-open{z-index:80}.custom-select-wrapper.open{z-index:90;position:relative}.filters-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.result-count{color:var(--text-muted)}.ghost-btn,.result-count{font-size:13px;font-weight:600}.ghost-btn{background:#f3f4f6;border:1px solid var(--border-color);color:var(--text-main);padding:8px 12px;border-radius:4px;cursor:pointer}.ghost-btn:hover{background:#e5e7eb}.ghost-btn.uni-load-more-btn{background:transparent;border:none}.ghost-btn.uni-load-more-btn:hover{background:transparent}.uni-list{display:flex;flex-direction:column;gap:16px}.uni-card{background:#ffffff;border:1px solid var(--border-color);border-radius:0;padding:22px 24px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.uni-card-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.uni-badges,.uni-tags{display:flex;flex-wrap:wrap;align-items:center;font-size:12px;font-weight:600;color:#111827;line-height:1.5}.uni-badges{margin-bottom:10px}.uni-tag-item+.uni-tag-item:before{content:",";margin-right:10px;color:#111827;font-weight:600}.uni-card-actions{justify-content:space-between;margin-top:16px}.uni-actions-main,.uni-card-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.uni-actions-main{min-width:0}.compare-check{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-main);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.compare-check input{width:16px;height:16px;accent-color:#111827;cursor:pointer}.details-toggle{width:auto;max-width:none;white-space:nowrap;margin:0;font-family:inherit;background:#f3f4f6;border:1px solid var(--border-color);color:var(--text-main);padding:8px 12px;border-radius:4px;font-weight:600;cursor:pointer;gap:8px;box-sizing:border-box}.details-toggle,.uni-link{font-size:13px;display:inline-flex;align-items:center}.uni-link{font-weight:700;color:var(--accent-blue);text-decoration:none;gap:6px}.uni-link:hover{text-decoration:underline}.details-toggle:hover{background:#e5e7eb}.details-toggle i{font-size:11px;transition:transform .2s ease}.details-toggle.open i{transform:rotate(180deg)}.uni-details{display:none;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-color)}.uni-details.open{display:block}.uni-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.uni-details-block{background:#f9fafb;border:1px solid var(--border-color);border-radius:6px;padding:14px}.uni-details-block h4{margin:0 0 8px;font-size:13px;font-weight:700}.uni-details-block p{line-height:1.5}.majors-list,.uni-details-block p{margin:0;font-size:13px;color:#4b5563}.majors-list{padding-left:18px;line-height:1.55}.details-empty{margin:0;font-size:13px;color:var(--text-muted)}.compare-bar{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(120%);background:#111827;color:#ffffff;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 30px rgba(0,0,0,.25);z-index:10050;opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease;max-width:calc(100% - 32px);flex-wrap:wrap;justify-content:center}.compare-bar.visible{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}.compare-bar-count{font-size:13px;font-weight:600;white-space:nowrap}.compare-bar .ghost-btn{background:#374151;border-color:#4b5563;color:#ffffff}.compare-bar .ghost-btn:hover{background:#4b5563}.compare-bar .primary-btn{background:#ffffff;color:#111827;border:none;padding:8px 14px;border-radius:4px;font-size:13px;font-weight:700;cursor:pointer}.compare-bar .primary-btn:disabled{opacity:.55;cursor:not-allowed}.compare-modal{display:none;position:fixed;inset:0;background:rgba(17,24,39,.45);z-index:10060;align-items:center;justify-content:center;padding:20px}.compare-modal.open{display:flex}.compare-modal-box{width:100%;max-width:920px;max-height:90vh;overflow:auto;background:#ffffff;border-radius:8px;border:1px solid var(--border-color);padding:20px;box-shadow:0 20px 40px rgba(0,0,0,.15)}.compare-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.compare-modal-header h3{margin:0;font-size:18px;font-weight:800}.compare-table-scroll{overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}.compare-table td,.compare-table th{border:1px solid var(--border-color);padding:10px 12px;text-align:left;vertical-align:top}.compare-table thead th{background:#f9fafb;font-weight:700}.compare-table tbody th{background:#f9fafb;font-weight:600;white-space:nowrap;width:140px}.uni-name{margin:0 0 4px;font-size:20px;font-weight:800;letter-spacing:-.3px}.uni-meta{font-size:13px;color:var(--text-muted)}.uni-card-aside{display:flex;align-items:flex-start;gap:8px;flex-shrink:0}.fav-btn{width:40px;height:40px;border-radius:0;color:#9ca3af;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;padding:0}.fav-btn,.fav-btn:hover{border:none;background:transparent}.fav-btn:hover{color:#d97706}.fav-btn.active{background:transparent;border:none;color:#d97706}.fav-filter-btn{display:inline-flex;align-items:center;gap:6px;background:#f3f4f6;border:1px solid var(--border-color);color:var(--text-main);padding:8px 12px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer}.fav-filter-btn:hover{background:#e5e7eb}.fav-filter-btn.active{background:#e5e7eb;border-color:#9ca3af;color:var(--text-main)}.uni-score{text-align:right;flex-shrink:0;background:transparent;border:none;border-radius:0;padding:0;min-width:0}.uni-score-num{display:block;font-size:18px;font-weight:700;color:#111827;line-height:1.2}.uni-score-label{font-size:12px;font-weight:500;color:#111827;text-transform:none;letter-spacing:0}.uni-note{margin:14px 0 0;font-size:14px;color:#4b5563;line-height:1.5}.uni-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px;margin-top:14px}.uni-stat-label{display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:2px}.uni-stat-value{font-size:14px;font-weight:700;color:#111827;line-height:1.3}.empty-state{background:#ffffff;border:1px solid var(--border-color);border-radius:8px;padding:40px 24px;text-align:center;color:var(--text-muted);font-size:14px}@media (max-width:1024px){body{height:auto;overflow-y:auto}#app-container{height:auto;overflow:visible}.app-inner{flex-direction:column;height:auto}.sidebar{width:100%;height:auto;position:sticky;top:0;border-right:none;border-bottom:1px solid var(--border-color);padding:16px 16px 12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.sidebar .logo-brand{margin-bottom:12px;font-size:20px}.nav-list{flex-direction:row;overflow-x:auto;gap:18px;padding-bottom:6px;-webkit-overflow-scrolling:touch}.nav-list::-webkit-scrollbar{display:none}.nav-btn{width:auto;white-space:nowrap;margin-bottom:0;padding:8px 14px;font-size:13px;flex-shrink:0;position:relative}.btn-logout-nav{margin-top:0}.menu-img-container{display:none}.main-content{padding:24px 20px;overflow-y:visible}.filters-grid{grid-template-columns:1fr 1fr}.uni-details-grid{grid-template-columns:1fr}}@media (max-width:560px){.filters-grid{grid-template-columns:1fr}.uni-card-top{flex-direction:column}.uni-card-aside{width:100%}.uni-score{text-align:left}.uni-stats{grid-template-columns:1fr 1fr}.uni-card-actions{flex-direction:column;align-items:flex-start;gap:12px}.uni-actions-main{width:100%}}@media (max-width:1024px){.nav-list .nav-btn:not(:last-child):after{content:"|";position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:#9ca3af;font-weight:400;pointer-events:none;line-height:1}}