.dashboard-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1);position:relative;overflow-x:hidden}html.dark-mode .dashboard-page{background:linear-gradient(135deg,#2c3e50,#34495e)}.background-shapes{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);animation:float 8s ease-in-out infinite}html.dark-mode .shape{background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.shape-1{width:300px;height:300px;top:5%;right:10%;animation-delay:0s}.shape-2{width:200px;height:200px;bottom:15%;left:5%;animation-delay:3s}.shape-3{width:150px;height:150px;top:50%;right:5%;animation-delay:6s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(15px) rotate(240deg)}}.dashboard-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:linear-gradient(135deg,#fffffff7,#f8fafcf7);border-bottom:1px solid rgba(0,0,0,.05);z-index:1000;transition:background-color .3s ease,border-color .3s ease}html.dark-mode .dashboard-header{background:#2c2c2cf2;border-bottom-color:#ffffff1a}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 30px;max-width:1400px;margin:0 auto;width:100%}.logo-section{display:flex;align-items:center;gap:15px}.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:9px;background:transparent;color:#666;cursor:pointer;flex-shrink:0;transition:background-color .2s ease,color .2s ease}.sidebar-toggle:hover{background:#0000000f;color:#222}.sidebar-toggle[aria-expanded=true]{color:#00a844}html.dark-mode .sidebar-toggle{color:#bbb}html.dark-mode .sidebar-toggle:hover{background:#ffffff14;color:#e0e0e0}html.dark-mode .sidebar-toggle[aria-expanded=true]{color:#4caf50}.logo-text{font-size:1.8rem;font-weight:700;margin:0;background:linear-gradient(135deg,#00c853,#1e88e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.logo-subtitle{font-size:.9rem;color:#666;font-weight:400;margin-left:10px}html.dark-mode .logo-subtitle{color:#bbb}.header-nav{display:flex;align-items:center;gap:20px;margin-left:10px}.nav-link{font-size:.9rem;color:#555;font-weight:400;text-decoration:none;padding:4px 8px;border-radius:6px;transition:color .2s ease,background-color .2s ease;position:relative}.nav-link:hover{color:#222;background:#0000000d}.nav-link.active{color:#00c853;font-weight:500}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:#00c853;border-radius:1px}html.dark-mode .nav-link{color:#bbb}html.dark-mode .nav-link:hover{color:#e0e0e0;background:#ffffff0d}html.dark-mode .nav-link.active{color:#4caf50}html.dark-mode .nav-link.active:after{background:#4caf50}.platform-switch{display:flex;align-items:center;gap:2px;padding:3px;background:#0000000f;border-radius:10px;flex-shrink:0}html.dark-mode .platform-switch{background:#ffffff14}.platform-switch .platform-btn{border:0;background:transparent;padding:6px 16px;border-radius:8px;font:inherit;font-size:.85rem;font-weight:500;color:#555;cursor:pointer;white-space:nowrap;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}html.dark-mode .platform-switch .platform-btn{color:#bbb}.platform-switch .platform-btn:hover{color:#222}html.dark-mode .platform-switch .platform-btn:hover{color:#e0e0e0}.platform-switch .platform-btn.active{background:#fff;color:#00a844;font-weight:600;box-shadow:0 1px 4px #0000001f}html.dark-mode .platform-switch .platform-btn.active{background:#ffffff24;color:#4caf50;box-shadow:none}.user-section{position:relative}.user-toggle{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px 12px;cursor:pointer;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;color:#333;font:inherit}html.dark-mode .user-toggle{background:#ffffff08;border-color:#ffffff14;color:#e0e0e0}.user-toggle:hover{background:#ffffff1a;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.user-info{display:flex;flex-direction:column;align-items:flex-start}.username{font-weight:600;font-size:.9rem;color:#000}.user-status{font-size:.75rem;color:#00c853;font-weight:500}html.dark-mode .user-status{color:#4caf50}html.dark-mode .username{color:#e0e0e0}.avatar-circle{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 36px;border:1px solid rgba(255,255,255,.2)}.avatar-circle img{width:100%;height:100%;object-fit:cover;display:block}.menu{position:absolute;top:calc(100% + 8px);right:0;background:#fffffffa;border:1px solid rgba(0,0,0,.06);border-radius:17px;box-shadow:0 13px 34px #00000026;z-index:1100;min-width:238px;overflow:hidden}html.dark-mode .menu{background:#2c2c2cf2;border-color:#ffffff26;box-shadow:0 13px 34px #0006}.menu[hidden]{display:none;opacity:0;transform:translateY(-10px)}.menu:not([hidden]){animation:menuSlideIn .3s ease forwards}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu ul{list-style:none;padding:13px 0;margin:0}.menu-item{width:100%;padding:12px 17px;background:none;border:0;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s ease;font:inherit;color:inherit;border-radius:0;position:relative}.menu-item:hover{background:#00c85314}html.dark-mode .menu-item:hover{background:#1e88e514}.menu-icon{font-size:1.1rem;width:20px;text-align:center;opacity:.8;transition:opacity .2s ease}.menu-item:hover .menu-icon{opacity:1}.menu-item-left{display:flex;align-items:center;gap:12px}.menu-item-right{display:flex;align-items:center;gap:7px}.menu-item-right span{font-size:1rem;opacity:.9}.menu-divider{border-top:1px solid rgba(0,0,0,.08);margin:8px 0}html.dark-mode .menu-divider{border-top-color:#ffffff14}.theme-toggle-content{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;width:100%;gap:12px}.menu .switch{position:relative;display:inline-block;width:37px;height:20px}.menu .switch input{opacity:0;width:0;height:0}.menu .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.menu .slider:before{position:absolute;content:"";height:15px;width:15px;left:2.5px;bottom:2.5px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.menu input:checked+.slider{background-color:#00c853}.menu input:checked+.slider:before{transform:translate(17px)}html.dark-mode .menu .slider{background-color:#666}html.dark-mode .menu input:checked+.slider{background-color:#1e88e5}.sidebar{position:fixed;top:var(--header-height);left:0;width:var(--sidebar-width);height:calc(100vh - var(--header-height));background:#fffffff7;border-right:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;transition:background-color .3s ease,border-color .3s ease;z-index:500}html.dark-mode .sidebar{background:#2c2c2cf2;border-right-color:#ffffff1a}.sidebar.hidden{display:none}.sidebar-header{padding:12px 20px;border-bottom:1px solid rgba(0,0,0,.1)}html.dark-mode .sidebar-header{border-bottom-color:#ffffff1a}.sidebar-title{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:8px}.sidebar-title h3{margin:0;font-size:1rem;font-weight:600;color:#222;display:flex;align-items:center;gap:8px;white-space:nowrap;flex-wrap:nowrap}.sidebar-icon{font-size:1.1rem}html.dark-mode .sidebar-title h3{color:#e0e0e0}.sidebar-stats{display:flex;align-items:baseline;gap:5px;margin-left:0;font-size:.9rem}.stats-count{font-size:1.1rem;font-weight:700;color:#00c853}html.dark-mode .stats-count{color:#4caf50}.stats-label{font-size:.9rem;color:#666}html.dark-mode .stats-label{color:#bbb}.sidebar-content{flex:1;padding:20px;overflow-y:auto}.search-box{position:relative;margin-bottom:20px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#555;font-size:1rem}html.dark-mode .search-icon{color:#bbb}.search-input{width:100%;padding:10px 10px 10px 35px;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:.9rem;background:#ffffff80;color:#333;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}html.dark-mode .search-input{background:#ffffff0d;border-color:#ffffff1a;color:#e0e0e0}.search-input:focus{outline:none;border-color:#00c853;background:#fffc;box-shadow:0 0 0 3px #00c8531a}html.dark-mode .search-input:focus{border-color:#1e88e5;background:#ffffff1a;box-shadow:0 0 0 3px #1e88e51a}.search-input::placeholder{color:#777}html.dark-mode .search-input::placeholder{color:#777}.clear-search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .2s ease,background-color .2s ease;color:#666;box-shadow:0 2px 8px #0000001a}.clear-search-btn:hover{background:#fffffff2;color:#333;transform:translateY(-50%) scale(1.1)}.clear-search-btn:active{transform:translateY(-50%) scale(.95)}.clear-search-btn.visible{opacity:1;visibility:visible}html.dark-mode .clear-search-btn{background:#3a3a3acc;color:#bbb}html.dark-mode .clear-search-btn:hover{background:#4a4a4af2;color:#e0e0e0}.creators-list{list-style:none;margin:0;padding:0}.creator-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;margin-bottom:8px;transition:background-color .2s ease,border-color .2s ease;cursor:pointer;border-left:3px solid transparent}.creator-item:hover{background:#00c8531a}html.dark-mode .creator-item:hover{background:#1e88e51a}.creator-item.active{background:#00c85333;border-left:3px solid #00c853}html.dark-mode .creator-item.active{background:#1e88e533;border-left:3px solid #1e88e5}.creator-item.all-creators{border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:10px;padding-bottom:15px}html.dark-mode .creator-item.all-creators{border-bottom-color:#ffffff1a}.creator-item.all-creators .creator-avatar{background:linear-gradient(135deg,#00c853,#1e88e5)}.creator-item.placeholder{opacity:.6;cursor:default}.creator-item.placeholder:hover{background:none}.creator-item.placeholder .creator-avatar{opacity:.5}.creator-item.placeholder .creator-name{color:#999}.creator-item.placeholder .creator-status{color:#bbb}html.dark-mode .creator-item.placeholder .creator-name{color:#888}html.dark-mode .creator-item.placeholder .creator-status{color:#666}.creator-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00c853,#1e88e5);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;flex-shrink:0}.creator-info{flex:1;min-width:0}.creator-name{font-weight:500;color:#222;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.dark-mode .creator-name{color:#e0e0e0}.creator-status{font-size:.8rem;color:#555}html.dark-mode .creator-status{color:#bbb}.main-content{margin-top:var(--header-height);margin-left:var(--sidebar-width);padding:30px;max-width:1200px;width:calc(100% - var(--sidebar-width));transition:margin-left .3s ease,width .3s ease;position:relative;z-index:1}.sidebar.hidden~.main-content{width:100%;max-width:1400px;margin-left:auto;margin-right:auto}.content{max-width:100%;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.page-title h2{font-size:2.2rem;font-weight:700;margin:0 0 8px;color:#333;background:linear-gradient(135deg,#00c853,#1e88e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}html.dark-mode .page-title h2{color:#e0e0e0}.page-title p{font-size:1.1rem;color:#555;margin:0}html.dark-mode .page-title p{color:#bbb}.page-actions{display:flex;gap:10px;justify-content:flex-end}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffffe6;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#222;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}html.dark-mode .action-btn{background:#ffffff0d;border-color:#ffffff1a;color:#e0e0e0}.action-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.action-btn:active{transform:translateY(0);box-shadow:0 2px 10px #0000001a}.action-btn.loading{pointer-events:none;opacity:.7}.action-btn.loading .btn-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html.dark-mode .action-btn:hover{background:#ffffff1a;box-shadow:0 6px 20px #0000004d}.btn-icon{font-size:1rem}.filters-card,.chart-card{background:#fffffff7;border-radius:16px;padding:25px;margin-bottom:25px;border:1px solid rgba(0,0,0,.05);box-shadow:0 8px 25px #00000014;width:100%;height:auto}html.dark-mode .filters-card,html.dark-mode .chart-card{background:#2c2c2cf7;border-color:#ffffff1a;box-shadow:0 8px 25px #0000004d}.filters-header,.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.filters-header h3,.chart-header h3{font-size:1.3rem;font-weight:600;margin:0;color:#333}html.dark-mode .filters-header h3,html.dark-mode .chart-header h3{color:#e0e0e0}.filters-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#222;font-size:.95rem}html.dark-mode .filter-label{color:#e0e0e0}.label-icon{font-size:1rem}.filter-select{padding:12px 15px;border:2px solid rgba(0,0,0,.1);border-radius:10px;font-size:1rem;background:#fffc;color:#333;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;font-family:inherit}html.dark-mode .filter-select{background:#ffffff0d;border-color:#ffffff1a;color:#e0e0e0}.filter-select:focus{outline:none;border-color:#00c853;background:#fff;box-shadow:0 0 0 3px #00c8531a}html.dark-mode .filter-select:focus{border-color:#1e88e5;background:#ffffff1a;box-shadow:0 0 0 3px #1e88e51a}.chart-legend{display:flex;gap:15px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#666}html.dark-mode .legend-item{color:#bbb}.legend-color{width:16px;height:16px;border-radius:4px}.chart-container{position:relative;height:400px;display:flex;align-items:center;justify-content:center;width:100%}.chart-placeholder{text-align:center;padding:40px}.placeholder-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.placeholder-text{font-size:1.3rem;font-weight:600;color:#222;margin-bottom:10px}html.dark-mode .placeholder-text{color:#e0e0e0}.placeholder-subtext{font-size:1rem;color:#555;max-width:300px;margin:0 auto}html.dark-mode .placeholder-subtext{color:#bbb}.chart-container canvas{width:100%!important;height:100%!important}@media (max-width: 768px){.header-content{padding:0 15px;gap:10px}.header-nav,.user-info{display:none}.platform-switch .platform-btn{padding:6px 10px;font-size:.8rem}.main-content{padding:20px}.sidebar.hidden~.main-content{margin-left:0;margin-right:0;max-width:100%}.page-header{flex-direction:column;gap:15px}.filters-form{grid-template-columns:1fr}.filters-card,.chart-card{padding:20px}}.preset-buttons{display:flex;gap:8px}.preset-btn{flex:1;padding:12px 10px;border:2px solid rgba(0,0,0,.1);border-radius:10px;background:#fffc;color:#333;font-family:inherit;font-size:.95rem;cursor:pointer;transition:all .2s ease}html.dark-mode .preset-btn{background:#ffffff0d;border-color:#ffffff1a;color:#e0e0e0}.preset-btn:hover{border-color:#00c853}.preset-btn.active{background:#00c853;border-color:#00c853;color:#fff;font-weight:600}.active-source-pill[hidden]{display:none}.active-source-pill{display:inline-flex;align-items:center;gap:8px;background:#1e88e51f;border:1px solid rgba(30,136,229,.35);color:#1e88e5;border-radius:999px;padding:6px 12px;font-size:.85rem;max-width:320px}.active-source-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-source-pill button{border:0;background:none;color:inherit;cursor:pointer;font-size:.9rem;line-height:1}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:25px}.summary-card{background:#fffffff7;border-radius:14px;padding:16px 18px;border:1px solid rgba(0,0,0,.05);box-shadow:0 6px 18px #0000000f}html.dark-mode .summary-card{background:#2c2c2cf2;border-color:#ffffff1a;box-shadow:0 6px 18px #0000004d}.summary-label{font-size:.8rem;color:#777;margin-bottom:6px}html.dark-mode .summary-label{color:#aaa}.summary-value{font-size:1.35rem;font-weight:700;color:#222}html.dark-mode .summary-value{color:#f0f0f0}.chart-container{position:relative;height:340px}.main-content.full-width{margin-left:auto!important;margin-right:auto!important;width:100%!important;max-width:1200px}.no-sidebar .main-content .content,.no-sidebar .filters-card{width:100%}.spend-table-wrap{overflow-x:auto}.spend-table{width:100%;border-collapse:collapse;font-size:.92rem}.spend-table th,.spend-table td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.08);color:#333;white-space:nowrap}html.dark-mode .spend-table th,html.dark-mode .spend-table td{border-color:#ffffff14;color:#e0e0e0}.spend-table th{font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#888}html.dark-mode .spend-table th{color:#aaa}.spend-table .audit-cell{font-size:.8rem;color:#888}html.dark-mode .spend-table .audit-cell{color:#999}.spend-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:end;width:100%}.no-sidebar .filters-card .filters-form{max-width:560px;margin:0 auto;grid-template-columns:repeat(2,minmax(200px,1fr))}.no-sidebar .spend-form-grid .filter-group:last-child{display:flex;flex-direction:column;justify-content:flex-end}.no-sidebar .spend-form-grid .submit-btn{width:100%}.icon-btn{border:0;background:none;cursor:pointer;font-size:1rem;padding:4px 6px;border-radius:6px;transition:background .2s ease}.icon-btn:hover{background:#00000012}html.dark-mode .icon-btn:hover{background:#ffffff1a}.amount-input{width:110px;padding:6px 8px;border:2px solid rgba(0,0,0,.1);border-radius:8px;font-family:inherit;font-size:.92rem;background:#fffc;color:#333}html.dark-mode .amount-input{background:#ffffff0d;border-color:#ffffff1a;color:#e0e0e0}.amount-input:focus{outline:none;border-color:#00c853}.submit-btn{padding:12px 20px;border:0;border-radius:10px;background:linear-gradient(to right,#00c853,#1e88e5);color:#fff;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s ease}.submit-btn:hover{opacity:.9}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.table-message{padding:25px;text-align:center;color:#888}html.dark-mode .table-message{color:#999}