.card-header .card-kicker{color:#e2f4ff}
.request-badge{font-size:.65rem;vertical-align:middle;margin-left:.35rem}
:root{--blue:#249be8;--brand-dark:#015ed1;--brand-dark-2:#015ed1}
.sidebar{background:#015ed1}.mobile-header{background:#015ed1}
.card-header{background:#015ed1}
.btn-primary{--bs-btn-bg:#249be8;--bs-btn-border-color:#249be8;--bs-btn-hover-bg:#168bd2;--bs-btn-hover-border-color:#168bd2;--bs-btn-active-bg:#117cbd;--bs-btn-active-border-color:#117cbd}
.btn-outline-info{--bs-btn-color:#249be8;--bs-btn-border-color:#249be8;--bs-btn-hover-bg:#249be8;--bs-btn-hover-border-color:#249be8;--bs-btn-active-bg:#168bd2;--bs-btn-active-border-color:#168bd2}
.page-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.7rem 1.9rem;border:1px solid #249cf055;border-radius:1rem;background:radial-gradient(circle at 85% 15%,#23a4ff33,transparent 32%),linear-gradient(135deg,#202b3b,#1d222c);box-shadow:0 18px 45px #0003}
.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 40%,#ffffff08);pointer-events:none}
.page-hero>div,.page-hero>button{position:relative}.page-hero h1{font-weight:600;letter-spacing:-.025em}.page-hero p{max-width:760px;color:#b8c5d6}.page-hero-actions,.page-hero-action{flex:0 0 auto}
.card{border-color:#394354;background:linear-gradient(160deg,#232a36,#202631)}
.card-header{border-bottom-color:#ffffff12;background:linear-gradient(100deg,#158ee9,#249be8)}
.card-header h2{font-weight:600;letter-spacing:-.01em}.card-body{position:relative}.stat-card{height:100%;overflow:hidden;border:1px solid #3c485a;background:linear-gradient(145deg,#242b38,#202631);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-3px);border-color:#4c5d73;box-shadow:0 16px 34px #060b1338}.stat-card-header{display:flex;align-items:center;min-height:52px;padding:.85rem 1.25rem;background:#015ed1}.stat-card-header h2{margin:0;color:#fff;font-size:1rem;font-weight:600}.stat-card .card-body{display:flex;align-items:center;gap:1rem;min-height:118px;padding:1.25rem}.stat-content{flex:1}.stat-value{color:#fff;font-size:2.35rem;font-weight:700;letter-spacing:-.04em;line-height:1}.stat-server{margin:0 0 .35rem;color:#fff;font-size:1.05rem;font-weight:700}.stat-icon{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border:1px solid #ffffff16;border-radius:17px;box-shadow:inset 0 1px 0 #ffffff12}.stat-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.stat-icon-music{color:#57b9ff;background:linear-gradient(145deg,#168bea36,#015ed118)}.stat-icon-jingle{color:#b797ff;background:linear-gradient(145deg,#7c55dc35,#5633a018)}.stat-icon-encoder{color:#37d98b;background:linear-gradient(145deg,#14a96835,#087e4b18)}.stat-icon-server{color:#ffb85c;background:linear-gradient(145deg,#e58b2335,#a9631518)}.stat-card .dashboard-live-status{margin:0 0 .35rem}
.on-air-card .card-header{padding:1rem 1.35rem}.upload-zone{border-radius:.75rem;transition:border-color .18s ease,background .18s ease,transform .18s ease}.upload-zone:hover{border-color:#249be8;background:#249be808;transform:translateY(-1px)}
.table{--bs-table-bg:transparent}.table thead th{padding:.9rem 1rem;color:#aab7c8;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;background:#19202a}.table tbody td{padding:.9rem 1rem;border-color:#ffffff10}.table tbody tr{transition:background .15s ease}.table tbody tr:hover{--bs-table-bg-state:#ffffff06}
.encoder-live-status{display:block!important}.live-status-line{display:flex;align-items:center;gap:.9rem}.encoder-live-status>small{display:block!important;width:100%;padding-left:calc(13px + .9rem);margin-top:.25rem!important;color:#b9c7d8;white-space:nowrap}.encoder-hero{padding:1.7rem 1.9rem}
.dashboard-live-status{display:flex;align-items:center;gap:.65rem;margin:.55rem 0 .35rem}.dashboard-live-status strong{font-size:1.25rem}.dashboard-live-status .live-dot{width:11px;height:11px;flex-basis:11px}
@media(max-width:767.98px){.page-hero{align-items:flex-start;flex-direction:column;padding:1.3rem}.page-hero-actions,.page-hero-action{width:100%}.page-hero-actions .btn{flex:1}.encoder-live-status small{white-space:normal}}
.card-header{background:#015ed1}
.sidebar-brand{justify-content:center!important;padding:1rem 1.15rem!important}
.sidebar-brand .brand-dot{display:none}
.brand-logo{display:block;width:100%;max-width:205px;height:68px;object-fit:contain}
.mobile-header .brand-logo{width:165px;height:52px}
.login-brand{display:flex;justify-content:center;margin:-.5rem 0 1.5rem}
.login-brand img{display:block;width:min(100%,330px);height:auto;max-height:125px;object-fit:contain}
.on-air-playlist{font-size:.82em;font-weight:500;opacity:.9}
.collapse-icon-button{width:34px;height:32px;display:grid;place-items:center;padding:0}.collapse-chevron{transition:transform .2s ease}.collapse-icon-button.collapsed .collapse-chevron{transform:rotate(180deg)}.media-per-page{width:78px}.media-loading{position:relative;min-height:180px;pointer-events:none;opacity:.55}.media-loading:after{content:"";position:absolute;z-index:5;top:50%;left:50%;width:36px;height:36px;margin:-18px;border:4px solid #ffffff35;border-top-color:#fff;border-radius:50%;animation:media-spin .7s linear infinite}@keyframes media-spin{to{transform:rotate(360deg)}}
body,.form-control,.form-select,.btn{font-family:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif}body{font-size:15px;line-height:1.55;letter-spacing:.005em}.card{border-radius:.75rem;box-shadow:0 10px 28px #00000014;overflow:hidden}.card-header{min-height:64px;display:flex;align-items:center;padding:1rem 1.25rem}.form-label{font-weight:500;margin-bottom:.45rem}.form-control,.form-select,.input-group-text{min-height:44px;border-radius:.5rem}.btn{font-weight:500;border-radius:.5rem}.encoder-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.7rem 1.9rem;border:1px solid #249cf055;border-radius:1rem;background:radial-gradient(circle at 85% 15%,#23a4ff33,transparent 32%),linear-gradient(135deg,#202b3b,#1d222c);box-shadow:0 18px 45px #0003}.encoder-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 40%,#ffffff08);pointer-events:none}.encoder-hero>div{position:relative}.encoder-hero p{color:#b8c5d6}.eyebrow,.card-kicker{display:block;color:#63bcfa;font-size:.7rem;font-weight:700;letter-spacing:.14em;margin-bottom:.3rem}.encoder-live-status{min-width:220px;display:flex;align-items:center;gap:.9rem;padding:.8rem 1rem;border:1px solid #ffffff22;border-radius:.75rem;background:#10151dcc}.encoder-live-status strong,.encoder-live-status small{display:block}.encoder-live-status strong{font-size:1rem}.encoder-live-status small{font-size:.75rem;margin-top:.1rem}.live-dot{width:13px;height:13px;border-radius:50%;flex:0 0 13px}.is-live .live-dot{background:#21d07a;box-shadow:0 0 0 0 #21d07a99;animation:live-pulse 1.7s infinite}.is-live strong{color:#3de28f}.is-connecting .live-dot{background:#ffb020;animation:status-blink 1s infinite}.is-connecting strong{color:#ffc354}.is-stopped .live-dot{background:#e65367}.is-stopped strong{color:#ff7184}@keyframes live-pulse{0%{box-shadow:0 0 0 0 #21d07a99}70%{box-shadow:0 0 0 10px #21d07a00}100%{box-shadow:0 0 0 0 #21d07a00}}@keyframes status-blink{50%{opacity:.3}}.encoder-card .card-header{justify-content:space-between}.encoder-switch{margin:0}.encoder-switch .form-check-input{width:2.6rem;height:1.35rem}.encoder-summary{background:linear-gradient(160deg,#252c38,#1d222b)}.encoder-details{margin:0}.encoder-details>div{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid #ffffff12}.encoder-details>div:last-child{border-bottom:0}.encoder-details dt{color:#96a2b3;font-weight:400}.encoder-details dd{margin:0;text-align:right;font-weight:500}.bitrate-help{color:#ffca6a!important;line-height:1.4;margin-top:.55rem}@media(max-width:767.98px){.encoder-hero{align-items:flex-start;flex-direction:column;padding:1.3rem}.encoder-live-status{width:100%;min-width:0}.card-header{min-height:58px}.encoder-card .card-footer{align-items:stretch!important;flex-direction:column;gap:.8rem}.encoder-card .card-footer .btn{width:100%}}