:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}ul li{list-style-type:none;margin:.5rem 0;line-height:1.6rem}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}*,body{padding:0;margin:0}body{font-family:Roboto,sans-serif;min-height:100vh}h1{font-family:playfair display,serif;font-weight:600}h1,h2{-webkit-margin-before:.5rem;margin-block-start:.5rem;-webkit-margin-after:.5rem;margin-block-end:.5rem;letter-spacing:.5px}h2,h3{font-family:roboto,sans-serif;font-weight:500}h3{font-size:1.25rem}h4,p{-webkit-margin-before:.5rem;margin-block-start:.5rem;-webkit-margin-after:.5rem;margin-block-end:.5rem}p{line-height:1.6rem}nav a,p{font-size:1rem}nav a{text-decoration:none}button{padding:.5rem .7rem;font-size:1rem;cursor:pointer;border:none;border-radius:4px;background-color:#4caf50;color:white}input,select,textarea{padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:4px;resize:vertical}textarea{font-family:Roboto,sans-serif;font-size:.8rem;line-height:1.7rem}.btn-general{padding:.5rem .7rem;font-size:1rem;cursor:pointer;border:none;border-radius:4px;background-color:#00438b;color:white;display:flex;align-items:center}.btn-general:hover{background-color:#0069da}.btn-confirm-icon{padding:.5rem .7rem;font-size:1rem;cursor:pointer;border:none;border-radius:4px;background-color:#4caf50;color:white;display:flex;align-items:center}.btn-confirm-icon:hover{background-color:#128b2e}.btn-confirm-icon-disabled{padding:.5rem .7rem;font-size:1rem;border:none;border-radius:4px;color:white;display:flex;align-items:center}.btn-confirm-icon-disabled,.btn-confirm-icon-disabled:hover{cursor:pointer;background-color:#9c9c9c}.btn-confirm{padding:.5rem .7rem;font-size:1rem;background-color:#4caf50}.btn-confirm:hover,button:hover{background-color:#128b2e}.btn-delete{padding:.5rem .7rem;font-size:1rem;cursor:pointer;border:none;border-radius:4px;background-color:#c74940;color:white;display:flex;align-items:center}.btn-delete:hover{background-color:#a73128}.logout-btn{padding:0;font-size:1rem;cursor:pointer;border:none;border-radius:4px;background-color:unset;color:#fff}.logout-btn:hover{color:#f7f7f7}.btn-icon{padding:0 7px 0 5px;width:28px}.btn-payment-session{padding:10px 20px;font-size:1rem;cursor:pointer;border:none;border-radius:4px;background-color:unset;color:black}.btn-payment-session:hover{color:#128b2e;background-color:unset}.loading-indicator{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px}.lds-ripple,.lds-ripple div{box-sizing:border-box}.lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.lds-ripple div{position:absolute;border:4px solid;opacity:1;border-radius:50%;animation:lds-ripple 1.5s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:36px;left:36px;width:8px;height:8px;opacity:0}4.9%{top:36px;left:36px;width:8px;height:8px;opacity:0}5%{top:36px;left:36px;width:8px;height:8px;opacity:1}to{top:0;left:0;width:80px;height:80px;opacity:0}}.square-section-container{display:flex;flex-direction:column;max-width:1100px;width:100%;margin:0 auto;padding:2rem}.square-section-bottom,.square-section-top{display:flex;flex-direction:row;justify-content:center;width:100%;flex-wrap:wrap}.square-section-text{flex:1 1;color:#fff;gap:1rem;display:flex;flex-direction:column;background-color:#4caf50;padding:2rem;width:100%;min-width:250px}.square-section-image{min-width:250px;flex:1 1;width:100%;text-align:center;padding:0 2rem;display:flex;background-color:#C9FFBC;justify-content:center}.square-section-images{max-width:100%;height:220px}.square-sections-image-order-top{order:2}.square-sections-image-order-bottom{order:1}.square-sections-text-order-bottom{order:2}.square-sections-text-order-top{order:1}.examples-section{margin-top:3rem}@media (max-width:550px){.square-sections-image-order-bottom,.square-sections-image-order-top{order:2}.square-sections-text-order-bottom,.square-sections-text-order-top{order:1}p{font-size:.9rem;line-height:1.5rem}h3{font-size:1rem}.btn-general,button,h4,input,select,textarea{font-size:.9rem}.btn-general{padding:.5rem .7rem}.btn-confirm{font-size:.9rem}.btn-confirm-icon{font-size:.9rem;padding:.5rem .7rem}.btn-icon{padding:0 5px 0 3px;width:23px}.btn-delete,.logout-btn,body,nav a{font-size:.9rem}}.create-complaint{padding:20px;max-width:800px;margin:auto}.create-complaint-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.create-complaint-container{display:flex;flex-direction:column;margin:2rem}.create-complaint-container strong{color:#4caf50}.create-complaint-form{display:flex;flex-wrap:wrap;gap:20px;flex-direction:column;padding:2rem;border-radius:10px}.create-complaint-form-section{display:flex;flex-direction:row;gap:20px}.create-complaint-section-item{flex:50% 1;display:flex;flex-direction:column;margin:1rem;gap:20px}@media (max-width:550px){.create-complaint-form{padding:0}.create-complaint-section-item{margin:1rem 0}}.dashboard{flex-direction:column;background-color:#f9fafb;color:#333;font-family:Arial,sans-serif;padding:2rem}.dashboard,.dashboard-header{display:flex;align-items:center}.dashboard-header{justify-content:space-between;margin-bottom:20px}.dashboard-container{margin:6rem 2rem;width:100%;max-width:850px}.dashboard-complaints,.dashboard-container{display:flex;flex-direction:column;gap:2rem}.dashboard-complaints{flex-wrap:wrap}.dashboard-complaints-card{display:flex;flex-direction:column;border-radius:12px;border-left:1px solid #33333323;border-right:1px solid #33333323;border-bottom:1px solid #33333323}.complaints-card-item-header{display:flex;justify-content:space-between;align-items:center;background-color:#4caf50;border-radius:12px 12px 0 0;border:1px solid #33333323}.complaints-card-item-header h4{color:white;padding:0;margin:.5rem 1rem}.complaints-card-item{display:flex;gap:.5rem;flex:33% 1;margin:.5rem}.complaints-card-item-text{display:flex;flex-wrap:wrap;column-gap:1rem;margin:.5rem 1rem}.complaints-card-item-btns{display:flex;gap:1rem;justify-content:space-around}.complaints-card-item-btns button{display:flex;padding:.5rem 1rem;border:none;border-radius:5px;color:white;align-items:center;height:-moz-fit-content;height:fit-content}.dashboard-red-btn{background-color:#db2e21}.dashboard-red-btn:hover{background-color:#eb2b1d}.dashboard-green-btn{background-color:#4caf50}.dashboard-green-btn:hover{background-color:#45a049}.complaints-card-item-column{display:flex;justify-content:space-between;padding:.5rem 1rem;background-color:#fff;gap:1rem;border-radius:0 0 12px 12px}.complaints-card-item:nth-child(3){justify-content:end}@media (max-width:550px){.dashboard-container{margin:6rem 1rem 1rem}.dashboard-complaints{flex-direction:column}.complaints-card-item-text{margin:0}}.layout{display:flex;flex-direction:column;min-height:100vh}.layout-page{color:#333;font-family:Arial,sans-serif}.content,.layout-page{display:flex;flex-direction:column;align-items:center}.content{gap:2rem;width:100%;background-color:#fff;min-height:450px;border-radius:12px}@media (max-width:550px){.content{margin-top:0;padding-top:2rem}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:white;padding:20px;border-radius:8px;text-align:center;width:300px;position:relative;box-shadow:0 4px 10px rgba(0,0,0,.2);animation:popup-appear .3s ease-out}.popup-close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:25px;font-weight:700;cursor:pointer;color:#333}.popup-close-btn:hover{color:red}.popup-buttons{margin-top:20px;display:flex;justify-content:space-around}.btn-confirm{background:#128b2e}.btn-cancel,.btn-close,.btn-confirm{color:white;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.btn-cancel,.btn-close{background:#a73128}@keyframes popup-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.login-page{padding:20px;max-width:400px;margin:auto}.dashboardheader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.login-container{margin:6rem 2rem;width:100%;max-width:850px}.cancel-page-container,.login-container{display:flex;flex-direction:column;gap:2rem}.cancel-page-container{margin:2rem}.contact-form{display:flex;flex-direction:column;gap:1rem;padding:2rem;border-radius:10px}.contact-form input,.contact-form select,.contact-form textarea{padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:4px;resize:vertical}.form-group{display:flex;gap:1rem;flex-wrap:wrap}.form-group-child{display:flex;flex-direction:column;flex:50% 1;gap:1rem}