.dashboard-container{background:#000;color:#fff;font-family:Inter,sans-serif;display:flex;min-height:100vh;width:100%;overflow-x:hidden}.dashboard-sidebar{width:280px;background:#0a0a0a;padding:30px 0;border-right:1px solid #222;display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:sticky;top:0}.dashboard-sidebar h2{color:#ff2a8f;text-align:center;margin-bottom:40px;font-size:1.8rem;font-weight:700;letter-spacing:1px}.dashboard-sidebar ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:5px;height:100%}.dashboard-sidebar li{padding:15px 30px;color:#888;cursor:pointer;transition:all .3s ease;font-size:1rem;display:flex;align-items:center;gap:12px;border-left:3px solid transparent}.logout-item{margin-top:auto;color:#f44!important;margin-bottom:20px}.dashboard-sidebar li:hover{color:#fff;background:#ffffff0d}.dashboard-sidebar li.active{color:#ff2a8f;background:linear-gradient(90deg,rgba(255,42,143,.1) 0%,transparent 100%);border-left:3px solid #ff2a8f}.dashboard-sidebar li i{font-size:1.2rem;width:25px;text-align:center}.dashboard-main{flex:1;padding:40px;background:#000;width:100%;max-width:1600px;margin:0 auto;min-height:100vh}.animate-fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1{font-size:2rem;font-weight:700;margin-bottom:30px;color:#fff}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:40px}.dash-card{background:#111;border:1px solid #333;border-radius:16px;padding:25px;text-align:center;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.dash-card:hover{transform:translateY(-2px);border-color:#444}.dash-card.verde{border-color:#00ff9d4d;background:linear-gradient(180deg,#00ff9d0d,#111)}.dash-card h3{font-size:2.2rem;font-weight:800;margin:10px 0 5px;color:#fff}.dash-card.verde h3{color:#00ff9d;text-shadow:0 0 20px rgba(0,255,157,.2)}.dash-card p{color:#888;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}table{width:100%;border-collapse:collapse}th{font-size:.85rem;text-transform:uppercase;letter-spacing:1px}td{font-size:.95rem}button{font-family:Inter,sans-serif}.week-header:hover{background:#222}@media(max-width:768px){.dashboard-container{flex-direction:column}.dashboard-sidebar{position:fixed;bottom:0;left:0;top:auto;width:100%;height:auto;min-height:60px;flex-direction:row;justify-content:space-around;padding:10px 0;background:#0a0a0a;border-right:none;border-top:1px solid #333;z-index:9999;box-shadow:0 -5px 20px #000c}.dashboard-sidebar h2,.dashboard-sidebar div[style*=border-bottom]{display:none}.dashboard-sidebar ul{flex-direction:row;width:100%;justify-content:space-around;margin:0;height:auto;padding-bottom:env(safe-area-inset-bottom)}.dashboard-sidebar li{padding:5px;flex-direction:column;gap:4px;font-size:.7rem;border-left:none;border-top:2px solid transparent;color:#888;flex:1;justify-content:center}.logout-item{margin-top:0!important;margin-bottom:0!important;color:#f44!important}.dashboard-sidebar li i{font-size:1.4rem;margin-bottom:2px}.dashboard-sidebar li.active{background:transparent;border-left:none;border-top:2px solid #ff2a8f;color:#ff2a8f}.dashboard-sidebar li span{display:block}.dashboard-main{padding:20px 20px 100px;width:100%;min-height:100vh}.dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.cards-grid{grid-template-columns:1fr}.dash-card h3{font-size:1.8rem}.network-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch}.network-tabs button{flex-shrink:0}.modal-content{width:95%!important;padding:20px!important;max-height:85vh!important}}