html,body,#root{color:#151a2d;-webkit-font-smoothing:antialiased;background-color:#f4f7fb;height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}.header-container{-webkit-backdrop-filter:blur(5px);z-index:90;background:#ffffffbf;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;height:70px;margin:10px 20px 0 10px;padding:0 20px;transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:256px;right:0;box-shadow:0 1px 2px #0000000d}.header-left{align-items:center;gap:12px;display:flex}.hamburger{cursor:pointer;color:#151a2d;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;display:none}.hamburger:hover{background:#f3f4f6}.header-title{color:#475569;background-color:#f0f4f8;border-radius:9999px;padding:6px 16px;font-size:14px;font-weight:500}.title-Seperator{background:#60606149;width:auto;height:1px;margin:0 10px}.header-status{background-color:#4ade80;border-radius:50%;width:8px;height:8px}.header-actions{gap:12px;display:flex}.header-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:9999px;padding:6px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.Main-Seperator{background:#2e2c2c85;width:auto;height:1px;margin:0 10px}.header-btn:hover{background-color:#f8fafc}@media (width<=768px){.header-container{border-radius:12px;height:auto;min-height:70px;margin:10px 20px 0 10px;padding:10px 12px;left:0}.header-left{flex:1}.hamburger{display:flex}.header-title{padding:4px 12px;font-size:13px}.header-status{display:none}.header-actions{gap:8px}.header-btn{padding:4px 12px;font-size:11px}}.text-muted{color:#9ca3af}.text-dark{color:#151a2d}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-xl{font-size:20px}.text-3xl{font-size:30px}.text-4xl{font-size:36px}.font-semibold{font-weight:600}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.app-container{flex:1;height:100vh;display:flex}.sidebar{z-index:110;background-color:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:250px;height:100vh;transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mobile-overlay{-webkit-backdrop-filter:blur(3px);z-index:105;opacity:0;visibility:hidden;background:#0f172a80;transition:opacity .3s,visibility .3s;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar{width:280px;box-shadow:none;position:fixed;left:-280px}.sidebar.open{left:0;box-shadow:4px 0 40px #00000026}.mobile-overlay.show{opacity:1;visibility:visible;display:block}}.sidebar-header{align-items:center;padding:24px;display:flex}.sidebar-badge{color:#fff;background-color:#151a2d;border-radius:10px;margin-right:12px;padding:4px 8px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:12px;font-weight:700}.sidebar-title{letter-spacing:.025em;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-weight:700}.sidebar-nav{flex:1;margin-top:8px;overflow-y:auto}.sidebar-item{cursor:pointer;color:#828fa9;border-radius:12px;align-items:center;margin:8px 16px;padding:12px 16px;text-decoration:none;transition:background-color .2s;display:flex}.sidebar-item:hover{background-color:#f3f4f6}.sidebar-item.active{color:#fff;background-color:#151a2d}.main-container{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.content-area{flex:1;padding:90px 32px 32px;overflow-y:auto}.card{background-color:#fff;border:1px solid #f3f4f6;border-radius:12px;padding:24px;box-shadow:0 1px 2px #0000000d}.stat-card{flex-direction:column;justify-content:space-between;height:auto;display:flex}.grid-5{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.col-span-2{grid-column:span 2/span 2}.resp-grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.resp-grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.resp-grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1280px){.grid-5{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:1fr}.col-span-2{grid-column:span 1}.resp-grid-4,.resp-grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.content-area{padding:85px 12px 24px}.grid-5,.grid-2,.grid-3,.resp-grid-2,.resp-grid-3,.resp-grid-4{grid-template-columns:1fr}.col-span-2{grid-column:span 1}.card{padding:16px}.flex-between{flex-direction:column;align-items:flex-start;gap:10px}table{font-size:13px}.revenue-stats{flex-direction:column;gap:12px}.auth-card{max-width:100%}.input-field{font-size:16px}.hide-mobile{display:none!important}}.progress-bg{background-color:#f3f4f6;border-radius:9999px;width:100%;height:4px;margin-top:16px;overflow:hidden}.progress-fill{height:100%}.flex-between{justify-content:space-between;align-items:center;display:flex}.revenue-filters{gap:8px;display:flex}.filter-btn{cursor:pointer;color:#6b7280;background-color:#f9fafb;border:none;border-radius:9999px;padding:6px 12px;font-size:12px;font-weight:500}.filter-btn:hover{background-color:#f3f4f6}.filter-btn.active{color:#374151;background-color:#e5e7eb}.revenue-stats{gap:96px;display:flex}.input-group{margin-bottom:24px}.input-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.input-field{border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:8px 16px;transition:border-color .2s}.input-field:focus{border-color:#151a2d}.btn-primary{color:#fff;cursor:pointer;background-color:#151a2d;border:none;border-radius:8px;padding:8px 24px;font-size:14px;font-weight:500}.btn-outline{color:#4d88ff;cursor:pointer;background-color:#0000;border:1px solid #e5e7eb;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500}.flex-column{flex-direction:column;display:flex}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.align-center{align-items:center}.text-center{text-align:center}.border-b{border-bottom:1px solid #f3f4f6}.pb-2{padding-bottom:8px}.pb-8{padding-bottom:32px}.h-72{height:288px}.space-y-5>*+*{margin-top:20px}.badge{color:#4b5563;background-color:#f3f4f6;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:700}.w-24{width:96px}.w-12{width:48px}.mr-3{margin-right:12px}.mr-4{margin-right:16px}.text-right{text-align:right}.flex-1{flex:1}.italic{font-style:italic}.min-h-200{min-height:200px}.placeholder-card{flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:400px;display:flex}.placeholder-icon{background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;font-size:24px;display:flex}.auth-container{background-color:#f4f7fb;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{width:100%;max-width:400px}.auth-error{color:#991b1b;text-align:center;background-color:#fee2e2;border-radius:8px;margin-bottom:20px;padding:12px;font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}