body{margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh;background-color:#f9fafb;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{display:flex;flex-direction:column}h1{font-size:2.5em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1.2em;font-weight:500;font-family:inherit;background-color:#213c59;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media print{body{background:#fff;color:#000}.footer,.drag-xml-box,.no-print{display:none!important}.content{height:auto;max-width:100%;padding:0;margin:0;width:100%}.results{box-shadow:none!important}#root{display:block}button,.filters{display:none!important}}.content{max-width:1280px;margin:0 auto;text-align:center;height:80vh;flex:1;color:#333;padding:20px}.title{color:#213c59}.about{margin:0 50px;text-align:justify}.drag-xml-box{border:2px dashed #ccc;border-radius:20px;width:350px;height:200px;text-align:center;padding:25px;margin:50px auto;background-color:#fff;color:#a0a0a0}.button{padding:10px;background-color:#213c59;color:#fff;border:none;cursor:pointer;margin-top:10px}.results{margin:20px auto;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;max-width:80dvw;text-align:left}.results h2{border-bottom:2px solid #213C59;padding-bottom:5px;color:#213c59}.results h3{color:#213c59}.rule-card{padding:10px;border:1px solid #ccc;border-radius:5px;margin-bottom:10px;word-wrap:break-word}.language-button{position:fixed;top:20px;right:20px;background:#fff;border:2px solid #213C59;cursor:pointer;padding:5px;border-radius:50%;transition:all .2s ease;z-index:1000;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.language-button:hover{transform:scale(1.1);box-shadow:0 4px 8px #0003}.flag-icon{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid #eee}.custom-list{list-style:none;padding-left:0;margin:0}.custom-list-item{display:flex;align-items:flex-start;margin-bottom:.5em}.custom-list-icon{font-size:2rem;margin-right:.5em;vertical-align:middle;flex-shrink:0}.custom-list-icon.error-icon{color:#ce0000}.custom-list-icon.warning-icon{color:#ce8000}.footer{background:linear-gradient(180deg,#143558,#0b1e34);color:#fff;padding:30px}.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;margin:0 5rem}.footer-col{flex:1 1 250px;flex-direction:row}.footer-col img{height:auto;margin:0 auto}.footer-img{max-width:40%;display:flex;justify-content:center;align-items:center;border-radius:4px}.footer-text{margin-top:15px;font-size:.95rem;color:#fff;text-align:justify}.footer-list{list-style:none;padding:0;margin:15px 0 0}.footer-list li{margin-bottom:10px}.footer-list a{color:#fff;text-decoration:none}.footer-list a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #ccc;text-align:center;margin-top:30px;padding-top:20px;font-size:1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container{background-color:#fff;padding:20px 60px;border-radius:10px;width:500px;display:flex;flex-direction:column;box-shadow:0 0 15px #0000004d;max-height:90vh;position:relative}.modal-body{padding:20px 30px;overflow-y:auto;flex:1;gap:40px;display:flex;flex-direction:column}.modal-title{color:#333;font-size:1.3rem}.modal-field{text-align:left}.modal-field label{display:block;margin-bottom:15px;color:#333}.modal-field input{width:100%;padding:8px;box-sizing:border-box;font-size:1.1rem}.modal-field select{width:100%;padding:8px;font-size:1rem;box-sizing:border-box}.modal-buttons{display:flex;justify-content:flex-end;gap:10px;padding:15px 30px;position:sticky;bottom:0}.modal-btn{padding:8px 16px;border:none;background-color:#ccc;color:#333;cursor:pointer;border-radius:5px}.modal-btn.primary{background-color:#213c59;color:#fff}.modal-error.global{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px;margin:10px 0;border-radius:4px}.field-error{color:#dc3545;font-size:.875rem;margin-top:4px;display:block}.field-info{color:#2c4b66;font-size:.875rem;margin-top:4px;display:block;font-style:italic}.modal-close-btn{position:absolute;top:0;right:0;font-size:2.5rem;line-height:1;border:none;background:transparent;cursor:pointer;padding:.7rem 1.2rem;color:#777}.status{border-radius:7px;padding:.2rem .7rem;color:#fff;font-weight:500}.status-success{background-color:green}.status-error{background-color:#ce0000}.status-suspected{background-color:#ce8000}@media print{.avoid-break{page-break-inside:avoid}}