:root{--primary:#00a8ff;--secondary:#00d2d3;--accent:#ff9ff3;--dark:#1a1a2e;--darker:#0d0d1a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--darker),var(--dark));color:#fff;min-height:100vh;overflow:hidden}#particles-js{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1}.pie-marker{border-radius:50%;border:2px solid #fff;box-shadow:0 0 10px rgba(255,255,255,.5);position:relative;width:40px;height:40px}.pie-segment{position:absolute;width:100%;height:100%;border-radius:50%;clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 100%,0% 100%,0% 0%)}.container{max-width:100%;height:100vh;display:flex;flex-direction:column}.main-content{display:flex;flex:1;padding:20px;gap:20px;overflow:hidden}#sidebar{width:403px;background:rgba(20,20,40,.9);border-radius:20px;padding:25px;backdrop-filter:blur(10px);border:1px solid rgba(0,168,255,.3);box-shadow:0 10px 30px rgba(0,0,0,.5);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary) rgba(30,30,50,.7)}.filter-stat{display:flex;align-items:center;margin-left:10px;min-width:100px}.percentage-bar{flex:1;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-right:8px}.percentage-fill{height:100%;transition:width .3s ease}.percentage-text{font-size:12px;color:#666;min-width:50px}.filters h2{text-align:center;margin-bottom:30px;color:var(--primary);font-size:1.5em;text-transform:uppercase;letter-spacing:2px}.category-filter h3,.source-filter h3{margin-bottom:20px;color:var(--secondary);font-size:1.3em;display:flex;align-items:center}.category-filter h3::before,.source-filter h3::before{content:'';display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--secondary);margin-right:10px;box-shadow:0 0 10px var(--secondary)}.source-filter h3::before{background:#9c27b0;box-shadow:0 0 10px #9c27b0}.filter-group{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.filter-group label{align-items:center;padding:12px;background:rgba(30,30,50,.7);border-radius:10px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.filter-group label:hover{background:rgba(40,40,70,.9);transform:translateX(5px);border-color:var(--primary)}.filter-group input[type="checkbox"]{margin-right:10px;width:18px;height:18px;accent-color:var(--primary)}.stats{margin-top:30px}.stats h3{text-align:center;margin-bottom:20px;color:var(--accent);font-size:1.3em}.stat-item{display:flex;justify-content:space-between;margin-bottom:15px;padding:15px;background:rgba(30,30,50,.7);border-radius:10px;transition:all .3s ease}.stat-item:hover{background:rgba(40,40,70,.9);transform:translateY(-2px)}.percentage-bar{height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin:8px 0}.percentage-fill{height:100%;border-radius:4px;transition:width .5s ease}.percentage-value{font-size:.8em;opacity:.8;margin-top:5px}#map-container{flex:1;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5);border:1px solid rgba(0,168,255,.3);position:relative}#map{height:100%;background:#0a0a14}.legend{position:absolute;bottom:20px;right:20px;background:rgba(20,20,40,.9);padding:15px;border-radius:15px;z-index:1000;backdrop-filter:blur(10px);border:1px solid rgba(0,168,255,.3)}.legend h4{margin-bottom:10px;color:var(--primary);text-align:center}.legend-item{display:flex;align-items:center;margin:5px 0}.legend-color{width:20px;height:20px;border-radius:50%;margin-right:10px;border:2px solid #fff}.stat-source-item{display:flex;justify-content:space-between;margin-bottom:12px;padding:10px;background:rgba(156,39,176,.1);border-radius:10px;transition:all .3s ease}.stat-source-item:hover{background:rgba(156,39,176,.2);transform:translateY(-2px)}#sidebar.expanded{width:750px}.buttons-container{padding:20px;border-bottom:1px solid rgba(0,255,255,.3)}.stats-toggle{display:flex;justify-content:center;gap:15px;margin:0;padding:0}.stats-button{background:linear-gradient(145deg,#0f0f23,#1e1e2f);border:1px solid rgba(0,255,255,.5);padding:12px 18px;font-size:14px;font-weight:600;color:#e0e0e0;border-radius:10px;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(0,0,0,.5);text-shadow:0 0 5px rgba(255,255,255,.2)}.stats-button:hover{background:linear-gradient(145deg,#16213e,#0f0f23);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 25px rgba(0,255,255,.6);border-color:rgba(0,255,255,.8)}.stats-button.active{background:linear-gradient(145deg,#8a2be2,#4b0082);color:#fff;border-color:#8a2be2;box-shadow:0 0 30px rgba(138,43,226,.8);text-shadow:0 0 10px rgba(255,255,255,.5)}#content-area{padding:20px;height:calc(100% - 100px);overflow-y:auto}.content-view{color:#e0e0e0}.data-table{width:100%;border-collapse:collapse;background:linear-gradient(145deg,#0f0f23,#1e1e2f);border-radius:8px;box-shadow:0 0 15px rgba(138,43,226,.2);overflow:hidden;margin-top:10px}.data-table th,.data-table td{padding:10px;text-align:left;border-bottom:1px solid rgba(0,255,255,.3);color:#e0e0e0}.data-table th{background:linear-gradient(145deg,#8a2be2,#4b0082);color:#fff;text-shadow:0 0 5px rgba(255,255,255,.5)}.data-table tr:hover{background:rgba(0,255,255,.1)}