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; }
.card { border-radius: 10px; box-shadow:0 4px 10px rgba(0,0,0,0.1); transition: transform 0.2s; }
.card:hover { transform: scale(1.02); }
.table-responsive { max-height:400px; overflow-y:auto; }
.custom-table-container { max-height: 400px; overflow-y: auto; overflow-x: auto; }
.custom-table-container thead th { position: sticky; top: 0; background: #f8f9fa; z-index: 10; }
.autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; top: 100%; left: 0; right: 0; background: #fff; max-height: 200px; overflow-y: auto; }
.autocomplete-item { padding: 10px; cursor: pointer; border-bottom: 1px solid #d4d4d4; }
.autocomplete-item:hover { background-color: #e9e9e9; }
.font1 { font-size: 13px; }