*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{overflow-y: scroll}body{font-family:system-ui,sans-serif;background:#07070f;color:#dde0f0;min-height:100vh;font-size:14px}a{color:#4af;text-decoration:none}a:hover{text-decoration:underline}input,select,textarea,button{font:inherit}body{display:flex;min-height:100vh}.admin-sidebar{width:250px;flex-shrink:0;background:#0a0a18;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:50}.admin-main{flex:1;min-width:0}.wrapper{max-width:1320px;margin:0 auto;padding:24px 20px}.sidebar-brand{padding:20px 18px 14px;font-family:'Courier New',monospace;font-size:.88rem;color:#00e5a0;letter-spacing:2px;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-brand small{display:block;font-size:.6rem;color:#585870;letter-spacing:1px;margin-top:2px}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:12px 0;gap:2px}.snav-section{font-size:.6rem;text-transform:uppercase;letter-spacing:1.2px;color:#3a3a5a;padding:10px 18px 4px;margin-top:6px}.snav-item{display:flex;align-items:center;gap:9px;padding:9px 18px;background:none;border:none;color:#9090ae;font-size:.8rem;font-weight:500;cursor:pointer;text-align:left;width:100%;border-left:2px solid transparent;transition:color .15s,background .15s,border-color .15s;text-decoration:none}.snav-item:hover{color:#dde0f0;background:rgba(255,255,255,.04)}.snav-item.active{color:#fff;background:rgba(61,90,254,.12);border-left-color:#3d5afe}.snav-icon{font-size:.95rem;width:18px;text-align:center;flex-shrink:0}.snav-badge{margin-left:auto;background:#161628;color:#585870;border-radius:10px;padding:1px 7px;font-size:.65rem}.snav-divider{border:none;border-top:1px solid rgba(255,255,255,.06);margin:8px 14px}.sidebar-footer{padding:14px 18px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px}.sidebar-footer a{font-size:.75rem;color:#585870}.sidebar-footer a:hover{color:#9090ae}.sidebar-mobile-toggle{display:none}@media(max-width:680px){body{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:relative;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid rgba(255,255,255,.07)}.sidebar-brand{flex:1;padding:12px 16px;border-bottom:none;border-right:1px solid rgba(255,255,255,.06)}.sidebar-nav{flex-direction:row;flex-wrap:wrap;padding:6px 8px;gap:2px;width:100%}.snav-section{display:none}.snav-item{width:auto;padding:7px 12px;border-left:none;border-bottom:2px solid transparent;font-size:.75rem}.snav-item.active{border-bottom-color:#3d5afe;border-left:none}.snav-divider{display:none}.sidebar-footer{flex-direction:row;border-top:none;padding:6px 8px}.wrapper{padding:16px 12px}}.flash{padding:10px 14px;border-radius:6px;font-size:.83rem;margin-bottom:16px}.flash-ok{background:#0a2d0a;border:1px solid #1a7a1a;color:#4caf50}.flash-err{background:#2d0a0a;border:1px solid #7a1a1a;color:#f44336}.card{background:#0f0f1e;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:20px;margin-bottom:20px}.card h2{font-size:.9rem;color:#9090ae;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.82rem;table-layout:fixed;min-width:1150px}thead th{background:#161628;color:#9090ae;text-transform:uppercase;font-size:.7rem;letter-spacing:.8px;padding:10px 12px;text-align:left;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.08)}tbody td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle;word-wrap:break-word}tbody tr:hover td{background:rgba(255,255,255,.02)}.badge{display:inline-block;padding:2px 7px;border-radius:4px;font-size:.7rem;font-weight:600}.badge-on{background:#0a2d0a;color:#4caf50}.badge-off{background:#2d0d0a;color:#f44336}.badge-meta-on{color:#00e5a0;background:rgba(0,229,160,.1)}.badge-meta-off{color:#585870;background:#161628}.badge-tipo{background:#161628;color:#9090ae}.dot-color{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.actions{display:flex;gap:6px;flex-wrap:nowrap;white-space:nowrap;align-items:center}.btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:5px;border:none;cursor:pointer;font-size:.78rem;font-weight:500;transition:filter .15s}.btn:hover{filter:brightness(1.15)}.btn-primary{background:#3d5afe;color:#fff}.btn-edit{background:#1a2a4a;color:#7ab8ff;border:1px solid #2a3a6a}.btn-toggle{background:#1a2a1a;color:#7ad07a;border:1px solid #2a3a2a}.btn-delete{background:#2a1010;color:#f07a7a;border:1px solid #4a1a1a}.btn-sm{padding:4px 9px;font-size:.72rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:.72rem;text-transform:uppercase;letter-spacing:.7px;color:#9090ae}.form-group.full{grid-column:1/-1}.form-row{grid-column:1/-1;display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}input[type=text],input[type=url],input[type=number],select{background:#161628;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#dde0f0;padding:8px 10px;width:100%;transition:border-color .15s}input:focus,select:focus{outline:none;border-color:#3d5afe}.hint{font-size:.68rem;color:#585870;margin-top:2px}.checkbox-group{display:flex;align-items:center;gap:8px;margin-top:6px}.checkbox-group input{width:auto}.logo-preview{width:50px;height:50px;border-radius:8px;object-fit:cover;background:#161628;border:1px solid rgba(255,255,255,.08);vertical-align:middle}.tab-panel{display:none}.tab-panel.active{display:block}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.filter-bar input,.filter-bar select{background:#161628;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#dde0f0;padding:7px 10px;font-size:.78rem;transition:border-color .15s;flex:1 1 130px;min-width:130px;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filter-bar input:focus,.filter-bar select:focus{outline:none;border-color:#3d5afe}.filter-clear{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);color:#9090ae;border-radius:6px;padding:7px 12px;font-size:.78rem;cursor:pointer;white-space:nowrap;flex:0 0 auto}.filter-clear:hover{color:#fff;border-color:rgba(255,255,255,.2)}.filter-count{font-size:.75rem;color:#585870;align-self:center;white-space:nowrap;margin-left:4px;flex:0 0 140px;text-align:right}.card.card-edit{border-color:rgba(61,90,254,.35);background:#0d0f22}.card.card-edit h2{color:#7ab8ff}.form-footer{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}.footer-checkbox{display:flex;align-items:center;gap:7px;font-size:.82rem;color:#9090ae;cursor:pointer;white-space:nowrap}.footer-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:#3d5afe;cursor:pointer;flex-shrink:0}.footer-checkbox:hover{color:#dde0f0}.flash-footer{flex:1;min-width:180px;margin-bottom:0;padding:0 14px;display:flex;align-items:center;align-self:stretch;border-radius:6px;font-size:.83rem;transition:opacity .5s ease, visibility .5s ease}.vol-level-row{display:flex;align-items:center;gap:12px}input[type=range].vol-level-slider{-webkit-appearance:none;flex:1;height:4px;border-radius:2px;outline:none;border:none;padding:0;background:linear-gradient(to right,#3d5afe 100%,#161628 100%);width:auto}input[type=range].vol-level-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#3d5afe;cursor:pointer;box-shadow:0 0 6px rgba(61,90,254,.5)}input[type=range].vol-level-slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:#3d5afe;cursor:pointer}.vol-level-val{font-family:'Courier New',monospace;font-size:.88rem;color:#dde0f0;min-width:42px;text-align:right;flex-shrink:0}.vu-section{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}.vu-section-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.7px;color:#9090ae;margin-bottom:12px}.vu-meter-container{position:relative;padding-bottom:22px;margin-bottom:8px}.vu-bar-track{position:relative;height:28px;border:1px solid rgba(255,255,255,.1);border-radius:5px;overflow:hidden;background:linear-gradient(to right,#00e5a0 0%, #00e5a0 95%,#ffb300 95%, #ffb300 99.5%,#f44336 99.5%, #f44336 100%)}.vu-bar-fill{position:absolute;right:0;left:auto;top:0;bottom:0;width:100%;background:#0a0a18;border-radius:0 4px 4px 0;z-index:2;transition:width .08s linear}.vu-peak-hold{position:absolute;top:0;bottom:0;width:2px;background:rgba(255,255,255,.85);left:0%;z-index:3;transition:left .06s linear}.vu-zone-ok{position:absolute;top:0;bottom:0;left:70%;width:25%;background:rgba(0,229,160,.12);border-left:1px dashed rgba(0,229,160,.4);pointer-events:none;z-index:1}.vu-scale{position:absolute;bottom:0;left:0;right:0;height:18px}.vu-scale span{position:absolute;transform:translateX(-50%);font-size:.58rem;color:#585870;white-space:nowrap}.vu-db-display{font-family:'Courier New',monospace;font-size:.95rem;color:#00e5a0;text-shadow:0 0 8px rgba(0,229,160,.4);min-height:1.4em;margin-bottom:10px}.vu-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vu-hint{font-size:.75rem;color:#585870;margin-left:4px}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.filter-bar input,.filter-bar select{flex:1 1 100%}}