.skeleton-page,.insight-page{width:min(100%,1240px);margin-left:auto;margin-right:auto}.skeleton-page{display:grid;padding-top:24px;padding-bottom:80px}.skeleton-line,.skeleton-card,.skeleton-pill{position:relative;overflow:hidden;background:#eef3f8;border-radius:16px}.skeleton-line:after,.skeleton-card:after,.skeleton-pill:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:skeleton-shimmer 1.25s infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton-pill{width:120px;height:30px;border-radius:999px;margin-bottom:16px}.skeleton-title{width:min(400px,100%);height:42px;border-radius:14px;margin-bottom:12px}.skeleton-subtitle{width:min(560px,92%);height:18px;border-radius:999px}.insight-page{padding-bottom:80px}.insight-head{position:sticky;top:70px;z-index:30;margin:-34px -28px 34px;padding:24px 28px;background:transparent;isolation:isolate}.insight-head:before{content:"";position:absolute;top:-150px;bottom:0;left:-50vw;right:-50vw;background:#ffffffc7;border-bottom:1px solid rgba(226,232,240,.82);box-shadow:0 14px 36px #0f172a09;-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);z-index:-1}.insight-head h2{margin:0;color:var(--dark);font-size:24px;line-height:1.08;font-weight:700;letter-spacing:0}.insight-head p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.5;font-weight:400;letter-spacing:0}.insight-head .eyebrow{display:inline-flex;padding:8px 18px;margin-bottom:16px;border-radius:999px;background:#f3e8ff;border:1px solid #e9d5ff;color:#7c3aed;font-size:13px;font-weight:600}.insight-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.insight-stat-card{display:flex;align-items:flex-start;gap:16px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 12px 28px #0f172a08}.stat-icon-wrapper{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:18px;flex:0 0 auto}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-title{color:var(--muted);font-size:13px;font-weight:600}.stat-value{color:var(--dark);font-size:28px;font-weight:700;letter-spacing:-.04em;line-height:1;margin:4px 0}.stat-trend{display:inline-block;width:fit-content;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600}.insight-main-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:24px;margin-bottom:24px;align-items:start}.insight-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 12px 32px #0f172a0a}.panel-title{margin:0 0 24px;color:var(--dark);font-size:18px;font-weight:700;letter-spacing:-.02em}.recommendation-list{display:grid;gap:0}.rec-item{display:grid;grid-template-columns:auto 1fr auto;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.rec-item:first-child{padding-top:0}.rec-item:last-child{padding-bottom:0;border-bottom:none}.rec-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:20px;flex:0 0 auto}.rec-body{display:flex;flex-direction:column;justify-content:center}.rec-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.rec-header h4{margin:0;font-size:16px;font-weight:700;color:var(--dark)}.priority-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.badge-high{color:#ef4444;background:#fef2f2}.badge-medium{color:#d97706;background:#fef3c7}.badge-low{color:#0d9488;background:#ccfbf1}.rec-desc{margin:0 0 6px;color:#475569;font-size:14px;line-height:1.5;font-weight:500}.rec-sub{margin:0;color:var(--muted);font-size:13px;line-height:1.5;font-weight:400}.rec-actions-area{display:flex;gap:32px;align-items:center}.rec-impact{display:flex;flex-direction:column;gap:6px}.impact-label{font-size:11px;color:var(--muted);font-weight:600}.impact-value{display:flex;align-items:center;gap:6px;color:#10b981;font-size:13px;font-weight:600}.rec-buttons{display:flex;flex-direction:column;gap:10px;min-width:160px}.btn-approve,.btn-wa{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-approve{background:#0f172a;color:#fff;border:none;box-shadow:0 4px 10px #0f172a26}.btn-approve:hover{background:#1e293b;box-shadow:0 6px 14px #0f172a33;transform:translateY(-1px)}.btn-wa{background:#fff;border:1px solid var(--line);color:var(--dark);box-shadow:0 2px 6px #0f172a0a}.btn-wa i{color:#25d366;font-size:16px}.btn-wa:hover{border-color:#cbd5e1;background:#f8fafc;transform:translateY(-1px)}.insight-side-col{display:grid;gap:24px}.side-panel{padding:24px}.side-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.side-panel-header h3{margin:0}.bullet-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}.bullet-list li{position:relative;padding-left:20px;color:#475569;font-size:13.5px;line-height:1.5;font-weight:400}.bullet-list li:before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%}.success-list li:before{background:#10b981}.warning-list li:before{background:#f59e0b}.insight-cta-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f3e8ff;border:1px solid #e9d5ff;border-radius:20px;padding:20px 24px;box-shadow:0 12px 28px #0f172a08;margin-top:24px}.cta-left{display:flex;align-items:center;gap:14px;color:#6b21a8;font-size:14px;font-weight:600}.cta-left i{font-size:24px;color:#7c3aed}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--dark);font-size:14px;font-weight:600;text-decoration:none;transition:.2s;white-space:nowrap;box-shadow:0 4px 6px #00000005}.cta-button:hover{background:#f8fafc;border-color:#cbd5e1}@media(max-width:1280px){.insight-main-grid{grid-template-columns:1fr}.rec-actions-area{flex-direction:column;align-items:flex-start;gap:16px}.rec-buttons{width:100%;flex-direction:row}.btn-approve,.btn-wa{flex:1}}@media(max-width:1024px){.insight-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.insight-stats-grid{grid-template-columns:1fr}.rec-item{grid-template-columns:1fr;gap:16px}.rec-icon{display:none}.rec-buttons{flex-direction:column;width:100%;gap:12px}.btn-approve,.btn-wa{flex:none;width:100%;height:48px;font-size:14px}.insight-cta-banner{flex-direction:column;text-align:center}.cta-left{flex-direction:column}.cta-button{width:100%;height:52px;font-size:15px}}:global(.dark-mode){--admin-bg: #050505 !important;--admin-card: #111112 !important;--admin-border: #27272a !important;--admin-soft: #18181b !important;--bg: #050505 !important;--card: #111112 !important;--line: #27272a !important;--dark: #f4f4f5 !important;--muted: #a1a1aa !important;--admin-text: #f4f4f5 !important}:global(.dark-mode body),:global(.dark-mode .admin-shell),:global(.dark-mode .admin-main),:global(.dark-mode .main-content),:global(.dark-mode .insight-page),:global(.dark-mode .admin-topbar){background-color:#050505!important;background:#050505!important}:global(.dark-mode .insight-head){background-color:transparent!important;background:transparent!important}:global(.dark-mode .admin-topbar){border-bottom-color:#27272a!important}:global(.dark-mode .insight-head:before){background:#111112d1!important;border-bottom-color:#27272a!important;box-shadow:0 18px 52px #0000004d!important;-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%)}:global(.dark-mode .insight-stat-card),:global(.dark-mode .insight-panel){background:#111112!important;border-color:#27272a!important;box-shadow:none!important}:global(.dark-mode .insight-head h2),:global(.dark-mode .stat-value),:global(.dark-mode .panel-title),:global(.dark-mode .rec-header h4){color:#f4f4f5!important}:global(.dark-mode .insight-head p),:global(.dark-mode .stat-title),:global(.dark-mode .rec-desc),:global(.dark-mode .rec-sub),:global(.dark-mode .impact-label),:global(.dark-mode .bullet-list li){color:#a1a1aa!important}:global(.dark-mode .rec-item){border-bottom-color:#27272a!important}:global(.dark-mode .rec-icon){background:#18181b!important}:global(.dark-mode .insight-stat-card:nth-child(1) .stat-icon-wrapper),:global(.dark-mode .insight-stat-card:nth-child(1) .stat-trend){color:#f87171!important;background:#dc262633!important}:global(.dark-mode .insight-stat-card:nth-child(2) .stat-icon-wrapper),:global(.dark-mode .insight-stat-card:nth-child(2) .stat-trend){color:#4ade80!important;background:#16a34a33!important}:global(.dark-mode .insight-stat-card:nth-child(3) .stat-icon-wrapper),:global(.dark-mode .insight-stat-card:nth-child(3) .stat-trend){color:#fbbf24!important;background:#f59e0b33!important}:global(.dark-mode .insight-stat-card:nth-child(4) .stat-icon-wrapper),:global(.dark-mode .insight-stat-card:nth-child(4) .stat-trend){color:#a78bfa!important;background:#7c3aed33!important}:global(.dark-mode .badge-high){color:#f87171!important;background:#dc262633!important}:global(.dark-mode .badge-medium){color:#fbbf24!important;background:#f59e0b33!important}:global(.dark-mode .badge-low){color:#2dd4bf!important;background:#0d948833!important}:global(.dark-mode .btn-approve){color:#fff!important;background:#7c3aed!important;box-shadow:none!important}:global(.dark-mode .btn-approve:hover){background:#6d28d9!important}:global(.dark-mode .btn-wa),:global(.dark-mode .cta-button){color:#fff!important;background:#18181b!important;border-color:#27272a!important;box-shadow:none!important}:global(.dark-mode .btn-wa:hover),:global(.dark-mode .cta-button:hover){background:#242426!important;border-color:#3b3b3f!important}:global(.dark-mode .insight-cta-banner){color:#c4b5fd!important;background:#7c3aed24!important;border-color:#7c3aed52!important;box-shadow:none!important}:global(.dark-mode .cta-left){color:#c4b5fd!important}:global(.dark-mode .skeleton-line),:global(.dark-mode .skeleton-card),:global(.dark-mode .skeleton-pill){background:#18181b!important}:global(.dark-mode .skeleton-line:after),:global(.dark-mode .skeleton-card:after),:global(.dark-mode .skeleton-pill:after){background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)!important}