html,body{margin:0;padding:0;min-height:100%;width:100%}body{background-color:var(--linen)}:root{--font-family: "Poppins", "Inter", system-ui, -apple-system, sans-serif;--dark-text: #41224A;--yellow-primary: #F6BD60;--yellow-secondary: #F7D5A1;--yellow-accent: #E6BE6E;--yellow-accent-15: rgba(230, 190, 110, .15);--yellow-accent-25: rgba(230, 190, 110, .25);--yellow-accent-30: rgba(230, 190, 110, .3);--yellow-accent-50: rgba(230, 190, 110, .5);--green-primary: #84A59D;--green-secondary: #A1AFA7;--green-primary-20: rgba(132, 165, 157, .2);--green-primary-30: rgba(132, 165, 157, .3);--green-primary-40: rgba(132, 165, 157, .4);--green-primary-60: rgba(132, 165, 157, .6);--pink-dark: #e57d7a;--pink-primary: #F5B7B6;--pink-secondary: #F6DCD3;--pink-dark-15: rgba(242, 132, 130, .15);--pink-dark-50: rgba(242, 132, 130, .5);--blue-dark: #7FA5CA;--blue-primary: #8FB0D0;--blue-secondary: #9FBAD5;--linen: #F6F2EC;--linen-90: rgba(246, 242, 236, .9);--linen-95: rgba(246, 242, 236, .95);--purple-dark: #41224A;--purple-dark-20: rgba(65, 34, 74, .2);--color-white: #ffffff;--color-gray-100: #f5f5f5;--color-gray-200: #e0e0e0;--color-gray-500: #888;--color-gray-700: #555;--color-gray-900: #333;--overlay-light: rgba(0, 0, 0, .05);--overlay-medium: rgba(0, 0, 0, .5);--color-error: #d32f2f;--color-error-bg: #ffebee;--color-link: #4A90E2;--color-link-hover: #357ABD;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .17);--shadow-colored-green: 0 4px 12px var(--green-primary-30);--shadow-colored-pink: 0 2px 8px rgba(242, 132, 130, .4);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50px;--transition-fast: .2s ease;--transition-normal: .3s ease}*{font-family:var(--font-family)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.container{max-width:1400px;margin:0 auto;padding:2rem}.card-header{margin:0 0 1rem;color:var(--color-gray-900);font-size:1.2rem}.btn{border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;transition:background var(--transition-fast)}.btn-interactive{background:#ffffffb3;border:2px solid var(--purple-dark);color:var(--dark-text);border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:1}.btn-interactive:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,var(--purple-dark-20),transparent);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;z-index:-1}.btn-interactive:hover:before{width:200%;height:200%}.btn-interactive:hover{background:var(--linen);border-color:var(--purple-dark);transform:translateY(-2px);box-shadow:var(--shadow-colored-green)}.btn-interactive:active{transform:translateY(0);box-shadow:0 2px 6px var(--green-primary-20)}.btn-circle{width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.btn-circle.btn-danger{background:var(--pink-dark-15);border-color:var(--pink-dark-15);color:var(--pink-dark)}.btn-circle.btn-danger:hover{background:var(--pink-dark);border-color:var(--pink-dark);color:#fff;transform:scale(1.15);box-shadow:0 4px 12px var(--pink-dark-50)}.btn-circle.btn-danger:hover:before{background:radial-gradient(circle,rgba(255,255,255,.3),transparent)}.btn-circle.btn-danger:active{transform:scale(.95)}.text-secondary{color:var(--color-gray-700);font-size:.95rem}.text-muted{color:var(--color-gray-700);font-style:italic}.flex-center{display:flex;align-items:center;justify-content:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.custom-scrollbar{scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-gray-500);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-gray-700)}.chart-wrapper{background:var(--linen);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:2rem;box-shadow:var(--shadow-sm)}.chart-card{background:var(--linen);border:2px solid var(--purple-dark);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal),box-shadow var(--transition-normal);display:flex;align-items:center;justify-content:center}.section-card{background:var(--linen);border:2px solid var(--purple-dark);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.chart-title{margin:0 0 .5rem;color:var(--color-gray-900);font-size:1.5rem}.chart-description{margin:0 0 1.5rem;color:var(--color-gray-700);font-size:.95rem}.chart-container{width:100%;font-family:var(--font-family)}.no-data{padding:2rem;text-align:center;color:var(--color-gray-900);font-style:italic}.loading-overlay{position:fixed;inset:0;background:var(--linen-90);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.error-message{color:var(--color-error);text-align:center;padding:1rem;background:var(--color-error-bg);border-radius:var(--radius-md);font-size:.9rem}.modal-backdrop{position:fixed;inset:0;background:var(--overlay-medium);display:flex;align-items:center;justify-content:center;z-index:200}.modal-panel{background:var(--color-white);border-radius:var(--radius-xl);padding:2.5rem;width:90%;max-width:400px;position:relative;box-shadow:var(--shadow-lg)}.modal-close{position:absolute;top:1rem;right:1rem;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:var(--pink-secondary);border:2px solid var(--pink-dark);border-radius:50%;font-size:1.35rem;font-weight:600;cursor:pointer;color:var(--pink-dark);line-height:1;padding:0;box-shadow:var(--shadow-sm);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.modal-close:hover{background:var(--pink-dark);color:var(--color-white);border-color:var(--pink-dark);transform:scale(1.05);box-shadow:var(--shadow-colored-pink)}.modal-title{margin:0 0 1.5rem;font-size:1.4rem;color:var(--purple-dark);text-align:center}.modal-field{display:block;margin-bottom:1rem}.modal-field span{display:block;font-size:.85rem;font-weight:600;color:var(--color-gray-700);margin-bottom:.3rem}.modal-field input{width:100%;padding:.65rem .75rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.95rem;transition:border-color var(--transition-fast);box-sizing:border-box}.modal-field input:focus{outline:none;border-color:var(--purple-dark)}.modal-btn-primary{width:100%;padding:.7rem;background:var(--purple-dark);color:#fff;border:none;border-radius:var(--radius-full);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);margin-top:.5rem}.modal-btn-primary:hover:not(:disabled){background:var(--pink-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.modal-btn-primary:disabled{opacity:.6;cursor:not-allowed}.modal-error{background:var(--color-error-bg);color:var(--color-error);padding:.6rem .75rem;border-radius:var(--radius-md);font-size:.85rem;margin-bottom:1rem}.legal-page{max-width:720px;margin:0 auto;padding:3rem 1.5rem;font-family:var(--font-family);color:var(--dark-text);line-height:1.7}.legal-page h1{font-size:1.8rem;margin-bottom:.5rem;color:var(--purple-dark)}.legal-page h2{font-size:1.2rem;margin-top:2rem;margin-bottom:.75rem;color:var(--purple-dark)}.legal-page p{margin-bottom:1rem;font-size:.95rem}.legal-page .last-updated{font-size:.85rem;color:var(--color-gray-500);margin-bottom:2rem}.legal-page ul{padding-left:1.25rem;margin-bottom:1rem}.legal-page li{margin-bottom:.5rem;font-size:.95rem}.legal-page a{color:var(--color-link);text-decoration:none}.legal-page a:hover{text-decoration:underline}.legal-page section{margin-bottom:1.5rem}@media (max-width: 768px){.container,.chart-wrapper{padding:1rem}.chart-card{padding:.75rem;border-radius:var(--radius-lg)}.section-card{padding:.75rem}.chart-title{font-size:1.2rem}.chart-description{font-size:.85rem;margin-bottom:1rem}.modal-panel{padding:1.5rem;width:95%}.legal-page{padding:2rem 1rem}.legal-page h1{font-size:1.5rem}}@media (max-width: 480px){.container{padding:.5rem}.chart-card{padding:.5rem;border-radius:var(--radius-md)}.section-card{padding:.5rem}.chart-title{font-size:1.1rem}.modal-panel{padding:1.25rem}.legal-page{padding:1.5rem .75rem}}