.interactive-preview{position:relative;min-width:0}.interactive-preview-badge{position:absolute;top:-14px;left:22px;z-index:4;background:#FFB800;color:#111;font-size:11px;font-weight:800;padding:7px 13px;border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.12)}.interactive-dashboard{background:#fff;border:1px solid #e6e6e6;border-radius:18px;box-shadow:0 28px 70px rgba(0,0,0,.14);overflow:hidden;min-width:0}.interactive-topbar{height:46px;padding:0 16px;background:#181828;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.interactive-topbar-brand{display:flex;align-items:center;gap:8px;font-weight:800}.interactive-topbar-brand img{width:24px;height:24px;object-fit:contain}.interactive-topbar-user{display:flex;align-items:center;gap:8px;color:#c7c7d0}.interactive-avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#FFB800;color:#111;font-weight:800}.interactive-body{display:grid;grid-template-columns:138px minmax(0,1fr);height:440px;min-width:0}.interactive-sidebar{background:#111827;padding:14px 9px;overflow-y:auto}.interactive-tab{width:100%;border:0;background:transparent;color:#9ca3af;border-radius:7px;padding:8px 9px;margin:0 0 3px;display:flex;align-items:center;gap:8px;text-align:left;font:600 10.5px/1.2 Inter,system-ui,sans-serif;cursor:pointer}.interactive-tab:hover,.interactive-tab.is-active{background:rgba(255,184,0,.13);color:#FFB800}.interactive-tab:focus-visible{outline:2px solid #FFB800;outline-offset:1px}.interactive-main{background:#f7f8fa;padding:18px;overflow-y:auto;min-width:0}.preview-panel{display:none}.preview-panel.is-active{display:block}.preview-panel h3{margin:0 0 4px;font-size:17px}.preview-panel .preview-sub{margin:0 0 15px;color:#707070;font-size:11px;line-height:1.45}.preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}.preview-stat{background:#fff;border:1px solid #e9e9e9;border-radius:9px;padding:12px;min-width:0}.preview-stat span{display:block;color:#777;font-size:9px}.preview-stat strong{display:block;margin-top:5px;font-size:16px;overflow:hidden;text-overflow:ellipsis}.preview-table{background:#fff;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden}.preview-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:8px;padding:9px 10px;border-bottom:1px solid #f0f0f0;font-size:10px;align-items:center}.preview-row:last-child{border-bottom:0}.preview-row.head{background:#fafafa;color:#666;font-size:9px;font-weight:800;text-transform:uppercase}.preview-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-pill{display:inline-flex;width:max-content;max-width:100%;padding:3px 7px;border-radius:999px;background:#fff2bd;color:#805700;font-size:8px;font-weight:800}.preview-pill.green{background:#dcfce7;color:#166534}.preview-pill.blue{background:#dbeafe;color:#1d4ed8}.preview-clock{background:#fff8dc;border:1px solid #ffe18a;border-radius:12px;padding:22px;text-align:center}.preview-clock-time{font-size:26px;font-weight:900;margin-bottom:4px}.preview-clock-date{font-size:10px;color:#777;margin-bottom:15px}.preview-clock-button{width:100%;border:0;border-radius:8px;padding:11px;margin-top:8px;background:#FFB800;color:#111;font-weight:800}.preview-clock-button.out{background:#111;color:#fff}.preview-list{display:grid;gap:8px}.preview-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e8e8e8;border-radius:9px;padding:10px 11px;font-size:10px}.preview-list-item strong{font-size:10px}.preview-list-item small{display:block;margin-top:2px;color:#777;font-size:9px}.preview-kpi{font-size:22px;font-weight:900}.preview-chart{height:90px;border-radius:10px;background:linear-gradient(180deg,#fff8dc,#fff);border:1px solid #eee;display:flex;align-items:flex-end;gap:8px;padding:12px}.preview-bar{flex:1;border-radius:5px 5px 0 0;background:#FFB800;min-height:14px}.preview-mobile-card{position:absolute;right:-22px;bottom:-18px;width:170px;background:#fff;border:1px solid #eee;border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.18);padding:14px;z-index:3}.preview-mobile-card strong{font-size:11px}.preview-mobile-time{font-size:22px;font-weight:900;margin:8px 0 2px}.preview-mobile-date{font-size:9px;color:#777;margin-bottom:10px}.preview-mobile-action{display:block;width:100%;border:0;border-radius:8px;padding:9px;background:#FFB800;color:#111;font-size:10px;font-weight:800;cursor:pointer}.preview-mobile-action.secondary{margin-top:6px;background:#fff;border:1px solid #d9d9d9}.interactive-dashboard.pulse{animation:previewPulse .85s ease}@keyframes previewPulse{0%{box-shadow:0 28px 70px rgba(0,0,0,.14),0 0 0 0 rgba(255,184,0,.55)}60%{box-shadow:0 28px 70px rgba(0,0,0,.14),0 0 0 11px rgba(255,184,0,0)}100%{box-shadow:0 28px 70px rgba(0,0,0,.14),0 0 0 0 rgba(255,184,0,0)}}@media(max-width:620px){.interactive-body{grid-template-columns:96px minmax(0,1fr);height:420px}.interactive-sidebar{padding:10px 6px}.interactive-tab{font-size:9px;padding:7px 6px;gap:5px}.interactive-main{padding:12px}.preview-stats{grid-template-columns:1fr}.preview-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.preview-row span:last-child{display:none}.preview-mobile-card{display:none}}