body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#8b0000,brown 25%,#8b0000 50%,brown 75%,#8b0000);background-attachment:fixed;color:#2d1810;font-family:Crimson Text,Lora,"Noto Serif",Times New Roman,SimSun,Microsoft YaHei,serif;line-height:1.7;min-height:100vh;overflow-x:hidden;position:relative}body:before{background:radial-gradient(circle at 20% 20%,#8b000066 0,#0000 50%),radial-gradient(circle at 80% 80%,#b222344d 0,#0000 50%),radial-gradient(circle at 60% 30%,#dc143c40 0,#0000 50%),radial-gradient(circle at 40% 70%,#8b000033 0,#0000 50%);z-index:-2}body:after,body:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0}body:after{animation:patternFloat 20s ease-in-out infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='300' height='300' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='gold' stroke-opacity='.08' stroke-width='2'%3E%3Cpath d='M50 100q20-20 40 0t40 0M150 150q20-20 40 0t40 0M200 80q20-20 40 0t40 0M20 200q20-20 40 0t40 0M180 220q20-20 40 0t40 0'/%3E%3C/g%3E%3Cg fill='gold' fill-opacity='.05'%3E%3Ccircle cx='100' cy='100' r='8'/%3E%3Ccircle cx='200' cy='150' r='6'/%3E%3Ccircle cx='250' cy='80' r='7'/%3E%3Ccircle cx='60' cy='200' r='6'/%3E%3Ccircle cx='220' cy='220' r='8'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg width='150' height='150' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='gold' fill-opacity='.04'%3E%3Cpath d='m75 0 25 30-25 30-25-30ZM0 75l30 25 30-25-30-25ZM75 90l25 30-25 30-25-30ZM90 75l30 25 30-25-30-25Z'/%3E%3Cpath d='M37.5 37.5 50 50 37.5 62.5 25 50ZM112.5 37.5 125 50l-12.5 12.5L100 50ZM37.5 112.5 50 125l-12.5 12.5L25 125ZM112.5 112.5 125 125l-12.5 12.5L100 125Z'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg width='400' height='400' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='gold' stroke-opacity='.06' stroke-width='3'%3E%3Ccircle cx='200' cy='200' r='150'/%3E%3Ccircle cx='200' cy='200' r='120'/%3E%3C/g%3E%3Cg fill='gold' fill-opacity='.03'%3E%3Cpath d='M200 50q50 50 0 100-50-50 0-100M350 200q-50 50-100 0 50-50 100 0M200 350q-50-50 0-100 50 50 0 100M50 200q50-50 100 0-50 50-100 0'/%3E%3C/g%3E%3C/svg%3E");background-position:0 0,75px 75px,0 0;background-size:300px 300px,150px 150px,400px 400px;opacity:1;z-index:-1}@keyframes patternFloat{0%,to{background-position:0 0,75px 75px,0 0;opacity:1}50%{background-position:30px 30px,105px 105px,20px 20px;opacity:.95}}.App{display:flex;flex-direction:column;min-height:100vh}.App,.App-header{position:relative}.App-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b0000f2,#b22234f2 50%,#8b0000f2);border-bottom:4px solid #d4af37;box-shadow:0 4px 30px #8b000080,0 0 40px #d4af3733;color:#d4af37;overflow:hidden;padding:50px 20px;text-align:center}.App-header:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#d4af3726 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.App-header h1{color:#d4af37;font-size:3rem;font-weight:900;letter-spacing:2px;margin-bottom:15px;position:relative;text-shadow:0 3px 6px #000000b3,0 0 25px #d4af3799,0 0 40px #d4af374d;z-index:2}.App-header p{font-size:1.2rem;font-weight:500;margin:0;opacity:.95;position:relative;z-index:2}.App-main{align-items:flex-start;flex:1 1;padding:40px 20px;position:relative}.App-main,.loading-overlay{display:flex;justify-content:center}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#8b0000cc;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:3px solid #d4af3799;border-radius:20px;box-shadow:0 8px 40px #8b000066;overflow:hidden;padding:40px;position:relative;text-align:center}.loading-content:before{animation:loading-shimmer 2s ease-in-out infinite;background:linear-gradient(45deg,#0000 40%,#d4af371f 50%,#0000 60%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes loading-shimmer{0%{transform:translateX(-100%) translateY(-100%)}to{transform:translateX(100%) translateY(100%)}}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #8b00004d;border-radius:50%;border-top-color:#d4af37;height:50px;margin:0 auto 20px;position:relative;width:50px;z-index:2}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.App-header{padding:35px 15px}.App-header h1{font-size:2.2rem}.App-header p{font-size:1.1rem}.App-main{padding:20px 10px}.loading-content{margin:20px;padding:30px}.loading-spinner{height:40px;width:40px}}.captcha-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.captcha-popup{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;border:3px solid #d4af37;border-radius:20px;box-shadow:0 8px 40px #8b000080,0 0 30px #d4af374d;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%}.captcha-header{align-items:center;background:linear-gradient(135deg,#d4af3726,#8b00001a);border-bottom:2px solid #8b000033;display:flex;justify-content:space-between;padding:20px 25px}.captcha-header h3{color:#8b0000;font-size:22px;font-weight:700;margin:0;text-shadow:0 1px 2px #0000001a}.captcha-close{align-items:center;background:#0000;border:2px solid #8b0000;border-radius:50%;color:#8b0000;cursor:pointer;display:flex;font-size:24px;height:35px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:35px}.captcha-close:hover{background:#8b0000;color:#d4af37;transform:rotate(90deg)}.captcha-body{padding:25px}.captcha-progress{margin-bottom:25px}.progress-bar{background:#8b000033;border-radius:10px;height:8px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#8b0000,#d4af37 50%,#8b0000);border-radius:10px;box-shadow:0 2px 8px #d4af3766;height:100%;transition:width .5s ease}.progress-text{color:#8b0000;font-size:14px;font-weight:600;text-align:center}.captcha-instruction{background:#d4af371a;border-left:4px solid #d4af37;border-radius:10px;color:#2d1810;font-size:16px;font-weight:600;margin-bottom:25px;padding:15px;text-align:center}.captcha-problem{animation:slideIn .5s ease;background:#fffc;border:2px solid #8b000033;border-radius:12px;margin-bottom:25px;padding:20px;transition:all .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.captcha-problem:hover{border-color:#d4af37;box-shadow:0 4px 12px #8b000026}.problem-question{margin-bottom:15px}.problem-text{color:#8b0000;display:block;font-size:18px;font-weight:700}.problem-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.option-label{align-items:center;background:#ffffffe6;border:2px solid #8b000040;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:10px;padding:12px 15px;transition:all .3s ease}.option-label:hover{background:#d4af3726;border-color:#d4af37;box-shadow:0 2px 8px #8b000026;transform:translateY(-2px)}.option-label input[type=radio]{accent-color:#8b0000;cursor:pointer;height:20px;width:20px}.option-label input[type=radio]:checked+.option-text{color:#8b0000;font-weight:700}.option-label.selected,.option-label:has(input[type=radio]:checked){background:#d4af3733;border-color:#8b0000}.option-label input[type=radio]:disabled,.option-label:has(input[type=radio]:disabled){cursor:not-allowed;opacity:.6}.option-text{color:#2d1810;font-size:16px;transition:color .3s ease}.captcha-error{animation:shake .5s ease;background:#8b00001a;border:2px solid #8b0000;border-radius:8px;color:#8b0000;font-weight:600;margin-top:15px;padding:12px 15px;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.captcha-footer{background:linear-gradient(135deg,#d4af371a,#8b00000d);border-top:2px solid #8b000033;display:flex;justify-content:center;padding:20px 25px}.captcha-submit{background:linear-gradient(135deg,#8b0000,brown 50%,#8b0000);border:3px solid #d4af37;border-radius:12px;box-shadow:0 4px 15px #8b000066,0 0 20px #d4af3733;color:#d4af37;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1px;min-width:200px;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.captcha-submit:hover{background:linear-gradient(135deg,brown,#8b0000 50%,brown);box-shadow:0 6px 20px #8b000080,0 0 30px #d4af374d;transform:translateY(-2px)}.captcha-submit:active{transform:translateY(0)}.captcha-submit:disabled{background:linear-gradient(135deg,#666,#555);border-color:#888;color:#ccc;cursor:not-allowed;opacity:.7}.captcha-submit:disabled,.captcha-submit:disabled:hover{box-shadow:none;transform:none}@media (max-width:768px){.captcha-popup{max-height:95vh;width:95%}.captcha-header{padding:15px 20px}.captcha-header h3{font-size:18px}.captcha-body{padding:20px}.captcha-problem{padding:15px}.problem-text{font-size:16px}.problem-options{gap:10px;grid-template-columns:1fr}.option-label{padding:10px 12px}.captcha-footer{padding:15px 20px}.captcha-submit{font-size:16px;min-width:150px;padding:12px 30px}}.bat-tu-form-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:3px solid #d4af37;border-radius:20px;box-shadow:0 8px 40px #8b000066,0 0 30px #d4af3733;box-sizing:border-box;margin:0 auto;max-width:650px;min-height:-webkit-fit-content;min-height:fit-content;overflow:hidden;padding:30px;position:relative}.bat-tu-form-container:before{background:linear-gradient(135deg,#d4af371f,#8b00000f 50%,#d4af371f);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.bat-tu-form-container:after{background:linear-gradient(45deg,#d4af37,#8b0000,#d4af37,#8b0000);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:.6;position:absolute;right:-2px;top:-2px;z-index:-1}.bat-tu-form{gap:25px;z-index:2}.bat-tu-form,.form-group{display:flex;flex-direction:column;position:relative}.form-group{gap:10px;min-height:-webkit-fit-content;min-height:fit-content}.form-row{display:flex;gap:25px}.form-row .form-group{flex:1 1}.form-group label{color:#2d1810;font-size:15px;font-weight:700;position:relative;text-shadow:0 1px 2px #0000001a}.form-group input[type=date],.form-group input[type=text],.form-group select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #8b00004d;border-radius:12px;box-shadow:0 2px 8px #8b000026;color:#2d1810;font-size:16px;font-weight:500;padding:15px 18px;transition:all .3s ease}.date-input-desktop{display:block}.date-input-mobile{display:none}.date-field-group{align-items:center;display:flex;gap:8px}.date-field{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #8b00004d;border-radius:12px;box-shadow:0 2px 8px #8b000026;color:#2d1810;flex:1 1;font-size:16px;font-weight:500;padding:15px 18px;text-align:center;transition:all .3s ease}.date-field-year{flex:1.5 1}.date-field:focus{background:#fff;border-color:#d4af37;box-shadow:0 0 0 3px #d4af3740,0 4px 15px #8b000033;outline:none;transform:translateY(-1px)}.date-field.error{background:#fff8f8f2;border-color:#8b0000}.date-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%238B0000' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;cursor:pointer;font-size:15px!important;padding:12px 30px 12px 10px!important}.date-select option{padding:8px;text-align:center}.date-separator{color:#8b0000;font-size:20px;font-weight:700;padding:0 4px}.form-group input[type=date]:focus,.form-group input[type=text]:focus,.form-group select:focus{background:#fff;border-color:#d4af37;box-shadow:0 0 0 3px #d4af3740,0 4px 15px #8b000033;outline:none;transform:translateY(-1px)}.form-group input.error,.form-group select.error{background:#fff8f8f2;border-color:#8b0000}.error-message{color:#8b0000;font-size:13px;font-weight:600;text-shadow:0 1px 2px #8b00004d}.form-hint{background:#d4af371f;border-left:3px solid #d4af37;border-radius:8px;color:#8b4513;font-size:13px;font-style:italic;min-height:40px;padding:8px 12px}.form-hint,.radio-group{align-items:center;display:flex}.radio-group{flex-wrap:wrap;gap:30px}.radio-label{align-items:center;background:#ffffffe6;border:2px solid #8b000040;border-radius:10px;cursor:pointer;display:flex;font-weight:600;gap:10px;padding:12px 16px;position:relative;transition:all .3s ease}.radio-label:hover{background:#d4af371f;border-color:#8b000080;box-shadow:0 2px 8px #8b000026;transform:translateY(-1px)}.radio-label input[type=radio]{accent-color:#8b0000;height:18px;margin:0;width:18px}.radio-label input[type=radio]:checked+.radio-text{color:#8b0000;font-weight:700}.radio-text{color:#2d1810;font-size:15px;transition:color .3s ease}.submit-btn{background:linear-gradient(135deg,#8b0000,brown 50%,#8b0000);border:3px solid #d4af37;border-radius:15px;box-shadow:0 4px 15px #8b000066,0 0 20px #d4af3733;color:#d4af37;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1px;margin-top:15px;overflow:hidden;padding:18px 40px;position:relative;text-transform:uppercase;transition:all .3s ease}.submit-btn:before{background:linear-gradient(90deg,#0000,#d4af3759,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,brown,#8b0000 50%,brown);box-shadow:0 8px 25px #8b000080,0 0 30px #d4af374d;transform:translateY(-3px)}.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:disabled{background:linear-gradient(135deg,#666,#555);border-color:#888;box-shadow:none;color:#ccc;cursor:not-allowed;transform:none}.submit-btn:active:not(:disabled){transform:translateY(-1px)}@media (max-width:1024px){.date-input-desktop{display:none!important}.date-input-mobile{display:block!important}}@media (max-width:768px){.bat-tu-form-container{border-radius:15px;margin:15px;padding:25px}.bat-tu-form-container:after{border-radius:17px}.form-row{flex-direction:row;gap:15px}.radio-group{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:1fr 1fr}.radio-label{font-size:14px;justify-content:center;line-height:1.2;padding:12px 8px;text-align:center}.submit-btn{font-size:16px;margin-top:20px;padding:16px 30px}.form-group input[type=date],.form-group input[type=text],.form-group select{font-size:15px;padding:14px 16px}.date-field{font-size:14px;padding:12px 8px}.date-select{background-position:right 8px center;background-size:10px;font-size:14px!important;padding:10px 28px 10px 8px!important}.date-separator{font-size:16px;padding:0 2px}}.ngu-hanh-chart-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:20px 0;padding:20px}.ngu-hanh-chart-container h4{color:#2e7d32;font-size:18px;font-weight:600;margin-bottom:20px;text-align:center}.chart-legend-inline,.chart-wrapper{display:flex;justify-content:center}.chart-legend-inline{align-items:center;flex-wrap:nowrap;gap:12px;margin-top:10px;overflow-x:auto;padding:10px}.legend-item-inline{align-items:center;background:#ffffffe6;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 4px #0000001a;display:flex;flex-shrink:0;gap:6px;padding:6px 10px;white-space:nowrap}.legend-color-inline{border-radius:50%;flex-shrink:0;height:16px;width:16px}.legend-name-inline{color:#333;font-size:13px;font-weight:600}.legend-stats-inline{color:#666;font-size:11px;margin-left:4px}.chart-legend{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.legend-item{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;display:flex;gap:10px;padding:10px}.legend-color{border-radius:50%;flex-shrink:0;height:20px;width:20px}.legend-text{flex:1 1}.legend-name{color:#333;font-weight:600;margin-bottom:2px}.legend-stats{color:#666;font-size:12px}.chart-tooltip{background:#fffffff2;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px}.tooltip-title{color:#2e7d32;font-weight:600;margin-bottom:8px}.tooltip-percentage,.tooltip-value{color:#555;margin:4px 0}.tooltip-english{color:#777;font-size:12px;font-style:italic;margin-top:8px}.highlight{color:#2e7d32;font-weight:600}.no-data-message{background:#f8f9fa;border-radius:6px;margin-top:20px;padding:20px}.chart-conclusion{background:linear-gradient(135deg,#ffd7001a,#dc143c1a);border:2px solid #dc143c4d;border-radius:10px;margin-top:25px;padding:20px}.chart-conclusion h5{color:#dc143c;font-size:18px;font-weight:700;letter-spacing:1px;margin:0 0 15px;text-align:center;text-transform:uppercase}.conclusion-item{align-items:center;border-radius:8px;display:flex;font-size:15px;gap:15px;margin:10px 0;padding:12px 15px}.conclusion-thieu{background:#4169e11a;border-left:4px solid #4169e1}.conclusion-thua{background:#dc143c1a;border-left:4px solid #dc143c}.conclusion-label{color:#333;font-weight:700;min-width:80px}.conclusion-thieu .conclusion-label{color:#4169e1}.conclusion-thua .conclusion-label{color:#dc143c}.conclusion-value{color:#333;font-weight:600}@media (max-width:768px){.ngu-hanh-chart-container{margin:10px 0;padding:10px}.ngu-hanh-chart-container h4{font-size:16px;margin-bottom:10px}.chart-wrapper{margin-bottom:10px}.chart-wrapper .recharts-responsive-container{height:280px!important}.chart-legend-inline,.recharts-legend-wrapper{display:none!important}.chart-conclusion{margin-top:10px;padding:12px}.chart-conclusion h5{font-size:16px;margin-bottom:8px}.conclusion-item{font-size:14px;gap:10px;margin:6px 0;padding:8px 10px}.conclusion-label{font-size:13px;min-width:60px}.chart-legend{gap:10px;grid-template-columns:1fr}.legend-item{padding:8px}}@media (max-width:480px){.ngu-hanh-chart-container{margin:8px 0;padding:8px}.ngu-hanh-chart-container h4{font-size:14px;margin-bottom:8px}.chart-wrapper{margin-bottom:8px}.chart-wrapper,.chart-wrapper .recharts-responsive-container{height:220px!important}.chart-legend-inline,.recharts-legend-wrapper{display:none!important}.chart-conclusion{margin-top:8px;padding:10px}.chart-conclusion h5{font-size:14px;margin-bottom:6px}.conclusion-item{font-size:13px;gap:8px;margin:4px 0;padding:6px 8px}.conclusion-label{font-size:12px;min-width:50px}.legend-item{flex-direction:column;gap:8px;text-align:center}.legend-color{height:24px;width:24px}}.element-usage-chart-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:20px 0;padding:20px}.element-usage-chart-container h4{color:#2c3e50;font-size:18px;font-weight:600;letter-spacing:1px;margin:0 0 20px;text-align:center;text-transform:uppercase}.chart-content{display:flex;flex-direction:column;gap:20px}.chart-wrapper{box-shadow:0 2px 4px #0000000d;padding:15px}.chart-wrapper,.no-data-message{background:#fff;border-radius:8px}.no-data-message{border:2px dashed #dee2e6;color:#6c757d}.usage-chart-tooltip{background:#fffffff2;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:14px;min-width:200px;padding:12px}.tooltip-title{border-bottom:1px solid #eee;color:#2c3e50;font-size:16px;padding-bottom:5px;text-align:center}.tooltip-count,.tooltip-percentage{align-items:center;display:flex;justify-content:space-between;margin:4px 0}.highlight{color:#007bff}.tooltip-count .highlight{color:#28a745}.tooltip-percentage .highlight{color:#dc3545}.chart-summary{background:#fff;box-shadow:0 2px 4px #0000000d;padding:20px}.summary-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #007bff;border-radius:6px;display:flex;justify-content:space-between;padding:10px 15px}.stat-item:nth-child(2){border-left-color:#28a745}.stat-item:nth-child(3){border-left-color:#dc3545}.stat-label{color:#495057;font-size:14px;font-weight:500}.stat-value{color:#2c3e50;font-size:16px;font-weight:700}@media (max-width:768px){.element-usage-chart-container{margin:15px 0;padding:15px}.chart-wrapper{padding:10px}.summary-stats{gap:10px;grid-template-columns:1fr}.stat-item{padding:8px 12px}.stat-label{font-size:13px}.stat-value{font-size:15px}}.chart-wrapper::-webkit-scrollbar{width:6px}.chart-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chart-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chart-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.recharts-bar-rectangle{transition:all .3s ease}.recharts-bar-rectangle:hover{opacity:.8}.recharts-legend-wrapper{padding-top:20px!important}.recharts-legend-item-text{font-size:14px!important;font-weight:500!important}.recharts-cartesian-grid line{stroke:#e9ecef}.recharts-xAxis .recharts-cartesian-axis-tick-value,.recharts-yAxis .recharts-cartesian-axis-tick-value{fill:#6c757d;font-size:12px}.recharts-yAxis .recharts-cartesian-axis-tick-value{font-size:11px}.thap-than-chart-container{background:#fffffff2;border:2px solid #dc143c33;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-top:30px;padding:25px}.thap-than-chart-container h4{color:#dc143c;font-size:20px;font-weight:700;letter-spacing:1px;margin:0 0 20px;text-align:center;text-transform:uppercase}.chart-content{width:100%}.chart-wrapper{margin-bottom:20px;min-height:400px;width:100%}.chart-responsive-container{min-height:400px;width:100%!important}.no-data-message{color:#999;font-size:16px;font-style:italic;padding:40px;text-align:center}.chart-summary{background:#ffd7001a;border:1px solid gold;border-radius:8px;margin-top:15px;padding:15px;text-align:center}.summary-text{color:#333;font-size:14px;margin:0}.summary-text strong{color:#dc143c;font-weight:700;margin:0 5px}.thap-than-ratio-table{background:#fffffffa;border:2px solid #dc143c26;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:25px;padding:20px}.thap-than-ratio-table h5{color:#dc143c;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 15px;text-align:center;text-transform:uppercase}.ratio-table{border-collapse:collapse;margin:0;width:100%}.ratio-table thead{background:linear-gradient(135deg,#dc143c,#b71c1c);color:#fff}.ratio-table th{font-size:13px;font-weight:700;letter-spacing:.5px;padding:12px 10px;text-align:left;text-transform:uppercase}.ratio-table th:first-child{border-top-left-radius:8px}.ratio-table th:last-child{border-top-right-radius:8px}.ratio-table tbody tr{border-bottom:1px solid #dc143c1a;transition:background-color .2s ease}.ratio-table tbody tr:hover{background-color:#dc143c0d}.ratio-table tbody tr:last-child{border-bottom:none}.ratio-table td{color:#333;font-size:14px;padding:12px 10px}.thap-than-name{font-size:14px}.count-cell{color:#555;font-weight:600;text-align:center}.percentage-cell{font-size:15px;text-align:center}.percentage-cell strong{color:#dc143c}.bar-cell{padding:8px 10px;width:40%}.percentage-bar-container{background-color:#f0f0f0;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a;height:24px;overflow:hidden;position:relative;width:100%}.percentage-bar{border-radius:12px;box-shadow:0 2px 4px #0003;height:100%;position:relative;transition:width .5s ease}.percentage-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.chart-tooltip{background:#fffffffa;border:2px solid #dc143c;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:10px}.tooltip-title{color:#dc143c;font-size:14px;font-weight:700;margin:0 0 8px}.tooltip-percentage,.tooltip-value{color:#333;font-size:13px;margin:5px 0}.highlight{color:#dc143c;font-weight:700}@media (max-width:768px){.thap-than-chart-container{margin:0;padding:10px 0}.thap-than-chart-container h4{font-size:18px;margin-bottom:10px}.chart-wrapper{margin-bottom:15px;max-height:420px;min-height:420px;overflow:visible;padding:0;width:100%}.chart-content{margin:0;padding:0;width:100%}.chart-responsive-container{height:420px!important;margin:0;max-height:420px!important;min-height:420px!important;overflow:visible;padding:0;width:100%!important}.thap-than-chart{height:420px;max-height:420px;min-height:420px;overflow:visible;width:100%}.chart-x-axis{font-size:11px!important}.chart-y-axis-left,.chart-y-axis-right{font-size:12px!important}.chart-y-axis-left .recharts-label,.chart-y-axis-right .recharts-label{display:none!important}.chart-summary{margin-top:15px;padding:12px}.summary-text{font-size:13px}.thap-than-ratio-table{margin-top:20px;padding:15px}.thap-than-ratio-table h5{font-size:16px;margin-bottom:12px}.ratio-table{font-size:12px}.ratio-table th{font-size:11px;padding:8px 6px}.ratio-table td{font-size:12px;padding:8px 6px}.thap-than-name{font-size:12px}.percentage-cell{font-size:13px}.bar-cell{padding:6px;width:35%}.percentage-bar-container{height:20px}}.bat-tu-result-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:3px solid #d4af37;border-radius:25px;box-shadow:0 10px 50px #8b000066,0 0 30px #d4af3733;margin:0 auto;max-width:900px;overflow:visible;padding:30px;position:relative}.bat-tu-result-container:before{background:linear-gradient(135deg,#d4af371a,#8b00000f 50%,#d4af371a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.bat-tu-result-container:after{background:linear-gradient(45deg,#d4af37,#8b0000,#d4af37,#8b0000);border-radius:28px;bottom:-3px;content:"";left:-3px;opacity:.6;position:absolute;right:-3px;top:-3px;z-index:-1}.result-header{align-items:center;border-bottom:3px solid #d4af37;display:flex;justify-content:space-between;margin-bottom:35px;padding-bottom:25px;position:relative;z-index:2}.result-header h2{color:#8b0000;font-size:32px;font-weight:900;letter-spacing:1px;margin:0;text-shadow:0 2px 4px #8b000066}.result-actions{display:flex;gap:15px}.back-btn,.export-btn{border:2px solid;border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:14px 25px;position:relative;text-transform:uppercase;transition:all .3s ease}.export-btn{background:linear-gradient(135deg,#8b0000,brown);border-color:#d4af37;box-shadow:0 4px 15px #8b000066,0 0 20px #d4af3733;color:#d4af37}.export-btn:hover:not(:disabled){background:linear-gradient(135deg,brown,#8b0000);box-shadow:0 6px 20px #8b000080,0 0 25px #d4af374d;transform:translateY(-2px)}.back-btn{background:linear-gradient(135deg,#d4af37,peru);border-color:#8b0000;box-shadow:0 4px 15px #d4af3766,0 0 20px #8b000033;color:#8b0000}.back-btn:hover:not(:disabled){background:linear-gradient(135deg,peru,#d4af37);box-shadow:0 6px 20px #d4af3780,0 0 25px #8b00004d;transform:translateY(-2px)}.back-btn:disabled,.export-btn:disabled{background:linear-gradient(135deg,#666,#555);border-color:#888;box-shadow:none;color:#ccc;cursor:not-allowed;transform:none}.result-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #8b000040;border-radius:15px;box-shadow:0 4px 20px #8b000026;margin-bottom:35px;padding:25px;position:relative;z-index:2}.result-section h3{color:#8b0000;font-size:22px;font-weight:700;margin:0 0 20px;position:relative;text-shadow:0 1px 3px #8b00004d}.result-section h3:after{background:linear-gradient(90deg,#8b0000,#d4af37);border-radius:2px;bottom:-5px;content:"";height:3px;left:0;position:absolute;width:50px}.bat-tu-section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#8b0000f2,#b22234f2 50%,#8b0000f2);border:3px solid #d4af37;border-radius:20px;overflow:hidden;padding:0;position:relative}.bat-tu-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23D4AF37' fill-opacity='.12'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.bat-tu-section h3{color:#d4af37;font-size:26px;font-weight:900;letter-spacing:1px;margin:0 0 20px;padding:25px 25px 0;position:relative;text-shadow:0 2px 4px #000000b3,0 0 15px #d4af3766;text-transform:uppercase;z-index:2}.bat-tu-section h3:after{background:linear-gradient(90deg,#d4af37,peru)}.bat-tu-header{background:linear-gradient(135deg,#8b0000e6,#b22234e6);color:#d4af37;padding:25px;position:relative;z-index:2}.bat-tu-header h3{color:#d4af37;font-size:26px;font-weight:900;letter-spacing:2px;margin:0 0 15px;text-shadow:0 2px 4px #00000080;text-transform:uppercase}.bat-tu-info-header{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.header-info-item{align-items:center;display:flex;font-size:13px;gap:8px}.header-label{color:#d4af37;font-weight:700;min-width:80px}.header-value{color:#fff;font-weight:500}.bat-tu-section .bat-tu-grid{background:#fff;margin:0;padding:20px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:5px}.info-label{color:#555;font-size:14px;font-weight:700}.info-value{color:#333;font-size:16px;font-weight:500}.bat-tu-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.tru-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;text-align:center}.tru-label{color:#666;font-size:14px;text-transform:uppercase}.tru-label,.tru-value{font-weight:700;margin-bottom:10px}.tru-value{color:#2e7d32;font-size:18px}.tru-ngu-hanh{display:flex;gap:8px;justify-content:center}.ngu-hanh-element{background:#0000000d;border-radius:4px;font-size:16px;font-weight:600;padding:2px 6px}.ngu-hanh-stats{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.ngu-hanh-stat{gap:15px}.ngu-hanh-stat,.stat-label{align-items:center;display:flex}.stat-label{font-weight:700;gap:8px;min-width:100px}.element-symbol{font-size:18px;font-weight:700}.element-name{color:#555;font-size:14px}.stat-bar{background:#e0e0e0;border-radius:10px;flex:1 1;height:20px;overflow:hidden}.stat-fill{border-radius:10px;height:100%;transition:width .3s ease}.stat-count{color:#333;font-weight:600;min-width:50px;text-align:right}.analysis-notes{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:15px}.analysis-item{line-height:1.5;margin-bottom:10px}.analysis-item:last-child{margin-bottom:0}.result-footer{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px;text-align:center}.disclaimer{color:#666;font-size:14px;margin:0}.legend-section{background:#ffffff80;border:1px solid #d4af37;border-radius:8px;margin-top:20px;padding:12px 15px;position:relative;z-index:2}.legend-compact{color:#666;font-size:12px;line-height:1.6;margin:0;text-align:center}.legend-compact strong{color:#8b0000;font-weight:700}@media (max-width:768px){.legend-compact{font-size:11px}}.bat-tu-detail-table{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #dc143c33;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-top:25px;max-width:100%;overflow-x:auto;overflow-y:hidden;position:relative;z-index:2}.bat-tu-section .bat-tu-detail-table{background:#ffffffe6;border-radius:0;margin:25px 0 0}.detail-table{background:#0000;border-collapse:collapse;min-width:600px;table-layout:fixed;width:100%}.detail-table thead{background:linear-gradient(135deg,#8b0000,brown 50%,#8b0000);color:#d4af37}.detail-table th{border-left:1px solid #d4af374d;border-right:1px solid #d4af3780;box-sizing:border-box;color:#d4af37;font-size:14px;font-weight:900;letter-spacing:1px;padding:18px 14px;position:relative;text-align:center;text-shadow:0 1px 2px #00000080;text-transform:uppercase;z-index:2}.detail-table th:last-child{border-right:none}.detail-table tbody tr{border-bottom:1px solid #c8c8c880;position:relative;transition:background-color .2s ease}.detail-table tbody tr:hover{background:#d4af371a;outline:1px solid #d4af3759;outline-offset:-1px}.detail-table tbody tr:last-child{border-bottom:2px solid #8b000066}.detail-table td{word-wrap:break-word;border-left:1px solid #c8c8c833;border-right:1px solid #c8c8c866;box-sizing:border-box;color:#2d1810;font-size:15px;font-weight:600;overflow-wrap:break-word;padding:18px 14px;position:relative;text-align:center;z-index:2}.detail-table td:first-child{border-left:none}.detail-table td:last-child{border-right:none}.detail-table .row-label{background:linear-gradient(135deg,#d4af37,peru);border-left:3px solid #8b0000b3;border-right:2px solid #8b000066;box-shadow:inset 0 0 10px #d4af3740;color:#8b0000;font-size:12px;font-weight:900;letter-spacing:.5px;padding-left:16px;text-align:left;text-shadow:0 1px 2px #d4af3766;text-transform:uppercase}.detail-table tbody tr:nth-child(2n) td:not(.row-label){background:#fafafacc}.detail-table tbody tr:nth-child(odd) td:not(.row-label){background:#fff}@media (max-width:768px){.bat-tu-result-container{border-radius:15px;box-sizing:border-box;margin:8px;max-width:100%;overflow-x:hidden;padding:15px;width:100%}.bat-tu-result-container:after{border-radius:18px}.result-header{flex-direction:column;gap:15px;margin-bottom:20px;padding-bottom:15px;text-align:center}.result-header h2{font-size:22px;line-height:1.3;margin:0;word-break:break-word}.result-actions{display:flex;flex-direction:column;gap:12px;width:100%}.back-btn,.export-btn{align-items:center;border-radius:10px;box-sizing:border-box;display:flex;font-size:15px;font-weight:700;justify-content:center;min-height:48px;padding:14px 20px;transition:all .3s ease;width:100%}.result-section{background:#fffffff2;border:1px solid #8b000026;border-radius:12px;box-sizing:border-box;margin-bottom:18px;overflow-x:hidden;padding:15px 12px}.result-section h3{font-size:18px;font-weight:700;margin-bottom:12px;word-break:break-word}.bat-tu-grid{gap:12px;grid-template-columns:1fr}.current-year-info,.info-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.info-item{background:#fffc;border:1px solid #8b000026;border-radius:8px;box-shadow:0 2px 6px #8b000014;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:auto;padding:10px 8px}.info-label{color:#2d1810;font-size:12px;font-weight:600;margin-bottom:4px}.info-value{color:#333;font-size:13px;line-height:1.4;word-break:break-word}.ngu-hanh-stat{align-items:flex-start;flex-direction:column;gap:8px}.stat-bar{width:100%}.bat-tu-detail-table{-webkit-overflow-scrolling:touch;background:#ffffffe6;border:1px solid #8b00001a;border-radius:0;margin:15px -15px;overflow-x:auto;padding:0 15px}.detail-table{font-size:12px;max-width:100%;min-width:100%;table-layout:auto}.detail-table th{font-size:11px;letter-spacing:.5px}.detail-table td,.detail-table th{padding:8px 4px;word-break:break-word}.detail-table td{font-size:12px}.detail-table .row-label{font-size:11px;max-width:80px;min-width:80px;overflow:hidden;padding-left:8px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:80px}.bat-tu-section{border-radius:12px;padding:0}.bat-tu-section h3{font-size:20px;padding:20px 15px 15px}.bat-tu-header{padding:15px}.bat-tu-header h3{font-size:20px;margin-bottom:12px}.bat-tu-info-header{gap:10px;grid-template-columns:1fr}.header-info-item,.header-label{font-size:12px}.header-label{min-width:70px}.header-value{font-size:12px}.thap-than-tooltip{border-radius:12px;font-size:14px;max-height:80vh;max-width:95vw;overflow-y:auto}.tooltip-header{background:linear-gradient(135deg,#8b0000,brown);padding:16px 18px}.tooltip-header h4{font-size:18px;margin:0 0 6px}.tooltip-description{font-size:13px;line-height:1.4}.tooltip-content{max-height:60vh;overflow-y:auto;padding:16px 18px}.tooltip-section h5{font-size:14px;margin-bottom:8px}.tooltip-section ul{font-size:13px;line-height:1.5}.result-section .element-usage-chart-container,.result-section .ngu-hanh-chart-container,.result-section .thap-than-chart-container{-webkit-overflow-scrolling:touch;margin:0 auto;max-width:100%;overflow-x:auto;width:100%}.result-section:has(.element-usage-chart-container),.result-section:has(.ngu-hanh-chart-container),.result-section:has(.thap-than-chart-container){overflow:hidden;padding:16px}.dai-van-section,.luu-nien-section{padding:15px}.dai-van-section h4,.luu-nien-section h4{font-size:16px;margin-bottom:12px}.scrollable-section{-webkit-overflow-scrolling:touch;margin:0 -15px;overflow-x:auto;padding:0 15px}.current-year-info,.dai-van-info,.luu-nien-info{font-size:13px;line-height:1.4}.current-year-info .info-grid,.dai-van-info .info-grid,.luu-nien-info .info-grid{gap:10px}.result-section div,.result-section p{line-height:1.5}}@media (max-width:480px){.current-year-info,.info-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.info-item{padding:10px 6px}.info-label{font-size:12px}.info-value{font-size:13px}}@media (min-width:481px) and (max-width:1024px){.info-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.info-item{min-height:50px;padding:10px 8px}.info-label{font-size:12px}.info-value{font-size:13px}}.kabala-table{font-size:14px}.can-cell,.chi-cell{align-items:center;display:flex;flex-direction:column;gap:4px}.thap-than-key{background:#8b00001f;border-radius:4px;color:#8b0000;font-size:12px;font-weight:700;padding:2px 6px}.can-value,.chi-value{color:#2e7d32;font-size:16px;font-weight:700}.ngu-hanh-sign{color:#666;font-size:12px;font-weight:600}.tang-can-list{align-items:center;display:flex;flex-direction:column;gap:4px}.tang-can-item{align-items:center;background:#00000008;display:flex;gap:4px}.tang-can-item,.than-sat-item{border-radius:4px;font-size:12px;padding:2px 4px;white-space:nowrap}.than-sat-item{background:#dc143c1a;margin:2px 0}.current-year-info{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.toggle-btn{background:#8b0000;border:2px solid #d4af37;border-radius:6px;color:#d4af37;cursor:pointer;font-size:12px;font-weight:600;margin-left:15px;padding:6px 12px;transition:all .3s ease}.toggle-btn:hover{background:brown;transform:translateY(-1px)}.dai-van-table,.luu-nien-table{margin-top:15px;overflow-x:auto}.dai-van-can-chi,.dai-van-table .detail-table td,.dai-van-table .detail-table th,.luu-nien-table .detail-table td,.luu-nien-table .detail-table th{white-space:nowrap}.dai-van-can-chi{align-items:center;display:flex;flex-direction:column;gap:4px}.dai-van-can-chi>div,.luu-nien-label{white-space:nowrap}.luu-nien-label{background:linear-gradient(135deg,#d4af37,peru);color:#8b0000;font-weight:700;line-height:1.6;padding:15px 10px;text-align:center;vertical-align:middle}.luu-nien-item{align-items:center;display:flex;flex-direction:column;gap:2px;padding:4px;white-space:nowrap}.luu-nien-year{color:#8b0000;font-size:14px;font-weight:700;white-space:nowrap}.luu-nien-canchi{color:#666;font-size:12px;white-space:nowrap}.thap-than-key{cursor:pointer;position:relative;transition:all .2s ease}.thap-than-key:hover{background:#8b000040!important;transform:scale(1.1);z-index:10}.thap-than-hoverable{cursor:pointer;transition:all .2s ease}.thap-than-hoverable:hover{color:#8b0000;text-decoration:underline}.thap-than-tooltip{background:linear-gradient(135deg,#fff,#f8f8f8);border:3px solid #8b0000;border-radius:12px;box-shadow:0 8px 30px #8b000080;max-width:500px;min-width:400px;padding:0;pointer-events:none;position:absolute;width:-webkit-max-content;width:max-content;z-index:10000}.thap-than-tooltip.tooltip-above{animation:tooltipFadeInAbove .2s ease-out;margin-top:-10px;transform:translate(-50%,-100%)}.thap-than-tooltip.tooltip-below{animation:tooltipFadeInBelow .2s ease-out;margin-top:10px;transform:translate(-50%)}@keyframes tooltipFadeInAbove{0%{opacity:0;transform:translate(-50%,-100%) scale(.9)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}@keyframes tooltipFadeInBelow{0%{opacity:0;transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.tooltip-header{background:linear-gradient(135deg,#8b0000,brown);border-bottom:2px solid #d4af37;border-radius:9px 9px 0 0;color:#d4af37;padding:15px 20px}.tooltip-header h4{color:#d4af37;font-size:20px;font-weight:900;margin:0 0 8px;text-shadow:0 2px 4px #0000004d}.tooltip-description{color:#ffd700f2;font-size:13px;line-height:1.4;margin:0}.tooltip-content{max-height:none;overflow:visible;padding:15px 20px}.tooltip-section{margin-bottom:15px}.tooltip-section:last-child{margin-bottom:0}.tooltip-section h5{border-bottom:2px solid;font-size:14px;font-weight:700;margin:0 0 8px;padding-bottom:5px}.tooltip-positive{border-bottom-color:#2e7d32;color:#2e7d32}.tooltip-negative{border-bottom-color:#8b0000;color:#8b0000}.tooltip-content ul{list-style-type:disc;margin:0;padding-left:20px}.tooltip-content li{color:#333;font-size:13px;line-height:1.5;margin-bottom:6px}.tooltip-content li:last-child{margin-bottom:0}@media (max-width:768px){.thap-than-tooltip{font-size:12px;max-width:90vw;min-width:300px}.tooltip-header{padding:12px 15px}.tooltip-header h4{font-size:18px}.tooltip-content{padding:12px 15px}.tooltip-content li{font-size:12px}}.download-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.download-popup{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#fff,#f8f8f8);border:3px solid #d4af37;border-radius:20px;box-shadow:0 10px 50px #8b000080,0 0 30px #d4af374d;max-width:500px;overflow:hidden;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.download-popup-header{background:linear-gradient(135deg,#8b0000,brown);border-bottom:2px solid #d4af37;padding:20px 25px}.download-popup-header h3{color:#d4af37;font-size:24px;font-weight:900;letter-spacing:1px;margin:0;text-align:center;text-shadow:0 2px 4px #0000004d}.download-popup-body{padding:30px 25px}.loading-bar-container{background:#e0e0e0;border:2px solid #8b0000;border-radius:20px;box-shadow:inset 0 2px 4px #0000001a;height:40px;margin-bottom:25px;overflow:hidden;position:relative;width:100%}.loading-bar{background:linear-gradient(90deg,#8b0000,brown 50%,#8b0000);border-radius:20px;box-shadow:0 2px 8px #8b000066;height:100%;overflow:hidden;position:relative;transition:width .3s ease}.loading-bar:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#d4af374d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.loading-text{color:#8b0000;font-size:16px;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px #fffc;top:50%;transform:translate(-50%,-50%);z-index:1}.success-message{align-items:center;animation:successFadeIn .5s ease-out;background:linear-gradient(135deg,#2e7d321a,#4caf501a);border:2px solid #2e7d32;border-radius:10px;display:flex;gap:10px;justify-content:center;margin-bottom:25px;padding:15px}@keyframes successFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-icon{align-items:center;animation:checkmark .5s ease-out;background:#2e7d32;border-radius:50%;color:#2e7d32;color:#fff;display:inline-flex;font-size:24px;font-weight:900;height:32px;justify-content:center;width:32px}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success-message span:last-child{color:#2e7d32;font-size:16px;font-weight:700}.facebook-info{background:linear-gradient(135deg,#3b59980d,#4267b20d);border:2px solid #3b599833;border-radius:12px;padding:20px;text-align:center}.facebook-info h4{color:#8b0000;font-size:20px;font-weight:700;margin:0 0 10px}.facebook-info p{color:#666;font-size:14px;line-height:1.5;margin:0 0 15px}.facebook-link{align-items:center;background:linear-gradient(135deg,#4267b2,#3b5998);border:2px solid #3b5998;border-radius:8px;box-shadow:0 4px 15px #4267b24d;color:#fff;display:inline-flex;font-size:15px;font-weight:700;gap:10px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.facebook-link:hover{background:linear-gradient(135deg,#3b5998,#4267b2);box-shadow:0 6px 20px #4267b266;transform:translateY(-2px)}.facebook-icon{align-items:center;background:#fff;border-radius:4px;color:#4267b2;display:inline-flex;font-family:Arial,sans-serif;font-size:18px;font-weight:900;height:24px;justify-content:center;width:24px}@media (max-width:768px){.download-popup{max-width:none;width:95%}.download-popup-header h3{font-size:20px}.download-popup-body{padding:20px 15px}.loading-bar-container{height:35px}.loading-text{font-size:14px}.facebook-info{padding:15px}.facebook-info h4{font-size:18px}.facebook-info p{font-size:13px}.facebook-link{font-size:14px;padding:10px 20px}}.compass-table{margin:20px 0;overflow-x:auto}.compass-table .xtable{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:100%}.compass-table .xtable .phh{background:linear-gradient(135deg,#8b0000,#d4af37);color:#fff;font-size:16px;font-weight:700;padding:12px;text-align:center}.compass-table .xtable .phh th{border:none}.compass-table .xtable td{border-bottom:1px solid #eee;padding:8px 12px;text-align:center}.compass-table .xtable .pxg_geo_middle{border-right:2px solid #ddd;font-size:14px;font-weight:700;vertical-align:middle;width:60px}.compass-table .xtable ._good{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.compass-table .xtable ._bad{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.compass-table .xtable ._name{color:#333;font-size:14px;font-weight:700;width:120px}.compass-table .xtable ._val{color:#555;font-size:14px;padding-left:15px;text-align:left}.compass-table .xtable .zodiac5els{color:#777;font-size:12px;font-style:italic;margin-top:2px}.compass-table .xtable tbody tr:nth-child(2n){background:#00000005}.compass-table .xtable tbody tr:hover{background:#d4af371a}@media (max-width:768px){.compass-table{font-size:12px}.compass-table .xtable .pxg_geo_middle{font-size:12px;width:50px}.compass-table .xtable ._name{font-size:12px;width:100px}.compass-table .xtable ._val{font-size:12px;padding-left:10px}.compass-table .xtable .zodiac5els{font-size:11px}}
/*# sourceMappingURL=main.13d260a9.css.map*/