.dash-layout{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at top,#0f1a33,#0a1020 55%,#060b14);color:#d7e8ff}.dash-topbar{height:64px;padding:0 20px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,1.4fr) auto;align-items:center;gap:16px;border-bottom:1px solid rgba(0,229,255,.25);background:#0a1020eb;box-shadow:0 0 24px #00c2ff1f}.dash-topbar__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:12px;color:#8eb6d4;line-height:1.4}.dash-topbar__meta span{white-space:nowrap}.dash-topbar__brand{display:flex;align-items:center;gap:14px}.dash-topbar__logo{width:42px;height:42px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#0a1020;background:linear-gradient(135deg,#00e5ff,#00c2ff);box-shadow:0 0 18px #00e5ff8c}.dash-topbar__title{margin:0;font-size:20px;font-weight:700;color:#f0fbff;letter-spacing:.02em}.dash-topbar__subtitle{margin:2px 0 0;font-size:12px;color:#7eb8d8}.dash-topbar__actions{display:flex;align-items:center;gap:12px}.dash-topbar__link{padding:8px 16px;border-radius:8px;border:1px solid rgba(0,229,255,.35);background:#00c2ff14;color:#00e5ff;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s ease,box-shadow .2s ease}.dash-topbar__link:hover{background:#00c2ff2e}.dash-topbar__link--active{background:#00c2ff38;box-shadow:0 0 12px #00e5ff40;font-weight:600}.dash-account{position:relative}.dash-account__trigger{padding:8px 14px;border-radius:8px;border:1px solid rgba(0,229,255,.35);background:#0a1428e6;color:#d7e8ff;font-size:14px;cursor:pointer}.dash-account__caret{font-size:10px;color:#7eb8d8;margin-left:4px}.dash-account__menu{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;margin:0;padding:6px 0;list-style:none;border-radius:8px;border:1px solid rgba(0,229,255,.35);background:#081020fa;box-shadow:0 8px 24px #00000073;z-index:100}.dash-account__item{display:block;width:100%;padding:10px 16px;border:none;background:transparent;color:#d7e8ff;font-size:13px;text-align:left;cursor:pointer}.dash-account__item:hover{background:#00c2ff1f;color:#00e5ff}.dash-main{flex:1;overflow:hidden;padding:8px 12px 10px;min-height:0}.dash-page{display:flex;flex-direction:column;gap:12px}.dash-page--cockpit{max-width:1920px;margin:0 auto}.dash-cockpit-screen{display:flex;flex-direction:column;gap:12px;min-height:calc(100vh - 88px)}.dash-cockpit-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,minmax(260px,280px));gap:12px}.dash-page__error{margin:0;padding:12px 16px;border-radius:8px;border:1px solid rgba(255,100,100,.4);background:#78141459;color:#ffb4b4}.dash-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;height:120px}.dash-kpi-card{padding:14px 16px;border-radius:10px;border:1px solid rgba(0,229,255,.35);background:linear-gradient(145deg,#0c1830f2,#081020e6);box-shadow:0 0 20px #00c2ff1f,inset 0 0 24px #00e5ff0a;display:flex;flex-direction:column;justify-content:center;min-height:120px}.dash-kpi-card__title{margin:0 0 6px;font-size:12px;color:#7eb8d8;font-weight:500}.dash-kpi-card__value{margin:0;font-size:24px;font-weight:700;color:#00e5ff;text-shadow:0 0 12px rgba(0,229,255,.45);line-height:1.1}.dash-kpi-card__desc{margin:6px 0 0;font-size:11px;color:#5a8aa8}.dash-panel{border-radius:14px;border:1px solid rgba(0,229,255,.28);background:#081020e0;box-shadow:0 0 28px #00c2ff14;overflow:hidden}.dash-panel--hero{height:360px;display:flex;flex-direction:column}.dash-panel--hero .dash-panel__body{flex:1;padding:8px 12px 12px;min-height:0}.dash-panel--compact{height:100%;display:flex;flex-direction:column}.dash-panel--compact .dash-panel__body{flex:1;min-height:0;padding:8px 12px 12px;overflow:hidden}.dash-panel--compact .dash-table-wrap{max-height:200px;overflow-y:auto}.dash-panel--stream .dash-panel__body{padding:8px 12px 12px}.dash-panel--stream .dash-table-wrap{max-height:180px;overflow-y:auto}.dash-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid rgba(0,229,255,.18);background:#00c2ff0f;flex-shrink:0}.dash-panel__title{margin:0;font-size:16px;font-weight:600;color:#e8f7ff}.dash-panel__body{padding:12px 14px 14px}.dash-grid{display:grid;gap:12px}.dash-grid--2{grid-template-columns:1fr 1fr}.dash-range-toggle{display:flex;gap:8px}.dash-range-toggle__btn{padding:6px 14px;border-radius:6px;border:1px solid rgba(0,229,255,.35);background:transparent;color:#7eb8d8;font-size:12px;cursor:pointer}.dash-range-toggle__btn--active{color:#0a1020;background:linear-gradient(135deg,#00e5ff,#00c2ff);border-color:transparent;font-weight:600}.dash-chart-wrap{width:100%;height:100%}.dash-chart-wrap--large{min-height:320px}.dash-chart{width:100%;height:100%;display:block}.dash-chart--large{min-height:320px}.dash-chart__grid{stroke:#00e5ff1f;stroke-width:1}.dash-chart__dot{fill:#00e5ff;filter:drop-shadow(0 0 4px #00e5ff)}.dash-chart__label,.dash-chart__ylabel{fill:#6a9ab8;font-size:11px}.dash-table-wrap{overflow-x:auto}.dash-table{width:100%;border-collapse:collapse;font-size:12px}.dash-table th,.dash-table td{padding:7px 10px;border-bottom:1px solid rgba(0,229,255,.12)}.dash-table th{text-align:left;color:#7eb8d8;font-weight:500}.dash-table td{color:#d7e8ff}.dash-table th.is-right,.dash-table td.is-right{text-align:right}.dash-page--cockpit .dash-table tbody tr{cursor:default}.dash-page--cockpit .dash-table tbody tr:hover{background:#00c2ff0a}.dash-page--cockpit .dash-kpi-card,.dash-page--cockpit .dash-chart,.dash-page--cockpit .dash-panel{cursor:default}.dash-page--gmv-screen{height:100%;min-height:0;overflow:hidden}.gmv-screen{display:grid;grid-template-columns:24% 46% 28%;gap:10px;height:calc(100vh - 82px);min-height:640px}.gmv-screen__col{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden}.gmv-panel--filters{flex-shrink:0;padding:8px 10px;border-radius:10px;border:1px solid rgba(0,229,255,.32);background:#081020e6;box-shadow:0 0 16px #00c2ff1a}.dash-filter-chips{display:flex;flex-wrap:wrap;gap:6px}.dash-filter-chips__btn{padding:4px 10px;border-radius:6px;border:1px solid rgba(0,229,255,.3);background:#00c2ff0d;color:#7eb8d8;font-size:11px;cursor:pointer;transition:background .15s ease}.dash-filter-chips__btn:hover{background:#00c2ff24}.dash-filter-chips__btn--active{color:#0a1020;background:linear-gradient(135deg,#00e5ff,#00c2ff);border-color:transparent;font-weight:600;box-shadow:0 0 10px #00e5ff59}.gmv-custom-range{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;color:#7eb8d8}.gmv-custom-range input{flex:1;min-width:0;padding:4px 6px;border-radius:6px;border:1px solid rgba(0,229,255,.3);background:#060c18f2;color:#d7e8ff;font-size:11px}.gmv-panel--rank{flex:1;min-height:0;display:flex;flex-direction:column}.gmv-panel--rank .dash-panel__body{flex:1;min-height:0;padding:6px 10px 8px;overflow:hidden}.gmv-panel--rank .dash-table-wrap{max-height:100%;overflow-y:auto}.gmv-panel--orders{flex:1;min-height:0;display:flex;flex-direction:column}.gmv-panel--orders .dash-panel__body{flex:1;min-height:0;padding:6px 10px 8px}.gmv-panel--orders .dash-table-wrap{max-height:100%;overflow-y:auto}.gmv-panel--chart{flex:1 1 50%;min-height:240px;display:flex;flex-direction:column}.gmv-screen__charts{flex:1;min-height:520px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.gmv-screen__col--right .gmv-panel--filters{flex-shrink:0}.gmv-panel--chart .dash-panel__body{flex:1;min-height:0;padding:4px 8px 8px}.gmv-panel__hint{font-size:11px;color:#6a9ab8;font-weight:400}.gmv-core-board{flex-shrink:0;padding:12px 14px;border-radius:12px;border:1px solid rgba(0,229,255,.38);background:linear-gradient(160deg,#0a162cf5,#060c1af0);box-shadow:0 0 28px #00c2ff29,inset 0 0 30px #00e5ff0a}.gmv-core-board__hero{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.gmv-core-metric{padding:10px 12px;border-radius:10px;border:1px solid rgba(0,229,255,.25);background:#00c2ff0a}.gmv-core-metric h4{margin:0 0 6px;font-size:12px;color:#7eb8d8;font-weight:500}.gmv-core-metric p{margin:0;font-size:34px;font-weight:800;line-height:1;letter-spacing:.02em}.gmv-core-metric__hint{display:block;margin-top:6px;font-size:11px;color:#6a9ab8;font-weight:500}.gmv-core-metric--orders p{color:#00e5ff;text-shadow:0 0 16px rgba(0,229,255,.5)}.gmv-core-metric--gmv p{color:#f5c842;text-shadow:0 0 16px rgba(245,200,66,.45)}.gmv-core-board__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 10px;font-size:11px}.gmv-core-board__grid>div{display:flex;flex-direction:column;gap:2px}.gmv-core-board__grid span{color:#6a9ab8}.gmv-core-board__grid strong{color:#d7e8ff;font-size:12px;font-weight:600}.gmv-core-board__wide{grid-column:span 3}.gmv-market-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:2px 6px;border-radius:999px;border:1px solid rgba(0,229,255,.35);font-size:10px;color:#00e5ff;background:#00c2ff1a}.dash-dual-legend{display:flex;gap:12px;margin-bottom:4px;padding:0 4px;font-size:10px}.dash-dual-legend__item{display:inline-flex;align-items:center;gap:6px}.dash-dual-legend__item:before{content:"";width:18px;height:2px;border-radius:2px}.dash-dual-legend__item--primary{color:#00e5ff}.dash-dual-legend__item--primary:before{background:#00e5ff}.dash-dual-legend__item--secondary{color:#f5a623}.dash-dual-legend__item--secondary:before{background:repeating-linear-gradient(90deg,#f5a623 0,#f5a623 4px,transparent 4px,transparent 7px)}.dash-page--gmv-screen .dash-panel{border-radius:10px}.dash-page--gmv-screen .dash-panel__header{padding:8px 12px}.dash-page--gmv-screen .dash-panel__title{font-size:13px}.dash-page--gmv-screen .dash-table{font-size:11px}.dash-page--gmv-screen .dash-table th,.dash-page--gmv-screen .dash-table td{padding:5px 8px}.dash-empty{margin:0;padding:24px 8px;text-align:center;color:#5a8aa8;font-size:14px}.dash-page--mgmt .dash-mgmt-header h2{margin:0 0 8px;font-size:22px;color:#f0fbff}.dash-page--mgmt .dash-mgmt-header p{margin:0 0 12px;color:#7eb8d8;font-size:14px}.dash-mgmt-back{display:inline-block;margin-bottom:16px;color:#00e5ff;font-size:13px;text-decoration:none}.dash-mgmt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dash-mgmt-grid--3{grid-template-columns:repeat(3,1fr)}.dash-mgmt-card{padding:20px;border-radius:12px;border:1px solid rgba(0,229,255,.35);background:#0a1428d9;cursor:default}.dash-mgmt-card h3{margin:0 0 8px;color:#00e5ff;font-size:16px}.dash-mgmt-card p{margin:0 0 12px;color:#7eb8d8;font-size:13px}.dash-mgmt-card__badge{font-size:12px;color:#5a8aa8}@media (max-width: 1400px){.gmv-screen{grid-template-columns:26% 44% 28%}.gmv-core-metric p{font-size:28px}}@media (max-width: 1200px){.dash-topbar{grid-template-columns:1fr;height:auto;padding:10px 14px}.dash-topbar__meta{justify-content:flex-start}.dash-topbar__actions{justify-content:flex-end}.gmv-screen{grid-template-columns:1fr;height:auto;overflow:auto}.dash-main{overflow:auto}.dash-kpi-row{grid-template-columns:repeat(2,1fr);height:auto}.dash-cockpit-grid{grid-template-columns:1fr;grid-template-rows:auto}.dash-cockpit-screen{min-height:auto}.dash-mgmt-grid,.dash-mgmt-grid--3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.dash-kpi-row,.dash-mgmt-grid,.dash-mgmt-grid--3{grid-template-columns:1fr}.dash-topbar{flex-wrap:wrap;height:auto;padding:12px 16px;gap:12px}.dash-topbar__actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.dash-main{padding:12px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#d7e8ff;background:#0a1020;line-height:1.5}a{color:inherit;text-decoration:none}code{font-family:Consolas,Courier New,monospace}.saas-layout{min-height:100vh;display:flex;flex-direction:column}.top-bar{height:64px;padding:0 24px;display:flex;align-items:center;background:#111827;color:#f9fafb;border-bottom:1px solid #374151}.top-bar__brand{display:flex;align-items:center;gap:12px}.top-bar__logo{width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);font-weight:700;font-size:14px}.top-bar__title{margin:0;font-size:18px;font-weight:600}.top-bar__subtitle{margin:0;font-size:12px;color:#9ca3af}.saas-body{flex:1;display:flex;min-height:0}.side-nav{width:220px;flex-shrink:0;background:#fff;border-right:1px solid #e5e7eb;padding:16px 12px}.side-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.side-nav__link{display:block;padding:10px 14px;border-radius:8px;color:#4b5563;font-size:14px;transition:background-color .15s ease,color .15s ease}.side-nav__link:hover{background:#f3f4f6;color:#111827}.side-nav__link--active{background:#eef2ff;color:#4338ca;font-weight:600}.main-content{flex:1;min-width:0;padding:24px;overflow:auto}.page-placeholder__header{margin-bottom:20px}.page-placeholder__title{margin:0 0 8px;font-size:24px;font-weight:700;color:#111827}.page-placeholder__description{margin:0;color:#6b7280;font-size:14px}.page-placeholder__card{background:#fff;border:1px dashed #d1d5db;border-radius:12px;padding:24px}.page-placeholder__pending{margin:0 0 12px;font-size:15px;color:#374151}.page-placeholder__api{display:inline-block;padding:6px 10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#4338ca}@media (max-width: 768px){.saas-body{flex-direction:column}.side-nav{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;padding:12px}.side-nav__list{flex-direction:row;flex-wrap:wrap;gap:8px}.side-nav__link{padding:8px 12px;white-space:nowrap}.main-content{padding:16px}}