:root{--bs-body-bg:#0f0f13;--bs-body-color:#e0e0e0;--bs-dark-rgb:26,26,46}
body{background:linear-gradient(135deg,#0f0f13,#1a1a2e);min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#e0e0e0;display:flex;flex-direction:column}
main{flex:1 0 auto}
.navbar{background:rgba(26,26,46,.95)!important;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06);padding-top:.35rem;padding-bottom:.35rem}
.navbar-brand{background:linear-gradient(90deg,#00d2ff,#3a7bd5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:1.15rem}
.nav-link{color:rgba(255,255,255,.6)!important;transition:.2s;border-radius:6px;margin:0 1px;font-size:.82rem;padding:.35rem .5rem!important}
.nav-link:hover,.nav-link.active{color:#00d2ff!important;background:rgba(0,210,255,.08)}
.nav-link i{margin-right:4px;font-size:.85rem}
.card{background:rgba(30,30,46,.7);border:1px solid rgba(255,255,255,.06);border-radius:16px;backdrop-filter:blur(6px)}
.card-header{background:transparent;border-bottom:1px solid rgba(255,255,255,.06);padding:.75rem 1.1rem;font-weight:600;color:#aaa;font-size:.88rem}
footer{border-top:1px solid rgba(255,255,255,.05);color:#555;font-size:.82rem;text-align:center;padding:1.2rem;flex-shrink:0;background:rgba(26,26,46,.7)}
.form-select,.form-select-sm{background:#2a2a4a;color:#e0e0e0;border:1px solid rgba(255,255,255,.09);cursor:pointer;border-radius:8px}
.form-select:focus,.form-select-sm:focus{border-color:#00d2ff;box-shadow:0 0 0 .18rem rgba(0,210,255,.14)}
.badge-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}
.recording-item{background:rgba(42,42,74,.5);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:.9rem}
.recording-item video,.recording-item audio{width:100%;border-radius:6px;margin-top:7px}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
video{background:#000;border-radius:8px;max-width:100%}
.ad-container{text-align:center;margin:1rem 0}.ad-label{font-size:.6rem;color:#444;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px}.ad-placeholder{background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.07);border-radius:12px;padding:.9rem 1rem;color:#555;font-size:.78rem}