.dashboard-container{padding:20px;background-color:#1e1e1e;color:#fff;font-family:Arial,sans-serif}.dashboard-nav{margin-bottom:20px;display:flex;gap:4px;background-color:#2a2a2a;padding:16px;border-radius:8px}.dashboard-nav a{color:#fff;text-decoration:none;margin-right:15px;transition:color .3s}.dashboard-nav a:hover{color:#ff4d94}.dashboard-nav a svg{display:inline-block;margin-right:8px;vertical-align:middle}.viz-section{margin-bottom:40px;padding:20px;background-color:#2a2a2a;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.viz-section h2{font-size:1.5em;color:#ff4d94;margin-bottom:10px;border-bottom:2px solid #ff4d94;padding-bottom:5px}.rd3t-tree-container,.react-sankey,.recharts-wrapper{background-color:#2a2a2a;border-radius:10px;padding:10px;margin-bottom:20px}.mock-heatmap,.mock-sankey,.mock-treemap{background-color:#2a2a2a;border-radius:10px;padding:20px;margin-bottom:20px;min-height:300px;display:flex;align-items:center;justify-content:center;border:1px solid #3a3a3a}.influencer-timeline{display:flex;flex-direction:column;gap:10px}.influencer-event{display:flex;justify-content:space-between;padding:10px;background-color:#2a2a2a;border-radius:5px;border-left:3px solid #ff4d94;cursor:pointer;transition:background-color .3s}.influencer-event:hover{background-color:#3a3a3a}.influencer-event .date{color:#ccc;font-size:.9em}.influencer-event .influencer{color:#ff4d94;font-weight:700}.influencer-event .platform{color:#00c2cb;padding:2px 6px;background-color:rgba(0,194,203,.1);border-radius:3px}.influencer-event .sentiment{padding:2px 5px;border-radius:3px;font-size:.8em;text-transform:uppercase}.influencer-event .sentiment.positive{background-color:#4caf50;color:#fff}.influencer-event .sentiment.neutral{background-color:#607d8b;color:#fff}.influencer-event .sentiment.negative{background-color:#f44336;color:#fff}.influencer-event .reach{color:#ffcb00;font-size:.9em}.alerts-section{margin-bottom:40px}.alert{padding:10px;border-radius:5px;margin-bottom:10px;display:flex;align-items:center}.alert.high{background-color:hsla(0,100%,71%,.2);border-left:4px solid #ff6b6b;color:#ff6b6b}.alert.medium{background-color:rgba(255,203,0,.2);border-left:4px solid #ffcb00;color:#ffcb00}.alert svg{margin-right:10px}.export-section{text-align:center;margin-top:20px}.export-button{background-color:#ff4d94;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1em;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .3s}.export-button:hover{background-color:#e03a7a}.dashboard-card{background-color:#2a2a2a;border-radius:10px;padding:15px;margin-bottom:20px;box-shadow:0 4px 8px rgba(0,0,0,.2);border-top:3px solid #ff4d94}.dashboard-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dashboard-card-title{font-size:1.2em;color:#fff;margin:0}.dashboard-card-content{min-height:200px}.dashboard-tabs{display:flex;margin-bottom:20px;border-bottom:1px solid #333}.dashboard-tab{padding:10px 20px;cursor:pointer;color:#ccc;background:transparent;border:none;border-bottom:3px solid transparent;transition:all .2s ease;display:flex;align-items:center;gap:8px}.dashboard-tab:hover{color:#fff;background-color:#2a2a2a}.dashboard-tab.active{color:#ff4d94;border-bottom-color:#ff4d94}.loading-spinner{width:40px;height:40px;border-radius:50%;border:4px solid rgba(255,77,148,.3);border-top-color:#ff4d94;animation:spin 1s ease-in-out infinite;margin:40px auto}@keyframes spin{to{transform:rotate(1turn)}}.data-table{width:100%;border-collapse:collapse;margin-bottom:20px}.data-table th{background-color:#333;color:#ff4d94;text-align:left;padding:10px;font-weight:400;border-bottom:1px solid #555}.data-table td{padding:8px 10px;border-bottom:1px solid #333}.data-table tr:hover{background-color:#2c2c2c}.value-up{color:#4caf50}.value-down{color:#f44336}@media (max-width:768px){.dashboard-container{padding:10px}.viz-section{padding:15px;margin-bottom:20px}.viz-section h2{font-size:1.2em}.influencer-event{flex-direction:column;gap:5px}.dashboard-tabs{overflow-x:auto;white-space:nowrap}.dashboard-tab{padding:10px 15px}}.heatmap-cell{min-height:60px;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease;border-radius:6px}.heatmap-cell:hover{transform:scale(1.05);z-index:10;box-shadow:0 0 10px rgba(255,77,148,.5)}