:root{ --bg:#0e2130; --panel:#0b2a3a; --muted:#9fb0bf; --accent:#2b9bd6; --card:#071826; }
body .wp-search-shell{ font-family: "Helvetica Neue", Arial, sans-serif; color:#e6f2fb; background: linear-gradient(180deg,#061727 0%, #09263a 100%); padding:30px 20px; }
.wp-topbar{ display:flex; justify-content:space-between; align-items:center; padding:12px 18px; border-bottom:1px solid rgba(255,255,255,0.03); }
.wp-topbar .brand{ font-weight:700; letter-spacing:1px; color:#dff3ff; }
.wp-container{ display:flex; gap:18px; margin-top:20px; max-width:1200px; margin-left:auto; margin-right:auto; }
.wp-left{ width:260px; background:rgba(0,0,0,0.12); padding:14px; border-radius:6px; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.01); height:640px; overflow:auto; }
.menu-title{ font-size:13px; color:var(--muted); margin-bottom:8px; }
.menu-item{ display:block; padding:10px 12px; color:#cfe9fb; border-radius:6px; margin-bottom:6px; text-decoration:none; font-size:14px; background:linear-gradient(180deg, rgba(255,255,255,0.01), transparent); }
.menu-item:hover{ background: rgba(255,255,255,0.03); }
.wp-main{ flex:1; background: linear-gradient(180deg, rgba(255,255,255,0.02), transparent); padding:18px; border-radius:8px; min-height:640px; }
.search-box{ display:flex; gap:10px; align-items:center; margin-bottom:18px; flex-wrap:wrap; }
.search-box select, .search-box input{ padding:12px 14px; border-radius:6px; border:1px solid rgba(255,255,255,0.06); background:rgba(255,255,255,0.02); color:#e6f2fb; min-width:160px; }
.search-box input{ flex:1; min-width:260px; }
.btn{ background:var(--accent); color:#042133; padding:11px 18px; border-radius:6px; font-weight:600; border:none; cursor:pointer; }
.results-wrap{ margin-top:12px; border-top:1px dashed rgba(255,255,255,0.03); padding-top:12px; }
.result-table{ width:100%; border-collapse:collapse; font-size:14px; }
.result-table th, .result-table td{ padding:10px 12px; border-bottom:1px solid rgba(255,255,255,0.03); text-align:left; }
.result-table th{ color:var(--muted); font-weight:600; font-size:13px; }
.action-btn{ padding:6px 10px; border-radius:6px; text-decoration:none; font-size:13px; display:inline-block; }
.view{ background:transparent; color:#cfe9fb; border:1px solid rgba(255,255,255,0.06); }
.download{ background:#1bbf7a; color:#02261b; margin-left:8px; }
.no-results{ color:var(--muted); padding:20px 12px; }
@media (max-width:820px){ .wp-container{ flex-direction:column; } .wp-left{ width:100%; height:auto; } .search-box{ flex-direction:column; align-items:stretch; } .search-box select, .search-box input{ width:100%; } }
/* Dropdown text & background fix */
select {
    background-color: #0d1b2a;
    color: #ffffff;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #ccc;
}
/* Options styling */
select option {
    background-color: #ffffff;
    color: #000000;
}
/* Placeholder (first option) styling */
select option:first-child {
    color: #888888;
}