:root{--bg: #f6f7fb;--surface: #ffffff;--surface-2: #f3f5fb;--border: #e8ecf5;--text: #0f172a;--muted: #475569;--violet: #6a11cb;--violet-600: #5a0fb0;--violet-100: #efe6fb;--blue: #2575fc;--blue-50: #e9f0ff;--pink-50: #ffe6ef;--success: #16a34a;--warning: #f59e0b;--danger: #ef4444;--ring: rgba(106, 17, 203, .28);--shadow: 0 10px 30px rgba(16, 24, 40, .06);--radius: 16px;--hover-scale: 1.03}html,body{background:var(--bg)!important;color:var(--text);direction:ltr;font-family:Poppins,Inter,sans-serif;transition:none!important}*{box-sizing:border-box}.dashboard-container{max-width:1240px;margin:24px auto;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:24px}.business-dashboard-header{text-align:center;margin:2px 0 0;font-weight:900;letter-spacing:-.3px;font-size:clamp(22px,2.4vw,34px);background:linear-gradient(90deg,var(--violet) 0%,var(--blue) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.greeting{display:inline-block;margin-left:8px;font-weight:600;font-size:.9rem;color:var(--violet-600)}.loading-text,.error-text{font-size:1rem;text-align:center;padding:10px 12px;border-radius:12px}.loading-text{color:var(--muted)}.error-text{color:#b42318;background:#fff1f2;border:1px solid #ffe4e6}.dashboard-nav{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:2px}.dashboard-nav button{padding:10px 16px;border-radius:999px;background:#efe8ff;color:#3b237e;border:1.5px solid #cdbef8;font-weight:700;font-size:15px;box-shadow:0 2px 8px #cbbcf733;cursor:pointer;transition:.22s ease}.dashboard-nav button:hover{background:#d8c9ff;color:#231c59;border-color:#a391f0;transform:translateY(-1px)}.dashboard-nav .active{background:linear-gradient(180deg,var(--violet) 0%,var(--blue) 100%);color:#fff;border-color:transparent;box-shadow:0 8px 20px #6a11cb40}@media (max-width: 768px){.dashboard-nav{max-width:380px;margin:0 auto}.dashboard-nav button{flex:0 0 30%;min-width:100px}}.dashboard-cards-container{display:flex;justify-content:center;align-items:stretch;flex-wrap:nowrap;gap:24px;width:100%;max-width:1100px;margin:0 auto;padding:10px 0 20px;text-align:center;transition:all .25s ease}.dashboard-card{flex:0 1 260px;min-width:220px;background:var(--surface-2);border:1px solid var(--border);border-radius:16px;box-shadow:0 6px 16px #0000000d;padding:24px 16px;text-align:center;transition:transform .25s ease,box-shadow .25s ease;cursor:default;position:relative;animation:fadeUp .5s ease both}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 10px 22px #6a11cb1f}.card-icon{font-size:28px;margin-bottom:8px;display:flex;justify-content:center}.card-title{font-size:14px;color:var(--muted);font-weight:600;margin-bottom:4px}.card-value{font-size:26px;font-weight:900;color:var(--text)}.dashboard-card[data-variant=violet]{background:linear-gradient(180deg,#f4edff,#f0e8ff)}.dashboard-card[data-variant=pink]{background:linear-gradient(180deg,#fff4f7,#ffeef1)}.dashboard-card[data-variant=blue]{background:linear-gradient(180deg,#f3f7ff,#eef3ff)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.dashboard-cards-container{gap:16px}.dashboard-card{flex:0 1 45%;min-width:180px}.card-value{font-size:22px}}@media (max-width: 480px){.dashboard-cards-container{flex-direction:column;align-items:center}.dashboard-card{width:90%;max-width:320px}}.graph-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.graph-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:16px;flex:1 1 48%;min-width:300px;max-width:48%;display:flex;flex-direction:column;gap:12px}.graph-box.full-width{flex:1 1 100%;max-width:100%;min-width:auto}.graph-box h4,.chart-container h3{text-align:center;margin:6px 0 10px;font-size:16px;color:var(--text);font-weight:800}.dp-topbar{display:flex;justify-content:center;align-items:center;width:100%;padding:1.5rem 0;background:transparent}.dp-brand-titles{text-align:center}.dp-brand-titles h1{font-size:clamp(24px,2.5vw,38px);font-weight:900;letter-spacing:-.3px;margin:0;background:linear-gradient(90deg,var(--violet) 0%,var(--blue) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.dashboard-card .card-value{color:#0f172a!important}html,body{height:auto!important;overflow-y:auto!important}.business-dashboard-layout,.dashboard-content{height:auto!important;min-height:100vh!important;overflow:visible!important}html{scroll-behavior:smooth!important}:root{--bg-start: #fdfcff;--bg-end: #e4e8ff;--text-color: #0f172a}[data-theme=business],[data-theme=dark]{--bg-start: #f6f7fb;--bg-end: #e8ebf8;--text-color: #0f172a}html,body{margin:0;padding:0;height:100%;font-family:Poppins,Arial,sans-serif;direction:ltr;text-align:left;background-color:#f6f7fb;background:linear-gradient(to bottom,#f6f7fb,#e8ebf8);color:var(--text-color);transition:none!important;overflow:hidden;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.theme-ready{transition:background-color .3s ease,background .4s ease,color .3s ease}*,*:before,*:after{box-sizing:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer;font:inherit;background:none;border:none;padding:0;color:inherit}#accessibility-button{visibility:hidden;position:absolute;left:-9999px}#accessibility-widget,.some-other-fixed-element{position:fixed;z-index:1000}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{width:48px;height:48px;border:4px solid #3b82f6;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin:auto;display:block}@media (min-width: 1200px){body{font-size:18px}}@media (min-width: 768px) and (max-width: 1199px){body{font-size:16px}}@media (max-width: 767px){body{font-size:14px}}@media (max-width: 480px){body{font-size:13px}}html:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#f6f7fb,#e8ebf8);z-index:-1;pointer-events:none}.app-scroll-area::-webkit-scrollbar{width:10px}.app-scroll-area::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a855f7,#6366f1);border-radius:10px}.app-scroll-area::-webkit-scrollbar-track{background:#e6e6ef;border-radius:10px}.app-scroll-area{scrollbar-width:thin;scrollbar-color:#8b5cf6 #e6e6ef}body.loading,body.loading .app-scroll-area{overflow:hidden!important}