.platforms-container{background-color:#fafafa;min-height:100vh;padding:30px;font-family:Inter,sans-serif}.header{text-align:center;margin-bottom:30px}.header h1{color:#222;font-size:26px;font-weight:700}.header p{color:#777;font-size:15px}.chart-wrapper{background:#fff;border-radius:16px;margin-bottom:40px;padding:25px;box-shadow:0 2px 8px #00000014}.table-wrapper{background:#fff;border-radius:16px;padding:25px;box-shadow:0 2px 8px #00000014}.table-wrapper h2{margin-bottom:15px;font-size:20px;font-weight:600}.platforms-table{border-collapse:collapse;width:100%}.platforms-table th,.platforms-table td{text-align:center;border-bottom:1px solid #eee;padding:10px 15px;font-size:14px}.platforms-table th{color:#333;background-color:#f0f4ff;font-weight:600}.platforms-table tr:hover{background-color:#f9fbff}.date-inline-wrapper,.date-top-bar{align-items:center;gap:8px;display:inline-flex}.date-range-btn{color:#f5f5f5;cursor:pointer;background:#640da3;border:1px solid #333;border-radius:999px;justify-content:space-between;align-items:center;gap:8px;min-width:230px;padding:6px 12px;font-size:13px;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.date-range-btn:hover{background:#4c0a7a;border-color:#555;box-shadow:0 0 0 1px #333}.date-caret{opacity:.9;font-size:11px}.date-vs-text{color:#ccc;font-size:13px;font-weight:500}.date-modal-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.date-modal-content{color:#f5f5f5;background:#101010;border-radius:12px;flex-direction:column;width:900px;max-width:900px;max-height:90vh;padding:10px;overflow-y:auto}.date-modal-header{border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.date-modal-header h2{margin:0;font-size:18px}.date-modal-close{color:#aaa;cursor:pointer;background:0 0;border:none;font-size:20px}.date-modal-close:hover{color:#fff}.date-modal-body{gap:20px;display:flex}.date-modal-left{flex:2}.date-modal-right{flex-direction:column;flex:1;justify-content:space-between;display:flex}.preset-buttons{flex-direction:column;gap:6px;margin-top:8px;display:flex}.preset-buttons button{color:#e8e8e8;text-align:left;cursor:pointer;background:#161616;border:1px solid #333;border-radius:6px;width:100%;padding:6px 8px;font-size:13px;transition:background .2s,border-color .2s}.preset-buttons button:hover{background:#640da3;border-color:#640da3}.trend-radio-group{flex-direction:column;gap:10px;margin-top:8px;display:flex}.trend-radio-group label{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.trend-radio-group input[type=radio]{accent-color:#640da3}.date-modal-footer{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.date-modal-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px}.date-modal-btn.cancel{color:#eee;background:#222}.date-modal-btn.cancel:hover{background:#333}.date-modal-btn.primary{color:#000;background:#f5f5f5}.date-modal-btn.primary:hover{background:#fff}.rdrCalendarWrapper{color:#f5f5ff;background:#101010;border-radius:10px}.rdrMonthAndYearWrapper,.rdrWeekDays{color:#e4d8ff}.rdrWeekDay{color:#b8b8b8!important}.rdrDayNumber span{color:#f5f5ff}.rdrDayPassive .rdrDayNumber span{color:#555}.rdrDayToday .rdrDayNumber span:after{background:orange}.rdrDayInRange .rdrInRange,.rdrDayStartPreview .rdrStartEdge,.rdrDayEndPreview .rdrEndEdge,.rdrDaySelected .rdrSelected{background:#640da3!important;border-radius:4px!important}.rdrDayHovered .rdrDayNumber span{background:#640da340;border-radius:4px}.platform-pill-btn{color:#f5f5f5;cursor:pointer;background:#111;border:1px solid #333;border-radius:999px;justify-content:space-between;align-items:center;gap:6px;min-width:150px;margin-left:10px;padding:6px 12px;font-size:13px;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.platform-pill-btn:hover{background:#181818;border-color:#555;box-shadow:0 0 0 1px #333}.platform-panel{background:#151515;border:1px solid #333;border-radius:8px;margin-top:18px;overflow:hidden}.platform-panel-header{cursor:pointer;justify-content:space-between;align-items:center;padding:6px 10px;font-size:13px;display:flex}.platform-list{max-height:200px;overflow-y:auto}.platform-item{color:#f5f5f5;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:13px;display:flex}.platform-item:hover{background:#222}.platform-item.active{background:#640da3}.platform-icon{object-fit:cover;border-radius:4px;width:18px;height:18px}.platform-name{flex:1}.platform-check{font-size:12px}.platform-empty{color:#aaa;padding:8px 10px;font-size:12px}.userDropdown{z-index:1000;background:#fff;border:1px solid #eef0f6;border-radius:12px;width:240px;padding:10px 0;position:absolute;top:55px;right:0;box-shadow:0 10px 30px #00000014}.userHeader{background:#f3f4f6;border-radius:10px;align-items:center;gap:12px;margin:8px;padding:12px 16px;display:flex}.userAvatarSmall{background:linear-gradient(135deg,#5b7ceb,#7a9cff);border-radius:8px;width:40px;height:40px}.userName{color:#374151;font-size:14px;font-weight:600}.userEmail{color:#9ca3af;font-size:12px}.dropdownItem{color:#374151;cursor:pointer;justify-content:space-between;align-items:center;padding:12px 18px;font-size:14px;display:flex}.dropdownDivider{background:#e5e7eb;height:1px;margin:6px 0}.page{background:#f4f5fa;min-height:100vh;font-family:Poppins,sans-serif;display:flex}.sidebar{background:#fff;border-right:1px solid #eef0f6;flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky}.logoRow{border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:center;display:flex}.mainArea{flex-direction:column;flex:1;min-width:0;display:flex}.topBar{background:#fff;border-bottom:1px solid #eef0f6;flex-shrink:0;justify-content:space-between;align-items:center;height:54px;padding:0 28px;display:flex}.tabRow{gap:2px;height:100%;display:flex}.headerRight{align-items:center;gap:10px;display:flex}.content{flex:1;padding:24px 32px}.scroll-container{scrollbar-width:thin;overflow-y:auto}