/* HEADER */
.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--border);position:relative;animation:slideDown 0.6s cubic-bezier(0.16,1,0.3,1) both;}
.header::after{content:'';position:absolute;bottom:-1px;left:0;width:120px;height:2px;background:linear-gradient(90deg,var(--accent),transparent);}
.logo{display:flex;align-items:center;gap:14px;}
.logo-mark{width:46px;height:46px;background:rgba(255,209,102,0.06);border:1px solid rgba(255,209,102,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(255,209,102,0.15);animation:pulse-glow 3s ease-in-out infinite;}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px rgba(0,229,255,0.4);}50%{box-shadow:0 0 35px rgba(0,229,255,0.7),0 0 60px rgba(0,229,255,0.2);}}
.logo-text h1{font-family:'Bebas Neue';font-size:28px;letter-spacing:3px;color:var(--bright);line-height:1;}
.logo-text p{font-family:'IBM Plex Mono';font-size:10px;color:var(--muted);letter-spacing:2px;margin-top:2px;}
.header-actions{display:flex;gap:8px;}

/* STATS */
.section-label{font-family:'IBM Plex Mono';font-size:9px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.section-label::after{content:'';flex:1;height:1px;background:var(--border);}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px;}
.stats-row-5{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:10px;}
.s-risk{background:rgba(255,107,53,0.06);border-color:rgba(255,107,53,0.2);}
.s-risk .stat-val{color:#ff6b35;}
.s-risk .stat-label{color:rgba(255,107,53,0.7);}
@media(max-width:400px){
  .stats-grid{grid-template-columns:1fr!important;}
}
@media(max-width:750px){.stats-row-5{grid-template-columns:repeat(2,1fr);}}
.stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px;position:relative;overflow:hidden;transition:transform 0.2s,border-color 0.2s;animation:fadeUp 0.5s ease both;}
.stat:hover{transform:translateY(-2px);border-color:var(--border2);}
.stat::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;}
.stat.s-profit::before{background:linear-gradient(90deg,var(--green),transparent);}
.stat.s-revenue::before{background:linear-gradient(90deg,var(--accent),transparent);}
.stat.s-items::before{background:linear-gradient(90deg,var(--gold),transparent);}
.stat.s-roi::before{background:linear-gradient(90deg,var(--accent2),transparent);}
.stat.s-tprofit::before{background:linear-gradient(90deg,var(--purple),transparent);}
.stat.s-trev::before{background:linear-gradient(90deg,#38bdf8,transparent);}
.stat.s-tsold::before{background:linear-gradient(90deg,var(--gold),transparent);}
.stat.s-troi::before{background:linear-gradient(90deg,var(--green2),transparent);}
.stat-label{font-family:'IBM Plex Mono';font-size:9px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:8px;}
.stat-trend{font-family:'IBM Plex Mono';font-size:9px;margin-top:4px;display:flex;align-items:center;gap:3px;}
.trend-up{color:var(--green);}
.trend-down{color:var(--red);}
.trend-flat{color:var(--muted);}
.stat-val{font-family:'Bebas Neue';font-size:28px;letter-spacing:1px;color:var(--bright);line-height:1;}
.stat.s-profit .stat-val{color:var(--green);text-shadow:0 0 20px rgba(0,255,136,0.4);}
.stat.s-tprofit .stat-val{color:var(--purple);text-shadow:0 0 20px rgba(167,139,250,0.4);}
.stat-sub{font-family:'IBM Plex Mono';font-size:10px;color:var(--muted);margin-top:4px;}

/* MAIN TABS */
.main-tabs{display:flex;gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:20px;width:100%;animation:fadeUp 0.5s 0.2s ease both;}
.main-tab{flex:1;text-align:center;}
.main-tab{font-family:'Barlow';font-weight:800;font-size:14px;padding:12px 28px;border:none;cursor:pointer;background:transparent;color:var(--muted);transition:all 0.2s;letter-spacing:1px;position:relative;}
.main-tab:not(:last-child){border-right:1px solid var(--border);}
.main-tab.active{background:var(--card);color:var(--bright);}
.main-tab.active.products::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent);}
.main-tab.active.tickets::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--purple);}
.main-tab.active.insights::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);}

.main-tab.active.settings::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#818cf8;}
.tab-count{font-family:'IBM Plex Mono';font-size:10px;background:var(--border);color:var(--muted);padding:2px 7px;border-radius:100px;margin-left:8px;}
.main-tab.active .tab-count{background:rgba(0,229,255,0.15);color:var(--accent);}
.main-tab.active.tickets .tab-count{background:rgba(167,139,250,0.15);color:var(--purple);}
.main-tab.active.insights .tab-count{background:rgba(255,209,102,0.15);color:var(--gold);}

/* SUB TABS */
.sub-tabs{display:flex;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:4px;width:fit-content;margin-bottom:20px;}
.sub-tab{font-family:'Barlow';font-weight:700;font-size:12px;padding:7px 18px;border-radius:7px;border:none;cursor:pointer;background:transparent;color:var(--muted);transition:all 0.2s;letter-spacing:0.5px;}
.sub-tab:hover:not(.active){color:var(--text);}
.sub-tab.active{background:var(--card);color:var(--accent);border:1px solid rgba(0,229,255,0.15);}
.tickets-section .sub-tab.active{color:var(--purple);border-color:rgba(167,139,250,0.15);}

/* SECTIONS / PANELS */
.section{display:none;}.section.active{display:block;animation:fadeUp 0.3s ease both;padding:0 24px;}
.section.no-stats{padding-top:0;}
.panel{display:none;}.panel.active{display:block;animation:fadeUp 0.3s ease both;}