:root{--ink:#172039;--muted:#727a91;--line:#e7e7f3;--surface:#fff;--canvas:#f9f8ff;--lime:#d9ff43;--purple:#6855f4;--pink:#ff72ad;--cyan:#43d9e8;--orange:#ff9a56;--green:#2ecf91;--shadow:0 18px 50px rgba(79,67,156,.11)}
body{background:linear-gradient(135deg,#dcd7ff 0%,#ddfbff 48%,#fff0d2 100%);color:var(--ink)}
.app-shell{background:radial-gradient(circle at 78% 2%,#ffe1ef 0,transparent 18%),radial-gradient(circle at 43% 10%,#dcfaff 0,transparent 20%),var(--canvas);border-radius:34px;box-shadow:0 28px 90px #5148922b}
.sidebar{background:linear-gradient(160deg,#5848e8 0%,#7952ec 53%,#5435c9 100%);position:relative;overflow:hidden}
.sidebar:before{content:"";position:absolute;width:210px;height:210px;border:42px solid #fff1;border-radius:50%;left:-135px;top:35%;pointer-events:none}
.sidebar:after{content:"";position:absolute;width:170px;height:170px;background:#d9ff431a;border-radius:45% 55% 60% 40%;right:-100px;bottom:7%;transform:rotate(24deg);pointer-events:none}
.brand,.sidebar nav,.sidebar-foot{position:relative;z-index:1}.brand strong{font-size:31px}.brand strong span{color:var(--lime)}.brand small,.sidebar nav p{color:#d8d3ff}.nav-item{color:#e2defc}.nav-item span{color:#cbc4ff}.nav-item:hover{background:#ffffff17}.nav-item.active{background:var(--lime);color:#1b2140;box-shadow:0 8px 26px #3021774d}.nav-item.active span{color:#1b2140}.sidebar-foot{background:#ffffff13;border-color:#ffffff2b}.sidebar-foot small{color:#dedafa}
.project-chip{display:inline-flex;padding:6px 10px;border-radius:9px;background:#e8e5ff;color:#5d49e8;font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:11px}.title-dot{color:var(--pink)}
.eyebrow{color:#7460f1}.sync-pill{border:0;box-shadow:0 10px 26px #6558af14}.icon-button{border:0;color:#6654e9;box-shadow:0 10px 26px #6558af14}.control-bar{border:0;border-top:4px solid var(--cyan);box-shadow:var(--shadow)}.shop-logo{background:linear-gradient(145deg,#6250ee,#8c65f8);color:#fff;box-shadow:0 10px 24px #6855f43d}.periods{background:#f0eeff}.periods button.active{color:#5f4be9;box-shadow:0 5px 14px #6c59ea20}.primary{border:0;background:linear-gradient(135deg,#6955f4,#8f62f2);box-shadow:0 9px 18px #6955f435}.secondary{border-color:#dcd9f5;color:#6753e8}
.notice{background:#fff6d9;border-color:#ffd66a;color:#6f5713;box-shadow:0 8px 20px #e7bd3914}
.hero-card{background:linear-gradient(145deg,#6955f4 0%,#8a63f1 52%,#ff78ae 135%);box-shadow:0 20px 44px #6955f43c}.hero-card:after{background:var(--lime);opacity:.16}.hero-card .card-label,.hero-card>p,.spark-head{color:#eeeaff}.hero-card .card-label b{background:#ffffff24;color:#fff}.hero-orbit{position:absolute;border-radius:50%;border:1px solid #fff3;pointer-events:none}.hero-orbit.one{width:160px;height:160px;right:-45px;top:32px}.hero-orbit.two{width:92px;height:92px;right:8px;top:86px;background:#d9ff431b}.hero-card>strong,.hero-card>p,.hero-card .card-label,.spark-head,.hero-chart{position:relative;z-index:1}
.metric-card,.panel{border:0;box-shadow:var(--shadow);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:var(--cyan)}.metric-card:nth-child(3):before{background:var(--pink)}.metric-card:nth-child(4):before{background:var(--orange)}.metric-card:nth-child(5):before{background:var(--lime)}.metric-card:nth-child(6):before{background:#5a9cff}.metric-card:nth-child(7):before{background:#ff78ad}.metric-card:nth-child(8):before{background:#42d9bd}.metric-card>strong{color:#222c4c}.card-label b{background:#f1efff;color:#6d5be8}.card-label b.positive{color:#087954;background:#dcfaed}.card-label b.negative{color:#c34b63;background:#ffebf0}.micro{background:#f0eff9}.micro i,.bar i{background:linear-gradient(90deg,#6a56f3,#44dbe4,#d9ff43)}.panel-head h2{color:#27304e}.trend-panel{border-top:5px solid var(--lime)}.products-panel{border-top:5px solid var(--pink)}.legend i{background:var(--lime)}.legend span:last-child i{background:var(--purple)}.toast{background:#312774}.toast b{color:var(--lime)}
@media(max-width:760px){body{background:var(--canvas)}.app-shell{background:radial-gradient(circle at 100% 0,#ffe3ef,transparent 18%),var(--canvas)}.sidebar{background:linear-gradient(160deg,#5848e8,#6c45dc)}.project-chip{margin-top:2px}}
.section-view{animation:fadeIn .24s ease}.section-view.hidden{display:none}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}}
.module-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 16px}.module-kpi{background:#fff;border-radius:20px;padding:22px;box-shadow:var(--shadow);border-top:5px solid var(--accent,var(--cyan))}.module-kpi span{display:block;color:var(--muted);font-size:12px}.module-kpi b{display:block;font-size:30px;letter-spacing:-.04em;margin:12px 0 4px}.module-kpi small{color:#989db0;font-size:10px}.module-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.module-grid .span-2{min-width:0}.module-panel{margin-top:16px}.source-list{margin-top:24px}.source-row{display:grid;grid-template-columns:110px 1fr 105px;gap:16px;align-items:center;padding:14px 0;border-top:1px solid #eeedf6}.source-row strong{font-size:13px}.source-track{height:12px;border-radius:9px;background:#f1effb;overflow:hidden}.source-track i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--purple),var(--cyan),var(--lime))}.source-value{text-align:right}.source-value b{display:block;font-size:13px}.source-value small{color:#9499aa}.data-table{margin-top:18px;overflow:auto}.data-table table{width:100%;border-collapse:collapse;font-size:11px}.data-table th{text-align:left;color:#9599aa;font-weight:600;padding:11px 9px;border-bottom:1px solid #e8e8f1;white-space:nowrap}.data-table td{padding:13px 9px;border-bottom:1px solid #f0eff6;white-space:nowrap}.data-table td:first-child{font-weight:700;max-width:310px;overflow:hidden;text-overflow:ellipsis}.data-table .good{color:#0b9165;font-weight:700}.data-table .warn{color:#d56a39;font-weight:700}.wide{max-height:620px}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.insight-card{padding:17px;border-radius:16px;background:#f7f6ff;border:1px solid #ebe8ff}.insight-card b{display:block;font-size:13px;margin-bottom:7px}.insight-card p{margin:0;color:#73798d;font-size:11px;line-height:1.65}.video-list{margin-top:18px;display:grid;gap:10px}.video-row{display:grid;grid-template-columns:36px minmax(180px,1fr) repeat(4,80px);align-items:center;gap:12px;border-top:1px solid #efeff5;padding:13px 0}.video-rank{width:30px;height:30px;border-radius:10px;background:#efedff;color:#6653e8;display:grid;place-items:center;font-weight:800;font-size:11px}.video-title{min-width:0}.video-title b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-title small{color:#999dae}.video-stat{text-align:right}.video-stat b{display:block;font-size:11px}.video-stat small{color:#9a9ead;font-size:9px}.signal-list{margin-top:20px}.signal{padding:14px 0;border-top:1px solid #eeeeF5}.signal span{font-size:11px;color:#898e9f}.signal b{float:right;font-size:12px}.signal .tag{float:none;display:inline-block;background:#f0edff;color:#6855e8;border-radius:12px;padding:5px 9px;margin:5px 4px 0 0}.diagnosis-list{display:grid;gap:12px;margin-top:20px}.diagnosis-item{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:18px;border-radius:17px;background:#f8f7ff}.diagnosis-item>span{width:40px;height:40px;border-radius:13px;background:#eae6ff;display:grid;place-items:center}.diagnosis-item b{display:block;font-size:13px}.diagnosis-item p{margin:5px 0 0;color:#787e91;font-size:11px}.diagnosis-item em{font-style:normal;font-size:10px;border-radius:12px;padding:6px 9px;background:#fff0da;color:#b76429}
@media(max-width:1000px){.module-kpis{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:1fr}.video-row{grid-template-columns:36px minmax(160px,1fr) repeat(2,70px)}.video-stat:nth-last-child(-n+2){display:none}}
@media(max-width:600px){.module-kpis{grid-template-columns:1fr 1fr;gap:10px}.module-kpi{padding:17px}.module-kpi b{font-size:24px}.insight-grid{grid-template-columns:1fr}.source-row{grid-template-columns:80px 1fr 78px}.video-row{grid-template-columns:30px minmax(130px,1fr) 65px}.video-stat:nth-last-child(-n+3){display:none}}
.ader-launcher{position:fixed;right:30px;bottom:28px;width:62px;height:62px;border:0;border-radius:21px;background:linear-gradient(145deg,#6753f2,#ff73ad);color:#fff;box-shadow:0 18px 38px #6653f25c;z-index:30;cursor:pointer;font:800 14px 'DM Sans';letter-spacing:.04em}.ader-launcher:before{content:"";position:absolute;inset:5px;border:1px solid #ffffff52;border-radius:17px}.ader-launcher i{position:absolute;width:11px;height:11px;border-radius:50%;background:#d9ff43;right:2px;top:2px;border:3px solid #fff;box-sizing:content-box}.ader-panel{position:fixed;right:24px;bottom:100px;width:min(430px,calc(100vw - 32px));height:min(680px,calc(100vh - 125px));background:#fff;border:1px solid #ebe9f7;border-radius:26px;box-shadow:0 28px 90px #29205b42;z-index:40;display:flex;flex-direction:column;overflow:hidden;transform:translateY(24px) scale(.97);opacity:0;pointer-events:none;transition:.24s}.ader-panel.open{transform:none;opacity:1;pointer-events:auto}.ader-header{padding:18px 19px;background:linear-gradient(120deg,#5c49e9,#8061ef 63%,#fb75ae);color:#fff;display:flex;align-items:center;gap:12px}.ader-header>div:nth-child(2){display:flex;flex-direction:column}.ader-header b{font-size:16px}.ader-header small{font-size:10px;color:#ece9ff;margin-top:3px}.ader-header>button{margin-left:auto;border:0;background:#ffffff1f;color:#fff;width:32px;height:32px;border-radius:10px;font-size:22px;cursor:pointer}.ader-avatar{width:42px;height:42px;border-radius:14px;background:#fff;color:#6551ec;display:grid;place-items:center;font-weight:900;position:relative}.ader-avatar i{position:absolute;width:8px;height:8px;border-radius:50%;background:#d9ff43;right:-2px;bottom:-2px;border:2px solid #6a51ea}.ader-context{padding:10px 17px;background:#f5f3ff;display:flex;justify-content:space-between;font-size:10px;color:#82869a}.ader-context b{color:#6754e8}.ader-messages{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:13px;background:linear-gradient(#fff,#fcfbff)}.ader-message{max-width:88%;padding:12px 14px;border-radius:16px;font-size:12px;line-height:1.65;white-space:pre-line}.ader-message.assistant{align-self:flex-start;background:#f1efff;color:#353b55;border-bottom-left-radius:5px}.ader-message.user{align-self:flex-end;background:#6754eb;color:#fff;border-bottom-right-radius:5px}.ader-message strong{font-weight:800}.ader-message .evidence{display:block;margin-top:8px;padding-top:8px;border-top:1px solid #dad6f6;color:#71778d;font-size:10px}.ader-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.ader-actions button{border:0;border-radius:10px;padding:8px 11px;font:700 10px inherit;cursor:pointer}.ader-actions .confirm{background:#d9ff43;color:#242b43}.ader-actions .cancel{background:#fff;color:#73788e;border:1px solid #dedbf2}.ader-suggestions{display:flex;gap:7px;padding:9px 14px;overflow-x:auto;border-top:1px solid #f0eef7}.ader-suggestions button{border:1px solid #e2def8;background:#fff;color:#6554dc;border-radius:14px;padding:7px 10px;font:600 10px inherit;white-space:nowrap;cursor:pointer}.ader-input{display:flex;gap:9px;padding:10px 14px}.ader-input textarea{flex:1;resize:none;border:1px solid #dedbea;border-radius:15px;padding:11px 12px;font:12px inherit;outline:none;max-height:84px}.ader-input textarea:focus{border-color:#8c7af4;box-shadow:0 0 0 3px #7863f014}.ader-input button{width:42px;border:0;border-radius:14px;background:#6653ed;color:#fff;font-size:20px;cursor:pointer}.ader-disclaimer{text-align:center;color:#a0a3b1;font-size:9px;margin:0 0 10px}.ader-task{margin-top:9px;padding:10px;border-radius:11px;background:#fff;border:1px solid #ddd9f3}.ader-task b{display:block;font-size:11px}.ader-task small{color:#83889a}.ader-message.success{background:#effff6;border:1px solid #c8f2dc;color:#25684c}
@media(max-width:600px){.ader-launcher{right:18px;bottom:18px}.ader-panel{right:8px;bottom:88px;width:calc(100vw - 16px);height:calc(100vh - 105px);border-radius:22px}}