*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:#f4f7fb;color:#172033}.dashboard{min-height:100vh}.dashboard-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#fff;border-bottom:1px solid #e7ebf2}.header-left{display:flex;align-items:center;gap:13px}.brand-mark{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#172033;color:#fff;font-size:20px;font-weight:700}.header-left h1{margin:0;font-size:19px;font-weight:700;color:#172033}.header-left span{display:block;margin-top:2px;font-size:11px;color:#8a94a6}.header-right{display:flex;align-items:center;gap:18px}.header-date{display:flex;flex-direction:column;align-items:flex-end}.date-label{font-size:10px;color:#9aa3b2;text-transform:uppercase;letter-spacing:.7px}.date-value{margin-top:3px;font-size:13px;font-weight:600;color:#39445a}.user-avatar{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#edf2f7;color:#39445a;font-size:14px;font-weight:700}.dashboard-content{max-width:1440px;margin:0 auto;padding:32px 36px 48px}.page-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.page-title h2{margin:0;font-size:27px;font-weight:700;color:#172033}.page-title p{margin:7px 0 0;color:#8a94a6;font-size:13px}.status-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:20px;background:#eef9f2;color:#2d8a52;font-size:12px;font-weight:600}.status-indicator span{width:7px;height:7px;border-radius:50%;background:#39a866}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric-card{min-height:145px;padding:20px;background:#f7fae8;border:1px solid #e5ebc8;border-radius:14px;box-shadow:0 3px 12px #1a263d09}.metric-card-top{display:flex;align-items:center;gap:9px}.metric-icon{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#eef3d5;color:#4d596d;font-size:13px;font-weight:700}.metric-title{font-size:17px;color:#6f794f;font-weight:600}.metric-value{margin-top:16px;font-size:23px;font-weight:700;letter-spacing:-.5px;color:#172033}.metric-subtitle{margin-top:7px;font-size:11px;color:#929baa}.overview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-bottom:20px}.card{background:#fff;border:1px solid #e7ebf2;border-radius:14px;box-shadow:0 3px 12px #1a263d09;padding:24px}.section-header h2{margin:0;font-size:16px;font-weight:700;color:#172033}.section-header p{margin:5px 0 0;font-size:11px;color:#929baa}.sales-total{display:flex;align-items:flex-end;justify-content:space-between;margin-top:25px}.sales-total span{font-size:12px;color:#8a94a6}.sales-total strong{font-size:25px;color:#172033}.sales-bar{display:flex;height:14px;margin-top:24px;overflow:hidden;border-radius:20px;background:#edf0f4}.sales-bar-local{background:#526d9d}.sales-bar-export{background:#8da4ca}.sales-legend{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:23px}.legend-item{display:grid;grid-template-columns:1fr auto;gap:5px 10px;font-size:11px}.legend-label{grid-column:1 / -1;display:flex;align-items:center;gap:7px;color:#727d90}.legend-item strong{font-size:14px;color:#29344a}.legend-item>span:last-child{text-align:right;color:#929baa}.legend-dot{width:8px;height:8px;border-radius:50%}.local-dot{background:#526d9d}.export-dot{background:#8da4ca}.profit-main{margin-top:23px;padding:20px;border-radius:11px;background:#f7f9fc;text-align:center}.profit-main-value{font-size:27px;font-weight:700;color:#172033}.profit-main-label{margin-top:5px;font-size:11px;color:#8a94a6}.gp-badge{display:inline-block;margin-top:12px;padding:5px 10px;border-radius:20px;background:#eaf5ee;color:#348353;font-size:11px;font-weight:600}.profit-chart-container{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:22px;padding:10px 0}.profit-chart{position:relative;width:180px;height:180px;flex-shrink:0}.profit-chart svg{display:block}.profit-chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.profit-chart-center strong{font-size:22px;font-weight:700;color:#172033}.profit-chart-center span{margin-top:2px;font-size:10px;color:#8a94a6}.profit-chart-legend{display:flex;flex-direction:column;gap:16px;min-width:125px}.profit-chart-legend-item{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.profit-chart-legend-label{display:flex;align-items:center;gap:8px;color:#727d90}.profit-chart-legend-item strong{font-size:13px;color:#39445a}.profit-chart-dot{width:9px;height:9px;flex-shrink:0;border-radius:50%}.local-profit-dot{background:#526d9d}.export-profit-dot{background:#d89a5b}.profit-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:20px;background:#e8ecf2;border:1px solid #e8ecf2;border-radius:10px;overflow:hidden}.profit-item{padding:14px;background:#fff}.profit-item span{display:block;font-size:11px;color:#8a94a6}.profit-item strong{display:block;margin-top:6px;font-size:15px;color:#29344a}.profit-item small{display:block;margin-top:4px;font-size:10px;color:#929baa}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-card{padding:22px;background:#fff;border:1px solid #e7ebf2;border-radius:14px;box-shadow:0 3px 12px #1a263d09}.local-business-card{background:#e6f0fa;border-color:#cddfee}.local-icon{background:#e3eef9;color:#526d9d}.export-business-card{background:#fff7ed;border-color:#f3e2cc}.export-icon{background:#ffead2;color:#b8793f}.detail-card-header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #edf0f4}.detail-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:13px;font-weight:700}.detail-card-header h3{margin:0;font-size:14px;color:#29344a}.detail-card-header p{margin:3px 0 0;font-size:10px;color:#929baa}.detail-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #f0f2f5}.detail-row:last-child{border-bottom:0}.detail-row span{font-size:11px;color:#8a94a6}.detail-row strong{font-size:13px;color:#39445a}.page-center{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#7f899b;background:#f4f7fb;font-size:13px}.loading-spinner{width:28px;height:28px;border:3px solid #e1e6ed;border-top-color:#526d9d;border-radius:50%;animation:spin .8s linear infinite}.error-box{padding:25px;background:#fff;border:1px solid #eadede;border-radius:12px;text-align:center}.error-box h2{margin:0;color:#9b4d4d;font-size:17px}.error-box p{margin:8px 0 0;color:#8a94a6;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.overview-grid{grid-template-columns:1fr}}@media (max-width: 750px){.dashboard-header{padding:0 18px}.header-right{display:none}.dashboard-content{padding:24px 18px 40px}.page-title{align-items:flex-start;gap:15px;flex-direction:column}.metrics-grid,.details-grid,.sales-legend{grid-template-columns:1fr}.profit-chart-container{flex-direction:column;gap:18px}.profit-chart-legend{width:100%}}