.chart-visualization {background:linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);border-radius:16px;padding:24px;box-shadow:0 8px 32px rgba(0, 0, 0, 0.1);margin-bottom:2rem;position:relative;border:1px solid rgba(222, 226, 230, 0.5)}.chart-display {position:relative;text-align:center;min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);border-radius:12px;padding:20px;border:2px solid #e9ecef}.chart-display[data-chart-style="north_indian"] {background:linear-gradient(145deg, #fdfaef 0%, #f8f5eb 100%);border-color:#c19a65}.chart-display[data-chart-style="north_indian"] svg {background:#fff8e7;border:3px solid #c19a65;border-radius:12px;box-shadow:0 4px 20px rgba(193, 154, 101, 0.2);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08))}.chart-display[data-chart-style="north_indian"] svg:hover {box-shadow:0 8px 32px rgba(193, 154, 101, 0.3);transform:translateY(-2px);border-color:#b48a40}.chart-display[data-chart-style="south_indian"] svg {max-width:100%;height:auto;border:3px solid #dee2e6;border-radius:12px;background:#ffffff;box-shadow:0 4px 20px rgba(0, 0, 0, 0.12);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08))}.chart-display[data-chart-style="south_indian"] svg:hover {box-shadow:0 8px 32px rgba(0, 0, 0, 0.18);transform:translateY(-2px);border-color:#4e54c8}.chart-controls {margin-bottom:24px;padding:20px;background:linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(248, 249, 250, 0.9) 100%);border-radius:12px;border:1px solid rgba(222, 226, 230, 0.8);backdrop-filter:blur(10px)}.chart-style-selector .form-label {color:#495057;font-size:0.9rem;margin-bottom:8px;font-weight:600}.chart-controls .btn-group {border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1)}.chart-controls .btn-group .btn {font-size:0.875rem;padding:12px 20px;min-height:44px;border:none;transition:all 0.3s ease;font-weight:500;position:relative}.chart-controls .btn-outline-primary {border-color:#4e54c8;color:#4e54c8;background:rgba(255, 255, 255, 0.9)}.chart-controls .btn-outline-primary:hover, .chart-controls .btn-outline-primary:focus {background:linear-gradient(135deg, #4e54c8 0%, #6366f1 100%);border-color:#4e54c8;color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(78, 84, 200, 0.4)}.chart-controls .btn-check:checked + .btn-outline-primary {background:linear-gradient(135deg, #4e54c8 0%, #6366f1 100%);border-color:#4e54c8;color:white;box-shadow:0 4px 12px rgba(78, 84, 200, 0.4)}.btn-check:checked + label[for="northIndian"] {background:linear-gradient(135deg, #c19a65 0%, #b48a40 100%);border-color:#c19a65;color:white;box-shadow:0 4px 12px rgba(193, 154, 101, 0.4)}.btn-check:checked + label[for="northIndian"]::after {content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg, #d4af37 0%, #ffd700 100%)}.chart-actions {display:flex;gap:8px;justify-content:flex-end}.chart-actions .btn {border-radius:6px;font-size:0.8rem;padding:12px 16px;min-height:44px;transition:all 0.2s ease}.chart-actions .btn:hover {transform:translateY(-1px);box-shadow:0 2px 8px rgba(0, 0, 0, 0.15)}.style-description {transition:all 0.3s ease;padding:8px 12px;background:rgba(248, 249, 250, 0.6);border-radius:6px;border-left:3px solid #4e54c8}.style-description small {line-height:1.4}.chart-display svg .planet-text {cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);font-family:Arial, sans-serif;font-weight:bold;font-size:11px}.chart-display svg .sign-text {font-family:Arial, sans-serif;font-size:9px;fill:#666;font-weight:normal}.chart-display svg .planet-text:hover {filter:drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));transform:scale(1.15)}.chart-display svg .planet-text[font-size="10px"] {font-weight:bold}.planet-tooltip {position:absolute;background:linear-gradient(135deg, #333 0%, #555 100%);color:white;padding:12px 16px;border-radius:8px;font-size:13px;font-weight:500;z-index:1000;pointer-events:none;box-shadow:0 8px 25px rgba(0, 0, 0, 0.3);border:1px solid rgba(255, 255, 255, 0.1);backdrop-filter:blur(10px)}.chart-display[data-chart-style="north_indian"] .planet-tooltip {background:linear-gradient(135deg, #8b5a3c 0%, #a0652f 100%);border:1px solid rgba(212, 175, 55, 0.3)}.planet-tooltip::before {content:'';position:absolute;top:100%;left:50%;margin-left:-8px;border-width:8px;border-style:solid;border-color:#555 transparent transparent transparent}.chart-display[data-chart-style="north_indian"] .planet-tooltip::before {border-color:#8b5a3c transparent transparent transparent}.chart-legend {margin-top:24px;padding:20px 24px;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-radius:12px;border:1px solid #dee2e6;box-shadow:0 2px 8px rgba(0, 0, 0, 0.05)}.chart-legend h6 {color:#495057;font-weight:600;margin-bottom:16px;font-size:1rem}.planet-legend {display:inline-flex;align-items:center;margin:6px 12px 6px 0;font-size:0.875rem;padding:8px 12px;background:white;border-radius:8px;border:1px solid #e9ecef;transition:all 0.3s ease;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.planet-legend:hover {background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-color:#4e54c8}.planet-symbol {font-weight:bold;margin-right:8px;font-size:1.1rem}.chart-display[data-chart-style="north_indian"] + .chart-legend {background:linear-gradient(135deg, #fdfaef 0%, #f8f5eb 100%);border-color:#c19a65}.chart-display[data-chart-style="north_indian"] + .chart-legend .planet-legend {background:#fff8e7;border-color:#d4c5a0}.chart-display[data-chart-style="north_indian"] + .chart-legend .planet-legend:hover {background:#f5f0e5;border-color:#c19a65}.chart-display .spinner-border {width:3rem;height:3rem;border-width:0.3em;color:#4e54c8}.chart-display[data-chart-style="north_indian"] .spinner-border {color:#c19a65}.chart-display .alert-danger {max-width:450px;margin:20px auto;border-radius:12px;border:none;box-shadow:0 4px 16px rgba(220, 53, 69, 0.2);background:linear-gradient(135deg, #fee 0%, #fed7d7 100%)}.alert-danger .alert-heading {color:#c53030}.badge.bg-success {background:linear-gradient(135deg, #48bb78 0%, #38a169 100%) !important;font-size:0.75rem;padding:6px 10px;border-radius:6px;animation:slideInFromTop 0.5s ease}@keyframes slideInFromTop {from {opacity:0;transform:translateY(-20px)}to {opacity:1;transform:translateY(0)}}.chart-display[data-chart-style="north_indian"]::after {content:"North Indian Diamond";position:absolute;top:10px;right:10px;background:rgba(180, 138, 64, 0.9);color:white;padding:4px 8px;border-radius:4px;font-size:0.7rem;font-weight:500;opacity:0.8;font-family:Arial, sans-serif}.chart-display[data-chart-style="south_indian"]::after {content:"South Indian Grid";position:absolute;top:10px;right:10px;background:rgba(78, 84, 200, 0.9);color:white;padding:4px 8px;border-radius:4px;font-size:0.7rem;font-weight:500;opacity:0.8;font-family:Arial, sans-serif}@media print {.chart-controls {display:none}.chart-visualization {box-shadow:none;border:2px solid #000;page-break-inside:avoid;background:white}.chart-display {background:white;border:1px solid #000}.chart-display svg {box-shadow:none;border:1px solid #000}.chart-display[data-chart-style="north_indian"] svg {background:#fff;border-color:#000}.chart-display[data-chart-style="north_indian"]::after, .chart-display[data-chart-style="south_indian"]::after {display:none}.planet-legend {break-inside:avoid;box-shadow:none;border:1px solid #ccc}.chart-legend {background:#f9f9f9;border:1px solid #000}}.chart-controls .btn:focus {outline:3px solid #4e54c8;outline-offset:2px}.chart-display svg .planet-text:focus {outline:2px solid #4e54c8;outline-offset:2px}