.autocomplete { position: relative; display: inline-block; width: 100%; }
#subjectInput { padding: 8px; width: 300px; font-size: 16px; }
.autocomplete-items { position: absolute; top: 100%; left: 0; right: 0; z-index: 1000; border: 1px solid #ddd; background: #fff; max-height: 250px; overflow-y: auto; box-shadow: 0px 4px 8px rgba(0,0,0,0.1); border-radius: 6px; margin-top: 2px; font-family: 'Roboto', sans-serif; }
.autocomplete-item { padding: 8px 12px; cursor: pointer; border-bottom: 1px solid #f1f1f1; display: flex; flex-direction: column; gap: 2px; }
.autocomplete-item:hover { background-color: #f5f5f5; }
.autocomplete-item strong { font-size: 14px; font-weight: 600; color: #222; }
.autocomplete-item small { font-size: 12px; color: #666; line-height: 1.2; }
body { font-family:'Roboto', sans-serif; background: #c8ecf5; }
.navbar { background: linear-gradient(90deg, #092986, #f9a815c4); box-shadow:0 4px 20px rgba(0,0,0,0.2); }
.navbar-brand { color:#fff; font-weight:700; font-size:1.5rem; }
.navbar-nav .nav-link { color:#fff; font-weight:500; margin-right:1rem; transition:0.3s; }
.navbar-nav .nav-link:hover { color:#ffd700; }
.navbar-nav .dropdown-menu { background:#4e73df; border:none; }
.navbar-nav .dropdown-item { color:#fff; }
.navbar-nav .dropdown-item:hover { background:#1cc88a; color:#fff; }
.view1{text-align: center;}