@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap");:root{--navy:#101b30;--ink:#142033;--muted:#718096;--line:#e8edf4;--purple:#6d3df4;--blue:#4e95ec}*{box-sizing:border-box}body{margin:0;font-family:DM Sans,Arial,sans-serif;color:var(--ink);background:#f6f8fb;font-size:12px}.app{display:flex;min-height:100vh}.sidebar{width:196px;background:linear-gradient(160deg,#101b30,#16243d);color:#dce5f5;flex:none;padding:17px 12px;display:flex;flex-direction:column;transition:width .25s;overflow:hidden}.collapsed .sidebar{width:70px;overflow:visible}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 18px;white-space:nowrap}.brand-mark{width:34px;height:34px;border:2px solid #8091d8;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:19px;background:#263872;box-shadow:0 0 0 4px #1c2a4a}.brand b{display:block;font-size:18px;letter-spacing:.4px;color:#fff}.brand small{display:block;font-size:7px;color:#aab8cf;letter-spacing:.25px}.nav-group{margin:12px 0}.nav-group label{display:block;color:#8392aa;font-size:8px;letter-spacing:.4px;margin:0 8px 7px}.nav-group button{border:0;background:transparent;color:#e2e8f4;width:100%;min-height:32px;border-radius:6px;display:flex;align-items:center;gap:10px;padding:0 9px;text-align:left;font:500 11px inherit;cursor:pointer;position:relative;transition:background-color .18s ease,color .18s ease}.nav-group button:hover{background:#ffffff12;color:#fff}.nav-group button.active{background:linear-gradient(90deg,#4f67dc,#4559c8);color:#fff;box-shadow:0 3px 8px #0b1530}.nav-chevron{width:14px;height:14px;margin-left:auto;color:#a9b5ca}.icon{width:18px;min-width:18px;height:18px;display:grid;place-items:center}.icon svg{width:18px;height:18px;stroke-width:1.9}.collapsed .brand>div,.collapsed .nav-group button .nav-chevron,.collapsed .nav-group button>span:not(.icon),.collapsed .nav-group label,.collapsed .sidebar-foot{display:none}.collapsed .brand,.collapsed .nav-group button{justify-content:center;padding-left:0;padding-right:0}.collapsed .nav-group button:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#0b1425;color:#fff;padding:6px 8px;border-radius:5px;font-size:10px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 5px 14px #0004;transition:opacity .15s;z-index:20}.collapsed .nav-group button:focus-visible:after,.collapsed .nav-group button:hover:after{opacity:1;visibility:visible}.sidebar-foot{margin-top:auto;color:#99a8bf;font-size:9px;padding:10px 7px;white-space:nowrap}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#42c783;margin-right:5px}.workspace{flex:1 1;min-width:0}header{height:65px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:15px}.icon-button{width:40px;height:40px;border:0;border-radius:7px;background:transparent;display:grid;place-items:center;color:#172337;cursor:pointer;transition:background-color .18s ease}.icon-button:hover{background:#f2f5f9}.card-title button:focus-visible,.icon-button:focus-visible,.nav-group button:focus-visible,.toolbar button:focus-visible{outline:2px solid #6d5df3;outline-offset:2px}.icon-button svg{width:18px;height:18px}.menu{margin-left:-8px}.heading h1{font-size:16px;margin:0 0 3px}.heading p{margin:0;color:#69778b;font-size:10px}.header-actions{margin-left:auto;gap:7px}.header-actions,.search{display:flex;align-items:center}.search{height:33px;width:295px;border:1px solid #dfe5ee;border-radius:7px;gap:9px;padding:0 10px;color:#7c8a9e;font-size:12px}.search>svg{width:17px;height:17px;flex:none}.search span{font-size:10px}.search kbd{font-size:8px;background:#f3f5f8;border-radius:3px;padding:3px 5px;margin-left:auto}.round{position:relative}.bell i{position:absolute;background:#f15a66;color:#fff;border-radius:9px;font-size:8px;font-style:normal;padding:2px 4px;top:1px;right:0}.profile{display:flex;align-items:center;gap:8px;white-space:nowrap;margin-left:5px}.profile b,.profile small{display:block}.profile b{font-size:10px}.profile small{color:#6b788d;font-size:9px;margin-top:3px}.profile>svg{width:14px;height:14px;margin-left:2px}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#d7a47e,#244c88);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:700;border:2px solid #e7ebf4}.content{padding:0 17px 24px}.toolbar{height:45px;display:flex;align-items:center;justify-content:space-between}.toolbar-right{display:flex;gap:8px}.card-title button,.toolbar button{height:29px;background:#fff;border:1px solid #dce4ee;border-radius:6px;padding:0 10px;color:#20304a;font:500 10px inherit;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background-color .18s ease,border-color .18s ease}.card-title button:hover,.toolbar button:hover{background:#f8f9fc;border-color:#ccd5e1}.toolbar button svg{width:15px;height:15px}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:10px;gap:10px}.card,.stat-card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 7px #20304a05}.stat-card{height:137px;padding:16px 14px;position:relative;display:flex;gap:11px}.stat-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;flex:none}.stat-icon svg{width:21px;height:21px;stroke-width:1.9}.purple{background:#eee5ff;color:#7839e8}.blue{background:#e1efff;color:#3d87e9}.green{background:#ddf5e9;color:#25a26a}.orange{background:#fff0d8;color:#ef9b20}.pink{background:#ffe5eb;color:#f35b7e}.stat-copy span{display:block;color:#344259;font-size:10px;margin:2px 0 7px}.stat-copy strong{display:block;font-size:17px;letter-spacing:.2px}.stat-copy small{display:block;color:#8994a5;font-size:9px;margin-top:11px}.stat-copy small b{color:#12a462;margin-right:5px}.spark{position:absolute;left:66px;right:13px;bottom:12px;width:calc(100% - 79px);height:36px}.spark path{fill:none;stroke:#7c4bf5;stroke-width:1.5}.spark .fill{fill:#8a65f414;stroke:none}.chart-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;grid-gap:10px;gap:10px;margin-top:10px}.card{padding:15px}.card-title{height:28px;display:flex;align-items:flex-start;justify-content:space-between}.card-title h2{font-size:13px;margin:0;font-weight:700}.card-title button{height:28px;color:#4656c9;border-color:#edf0f5;background:#fbfcff;font-size:10px}.legend{font-size:9px;color:#42516a;display:flex;gap:7px;align-items:center;margin:14px 0 4px 42px}.legend span{width:14px;height:6px;border-radius:2px;display:inline-block;margin-left:5px}.purple-dot{background:#6d3df4}.blue-dot{background:#69b1ee}.line-chart{height:210px;position:relative;padding-left:41px;padding-bottom:23px}.axis{position:absolute;left:0;top:7px;bottom:30px;display:flex;flex-direction:column;justify-content:space-between;color:#65738a;font-size:9px}.line-chart svg{width:100%;height:180px;overflow:visible}.gridlines path{stroke:#eef1f5;stroke-width:1}.line{fill:none;stroke-width:2}.area{fill:#7344f411;stroke:none}.purple-line{stroke:#6d3df4}.blue-line{stroke:#67b2f2}.purple-point{fill:#6d3df4;stroke:#fff;stroke-width:2}.xaxis{display:flex;justify-content:space-between;color:#65738a;font-size:9px;margin-top:4px}.donut-layout{display:flex;align-items:center;gap:17px;margin-top:10px}.donut{width:179px;height:179px;border-radius:50%;background:conic-gradient(#4f86ed 0 34.9%,#f35d67 34.9% 58%,#53c391 58% 73.4%,#f5a735 73.4% 85%,#e5d094 85% 91.8%,#9ba8bd 91.8%);position:relative;flex:none}.donut.status-donut{width:161px;height:161px;background:conic-gradient(#41b986 0 95%,#f5a735 95% 97.6%,#f0636f 97.6% 99%,#9ba8bd 99%)}.donut:after{content:"";position:absolute;inset:39px;background:#fff;border-radius:50%}.status-donut:after{inset:45px}.donut-hole{position:absolute;inset:0;z-index:1;display:grid;place-content:center;text-align:center}.donut-hole strong{font-size:14px}.donut-hole span{font-size:9px;color:#6d788d;margin-top:3px}.segment-list{flex:1 1;display:grid;grid-gap:11px;gap:11px}.segment-list div{font-size:10px;line-height:1.2}.segment-list span{display:block;color:#4c5a70}.segment-list i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:7px}.segment-list b{display:block;font-size:10px;margin:4px 0 0 15px}.segment-list small{font-size:10px;font-weight:500}.status-list{gap:14px}.status-list i{width:9px;height:9px}.paid{background:#40b986}.pending{background:#f5aa3e}.failed{background:#f06470}.cancelled{background:#9ba8bd}.lower-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;grid-gap:10px;gap:10px;margin-top:10px}.table-wrap{overflow:auto;margin:4px -15px -15px}table{width:100%;border-collapse:collapse;white-space:nowrap}td,th{text-align:left;padding:10px 9px;border-top:1px solid #eff2f6;font-size:9px}th{color:#4e5f77;font-weight:500;background:#fcfdff}td{color:#324158}.link{color:#3c76db}.pill{padding:4px 8px;border-radius:10px;font-size:8px}.pill.paid{color:#14a064;background:#e6f8ee}.pill.pending{color:#dc8a16;background:#fff2dc}.payment{height:43px;border-top:1px solid #edf0f4;display:flex;align-items:center;gap:10px}.payment:first-of-type{border-top:0}.payment-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.payment-icon svg{width:17px;height:17px}.payment>span:nth-child(2){font-size:10px}.payment strong{margin-left:auto;font-size:12px}.payment>b{width:38px;text-align:right;font-size:10px;font-weight:500}.payment b.green{color:#14a064}.payment b.orange{color:#e59a21}.payment b.red{color:#f05c6d}.payment b.blue{color:#3886ec}.payment-icon.red{background:#ffe4e8;color:#ef5f72}.payment-icon.blue{background:#e2efff;color:#438df0}.product{display:flex;align-items:center;height:43px;border-top:1px solid #edf0f4;gap:10px}.product:first-of-type{border-top:0}.rank{width:30px;height:30px;border-radius:9px;background:#e6f0ff;color:#3477e2;display:grid;place-items:center;font-size:15px;font-weight:700}.rank svg{width:16px;height:16px}.r1{background:#eee4ff;color:#7a45e7}.r2{background:#e2f7ee;color:#23ae6d}.product div{flex:1 1}.product b,.product small{display:block}.product b{font-size:10px}.product small{font-size:8px;color:#8390a1;margin-top:3px}.product>strong{font-size:10px}.funnel{margin-top:10px}.funnel-row{gap:0;margin-top:10px}.funnel-row,.funnel-step{display:flex;align-items:center}.funnel-step{height:88px;border:1px solid #e5eaf2;border-radius:9px;padding:0 13px;gap:10px;flex:1 1;position:relative}.funnel-icon{width:34px;height:34px;border-radius:10px;background:#f1f5fb;color:#4478c9;display:grid;place-items:center}.funnel-icon svg{width:18px;height:18px}.funnel-step:nth-child(2) .funnel-icon{background:#e3f8ee;color:#28ae71}.funnel-step:nth-child(3) .funnel-icon{background:#e3f5fb;color:#328fc7}.funnel-step:nth-child(4) .funnel-icon{background:#e6edff;color:#3d78ee}.funnel-step:nth-child(5) .funnel-icon{background:#e0f8ef;color:#22ad6c}.funnel-step small,.funnel-step span,.funnel-step strong{display:block}.funnel-step span{font-size:9px;color:#4f5d71}.funnel-step strong{font-size:17px;margin:5px 0}.funnel-step small{font-weight:700;font-size:9px}.funnel-step small em{font-style:normal;color:#8591a2;font-weight:400}.arrow{width:18px;height:18px;color:#9da9ba;position:absolute;right:-9px;z-index:2;background:#fff;border-radius:50%}.funnel-total{height:88px;background:#fafbfe;border-radius:9px;display:grid;place-content:center;text-align:center;min-width:140px;margin-left:10px}.funnel-total small,.funnel-total span{font-size:9px;color:#536177}.funnel-total strong{color:#25ad6e;font-size:21px;margin:6px 0}.funnel-total small{color:#8b96a6}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.chart-grid,.lower-grid{grid-template-columns:1fr 1fr}.orders,.revenue{grid-column:span 2}.header-actions .search{width:220px}.funnel-row{overflow:auto}.funnel-step{min-width:170px}}@media(max-width:760px){.sidebar{position:fixed;z-index:10;left:0;top:0;bottom:0;transform:translateX(-100%);width:196px;overflow:hidden}.app:not(.collapsed) .sidebar{transform:translateX(0)}.collapsed .sidebar{width:196px}.collapsed .brand>div,.collapsed .nav-group button .nav-chevron,.collapsed .nav-group button>span:not(.icon),.collapsed .nav-group label,.collapsed .sidebar-foot{display:block}.collapsed .brand{justify-content:flex-start;padding:0 10px 18px}.collapsed .nav-group button{justify-content:flex-start;padding:0 9px}.collapsed .nav-group button:after{display:none}.workspace{width:100%}header{padding:0 12px}.header-actions .round,.heading p,.profile>div:not(.avatar),.profile>svg{display:none}.header-actions{gap:8px}.search{width:145px!important}.content{padding:0 10px 20px}.chart-grid,.lower-grid,.stats-grid{grid-template-columns:1fr}.orders,.revenue{grid-column:auto}.stat-card{height:125px}.donut-layout{justify-content:center}.funnel-row{padding-bottom:8px}.funnel-total{min-width:140px}.toolbar{justify-content:flex-end}}.card-title button svg{width:14px;height:14px}@media(max-width:760px){.app:not(.collapsed) .sidebar{transform:translateX(-100%)}.app.mobile-open .sidebar{transform:translateX(0)}}button,input,select{font:inherit}.interactive-app{--surface:#fff;--canvas:#f6f8fb;--copy:#142033;--subtle:#718096;--border:#e8edf4;background:var(--canvas);color:var(--copy);transition:background .2s,color .2s}.interactive-app.dark{--surface:#172033;--canvas:#0e1523;--copy:#edf3ff;--subtle:#a8b3c5;--border:#2a3549}.interactive-app.dark .card,.interactive-app.dark .card-title button,.interactive-app.dark .stat-card,.interactive-app.dark .toolbar button,.interactive-app.dark header{background:var(--surface);color:var(--copy);border-color:var(--border)}.interactive-app.dark .heading p,.interactive-app.dark .stat-copy small,.interactive-app.dark .stat-copy span,.interactive-app.dark .view-context{color:var(--subtle)}.interactive-app.dark .search,.interactive-app.dark input,.interactive-app.dark select{background:#111a2a;color:#e7edf8;border-color:#354157}.interactive-app.dark .recharts-cartesian-grid line{stroke:#293448}.interactive-app.dark .arrow{background:var(--surface)}.interactive-app .workspace{background:var(--canvas)}.interactive-app header{background:var(--surface);border-color:var(--border)}.view-context{font-size:10px;color:#758297}.mobile-backdrop{display:none}.popover-anchor,.search-shell{position:relative}.search input{border:0;outline:0;background:transparent;width:100%;min-width:0;color:#213049;font-size:10px}.search-results{position:absolute;top:40px;left:0;width:340px;background:var(--surface);border:1px solid var(--border);border-radius:9px;box-shadow:0 14px 38px #13203828;z-index:50;padding:6px}.search-results button{width:100%;border:0;background:transparent;color:var(--copy);border-radius:6px;padding:8px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.search-results button.active,.search-results button:hover{background:#6e53ef12}.search-results button>svg{width:15px;height:15px;color:#75839a;flex:none}.search-results button>svg:last-child{margin-left:auto}.search-results span{display:block;min-width:0}.search-results b,.search-results small{display:block}.search-results small{color:var(--subtle);font-size:9px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-results{padding:18px;text-align:center;color:var(--subtle);font-size:10px}.mini-popover,.popover-panel{position:absolute;right:0;top:calc(100% + 7px);background:var(--surface);color:var(--copy);border:1px solid var(--border);border-radius:9px;box-shadow:0 15px 38px #12203825;z-index:60;animation:popover-in .16s ease}.mini-popover{width:220px;padding:7px}.mini-popover>strong{display:block;padding:6px 7px 9px}.mini-popover button{display:block;width:100%;border:0;background:transparent;color:var(--copy);padding:8px;border-radius:6px;text-align:left;cursor:pointer}.mini-popover button:hover{background:#7382a112}.mini-popover small{display:block;color:var(--subtle);font-size:8px;margin-top:3px}.profile{border:0;background:transparent;color:var(--copy);cursor:pointer}.profile-menu{width:150px}.date-menu{width:210px;padding:6px}.date-menu>button{width:100%;height:32px;border:0;background:transparent;color:var(--copy);border-radius:6px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.date-menu>button.selected,.date-menu>button:hover{background:#7251ee12;color:#6345d9}.date-menu svg{width:15px;height:15px}.custom-range{border-top:1px solid var(--border);margin-top:5px;padding:8px 3px 3px}.custom-range label,.filter-grid label{display:grid;grid-gap:5px;gap:5px;color:var(--subtle);font-size:9px}.custom-range input,.filter-grid select{height:31px;border:1px solid var(--border);background:var(--surface);color:var(--copy);border-radius:6px;padding:0 7px}.custom-range label+label{margin-top:7px}.custom-range button{width:100%;height:31px;border:0;border-radius:6px;background:#6248dd;color:#fff;margin-top:8px;cursor:pointer}.filter-panel{width:430px;padding:13px}.filter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.filter-head span{font-size:9px;color:#6248dd;background:#6d50e915;padding:4px 7px;border-radius:10px}.filter-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.filter-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:11px;border-top:1px solid var(--border)}.filter-actions button{height:31px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--copy);padding:0 13px;cursor:pointer}.filter-actions button.primary{background:#6145dc;color:#fff;border-color:#6145dc}.filter-count{background:#6447dd;color:#fff;border-radius:9px;min-width:17px;height:17px;display:grid;place-items:center;font-size:8px}.stat-card{font:inherit;color:inherit;text-align:left;cursor:pointer;border:1px solid var(--border);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s}.stat-card:hover{transform:translateY(-2px);border-color:#cfc7f4;box-shadow:0 9px 22px #263a6415}.stat-card:focus-visible{outline:2px solid #6d52ec;outline-offset:2px}.stat-card:hover .spark{transform:scaleY(1.08)}.spark{transition:transform .18s}.spark polyline{fill:none;stroke:#7147ef;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.stat-copy small b.negative{color:#e75b68}.interactive-card{background:var(--surface);border-color:var(--border);transition:box-shadow .18s,border-color .18s}.interactive-card:hover{border-color:#dfe3ed;box-shadow:0 6px 18px #263a640b}.chart-toolbar{display:flex;gap:3px;align-items:center}.chart-toolbar button{height:24px!important;padding:0 7px!important;border:0!important;background:transparent!important;color:var(--subtle)!important}.chart-toolbar button.selected,.chart-toolbar button:hover{background:#eef1f8!important;color:#273550!important}.chart-toolbar .purple-toggle.selected{color:#6d45e8!important}.chart-toolbar .blue-toggle.selected{color:#378bd6!important}.revenue-chart{height:235px;margin:5px -8px -3px}.chart-tooltip{background:#111a2b;color:#fff;border-radius:7px;padding:8px 10px;box-shadow:0 7px 20px #0003;display:grid;grid-gap:5px;gap:5px;font-size:9px}.chart-tooltip>b{margin-bottom:2px}.chart-tooltip span{display:flex;align-items:center;gap:5px}.chart-tooltip i{width:6px;height:6px;border-radius:50%}.donut-layout{position:relative}.donut-center{position:absolute;left:27%;top:50%;transform:translate(-50%,-50%);display:grid;text-align:center;pointer-events:none}.donut-center strong{font-size:12px}.donut-center span{font-size:8px;color:var(--subtle)}.segment-list button{border:0;background:transparent;color:var(--copy);text-align:left;padding:0;cursor:pointer;transition:opacity .15s}.segment-list button:hover{color:#6044d7}.segment-list button.inactive{opacity:.35}.segment-list button b,.segment-list button span{display:block}.table-wrap tbody tr{cursor:pointer;transition:background .15s}.table-wrap tbody tr:focus,.table-wrap tbody tr:hover{background:#6d52ec0a;outline:0}.table-wrap th button{border:0;background:transparent;color:#4e5f77;padding:0;display:flex;align-items:center;gap:4px;cursor:pointer}.table-wrap th svg{width:11px;height:11px;transition:transform .15s}.table-wrap th svg.sort-up{transform:rotate(180deg)}.pill.failed{background:#ffe6ea;color:#dd4f60}.pill.cancelled{background:#edf0f5;color:#67758a}.pill.refunded{background:#e4efff;color:#327ddc}.payment{width:100%;border-left:0;border-right:0;border-bottom:0;background:transparent;color:var(--copy);padding:0;cursor:pointer;text-align:left}.payment:hover{background:#6c55de09}.payment>svg{width:14px;height:14px;color:#95a0b1;margin-right:3px}.product{width:100%;border-left:0;border-right:0;border-bottom:0;background:transparent;color:var(--copy);padding:0;cursor:pointer;text-align:left}.product:hover{background:#6c55de09}.funnel-step{background:transparent;color:var(--copy);cursor:pointer;text-align:left}.funnel-step:hover{border-color:#cfc6f3;background:#7659e905}.funnel-step:focus-visible,.payment:focus-visible,.product:focus-visible{outline:2px solid #7053e8;outline-offset:1px}.drawer-layer{position:fixed;inset:0;background:#10192b66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:flex;justify-content:flex-end;animation:fade-in .18s}.detail-drawer{width:min(440px,92vw);height:100%;background:var(--surface);color:var(--copy);box-shadow:-15px 0 40px #10182c30;animation:drawer-in .23s ease;overflow:auto}.drawer-head{position:-webkit-sticky;position:sticky;top:0;background:var(--surface);z-index:2;border-bottom:1px solid var(--border);height:76px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.drawer-head span{font-size:9px;color:#6c50df;text-transform:uppercase;letter-spacing:.4px}.drawer-head h2{font-size:17px;margin:4px 0 0}.drawer-body{padding:17px}.detail-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.detail-stats>div{border:1px solid var(--border);border-radius:8px;padding:11px;background:#7583a108}.detail-stats span,.detail-stats strong{display:block}.detail-stats span{font-size:9px;color:var(--subtle);margin-bottom:5px}.detail-stats strong{font-size:13px}.drawer-section{margin-top:20px}.drawer-section h3{font-size:11px;margin:0 0 9px}.drawer-section p{color:var(--subtle);line-height:1.6}.drawer-list{min-height:34px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px}.drawer-list span{color:var(--subtle)}.drawer-list b{text-align:right}.trend-bars{height:100px;border-bottom:1px solid var(--border);display:flex;align-items:flex-end;gap:3px;padding-top:8px}.trend-bars i{flex:1 1;background:linear-gradient(#7653e9,#a992f5);border-radius:3px 3px 0 0;min-width:2px;transition:height .2s}.timeline{display:grid;grid-template-columns:12px 1fr;grid-gap:5px 8px;gap:5px 8px;margin-top:10px}.timeline i{width:8px;height:8px;border:2px solid #5eac85;border-radius:50%;margin-top:2px}.timeline div{display:grid;grid-gap:2px;gap:2px;padding-bottom:12px}.timeline span{font-size:9px;color:var(--subtle)}.empty-state,.state-screen{margin-top:10px;min-height:380px;border:1px dashed var(--border);border-radius:10px;background:var(--surface);display:grid;place-content:center;text-align:center;justify-items:center}.empty-state svg,.state-screen svg{width:38px;height:38px;color:#8a78da}.empty-state h2,.state-screen h1{font-size:16px;margin:12px 0 3px}.empty-state p,.state-screen p{color:var(--subtle);margin:0 0 13px}.empty-state button,.state-screen button{height:33px;border:0;border-radius:6px;background:#6146dc;color:#fff;padding:0 14px;cursor:pointer}.state-screen{min-height:100vh;border:0}.skeleton-screen{min-height:100vh;display:flex;background:#f5f7fb}.skeleton-screen aside{width:196px;background:#17243b}.skeleton-screen main{flex:1 1;padding:15px}.skeleton-grid i,.skeleton-screen header{display:block;background:linear-gradient(90deg,#eef1f6,#f8f9fb,#eef1f6);background-size:200% 100%;animation:shimmer 1.3s infinite}.skeleton-screen header{height:50px;border-radius:8px}.skeleton-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;margin-top:45px}.skeleton-grid i{height:135px;border-radius:10px}.skeleton-grid i:nth-child(n+6){grid-column:span 2;height:260px}.skeleton-grid i:last-child{grid-column:span 3}@keyframes popover-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{transform:translateX(100%)}to{transform:none}}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:1200px){.chart-toolbar button:nth-child(-n+3){display:none}.filter-panel{width:390px}.donut-center{left:27%}.skeleton-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.mobile-backdrop{display:block;position:fixed;inset:0;border:0;background:#0b142566;z-index:9}.interactive-app .sidebar{z-index:10}.heading{max-width:120px}.heading h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-shell{position:static}.search-results{position:fixed;left:10px;right:10px;top:60px;width:auto}.search input{width:92px}.view-context{display:none}.filter-panel{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;border-radius:14px 14px 0 0;padding:18px}.filter-grid{grid-template-columns:1fr 1fr}.date-menu{position:fixed;left:10px;right:10px;top:62px;width:auto}.donut-center{left:50%;top:97px}.drawer-layer{align-items:stretch}.detail-drawer{width:100vw}.skeleton-screen aside{display:none}.skeleton-grid{grid-template-columns:1fr}.skeleton-grid i,.skeleton-grid i:last-child,.skeleton-grid i:nth-child(n+6){grid-column:auto;height:125px}}