html{font-size:16px;--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.MuiAppBar-positionFixed,.MuiAppBar-positionSticky{padding-top:env(safe-area-inset-top,0px)}:root{--transition-speed: .3s;--transition-function: ease-in-out;--card-transition: transform var(--transition-speed) var(--transition-function), opacity var(--transition-speed) var(--transition-function), box-shadow var(--transition-speed) var(--transition-function)}@media(prefers-reduced-motion:reduce){:root{--transition-speed: 0s}}html[data-reduced-motion=true]{--transition-speed: 0s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}html[data-high-contrast=true]{--color-bg: #ffffff;--color-text: #000000;--color-primary: #0000cc;--color-secondary: #cc0000;--color-border: #000000}html[data-high-contrast=true] *{border-color:var(--color-border)!important}html[data-high-contrast=true] .MuiCard-root,html[data-high-contrast=true] .MuiPaper-root{border:2px solid var(--color-border)!important}html[data-high-contrast=true] .MuiButton-contained{background-color:var(--color-primary)!important;color:#fff!important;border:2px solid black!important}html[data-high-contrast=true] a,html[data-high-contrast=true] .MuiLink-root,html[data-high-contrast=true] .MuiTypography-colorPrimary{color:var(--color-primary)!important;text-decoration:underline!important}:root[data-large-text=true],html[data-large-text=true]{font-size:120%!important}html[data-large-text=true] .MuiTypography-body1{font-size:1.1rem!important}html[data-large-text=true] .MuiTypography-body2{font-size:.95rem!important}html[data-large-text=true] .MuiButton-root{font-size:1rem!important}.layout-transition-container{display:grid;position:relative;transition:opacity var(--transition-speed) var(--transition-function)}.layout-enter{opacity:0;transform:scale(.95)}.layout-enter-active{opacity:1;transform:scale(1);transition:var(--card-transition)}.layout-exit{opacity:1;transform:scale(1)}.layout-exit-active{opacity:0;transform:scale(1.05);transition:var(--card-transition)}.grid-item{transition:var(--card-transition)}.grid-item-appear{opacity:0;transform:translateY(20px)}.grid-item-appear-active{opacity:1;transform:translateY(0);transition:var(--card-transition)}.list-item{transition:var(--card-transition)}.list-item-appear{opacity:0;transform:translate(-20px)}.list-item-appear-active{opacity:1;transform:translate(0);transition:var(--card-transition)}.compact-item{transition:var(--card-transition)}.compact-item-appear{opacity:0;transform:scale(.9)}.compact-item-appear-active{opacity:1;transform:scale(1);transition:var(--card-transition)}.gallery-item,.gallery-featured{transition:var(--card-transition)}.gallery-featured-appear{opacity:0;transform:translateY(-30px)}.gallery-featured-appear-active{opacity:1;transform:translateY(0);transition:var(--card-transition)}.gallery-item-appear{opacity:0;transform:translateY(30px)}.gallery-item-appear-active{opacity:1;transform:translateY(0);transition:var(--card-transition)}html[data-card-size="80"] .grid-item,html[data-card-size="80"] .compact-item{transform:scale(.8);transform-origin:center top}html[data-card-size="90"] .grid-item,html[data-card-size="90"] .compact-item{transform:scale(.9);transform-origin:center top}html[data-card-size="110"] .grid-item,html[data-card-size="110"] .compact-item{transform:scale(1.1);transform-origin:center top}html[data-card-size="120"] .grid-item,html[data-card-size="120"] .compact-item{transform:scale(1.2);transform-origin:center top}html[data-high-contrast=true] *:focus{outline:3px solid black!important;outline-offset:2px!important}@media(max-width:600px){.grid-layout{--grid-columns: 1 !important;--grid-gap: 12px !important}.compact-layout{--grid-columns: 1 !important;--grid-gap: 8px !important}.product-card{--card-padding: 12px !important}.card-content h3{font-size:1rem!important}.card-actions{flex-direction:column!important;align-items:stretch!important}.gallery-layout .featured-product{flex-direction:column!important}.gallery-layout .featured-product-image{width:100%!important;max-height:200px!important}.gallery-layout .featured-product-content{padding:16px!important}}@media(min-width:601px)and (max-width:960px){.grid-layout{--grid-columns: 2 !important}.compact-layout{--grid-columns: 1 !important}.gallery-layout .featured-product-content{padding:24px!important}.gallery-layout .featured-product-image{max-width:40%!important}}:root{--base-card-height: 340px}:root[data-card-size="50"] .product-card{--card-height: 200px}:root[data-card-size="75"] .product-card{--card-height: 280px}:root[data-card-size="100"] .product-card{--card-height: 340px}:root[data-card-size="125"] .product-card{--card-height: 400px}:root[data-large-text=true] .card-content h3{font-size:1.25rem!important;line-height:1.4!important}:root[data-large-text=true] .card-content p{font-size:1rem!important;line-height:1.5!important}:root[data-large-text=true] .card-price{font-size:1.2rem!important}:root[data-large-text=true][data-card-size="50"] .product-card{--card-height: 240px !important}:root[data-large-text=true][data-card-size="75"] .product-card{--card-height: 320px !important}:root[data-large-text=true][data-card-size="100"] .product-card{--card-height: 380px !important}:root[data-large-text=true][data-card-size="125"] .product-card{--card-height: 440px !important}@media(hover:none){.product-card:hover{transform:none!important}.card-actions{opacity:1!important}.product-card{touch-action:manipulation}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media print{.MuiAppBar-root,.MuiDrawer-root,button,.NoPrint,nav,footer{display:none!important}.MuiContainer-root{max-width:100%!important;padding:0!important;margin:0!important}.MuiPaper-root{box-shadow:none!important;border:1px solid #ddd!important;padding:.5cm!important;margin-bottom:.5cm!important}.MuiTable-root{width:100%!important;border-collapse:collapse!important}.MuiTableCell-root{padding:4px 8px!important;border-bottom:1px solid #ddd!important}.MuiTableHead-root .MuiTableCell-root{font-weight:700!important;background-color:#f0f0f0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.MuiCard-root{break-inside:avoid!important;page-break-inside:avoid!important;border:1px solid #ddd!important;box-shadow:none!important;margin-bottom:.5cm!important}h1,h2,h3,h4,h5,h6,.MuiTypography-h4,.MuiTypography-h6{page-break-after:avoid!important;break-after:avoid!important}.ChartContainer{max-width:100%!important;height:auto!important;page-break-inside:avoid!important;break-inside:avoid!important}@page{size:portrait;margin:1cm}body:after{content:"Business User Services Report - Generated: " attr(data-print-date);display:block;text-align:center;font-size:10pt;margin-top:1cm}.MuiGrid-item{page-break-inside:avoid!important;break-inside:avoid!important}.MuiChip-root{border:1px solid #999!important;color:#000!important;background-color:transparent!important}.MuiChip-colorPrimary{border-color:#1976d2!important}.MuiChip-colorSuccess{border-color:#2e7d32!important}.MuiChip-colorWarning{border-color:#ed6c02!important}.MuiChip-colorError{border-color:#d32f2f!important}}:root{--primary-light: #0070f3;--primary-light-hover: #0060df;--secondary-light: #ff4785;--secondary-light-hover: #ff2975;--accent-light: #00c853;--accent-light-hover: #00b248;--background-light: #f8f9fa;--card-light: #ffffff;--text-primary-light: #212121;--text-secondary-light: #757575;--border-light: rgba(0, 0, 0, .08);--highlight-light: rgba(0, 112, 243, .12);--primary-dark: #2196f3;--primary-dark-hover: #1e88e5;--secondary-dark: #ff7043;--secondary-dark-hover: #ff5722;--accent-dark: #4caf50;--accent-dark-hover: #43a047;--background-dark: #121212;--card-dark: #1e1e1e;--text-primary-dark: #ffffff;--text-secondary-dark: #b0bec5;--border-dark: rgba(255, 255, 255, .12);--highlight-dark: rgba(33, 150, 243, .12);--success: #00c853;--error: #ff1744;--warning: #ffc400;--info: #00b0ff}body{background-image:var(--background-image);background-attachment:fixed;background-size:cover}[data-theme=light] body{background-image:linear-gradient(to bottom,#f8f9faf2,#f8f9faf2),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23dcdcdc' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E")}[data-theme=dark] body{background-image:linear-gradient(to bottom,#121212f2,#121212f2),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23494949' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E")}.MuiCard-root{position:relative;overflow:hidden}.MuiCard-root:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-light),var(--secondary-light))}[data-theme=dark] .MuiCard-root:before{background:linear-gradient(90deg,var(--primary-dark),var(--secondary-dark))}.MuiTableHead-root .MuiTableCell-root{font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.MuiTableBody-root .MuiTableRow-root:nth-of-type(odd){background-color:#00000005}[data-theme=dark] .MuiTableBody-root .MuiTableRow-root:nth-of-type(odd){background-color:#ffffff05}.MuiFormControl-root{margin-bottom:16px}.MuiInputBase-root.Mui-focused{box-shadow:0 0 0 2px var(--primary-light)}[data-theme=dark] .MuiInputBase-root.Mui-focused{box-shadow:0 0 0 2px var(--primary-dark)}.MuiButton-contained:not(.Mui-disabled){position:relative;overflow:hidden}.MuiButton-contained:not(.Mui-disabled):after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%,-50%);transform-origin:50% 50%}.MuiButton-contained:not(.Mui-disabled):hover:after{animation:ripple 1s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:.5}30%{transform:scale(25);opacity:.3}to{opacity:0;transform:scale(40)}}.dashboard-section{animation:fadeIn .5s ease-out;transition:all .3s ease;border-radius:12px;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-card{border-left:4px solid var(--primary-light);transition:all .3s ease}.stats-card:hover{transform:translateY(-5px)}.stats-card.revenue{border-left-color:var(--success)}.stats-card.customers{border-left-color:var(--info)}.stats-card.orders{border-left-color:var(--secondary-light)}.stats-card.products{border-left-color:var(--warning)}[data-theme=dark] .stats-card{border-left-color:var(--primary-dark)}[data-theme=dark] .stats-card.revenue{border-left-color:var(--accent-dark)}[data-theme=dark] .stats-card.customers{border-left-color:var(--info)}[data-theme=dark] .stats-card.orders{border-left-color:var(--secondary-dark)}[data-theme=dark] .stats-card.products{border-left-color:var(--warning)}.form-section-header{position:relative;padding-bottom:8px;margin-bottom:24px}.form-section-header:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:40px;background:linear-gradient(90deg,var(--primary-light),var(--secondary-light))}[data-theme=dark] .form-section-header:after{background:linear-gradient(90deg,var(--primary-dark),var(--secondary-dark))}.MuiTab-root{min-height:64px}.MuiTab-root .MuiSvgIcon-root{transition:all .3s ease}.MuiTab-root:hover .MuiSvgIcon-root{transform:translateY(-4px)}.MuiTab-root.Mui-selected .MuiSvgIcon-root{transform:scale(1.2)}.chart-container{position:relative;border-radius:12px;padding:16px;background:linear-gradient(135deg,#ffffff1a,#fff0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0000000d}[data-theme=dark] .chart-container{background:linear-gradient(135deg,#ffffff0d,#fff0);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0003}.qr-code-container{padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:inline-block}.notification-badge{position:relative}.notification-badge:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:var(--error);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ff1744b3}70%{transform:scale(1);box-shadow:0 0 0 10px #ff174400}to{transform:scale(.95);box-shadow:0 0 #ff174400}}@media(max-width:600px){.MuiTab-root{min-height:56px;padding:6px 12px}.MuiTab-root .MuiSvgIcon-root{margin-bottom:0;margin-right:8px}}