*{box-sizing:border-box;margin:0;padding:0}#root,body,html{font-family:Segoe UI,Roboto,sans-serif;height:100%}.login-page{align-items:center;background-color:#1c1c1c;display:flex;height:100%;justify-content:center;padding:1rem}.login-container{background-color:#fff;border-radius:1rem;box-shadow:0 8px 24px #00000040;max-width:400px;padding:2rem;width:100%}.login-header{font-weight:600;margin-bottom:1.5rem;text-align:center}.login-form label{display:block;font-weight:500;margin-bottom:.5rem}.login-form input[type=password],.login-form input[type=text]{background-color:#f5f5f5;border:1px solid #ccc;border-radius:.5rem;font-size:1rem;margin-bottom:1rem;padding:.75rem 1rem;width:100%}.login-options{margin-bottom:1rem}.checkbox-label,.login-options{align-items:center;display:flex}.checkbox-label{font-size:.875rem;gap:.5rem}.login-button{background-color:#111827;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:1rem;padding:.75rem 1rem;transition:background-color .2s ease-in-out;width:100%}.login-button:hover{background-color:#1f2937}.help-link{color:#6b7280;display:block;font-size:.875rem;text-align:center;text-decoration:none}.help-link:hover{text-decoration:underline}@media (max-width:480px){.login-container{padding:1.5rem}.login-button,.login-form input[type=password],.login-form input[type=text]{padding:.65rem .9rem}}.header{background-color:#fff;box-shadow:0 1px 2px #0000001a;height:55px;justify-content:space-between;padding:10px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header,.header-left{align-items:center;display:flex}.header-left{gap:10px}.avatar{align-items:center;background-color:#e0e0e0;border-radius:50%;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.username{color:#333;font-size:16px;font-weight:500}.header-right{align-items:center;display:flex;gap:12px}.icon{color:#555;cursor:pointer;outline:none;transition:color .2s}.icon:focus,.icon:hover{color:#42a133}.notif-wrapper{align-items:center;display:flex;position:relative}.notif-dot{background-color:#ff6058;border-radius:50%;height:7px;position:absolute;right:3px;top:2px;width:7px}.notif-dropdown{animation:fadeIn .15s ease-out;background:#fff;border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 4px 10px #00000014;padding:10px 12px;position:absolute;right:0;top:35px;width:240px;z-index:999}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.notif-heading{border-bottom:1px solid #f1f1f1;color:#333;font-size:14px;font-weight:600;margin-bottom:6px;padding-bottom:4px}.notif-item{display:flex;flex-direction:column;gap:2px;margin-top:8px}.notif-label{color:#555;font-size:13px;font-weight:500}.notif-value{color:#666;font-size:13px;line-height:1.3}.help-dropdown{animation:fadeIn .2s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:10px 14px;position:absolute;right:0;top:45px;width:260px;z-index:50}.help-heading{border-bottom:1px solid #eee;font-size:14px;font-weight:600;margin-bottom:6px;padding-bottom:4px}.help-list{list-style:none;margin:0;padding:0}.help-list li{color:#333;font-size:13px;line-height:1.4;margin:6px 0}.help-list strong{color:#42a133}.help-wrapper{margin-left:14px;position:relative}.help-icon{cursor:pointer;transition:color .2s ease}.help-icon:hover{color:#42a133}.filter-bar{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffc;border:1px solid #0000000d;border-radius:12px;display:flex;justify-content:space-between;margin:10px 0;padding:10px 16px;transition:all .3s ease}.filter-bar:hover{box-shadow:0 6px 14px #0000001a}.filter-label{color:#222;font-size:15px;font-weight:600;letter-spacing:.3px}.filter-select{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#333;font-size:14px;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease}.filter-select:hover{border-color:#9ca3af}.filter-select:focus{border-color:#ff7e5f;box-shadow:0 0 0 3px #ff7e5f33;outline:none}.metric-card{background:#dadada;border-radius:16px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;height:120px;justify-content:center;padding:1rem;text-align:center}.metric-card h3{color:#555;font-size:.9rem;font-weight:500;margin-bottom:6px}.metric-card p{color:#222;font-size:1.4rem;font-weight:700}.post-card{border-radius:8px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;min-height:80px;width:100%}.post-header{font-size:14px;font-weight:600;margin-bottom:8px}.post-metrics{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto}.metric-row{align-items:center;background:#f5f5f5;border-radius:4px;box-sizing:border-box;display:flex;justify-content:space-between;min-height:30px;padding:4px 8px}.metric-label{color:#333;font-size:12px;font-weight:500}.metric-value{color:#000;font-size:12px;font-weight:700}.metric-chevron{background:#0000;cursor:pointer;font-size:18px;justify-content:right}.metric-chevron,.modal-overlay{align-items:center;display:flex}.modal-overlay{background:#00000080;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:200}.modal-content{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:500px;overflow:hidden;padding:8px;width:450px}.close-btn{align-self:flex-end;background:#0000;border:none;cursor:pointer;font-size:16px}.modal-title{font-size:14px;font-weight:600;margin-bottom:6px;text-align:center}.table-view-container{box-shadow:0 1px 5px #0000001a;max-height:400px;overflow-y:auto}.table-view{border-collapse:collapse;font-size:12px;width:100%}.table-view td,.table-view th{padding:4px 6px;white-space:nowrap}.table-view th{position:-webkit-sticky;position:sticky;top:0}.table-view-container::-webkit-scrollbar{display:none}.table-view-container{scrollbar-width:none}.channel-row{background-color:#e1f3ff;font-size:11px}.platform-table{background:#fff;border-collapse:collapse;border-radius:14px;box-shadow:0 1px 6px #0000001a;margin-top:1rem;overflow:hidden;width:100%}.platform-table td,.platform-table th{font-size:.85rem;padding:10px;text-align:center}.platform-table th{background:#f4f4f4;color:#444;font-weight:600}.platform-table tr:nth-child(2n){background:#fafafa}.export-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;margin-top:1rem;padding:1rem}.export-title{color:#333;font-size:1rem;font-weight:600;margin-bottom:.75rem;text-align:center}.export-btn{background:linear-gradient(135deg,#42a133,#043323);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.2rem;transition:transform .2s ease,box-shadow .2s ease}.export-btn:hover{box-shadow:0 4px 10px #ff768f66;transform:translateY(-2px)}.bottom-nav{background-color:#fff;bottom:0;box-shadow:0 -2px 5px #0003;height:60px;justify-content:space-around;left:0;position:-webkit-sticky;position:sticky;width:100%;z-index:100}.bottom-nav,.nav-item{align-items:center;display:flex}.nav-item{border-radius:6px;font-size:24px;height:40px;justify-content:center;transition:background-color .2s;width:80px}.nav-item.active{background-color:#000;color:#fff}.app-frame{display:flex;flex-direction:column;height:100vh;overflow:hidden}.page-container{flex:1 1;overflow-y:auto}.phone-frame{border:8px solid #222;border-radius:30px;box-shadow:0 10px 30px #0000004d;height:720px;margin:20px auto;overflow:hidden;position:relative;width:360px}.dashboard-container{background:#fafafa;border-radius:28px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.dashboard-scroll{-webkit-overflow-scrolling:touch;padding:8px 12px;scrollbar-width:none}.dashboard-scroll::-webkit-scrollbar{display:none}.metrics-grid{grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr;margin:1rem 0}.posts-container{background-color:#e5e5e5;border-radius:10px;box-shadow:0 2px 4px #00000014;margin:16px 0;overflow:hidden;padding:0}.posts-header{background-color:#e5e5e5;color:#333;font-size:16px;font-weight:600;padding:12px 16px 8px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.posts-body{-webkit-overflow-scrolling:touch;max-height:300px;overflow-x:hidden;overflow-y:auto;padding:8px 16px 16px;scrollbar-width:none}.posts-body::-webkit-scrollbar{display:none}.post-card{background-color:#fff;border-radius:6px;box-shadow:0 1px 2px #0000000d;margin-bottom:8px;min-height:44px;padding:12px}.post-card:last-child{margin-bottom:0}.post-card:focus-within{outline:2px solid #007aff;outline-offset:2px}.analytics-filter-dropdown{margin:12px;position:relative}.filter-header{background-color:#f0f0f0;border-radius:8px;cursor:pointer;padding:8px 12px}.filter-menu{background:#fff;border:1px solid #ccc;border-radius:8px;left:0;padding:12px;position:absolute;top:40px;width:220px;z-index:10}.filter-section{margin-bottom:12px}.section-title{font-weight:700;margin-bottom:6px}.filter-section label{cursor:pointer;display:block;margin-bottom:4px}.apply-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px;width:100%}.selected-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.filter-pill{align-items:center;background-color:#e0e0e0;border-radius:16px;display:flex;font-size:12px;padding:4px 8px}.remove-pill{cursor:pointer;font-weight:700;margin-left:6px}.analytics-graphs{margin:10px}.section-header{margin-bottom:10px}.table-view-btn{border-radius:5px;color:#fcfcfc;padding:5px 12px}.graphs-container{display:flex;flex-direction:column;gap:15px}.graph-card{background:#f5f4f4;border-radius:8px;padding:10px}.graph-card,.table-view table{box-shadow:0 1px 5px #0000001a}.table-view table{background:#fff;border-collapse:collapse;width:100%}.table-view td,.table-view th{border:1px solid #ccc;padding:8px;text-align:center}.table-view th{background-color:#f2f2f2}.analytics-graphs .table-view{height:520px;overflow:auto;scrollbar-width:none}.analytics-graphs .table-view::-webkit-scrollbar{display:none}.recharts-brush .recharts-brush-slide{display:none}.phone-frame{background:#fff;display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:480px;width:100%}.dashboard-scroll{flex:1 1;overflow-y:auto;padding:8px}.metrics-grid{grid-gap:8px;display:grid;gap:8px;margin:8px 0}.transactions-summary{display:flex;justify-content:space-between;margin:12px 0}.transaction-card{background:#f5f5f5;border-radius:6px;flex:1 1;padding:8px;text-align:center}.time-series-section{margin:12px 0}.section-header{align-items:center;display:flex;justify-content:space-between}.graphs-placeholder{display:flex;flex-direction:column;gap:8px}.graph-box{align-items:center;background:#e0e0e0;border-radius:6px;color:#555;display:flex;font-size:14px;height:100px;justify-content:center}.table-view-btn{background:#3acc0e;border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.profile-container{background-color:#f9fafb;display:flex;flex-direction:column;height:100%}.profile-content{flex:1 1;overflow-y:auto;padding:16px}.profile-title{font-size:24px;font-weight:600;margin-bottom:16px}.profile-card{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;gap:16px;padding:16px}.avatar-placeholder{align-items:center;background-color:#e0e0e0;border-radius:50%;display:flex;font-size:48px;height:80px;justify-content:center;width:80px}.input-group{margin:20px 0;position:relative}.readonly-input{background-color:#f9f9f9;border:1.5px solid #ccc;border-radius:10px;font-size:16px;outline:none;padding:12px;width:100%}.input-group label{background:#fff;color:#888;font-size:14px;left:12px;padding:0 6px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:.2s ease}.input-group .readonly-input:focus+label,.input-group .readonly-input:not(:placeholder-shown)+label{color:#555;font-size:12px;top:0;transform:translateY(-50%)}.logout-btn{background-color:#ff4d4f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;width:100%}.logout-btn:hover{background-color:#e03e3e}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}
/*# sourceMappingURL=main.a24c837d.css.map*/