.cortex-webinar-chart-block{background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.04);margin:0 auto;max-width:1200px;padding:2rem 1.5rem}.cortex-chart-container{display:flex;flex-direction:column;gap:1.5rem}.chart-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.chart-title{color:#1e293b;font-size:1.5rem;font-weight:600;letter-spacing:-.01em;margin:0}.chart-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.375rem}.filter-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.filter-select{appearance:none;background-color:#f8fafc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3E%3Cpath stroke=%27%2347566b%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27m6 8 4 4 4-4%27/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;background-size:1.25rem;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:.875rem;outline:none;padding:.625rem 2rem .625rem 1rem;transition:all .2s ease}.filter-select:hover{background-color:#fff;border-color:#94a3b8}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.custom-date-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);display:none;min-width:320px;padding:1.25rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:50}.custom-date-panel.visible{display:block}.chart-filters{position:relative}.custom-date-inputs{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.75rem}.filter-date-input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:.875rem;outline:none;padding:.625rem 1rem;transition:all .2s ease}.filter-date-input:hover{background-color:#fff;border-color:#94a3b8}.filter-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.apply-filter-btn{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.apply-filter-btn:hover{background-color:#2563eb;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transform:translateY(-1px)}.apply-filter-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.chart-wrapper{background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;height:400px;overflow:hidden;position:relative;width:100%}.attendance-chart-canvas{height:100%!important;padding:1rem;width:100%!important}.chart-loading-overlay{align-items:center;backdrop-filter:blur(4px);background-color:hsla(0,0%,100%,.9);border-radius:12px;bottom:0;display:none;flex-direction:column;gap:1rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:40}.chart-loading-overlay.visible{display:flex}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.chart-loading-overlay span{color:#475569;font-size:.875rem;font-weight:500}.chart-footer{gap:1rem;justify-content:space-between;margin-top:.5rem}.chart-footer,.chart-legend{align-items:center;display:flex;flex-wrap:wrap}.chart-legend{gap:1.5rem;padding:.5rem 0}.legend-item{align-items:center;display:flex;gap:.5rem}.legend-color{border-radius:4px;height:12px;width:12px}.legend-label{color:#475569;font-size:.875rem;font-weight:500}.no-data-message{background-color:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;display:none;font-size:.875rem;padding:.5rem 1rem}.no-data-message.visible{display:block}.no-data-message p{margin:0}@media(max-width:768px){.cortex-webinar-chart-block{padding:1.5rem 1rem}.chart-header{align-items:flex-start;flex-direction:column}.chart-filters,.filter-group,.filter-select{width:100%}.custom-date-panel{left:50%;max-width:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - 2rem)}.custom-date-inputs{flex-direction:column;width:100%}.apply-filter-btn,.filter-date-input{width:100%}.chart-wrapper{height:350px}.chart-legend{align-items:flex-start;flex-direction:column;gap:.75rem}}@media(max-width:480px){.chart-wrapper{height:300px}}@media print{.cortex-webinar-chart-block{box-shadow:none;padding:0}.chart-filters,.chart-loading-overlay,.custom-date-panel{display:none!important}.chart-wrapper{border:1px solid #ddd;height:300px}.attendance-chart-canvas{max-width:100%}}.attendance-chart-container{height:400px;width:100%}