:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 10% 0,#08a9e624,#0000 28%),radial-gradient(circle at 92% 6%,#e5007d1f,#0000 24%),radial-gradient(circle at 50% 100%,#63be4514,#0000 30%),#06131f;min-height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#06131f}::-webkit-scrollbar-thumb{background:linear-gradient(#08a9e6,#e5007d);border-radius:10px}.colourful-brand-header{background:radial-gradient(circle at 2% 100%,#f4512a2e,#0000 25%),radial-gradient(circle at 25% 0,#ffd4001a,#0000 24%),radial-gradient(circle at 55% 0,#08a9e629,#0000 30%),radial-gradient(circle at 88% 0,#e5007d24,#0000 26%),linear-gradient(135deg,#0b2637,#071723);border:1px solid #74d3f22e;border-radius:18px;margin-bottom:18px;padding:14px 18px;position:relative;overflow:hidden;box-shadow:0 16px 40px #0000003d}.colourful-brand-header:after{content:"";background:linear-gradient(90deg,#f4512a 0%,#ffd400 17%,#63be45 34%,#08a9e6 52%,#e5007d 70%,#ffd400 86%,#f4512a 100%);height:3px;position:absolute;bottom:0;left:0;right:0}.colourful-logo{object-fit:contain;object-position:center;background:#fff;border-radius:9px;flex:0 0 180px;min-width:180px;min-height:60px;padding:2px 5px;display:block;box-shadow:0 7px 22px #0000003d;width:180px!important;max-width:180px!important;height:60px!important;max-height:60px!important}.colourful-title{background:linear-gradient(90deg,#8edcff 0%,#08a9e6 24%,#e5007d 52%,#ffd400 77%,#63be45 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.colourful-section-title{align-items:center;gap:10px;display:flex}.colourful-section-title:before{content:"";background:linear-gradient(#08a9e6,#e5007d,#ffd400);border-radius:6px;width:5px;height:25px}.colourful-kpi{min-height:108px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;border-radius:16px!important}.colourful-kpi:hover{transform:translateY(-2px);box-shadow:0 14px 30px #00000047}.colourful-kpi:before{content:"";opacity:.18;pointer-events:none;position:absolute;inset:0}.colourful-kpi:after{content:"";pointer-events:none;height:4px;position:absolute;top:0;left:0;right:0}.colourful-kpi:first-child{background:linear-gradient(145deg,#08a9e64d,#083e5beb)!important;border-color:#08a9e67a!important}.colourful-kpi:first-child:after{background:#08a9e6}.colourful-kpi:nth-child(2){background:linear-gradient(145deg,#e5007d47,#52163deb)!important;border-color:#e5007d75!important}.colourful-kpi:nth-child(2):after{background:#e5007d}.colourful-kpi:nth-child(3){background:linear-gradient(145deg,#63be4547,#1f492deb)!important;border-color:#63be4575!important}.colourful-kpi:nth-child(3):after{background:#63be45}.colourful-kpi:nth-child(4){background:linear-gradient(145deg,#ffd40040,#52430eeb)!important;border-color:#ffd40070!important}.colourful-kpi:nth-child(4):after{background:#ffd400}.colourful-kpi:nth-child(5){background:linear-gradient(145deg,#63be4557,#0c4c36eb)!important;border-color:#63be4585!important}.colourful-kpi:nth-child(5):after{background:linear-gradient(90deg,#63be45,#08a9e6)}.colourful-kpi:nth-child(6){background:linear-gradient(145deg,#f4512a47,#53231feb)!important;border-color:#f4512a75!important}.colourful-kpi:nth-child(6):after{background:linear-gradient(90deg,#f4512a,#e5007d)}.colourful-kpi .MuiCardContent-root{z-index:1;position:relative;padding:18px 17px!important}.colourful-kpi .MuiTypography-body2{font-weight:600;color:#f7fbffe0!important}.colourful-kpi .MuiTypography-h6{letter-spacing:.1px;font-size:1.28rem;color:#fff!important}.colourful-status-ok{color:#8be06d!important;font-weight:800!important}.colourful-status-error{color:#ff8a72!important;font-weight:800!important}@media (width<=600px){.colourful-logo{flex-basis:150px;min-width:150px;min-height:50px;width:150px!important;max-width:150px!important;height:50px!important;max-height:50px!important}}.colourful-kpi-clickable{transition:transform .15s,box-shadow .15s}.colourful-kpi-clickable:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0000002e}.colourful-kpi-clickable:focus-visible{outline-offset:2px;outline:2px solid #08a9e6}:root{--bizos-bg:#04111c;--bizos-panel:#071d2a;--bizos-panel-2:#0a2534;--bizos-border:#74d3f224;--bizos-text:#f7fbff;--bizos-muted:#8eaabd;--bizos-cyan:#08a9e6;--bizos-pink:#e5007d;--bizos-green:#63be45;--bizos-yellow:#ffd400}body{background:var(--bizos-bg);margin:0}.bizos-root{min-height:100vh;color:var(--bizos-text);background:radial-gradient(circle at 75% 0%, #08a9e614, transparent 28%), radial-gradient(circle at 100% 70%, #e5007d0f, transparent 30%), var(--bizos-bg);display:flex}.bizos-sidebar{border-right:1px solid var(--bizos-border);background:linear-gradient(#061824 0%,#04131e 100%);flex:0 0 255px;width:255px;height:100vh;min-height:100vh;padding:18px 13px;position:sticky;top:0;overflow-y:auto;box-shadow:12px 0 35px #0000002e}.bizos-brand{align-items:center;gap:10px;padding:8px 7px 18px;display:flex}.bizos-brand img{object-fit:contain;background:#fff;border-radius:8px;width:76px;height:42px;padding:2px 4px}.bizos-brand-name{letter-spacing:.8px;background:linear-gradient(90deg,#08a9e6,#e5007d,#ffd400,#63be45);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.03rem!important;font-weight:900!important}.bizos-brand-subtitle{letter-spacing:1.2px;text-transform:uppercase;color:var(--bizos-muted)!important;font-size:.7rem!important}.bizos-nav-label{color:#607f91;letter-spacing:1.4px;padding:8px 11px 6px;font-size:.65rem;font-weight:800}.bizos-nav-label-gap{margin-top:14px}.bizos-nav-item,.bizos-subnav-item{cursor:pointer;color:#b8cfdb;text-align:left;width:100%;font:inherit;background:0 0;border:0}.bizos-nav-item{border-radius:10px;align-items:center;gap:11px;min-height:40px;margin:2px 0;padding:0 11px;transition:all .16s;display:flex}.bizos-nav-item:hover{color:#fff;background:#08a9e614}.bizos-nav-item.active{color:#fff;box-shadow:inset 3px 0 0 var(--bizos-cyan);background:linear-gradient(90deg,#08a9e62e,#08a9e60d)}.bizos-nav-icon{text-align:center;color:#7caabd;width:23px;font-weight:800}.bizos-nav-item.active .bizos-nav-icon{color:var(--bizos-cyan)}.bizos-nav-chevron{color:#6d8c9d;margin-left:auto}.bizos-soon-dot{background:#46616f;border-radius:50%;width:5px;height:5px;margin-left:auto}.bizos-subnav{border-left:1px solid #74d3f221;margin:2px 0 4px 34px;padding-left:8px}.bizos-subnav-item{border-radius:7px;align-items:center;gap:8px;min-height:32px;padding:0 9px;font-size:.78rem;display:flex}.bizos-subnav-item:hover{color:#fff;background:#08a9e60f}.bizos-subnav-item.active{color:#8edcff;background:#08a9e61a}.bizos-subnav-dot{background:currentColor;border-radius:50%;width:4px;height:4px}.bizos-sidebar-footer{color:#7fa394;border:1px solid #63be4524;border-radius:10px;align-items:center;gap:7px;margin:18px 5px 4px;padding:10px 9px;font-size:.68rem;display:flex}.bizos-live-dot{background:var(--bizos-green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #63be45b3}.bizos-api-status{color:#72d755;margin-left:auto;font-size:.58rem;font-weight:800}.bizos-main{flex:1;min-width:0}.bizos-topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#04111ce6;border-bottom:1px solid #74d3f21c;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:13px 24px;display:flex;position:sticky;top:0}.bizos-page-kicker{letter-spacing:1.4px;color:#5f8598!important;font-size:.61rem!important;font-weight:800!important}.bizos-page-title{margin-top:2px!important;font-size:1.18rem!important;font-weight:800!important}.bizos-connected-chip{color:#8be06d!important;background:#63be451a!important;border:1px solid #63be4540!important}.bizos-tenant-button{color:#a9c6d5!important;border-color:#74d3f233!important;font-size:.7rem!important}.bizos-content{padding:15px 18px 28px}.bizos-coming-soon{text-align:center;border:1px solid var(--bizos-border);background:linear-gradient(145deg,#0a2534f0,#051621f0);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 130px);display:flex;box-shadow:0 18px 45px #0003}.bizos-coming-icon{width:74px;height:74px;color:var(--bizos-cyan);background:#08a9e614;border:1px solid #08a9e633;border-radius:20px;place-items:center;margin-bottom:18px;font-size:2rem;display:grid}.bizos-coming-title{font-size:2rem!important;font-weight:800!important}.bizos-coming-text{max-width:480px;color:var(--bizos-muted)!important;margin-top:7px!important}.bizos-coming-divider{width:240px;border-color:#74d3f21f!important;margin:22px 0!important}.bizos-coming-chip{color:#8edcff!important;background:#08a9e614!important;border:1px solid #08a9e633!important}@media (width<=900px){.bizos-sidebar{flex-basis:72px;width:72px;padding:12px 8px}.bizos-brand{justify-content:center;padding:6px 0 15px}.bizos-brand img{width:50px;height:36px}.bizos-brand>div,.bizos-nav-label,.bizos-nav-item span:not(.bizos-nav-icon):not(.bizos-nav-chevron):not(.bizos-soon-dot),.bizos-subnav,.bizos-sidebar-footer{display:none}.bizos-nav-item{justify-content:center;padding:0}.bizos-nav-icon{width:auto}.bizos-nav-chevron,.bizos-soon-dot{display:none}.bizos-content{padding:10px}}@media (width<=600px){.bizos-topbar{padding:10px 13px}.bizos-tenant-button{display:none!important}.bizos-page-kicker{display:none}}.bizos-login-root{background:#f4f7fb;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.bizos-login-card{text-align:center;width:min(440px,100%);padding:36px;border-radius:18px!important}.bizos-login-logo{object-fit:contain;width:72px;height:72px;margin-bottom:10px}.bizos-login-title{font-size:26px!important;font-weight:800!important}.bizos-login-subtitle{color:#6b7280}.bizos-login-security-note{color:#6b7280;margin-top:22px!important;font-size:12px!important}:root{color:#eef8ff;background:#06131f;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.bizos-app{background:#06131f;min-height:100vh;display:flex}.biz-sidebar{background:linear-gradient(#071a28,#06131f);border-right:1px solid #8edcff1f;flex-direction:column;flex:0 0 218px;gap:4px;width:218px;padding:18px 12px;display:flex}.biz-brand{align-items:center;gap:9px;padding:2px 7px 20px;display:flex}.biz-brand img{object-fit:contain;background:#fff;border-radius:7px;width:68px;height:44px;padding:3px}.biz-brand strong{color:#ffca05;letter-spacing:1px;font-size:14px;display:block}.biz-brand span{color:#8caabb;margin-top:3px;font-size:10px;display:block}.nav-label{letter-spacing:1.5px;color:#638293;padding:10px 12px 5px;font-size:9px;font-weight:800}.nav-item,.sub-nav button{color:#b8cbd6;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0}.nav-item{border-radius:9px;align-items:center;gap:11px;width:100%;min-height:38px;padding:8px 11px;font-size:13px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:linear-gradient(90deg,#08a9e633,#08a9e60d)}.nav-item span{color:#74c9ed;width:16px}.nav-item b{color:#628495;margin-left:auto}.nav-item i{color:#526d7c;margin-left:auto;font-size:8px;font-style:normal}.sub-nav{border-left:1px solid #08a9e640;margin:0 0 5px 25px;padding-left:8px}.sub-nav button{border-radius:6px;width:100%;padding:7px 8px;font-size:11px}.sub-nav button:hover,.sub-nav .sub-active{color:#8edcff;background:#08a9e614}.api-status{color:#75908e;background:#12372347;border:1px solid #63be4533;border-radius:9px;margin-top:auto;padding:9px;font-size:9px}.api-status span{background:#63be45;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.api-status strong{float:right;color:#63be45}.biz-main{flex:1;min-width:0}.biz-topbar{z-index:5;background:#06131f;border-bottom:1px solid #8edcff1a;justify-content:space-between;align-items:center;height:66px;padding:0 22px;display:flex;position:sticky;top:0}.biz-topbar strong{font-size:17px}.eyebrow{letter-spacing:1.3px;color:#6d8d9e;margin-bottom:4px;font-size:9px;font-weight:800}.top-right{align-items:center;gap:8px;display:flex}.api-pill,.shop-pill{color:#9eb6c4;border:1px solid #8edcff2e;border-radius:20px;padding:6px 10px;font-size:9px}.api-pill{color:#8be06d;background:#63be450f;border-color:#63be454d}.biz-content{max-width:1700px;margin:auto;padding:28px 34px 50px}.page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.page-heading h1{margin:0;font-size:27px}.page-heading p{color:#87a2b1;margin:6px 0 0;font-size:12px}.dashboard-filter{align-items:center;gap:8px;display:flex}.dashboard-filter label{color:#75909e;font-size:11px}.dashboard-filter select,.settings-grid select,.settings-grid input{color:#eaf7ff;background:#091e2c;border:1px solid #8edcff2e;border-radius:8px;outline:none;min-width:190px;padding:10px 12px}.alert{border-radius:9px;margin-bottom:16px;padding:11px 14px;font-size:12px}.alert.error{color:#ff9d8a;background:#f4512a1a;border:1px solid #f4512a4d}.alert.success{color:#9be27f;background:#63be451a;border:1px solid #63be454d}.loading-card,.empty-state{text-align:center;color:#7893a2;padding:30px}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.kpi{background:linear-gradient(145deg,#103a50,#0b2534);border:1px solid #08a9e64d;border-top:3px solid #08a9e6;border-radius:12px;min-height:112px;padding:15px}.kpi:nth-child(2){border-top-color:#e5007d}.kpi:nth-child(3){border-top-color:#63be45}.kpi:nth-child(4){border-top-color:#ffd400}.kpi:nth-child(5){border-top-color:#63be45}.kpi:nth-child(6){border-top-color:#f4512a}.kpi span,.kpi small{color:#9bb5c3;font-size:10px;display:block}.kpi strong{color:#fff;margin:9px 0 6px;font-size:19px;display:block}.panel{background:linear-gradient(145deg,#0f2f40f7,#081b28f7);border:1px solid #74d3f21f;border-radius:13px;margin-bottom:18px;padding:17px;box-shadow:0 10px 30px #00000029}.panel-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel-title h2{margin:0;font-size:15px}.panel-title span{color:#7893a2;font-size:10px}.two-col{grid-template-columns:1fr 1fr;gap:18px;display:grid}.chart-wrap{height:300px}.chart-wrap svg{width:100%;height:250px;overflow:visible}.grid-line{stroke:#a0c8dc24;stroke-width:1px}.sales-line{fill:none;stroke:#08a9e6;stroke-width:3px}.profit-line{fill:none;stroke:#63be45;stroke-width:3px}.chart-labels{color:#688391;justify-content:space-between;font-size:9px;display:flex}.legend{color:#9eb5c1;justify-content:center;gap:18px;margin-top:9px;font-size:10px;display:flex}.legend i{vertical-align:middle;width:18px;height:3px;margin-right:5px;display:inline-block}.legend-sales{background:#08a9e6}.legend-profit{background:#63be45}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th,td{white-space:nowrap;text-align:left;border-bottom:1px solid #8bd3f014;padding:9px 8px}th{color:#8edcff;text-transform:uppercase;letter-spacing:.4px;font-size:10px}td{color:#c1d3dc}.profit{color:#8be06d!important}.loss{color:#ff8a72!important}.placeholder-page{padding:70px 34px}.placeholder-card{text-align:center;background:linear-gradient(145deg,#0f2f40,#081b28);border:1px solid #8edcff1f;border-radius:18px;max-width:650px;margin:auto;padding:50px}.placeholder-code{color:#08a9e6;letter-spacing:8px;font-size:48px;font-weight:900}.placeholder-card h1{margin:10px 0}.placeholder-card p{color:#819ba9}.settings-panel{max-width:1100px}.settings-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.settings-grid label{color:#8da8b5;flex-direction:column;gap:6px;font-size:10px;display:flex}.upload-box{border:1px dashed #08a9e659;border-radius:10px;align-items:center;gap:12px;margin-top:18px;padding:16px;display:flex}.upload-box input{color:#9db5c0;flex:1}.primary-btn{color:#00131d;cursor:pointer;background:#08a9e6;border:0;border-radius:8px;padding:10px 16px;font-weight:800}.primary-btn:disabled{opacity:.45;cursor:not-allowed}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.settings-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.biz-sidebar{flex-basis:70px;width:70px;padding:12px 8px}.biz-brand div,.nav-label,.nav-item:not(.active):after,.nav-item b,.nav-item i,.sub-nav,.api-status{display:none}.biz-brand{justify-content:center;padding-bottom:12px}.biz-brand img{width:50px}.nav-item{justify-content:center}.biz-content{padding:20px 14px}.two-col{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.page-heading{flex-direction:column;align-items:flex-start}.settings-grid{grid-template-columns:1fr}.upload-box{flex-direction:column;align-items:stretch}}.dashboard-page{padding-top:20px}.dashboard-hero{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.dashboard-hero h1{letter-spacing:-.5px;margin:4px 0 5px;font-size:28px}.dashboard-hero p{color:#86a4b7;margin:0;font-size:13px}.dashboard-filter{min-width:240px}.dashboard-filter label{color:#8aa5b7;margin-bottom:6px;font-size:11px;display:block}.dashboard-filter select{color:#f4fbff;background:#061c29;border:1px solid #164e68;border-radius:9px;outline:none;width:100%;padding:11px 12px}.dashboard-kpis .kpi{position:relative;overflow:hidden}.dashboard-kpis .kpi:after{content:"";opacity:.05;background:currentColor;border-radius:50%;width:90px;height:90px;position:absolute;top:-24px;right:-24px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.dashboard-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid .span-2{grid-column:span 2}.dashboard-bottom-grid{grid-template-columns:1fr 1fr}.chart-panel{min-height:350px}.chart-box{width:100%;height:290px}.pie-box{height:300px}.chart-empty{color:#6e8a9b;border:1px dashed #19445a;border-radius:10px;justify-content:center;align-items:center;height:290px;font-size:13px;display:flex}.biz-tooltip{color:#eaf7ff;background:#071b28;border:1px solid #20516a;border-radius:8px;padding:9px 11px;font-size:12px;box-shadow:0 10px 30px #00000059}.biz-tooltip strong{margin-bottom:5px;display:block}.biz-tooltip div{color:#9eb7c6;justify-content:space-between;gap:18px;display:flex}.biz-tooltip b{color:#fff}.compact-table td,.compact-table th{padding:9px 10px}.dashboard-page .panel-title p{color:#7894a6;margin:4px 0 0;font-size:11px}@media (width<=1250px){.dashboard-grid-wide{grid-template-columns:1fr 1fr}.dashboard-grid-wide .span-2{grid-column:span 2}}@media (width<=900px){.dashboard-hero{flex-direction:column;align-items:stretch}.dashboard-grid,.dashboard-grid-wide,.dashboard-bottom-grid{grid-template-columns:1fr}.dashboard-grid .span-2,.dashboard-grid-wide .span-2{grid-column:auto}}