*{box-sizing:border-box}html{background:var(--cp-bg)}body{background:var(--cp-bg);min-width:320px;min-height:100vh;color:var(--cp-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{border:0}#root{min-height:100vh}:root{--cp-bg:#f7faf9;--cp-surface:#fff;--cp-surface-soft:#f1f8f7;--cp-surface-tint:#4cc2b51a;--cp-brand:#4cc2b5;--cp-brand-strong:#24a99b;--cp-brand-soft:#4cc2b524;--cp-deep-navy:#172b3a;--cp-graphite:#5d666b;--cp-text-primary:#172b3a;--cp-text-secondary:#69757b;--cp-text-muted:#9aa5aa;--cp-border:#172b3a14;--cp-border-strong:#172b3a1f;--cp-success:#35b881;--cp-success-soft:#35b8811f;--cp-warning:#d99a2b;--cp-warning-soft:#d99a2b21;--cp-danger:#d95858;--cp-danger-soft:#d958581f;--cp-radius:16px;--cp-radius-lg:22px;--cp-shadow:0 14px 40px #0a1f2d0e;--cp-shadow-soft:0 8px 24px #0a1f2d0b;--cp-sidebar-width:280px;--cp-topbar-height:76px}a{color:inherit;text-decoration:none}.cp-app-shell{background:radial-gradient(circle at top left, #4cc2b521, transparent 34%), linear-gradient(180deg, #fbfdfd 0%, var(--cp-bg) 100%);min-height:100vh}.dashboard-layout{grid-template-columns:var(--cp-sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--cp-border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffc7;flex-direction:column;gap:22px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:12px;padding:8px 8px 14px;display:flex}.sidebar-logo{width:42px;height:42px;box-shadow:none;background:0 0;place-items:center;display:grid;overflow:visible}.sidebar-logo img{object-fit:contain;width:38px;height:38px;display:block}.sidebar-brand-title{color:var(--cp-deep-navy);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:800;line-height:1.1}.sidebar-brand-subtitle{color:var(--cp-text-secondary);margin:3px 0 0;font-size:12px;font-weight:500}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.sidebar-item{width:100%;min-height:46px;color:var(--cp-graphite);cursor:pointer;background:0 0;border-radius:14px;align-items:center;gap:10px;padding:0 12px;transition:background .18s,color .18s,transform .18s;display:flex}.sidebar-item:hover{color:var(--cp-deep-navy);background:#4cc2b514}.sidebar-item.is-active{background:var(--cp-brand-soft);color:var(--cp-brand-strong)}.sidebar-item svg{width:18px;height:18px}.sidebar-item span{font-size:13px;font-weight:700}.sidebar-footer{border-radius:var(--cp-radius);background:var(--cp-surface-soft);border:1px solid var(--cp-border);margin-top:auto;padding:14px}.sidebar-footer-label{color:var(--cp-text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:11px;font-weight:700}.sidebar-footer-row{justify-content:space-between;align-items:center;display:flex}.main-shell{flex-direction:column;min-width:0;display:flex}.topbar{z-index:20;min-height:var(--cp-topbar-height);border-bottom:1px solid var(--cp-border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f7faf9c7;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;position:sticky;top:0}.topbar-title{color:var(--cp-deep-navy);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:800}.topbar-subtitle{color:var(--cp-text-secondary);margin:3px 0 0;font-size:12px}.topbar-actions{align-items:center;gap:10px;display:flex}.filter-group{border:1px solid var(--cp-border);box-shadow:var(--cp-shadow-soft);background:#ffffffbd;border-radius:999px;gap:8px;padding:5px;display:flex}.filter-pill{min-height:32px;color:var(--cp-deep-navy);cursor:pointer;background:0 0;border-radius:999px;padding:0 12px;font-size:12px;font-weight:800;transition:background .18s,color .18s}.filter-pill.is-active{color:#fff;background:var(--cp-brand)}.refresh-button{background:var(--cp-surface);border:1px solid var(--cp-border);min-height:38px;color:var(--cp-deep-navy);cursor:pointer;box-shadow:var(--cp-shadow-soft);border-radius:999px;align-items:center;gap:8px;padding:0 13px;font-size:13px;font-weight:800;display:inline-flex}.refresh-button svg{width:16px;height:16px;color:var(--cp-brand)}.admin-avatar{color:#fff;background:linear-gradient(135deg, var(--cp-deep-navy), #2e5668);border-radius:999px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:900;display:grid}.content-area{width:100%;max-width:1360px;margin:0 auto;padding:24px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.page-kicker{color:var(--cp-brand-strong);letter-spacing:.09em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.page-title{color:var(--cp-deep-navy);letter-spacing:-.04em;margin:0;font-size:28px;font-weight:850;line-height:1.08}.page-subtitle{max-width:720px;color:var(--cp-text-secondary);margin:8px 0 0;font-size:14px;line-height:1.55}.executive-grid{grid-template-columns:minmax(0,1fr) 352px;align-items:start;gap:16px;display:grid}.executive-left,.executive-right{flex-direction:column;gap:16px;min-width:0;display:flex}.metrics-stack{flex-direction:column;gap:12px;display:flex}.cp-card{border-radius:var(--cp-radius);border:1px solid var(--cp-border);box-shadow:var(--cp-shadow);background:#ffffffdb}.metric-card{align-items:flex-start;gap:13px;padding:15px;display:flex}.metric-icon{width:42px;height:42px;color:var(--cp-brand-strong);background:var(--cp-brand-soft);border-radius:14px;flex:none;place-items:center;display:grid}.metric-icon svg{width:20px;height:20px}.metric-body{flex:1;min-width:0}.metric-title-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.metric-title{color:var(--cp-text-secondary);margin:0;font-size:12px;font-weight:800}.metric-value{color:var(--cp-deep-navy);letter-spacing:-.045em;margin:7px 0 2px;font-size:28px;font-weight:850;line-height:1}.metric-footer{color:var(--cp-text-muted);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.metric-change{font-size:11px;font-weight:900}.metric-change.positive{color:var(--cp-success)}.metric-change.neutral{color:var(--cp-text-secondary)}.metric-change.alert{color:var(--cp-danger)}.chart-card{padding:16px}.chart-card-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.chart-title-row{align-items:center;gap:10px;display:flex}.chart-icon{width:36px;height:36px;color:var(--cp-brand-strong);background:var(--cp-brand-soft);border-radius:13px;place-items:center;display:grid}.chart-icon svg{width:18px;height:18px}.chart-title{color:var(--cp-deep-navy);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:850}.chart-subtitle{color:var(--cp-text-secondary);margin:4px 0 0;font-size:12px;line-height:1.45}.chart-wrap{width:100%;height:284px}.chart-wrap.compact{height:238px}.recharts-default-tooltip{border:1px solid var(--cp-border)!important;box-shadow:var(--cp-shadow-soft)!important;border-radius:14px!important}.table-card{padding:16px}.customer-table{border-collapse:collapse;width:100%}.customer-table th{color:var(--cp-text-muted);text-align:left;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:0 12px 10px;font-size:11px;font-weight:900}.customer-table td{border-top:1px solid var(--cp-border);min-height:54px;color:var(--cp-text-secondary);vertical-align:middle;padding:12px;font-size:13px;font-weight:650}.customer-table td:first-child{color:var(--cp-deep-navy);font-weight:850}.score-cell{color:var(--cp-deep-navy)!important;font-weight:900!important}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;min-height:26px;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.badge.brand{color:var(--cp-brand-strong);background:var(--cp-brand-soft)}.badge.success{color:var(--cp-success);background:var(--cp-success-soft)}.badge.warning{color:var(--cp-warning);background:var(--cp-warning-soft)}.badge.danger{color:var(--cp-danger);background:var(--cp-danger-soft)}.badge.neutral{color:var(--cp-graphite);background:#172b3a12}.empty-state{text-align:center;place-items:center;min-height:260px;padding:28px;display:grid}.empty-state-icon{width:46px;height:46px;color:var(--cp-brand-strong);background:var(--cp-brand-soft);border-radius:16px;place-items:center;margin:0 auto 14px;display:grid}.empty-state-title{color:var(--cp-deep-navy);margin:0;font-size:17px;font-weight:850}.empty-state-description{max-width:420px;color:var(--cp-text-secondary);margin:7px auto 0;font-size:13px;line-height:1.5}.placeholder-page{gap:16px;display:grid}.placeholder-grid{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.placeholder-card{min-height:280px;padding:16px}.skeleton{background:#172b3a0b;border-radius:999px;display:block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb8,#0000);animation:1.4s infinite cp-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton.rounded{border-radius:14px}.skeleton.circle{border-radius:999px}@keyframes cp-shimmer{to{transform:translate(100%)}}.metric-skeleton{gap:13px;padding:15px;display:flex}.metric-skeleton-body{flex:1;gap:9px;display:grid}.chart-skeleton{padding:16px}.chart-skeleton-head{gap:10px;margin-bottom:16px;display:flex}.chart-skeleton-lines{flex:1;gap:9px;display:grid}.table-skeleton{gap:12px;padding:16px;display:grid}.table-skeleton-row{border-top:1px solid var(--cp-border);grid-template-columns:1.4fr .7fr .5fr .6fr .6fr;align-items:center;gap:14px;min-height:44px;padding-top:12px;display:grid}@media (width<=1180px){.executive-grid{grid-template-columns:1fr}.metrics-stack{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.executive-right{order:-1}}@media (width<=920px){.dashboard-layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--cp-border);height:auto;position:relative}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.topbar{flex-direction:column;align-items:flex-start;position:relative}.topbar-actions{flex-wrap:wrap;width:100%}.filter-group{max-width:100%;overflow-x:auto}.content-area{padding:18px}.placeholder-grid{grid-template-columns:1fr}}@media (width<=620px){.metrics-stack,.sidebar-nav{grid-template-columns:1fr}.page-title{font-size:24px}.customer-table{min-width:760px}.table-scroll{overflow-x:auto}}.table-card{overflow:hidden}.table-scroll{width:100%;max-width:100%;overflow-x:auto}.customer-table{width:100%;min-width:0}.customer-table th,.customer-table td{white-space:nowrap}.customer-table th{line-height:1.25}.customer-table th:first-child,.customer-table td:first-child{white-space:normal;min-width:132px}.customer-table th:nth-child(6),.customer-table th:nth-child(7){white-space:normal}.customer-table th:last-child,.customer-table td:last-child{text-align:right}