*{box-sizing:border-box;font-size:20px;color:#000;line-height:1.5;margin:0;padding:0;text-decoration:none;list-style:none;font-family:Inter,sans-serif;font-weight:400}:root{--primary-color: rgb(0, 141, 208);--secondary-color: rgb(62, 116, 72);--gradient-color: linear-gradient(to right, rgba(0, 141, 208, .9), rgba(62, 116, 72, .9));--gradient-color-2: linear-gradient(to right, rgba(0, 141, 208, 1), rgba(62, 116, 72, 1));--gray-5: #F2F2F2;--gray-10: #E5E5E5;--gray-15: #D9D9D9;--gray-20: #AEAEAE;--gray-40: #828282;--green-10: #D4EDDA;--green-80: #155724;--red-10: #F8D7DA;--red-80: #721C24;--spacing-0: 0;--spacing-1: 5px;--spacing-2: 10px;--spacing-3: 15px;--spacing-4: 20px;--spacing-5: 25px;--box-shadow: 0 4px 4px rgba(0, 0, 0, .2)}.-cp{cursor:pointer}.-hu:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.-h-fw-bold:hover{font-weight:400}.df-row{display:flex;flex-direction:row;justify-content:start;align-items:start}.df-col{display:flex;flex-direction:column;justify-content:start;align-items:start}.df-row-cc{display:flex;flex-direction:row;justify-content:center;align-items:center}.df-col-cc{display:flex;flex-direction:column;justify-content:center;align-items:center}.fs-1{font-size:36px}.fs-2{font-size:32px}.fs-3{font-size:24px}.fs-4{font-size:20px}.fs-5{font-size:19px}.fs-6{font-size:18px}.fs-7{font-size:17px}.fs-8{font-size:16px}.fs-9{font-size:14px}.fs-10{font-size:12px}.fw-light{font-weight:300}.fw-normal{font-weight:400}.fw-medium{font-weight:500}.fw-semibold{font-weight:600}.fw-bold{font-weight:700}.text-italic{font-style:italic}.text-underline{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.text-strike{text-decoration:line-through}.text-gradient{background:var(--gradient-color);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-black{color:#000}.text-white{color:#fff}.text-gray-5{color:var(--gray-5)}.text-gray-10{color:var(--gray-10)}.text-gray-15{color:var(--gray-15)}.text-gray-20{color:var(--gray-20)}.text-gray-40{color:var(--gray-40)}.text-green-80{color:var(--green-80)}.text-red-80{color:var(--red-80)}.badge{padding:3px 6px;border-radius:6px;width:fit-content}.badge-primary{background-color:var(--primary-color);color:#fff}.badge-secondary{background-color:var(--secondary-color);color:#fff}.badge-success{background-color:var(--success-color);color:#fff}.badge-warning{background-color:var(--warning-color);color:#fff}.badge-danger{background-color:var(--danger-color);color:#fff}.badge-gray-5{background-color:var(--gray-5)}.badge-gray-10{background-color:var(--gray-10)}.badge-gray-15{background-color:var(--gray-15)}.badge-gray-20{background-color:var(--gray-20)}.badge-gray-40{background-color:var(--gray-40)}.bg-gradient{background:var(--gradient-color);color:#fff}.bg-black{background-color:#000}.bg-white{background-color:#fff}.bg-gray-5{background-color:var(--gray-5)}.bg-gray-10{background-color:var(--gray-10)}.bg-gray-15{background-color:var(--gray-15)}.bg-gray-20{background-color:var(--gray-20)}.bg-gray-40{background-color:var(--gray-40)}.bg-green-10{background-color:var(--green-10)}.bg-red-10{background-color:var(--red-10)}.w-0{width:0}.w-25{width:25%}.w-50{width:50%}.w-75{width:75%}.w-100{width:100%}.w-auto{width:auto}.w-100vw{width:100vw}.w-min{width:min-content}.text-center{text-align:center}.text-start{text-align:left}.text-end{text-align:right}.text-justify{text-align:justify}.h-0{height:0}.h-25{height:25%}.h-50{height:50%}.h-75{height:75%}.h-100{height:100%}.h-auto{height:auto}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-table{display:table}.pos-relative{position:relative}.pos-absolute{position:absolute}.pos-fixed{position:fixed}.pos-sticky{position:sticky}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-grow-1{flex-grow:1}.jc-center{justify-content:center}.jc-start{justify-content:flex-start}.jc-end{justify-content:flex-end}.jc-between{justify-content:space-between}.jc-around{justify-content:space-around}.jc-evenly{justify-content:space-evenly}.ai-center{align-items:center}.ai-start{align-items:flex-start}.ai-end{align-items:flex-end}.ai-baseline{align-items:baseline}.ai-stretch{align-items:stretch}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.px-0{padding-left:var(--spacing-0);padding-right:var(--spacing-0)}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.py-0{padding-top:var(--spacing-0);padding-bottom:var(--spacing-0)}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.pt-0{padding-top:var(--spacing-0)}.pt-1{padding-top:var(--spacing-1)}.pt-2{padding-top:var(--spacing-2)}.pt-3{padding-top:var(--spacing-3)}.pt-4{padding-top:var(--spacing-4)}.pt-5{padding-top:var(--spacing-5)}.pb-0{padding-bottom:var(--spacing-0)}.pb-1{padding-bottom:var(--spacing-1)}.pb-2{padding-bottom:var(--spacing-2)}.pb-3{padding-bottom:var(--spacing-3)}.pb-4{padding-bottom:var(--spacing-4)}.pb-5{padding-bottom:var(--spacing-5)}.ps-0{padding-left:var(--spacing-0)}.ps-1{padding-left:var(--spacing-1)}.ps-2{padding-left:var(--spacing-2)}.ps-3{padding-left:var(--spacing-3)}.ps-4{padding-left:var(--spacing-4)}.ps-5{padding-left:var(--spacing-5)}.pe-0{padding-right:var(--spacing-0)}.pe-1{padding-right:var(--spacing-1)}.pe-2{padding-right:var(--spacing-2)}.pe-3{padding-right:var(--spacing-3)}.pe-4{padding-right:var(--spacing-4)}.pe-5{padding-right:var(--spacing-5)}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.mx-0{margin-left:var(--spacing-0);margin-right:var(--spacing-0)}.mx-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.mx-3{margin-left:var(--spacing-3);margin-right:var(--spacing-3)}.mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.mx-5{margin-left:var(--spacing-5);margin-right:var(--spacing-5)}.my-0{margin-top:var(--spacing-0);margin-bottom:var(--spacing-0)}.my-1{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.my-3{margin-top:var(--spacing-3);margin-bottom:var(--spacing-3)}.my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.my-5{margin-top:var(--spacing-5);margin-bottom:var(--spacing-5)}.mt-0{margin-top:var(--spacing-0)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mb-0{margin-bottom:var(--spacing-0)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.ms-0{margin-left:var(--spacing-0)}.ms-1{margin-left:var(--spacing-1)}.ms-2{margin-left:var(--spacing-2)}.ms-3{margin-left:var(--spacing-3)}.ms-4{margin-left:var(--spacing-4)}.ms-5{margin-left:var(--spacing-5)}.me-0{margin-right:var(--spacing-0)}.me-1{margin-right:var(--spacing-1)}.me-2{margin-right:var(--spacing-2)}.me-3{margin-right:var(--spacing-3)}.me-4{margin-right:var(--spacing-4)}.me-5{margin-right:var(--spacing-5)}.gap-0{gap:var(--spacing-0)}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.border-bottom-gray-40{border-bottom:2px solid var(--gray-40)}.border-top-gray-40{border-top:2px solid var(--gray-40)}.rounded-0{border-radius:0}.rounded-1{border-radius:5px}.rounded-2{border-radius:10px}.rounded-3{border-radius:15px}.rounded-4{border-radius:20px}.shadow{box-shadow:var(--box-shadow)}.inner-shadow{box-shadow:inset 0 4px 4px #0003}.logo-top-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.logo-top{width:50px;height:50px;cursor:pointer;transform:scale(2) translate(25%,-25%)}.logo-top-mobile{display:none;width:50px;height:50px;cursor:pointer}.input-search-container{position:relative;max-width:300px;flex-grow:1;display:flex;flex-direction:row;justify-content:center;align-items:center}.input-search{background:var(--gray-15);color:var(--gray-40);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--spacing-2);border:none;box-sizing:border-box;font-size:18px;box-shadow:var(--box-shadow);width:100%}.logo-option{width:50px;height:50px;cursor:pointer}.footer-sep{width:1.5px;height:20px;background-color:#000}.gradient-icon{display:inline-block;position:relative}.gradient-icon i{background:var(--gradient-color);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-5);padding:var(--spacing-2) 0;width:100%}.btn-back{position:fixed;top:20px;left:20px}.logo-login{position:fixed;top:10%;left:50%;transform:translate(-50%,-10%);width:150px;height:150px;cursor:pointer}.form-login{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-5);padding:var(--spacing-5);width:400px;border-radius:var(--spacing-2);box-shadow:var(--box-shadow);background:var(--gray-10)}.btn-logout{position:fixed;top:20px;right:20px}.btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--spacing-2);background:var(--gradient-color);color:#fff;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--spacing-3);border:none;cursor:pointer;transition:background-color .3s ease}.btn:hover{background:var(--gradient-color-2)}.btn:active{transform:scale(.95)}.btn-icon{width:50px;height:50px;padding:var(--spacing-0);border-radius:var(--spacing-2);box-shadow:var(--box-shadow)}.btn-icon-sm{width:35px;height:35px;padding:var(--spacing-0);border-radius:var(--spacing-2);box-shadow:var(--box-shadow)}.icon{font-size:20px;color:#fff;transform:translateY(10%)}.btn-outline-container{background:var(--gradient-color);border-radius:calc(var(--spacing-3) + 2px);padding:2px;cursor:pointer}.btn-outline{background:var(--gray-5);color:var(--gray-40);padding:var(--spacing-1) var(--spacing-2);border:none;border-radius:var(--spacing-3);cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--spacing-2);overflow:hidden}.btn-outline:hover{background:var(--gray-10);box-shadow:var(--box-shadow)}.input{background:#fff;color:var(--gray-40);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--spacing-2);border:none;box-sizing:border-box;flex-grow:1}.input-color{height:40px;cursor:pointer;padding:0;background:none}.textarea{background:#fff;color:var(--gray-40);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--spacing-2);border:none;box-sizing:border-box;flex-grow:1;resize:none}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;color:var(--gray-40);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--spacing-2);border:none;box-sizing:border-box;flex-grow:1;cursor:pointer}.icon-select{position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--gray-40);background-color:#fff;padding-left:var(--spacing-2)}.table{width:100%;border-collapse:collapse}.table thead,.table tbody{display:block;background:var(--gray-5);border-radius:var(--spacing-2);box-shadow:var(--box-shadow);width:100%;overflow:hidden;padding:var(--spacing-1)}.table thead tr,.table tbody tr{display:table;width:100%;table-layout:fixed}.table tbody tr{margin-bottom:var(--spacing-1)}.table tbody{padding-top:var(--spacing-2)}.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{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-5);padding:var(--spacing-5);border-radius:var(--spacing-2);box-shadow:var(--box-shadow);background:var(--gray-10);width:90%;max-width:500px;max-height:90%}.modal-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}.modal-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:var(--spacing-4);width:100%;overflow-y:auto}.form-input{border:1px solid var(--gray-20);border-radius:4px;padding:6px 10px;font-size:14px;outline:none;transition:border-color .2s ease;background:#fff;color:var(--gray-40)}.form-input:focus{border-color:var(--primary-color)}.form-input::placeholder{color:var(--gray-40)}input[type=checkbox],input[type=radio]{margin:0;cursor:pointer;accent-color:var(--primary-color)}label{cursor:pointer}.dropdown-content{position:absolute;top:100%;left:0;z-index:1000;margin-top:4px;animation:dropdownFadeIn .2s ease-out}.dropdown-item-container{background:#fff;border:1px solid var(--gray-20);border-radius:var(--spacing-2);box-shadow:0 4px 12px #00000026;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.logo-option{transition:transform .2s ease,border-color .2s ease;cursor:pointer}.logo-option:hover{transform:scale(1.05)}.pl-4{padding-left:var(--spacing-4)}.records-container{padding:50px 100px}.about-page-container{padding:50px 100px;gap:50px}.contact-section-container{padding:50px 0;background:var(--gray-5);border-top:2px solid var(--gray-40);box-shadow:var(--box-shadow);border-radius:var(--spacing-2);width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;row-gap:150px;column-gap:50px}@media (max-width: 768px){.logo-top-mobile{display:block}.slogan-container,.logo-top-container{display:none}.logo-top{transform:scale(1)}.input-search-container{max-width:100%}.records-container{padding:50px 30px}.about-page-container{padding:20px 30px;gap:20px}.contact-section-container{padding:20px 0;row-gap:50px;column-gap:20px}.sidebar{display:none}.dropdown-content{left:auto;right:0;min-width:250px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.banner-slider-container{position:relative;width:100%;max-width:800px;height:100px;overflow:hidden;border-radius:var(--spacing-2);box-shadow:var(--box-shadow);background:#fff}.banner-slider{position:relative;width:100%;height:100%;overflow:hidden}.banner-slides{display:flex;width:100%;height:100%;transition:transform .5s ease-in-out}.banner-slide{min-width:100%;height:100%;cursor:pointer;position:relative}.banner-image{width:100%;height:100%;object-fit:cover;border-radius:var(--spacing-2);transition:transform .3s ease}.banner-slide:hover .banner-image{transform:scale(1.02)}.banner-indicators{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:10}.banner-indicator{width:8px;height:8px;border-radius:50%;border:none;background-color:#ffffff80;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.banner-indicator:hover{background-color:#fffc;transform:scale(1.2)}.banner-indicator.active{background-color:#fff;transform:scale(1.3)}@media (max-width: 768px){.banner-slider-container{max-width:100%;height:60px}.banner-indicators{bottom:4px}.banner-indicator{width:6px;height:6px}}.markdown-content{font-size:20px}.markdown-content p{margin-bottom:.75rem;line-height:1.6;font-weight:300}.markdown-content p:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{font-weight:700;margin-top:1.5rem;margin-bottom:.75rem;line-height:1.3}.markdown-content h1{font-size:28px}.markdown-content h2{font-size:24px}.markdown-content h3{font-size:20px}.markdown-content h4{font-size:18px}.markdown-content h5{font-size:16px}.markdown-content h6{font-size:14px}.markdown-content strong{font-weight:700}.markdown-content em{font-style:italic}.markdown-content ul,.markdown-content ol{margin-left:1.5rem;margin-bottom:.75rem;padding-left:1rem}.markdown-content ul{list-style-type:disc!important;list-style-position:outside!important}.markdown-content ol{list-style-type:decimal!important;list-style-position:outside!important}.markdown-content li{margin-bottom:.25rem;line-height:1.6;font-weight:300;display:list-item!important;list-style:inherit!important}.markdown-content li:last-child{margin-bottom:0}.markdown-content ul ul{list-style-type:circle!important;margin-top:.25rem}.markdown-content ul ul ul{list-style-type:square!important}.markdown-content ol ol{list-style-type:lower-alpha!important;margin-top:.25rem}.markdown-content ol ol ol{list-style-type:lower-roman!important}.markdown-content a{color:var(--primary-color);text-decoration:underline;cursor:pointer;transition:color .2s ease}.markdown-content a:hover{color:var(--secondary-color)}.markdown-content code{background-color:var(--gray-5);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.markdown-content pre{background-color:var(--gray-5);padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:.75rem}.markdown-content pre code{background-color:transparent;padding:0}.markdown-content blockquote{border-left:4px solid var(--primary-color);padding-left:1rem;margin-left:0;margin-bottom:.75rem;color:var(--gray-40);font-style:italic}.markdown-content hr{border:none;border-top:2px solid var(--gray-10);margin:1.5rem 0}.markdown-content table{width:100%;border-collapse:collapse;margin-bottom:.75rem}.markdown-content table th,.markdown-content table td{border:1px solid var(--gray-10);padding:.5rem;text-align:left}.markdown-content table th{background-color:var(--gray-5);font-weight:700}.markdown-content table tr:nth-child(2n){background-color:var(--gray-5)}.markdown-content del{text-decoration:line-through;color:var(--gray-40)}.markdown-content>*:first-child{margin-top:0!important}.markdown-content>*:last-child{margin-bottom:0!important}
