@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--bg-app:#1e1e2d;--bg-sidebar:#1b1b28;--bg-panel:#27293d;--text-main:#ffffff;--text-muted:#8e8ea0;--color-pink:#d946ef;--color-purple:#8b5cf6;--color-cyan:#06b6d4;--color-blue:#3b82f6;--grad-pink:linear-gradient(135deg,#e879f9,#c026d3);--grad-cyan:linear-gradient(135deg,#22d3ee,#0284c7);--font-main:"Inter",sans-serif;--radius-lg:16px;--radius-md:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-main);overflow:hidden;height:100vh}.dashboard-layout{display:flex;height:100vh}.sidebar{width:250px;background-color:var(--bg-sidebar);display:flex;flex-direction:column;padding:30px 0;border-right:1px solid rgba(255,255,255,.05)}.brand{display:flex;justify-content:center;margin-bottom:40px}.sidebar-section{padding:0 20px;margin-bottom:24px}.sidebar-title{color:var(--color-pink);font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:1px;margin-bottom:12px;gap:8px}.nav-item,.sidebar-title{display:flex;align-items:center}.nav-item{gap:12px;padding:10px 20px;color:var(--text-muted);text-decoration:none;font-size:13px;transition:.2s;cursor:pointer;border-left:3px solid transparent}.nav-item.active,.nav-item:hover{color:var(--text-main)}.nav-item.active{border-left-color:var(--color-pink);background:linear-gradient(90deg,rgba(217,70,239,.15),transparent)}.badge-new{background-color:var(--color-pink);color:white;font-size:10px;padding:2px 8px;border-radius:10px;margin-left:auto}.download-btn{margin:auto 20px 0;background:var(--grad-pink);border:none;color:white;padding:12px;border-radius:20px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:opacity .2s}.download-btn:hover{opacity:.9}.main-content{flex:1 1;padding:30px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.top-widgets{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.main-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.panel{background-color:var(--bg-panel);border-radius:var(--radius-lg);padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.1);display:flex;flex-direction:column}.panel-title{font-size:14px;font-weight:600;margin-bottom:20px}.grad-card{border-radius:var(--radius-lg);padding:24px;color:white;display:flex;flex-direction:column;justify-content:center}.grad-card.pink{background:var(--grad-pink)}.grad-card.cyan{background:var(--grad-cyan)}.card-label{font-size:13px;opacity:.9;margin-bottom:8px}.card-value{font-size:32px;font-weight:700}.card-value span{font-size:16px;font-weight:500;opacity:.8;margin-left:4px}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.stat-row:last-child{border-bottom:none}.stat-info{gap:12px;font-size:14px}.stat-icon,.stat-info{display:flex;align-items:center}.stat-icon{width:32px;height:32px;border-radius:50%;justify-content:center;background:rgba(255,255,255,.05)}.stat-icon.pink{color:var(--color-pink)}.stat-icon.cyan{color:var(--color-cyan)}.stat-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.stat-badge.negative{background:rgba(255,255,255,.1);color:var(--text-muted)}.stat-badge.positive{background:rgba(6,182,212,.2);color:var(--color-cyan)}.recharts-default-tooltip{background-color:var(--bg-app)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px;color:white}.mobile-header{display:none;background-color:var(--bg-panel);padding:16px 20px;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:50}.mobile-menu-btn{background:transparent;border:none;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center}@media (max-width:900px){.bottom-grid,.main-grid,.top-widgets{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-layout{flex-direction:column;height:100vh;overflow:hidden}.mobile-header{display:flex}.sidebar{position:absolute;top:73px;left:-100%;width:280px;height:calc(100vh - 73px);z-index:100;transition:left .3s ease;box-shadow:10px 0 30px rgba(0,0,0,.5)}.sidebar.open{left:0}.sidebar .brand{display:none}.main-content{padding:16px 16px 40px}.panel{padding:16px}}