@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chart-card{@apply bg-white rounded-xl shadow-sm hover:shadow-lg hover:-translate-y-1 cursor-pointer flex flex-col transition-shadow duration-200;border:1px solid #f1f1f1;min-height:340px}.card-header{@apply px-6 pt-6 pb-3 font-semibold text-gray-800 text-lg group-hover:text-green-600 transition-colors duration-200;background:#fafbfc;border-bottom:1px solid #f3f3f3;border-top-left-radius:.75rem;border-top-right-radius:.75rem}.card-body{@apply px-6 pb-6 pt-2 flex-1 flex flex-col justify-center}.stats-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.dashboard-charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.dashboard-charts-grid{grid-template-columns:1fr 1fr}}.dashboard-charts-full{grid-column:span 1}@media (min-width:768px){.dashboard-charts-full{grid-column:span 2}}.dashboard-charts-grid>.chart-card{margin-bottom:0}#root,.App,body,html{background:#f7fafc;font-family:Poppins,Arial,sans-serif;height:100%;margin:0}.header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 32px 16px}.header-title{color:#1db954;font-size:1.5rem;font-weight:700}.header-controls{display:flex;gap:16px}.header-controls select{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:6px 12px}.dashboard{background:#fff;border-radius:18px;box-shadow:0 2px 12px 0 #e5e7eb;box-sizing:border-box;margin:32px 0;padding:32px 4vw 40px;width:100%}.welcome-box{align-items:center;background:#eaffd6;border-radius:12px;display:flex;gap:24px;margin-bottom:24px;padding:24px 4vw}.welcome-box h2{color:#1db954;margin:0 0 8px}.welcome-box p{color:#3a3a3a;font-size:1.05rem;margin:0}.tabs{display:flex;gap:24px;margin-bottom:24px}.tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#888;cursor:pointer;font-size:1.1rem;padding:8px 0;transition:color .2s,border-bottom .2s}.tabs button.active{border-bottom:2.5px solid #1db954;color:#1db954;font-weight:600}.stats-grid{grid-gap:24px;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:32px;margin-top:8px}.stat-card{align-items:center;border-radius:14px;box-shadow:0 1px 4px 0 #e5e7eb;display:flex;flex-direction:column;justify-content:center;min-height:110px;padding:32px 0 24px;text-align:center}.stat-value{color:#222;font-size:2.2rem;font-weight:700}.stat-label{color:#666;font-size:1.1rem;margin-top:8px}@media (max-width:900px){.dashboard{padding:16px 4vw}.stats-grid{grid-gap:16px;grid-template-columns:1fr}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sidebar{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;min-height:100vh;position:relative;transition:width .2s;width:220px;z-index:10}.sidebar.collapsed{width:68px}.sidebar-header{align-items:center;display:flex;justify-content:space-between;padding:24px 16px 16px}.sidebar-logo{color:#1db954;font-size:1.2rem;font-weight:700;white-space:pre-line}.sidebar-toggle{background:none;border:none;color:#888;cursor:pointer;font-size:.9rem;margin-left:8px}.sidebar-menu{display:flex;flex-direction:column;gap:8px;margin-top:24px}.sidebar-menu-item{align-items:center;border-radius:8px 0 0 8px;color:#333;cursor:pointer;display:flex;font-size:1.08rem;gap:16px;padding:12px 20px;transition:background .15s,color .15s}.sidebar-menu-item.active,.sidebar-menu-item:hover{background:#eaffd6;color:#1db954}.sidebar.collapsed .sidebar-label{display:none}.sidebar-icon{font-size:1.4rem;min-width:24px;text-align:center}.layout{display:flex;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column;min-width:0;padding:20px 2vw}.header.new-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;min-height:64px;padding:18px 32px;z-index:2}.header-logo,.header-right,.header.new-header{align-items:center;display:flex}.header-right{gap:28px}.header-pill-group{display:flex;gap:16px}.header-pill{align-items:flex-start;background:#f7fafc;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 1px 2px #e5e7eb33;cursor:pointer;display:flex;flex-direction:column;min-width:90px;padding:6px 18px 6px 14px;transition:border .2s}.header-pill:focus,.header-pill:hover{border:1.5px solid #1db954}.header-pill-label{color:#888;font-size:.78rem;font-weight:500;margin-bottom:2px}.header-pill-value{color:#222;font-size:1.08rem;font-weight:700}.header-profile-wrapper{align-items:center;display:flex;position:relative}.header-profile-avatar{border:2px solid #e5e7eb;border-radius:50%;height:40px;transition:border .2s;width:40px}.header-profile-avatar:focus,.header-profile-avatar:hover{border:2px solid #1db954}.header-profile-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 16px #0001;min-width:140px;padding:6px 0;position:absolute;right:0;top:48px;z-index:10}.header-profile-dropdown-item{padding:10px 18px;transition:background .15s}.selector{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;box-shadow:0 1px 4px #e5e7eb33;display:flex;height:56px;margin-right:12px;min-width:220px;position:relative;transition:border .2s,box-shadow .2s}.selector.open,.selector:focus-within{border:1.5px solid #1db954;box-shadow:0 2px 12px #1db95422}.selector-main{align-items:center;cursor:pointer;display:flex;height:56px;padding:0 18px 0 12px;width:100%}.selector-logo{background:#000;border-radius:10px;height:36px;margin-right:12px;width:36px}.selector-value{color:#222;font-size:.88rem;font-weight:500;margin-right:10px}.selector-arrow{margin-left:auto;margin-right:10px;transition:transform .2s}.selector.open .selector-arrow{transform:rotate(180deg)}.selector-pill{margin-left:0;margin-right:-8px}.selector-green-pill,.selector-pill{background:#eaffd6;border-radius:10px;box-shadow:0 1px 2px #e5e7eb33;color:#1db954;font-size:1rem;font-weight:700;min-width:48px;padding:2px 12px;text-align:center}.selector-dropdown{animation:fadeIn .15s;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0002;left:0;padding:8px 0;position:absolute;top:60px;width:100%;z-index:20}.selector-dropdown-item{border-radius:8px;color:#222;cursor:pointer;font-size:1.1rem;font-weight:600;margin:2px 8px;padding:12px 24px;transition:background .15s,color .15s}.selector-dropdown-item.selected,.selector-dropdown-item:hover{background:#eaffd6;color:#222}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header-profile-dropdown-item{color:#222;cursor:pointer;font-size:1rem;padding:12px 18px;transition:background .15s,color .15s}.header-profile-dropdown-item:hover{background:#f7fafc;color:#1db954}.header-profile-dropdown-item:last-child{color:#e53935;font-weight:700}.header-profile-dropdown-item:last-child:hover{background:#ffeaea;color:#e53935}.sidebar-menu-item.active{background:#d3ede2!important;color:#1db954!important;font-weight:600}.sidebar-menu-item.active .sidebar-icon{color:#1db954!important}.tab-bar{align-items:flex-end;background:#0000;display:flex;gap:0;margin-bottom:0;padding:6px 0 8px 6px}.tab-bar-tab{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#222;cursor:pointer;display:flex;font-size:.77rem;font-weight:500;height:32px;margin-right:8px;min-height:32px;padding:0 18px;position:relative;transition:color .18s,background .18s,border .18s}.tab-bar-tab.active{border:1.5px solid #88888830;color:#000;font-weight:700;z-index:2}.tab-bar-close{color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;line-height:1;margin-left:8px;transition:color .18s;vertical-align:middle}.tab-bar-tab:not(.active) .tab-bar-close{color:#888}.tab-bar-close:hover{color:#e53935}
/*# sourceMappingURL=main.ea47ccee.css.map*/