body{color:#444;background-color:#e5d7bd;height:96vh;display:flex}#app{background-color:#edcb94;border-radius:20px;flex-direction:column;justify-content:space-evenly;width:40vw;min-width:500px;min-height:700px;margin:auto;padding:20px;display:flex;box-shadow:4px 4px 20px #888}#homePage,#adminPage{background-color:#ecd1a2;border-radius:20px;width:80%;margin:auto;padding:20px;box-shadow:4px 4px 20px #888}#imgLogin{border-radius:20px;width:45%;min-width:400px;height:auto}#logoGoogle{border-radius:100%;min-width:2px;height:max(3vh,60px);transition:outline .1s ease-in}#auth{text-align:center;display:block}.login-button{box-sizing:border-box;color:#fff;background:0 0;border:4px solid #f29c2c;border-radius:10px;outline:none;align-items:center;gap:15px;width:auto;margin:1vw;padding:8px 10px;font-family:Anton,sans-serif;font-size:max(1.4vh,30px);transition:border-color .1s ease-in;display:flex}.login-button:hover{cursor:pointer;border-color:#e56f15}.center{text-align:center}.startHidden{display:none}h2{color:#15140e;margin:0;font-family:Bebas Neue,sans-serif;font-size:3.2vw}h3{color:#15140e;min-width:300px;margin:4px;font-family:Bebas Neue,sans-serif;font-size:max(50px,5vh)}h4{color:#15140e;margin:4px;font-family:Anton,sans-serif;font-size:2vw}hr{background-color:#000;border:0;height:1px;margin:10px 0}input{background-color:#e5d7bd;border:1px solid #ccc;border-radius:5px;outline-color:#000;width:80%;margin:4px;padding:8px;font-size:15px;box-shadow:2px 2px 10px #151515}.simple-input{width:auto}button{color:#fff;box-sizing:border-box;background-color:#f29c2c;border:none;border-radius:8px;outline:none;width:16vw;margin:1vw;padding:.7vw 1vw;font-family:Anton,sans-serif;font-size:1.4vw}.icon-button{cursor:pointer;background:0 0;border:none;flex-shrink:0;width:auto;height:auto;margin:0;padding:0 0 0 10px}.no-padding{padding:0}.inline-flex{display:inline-flex}.brightness10{filter:brightness(10%)}.icon-on-button{width:auto;height:max(15px,1.5vw);margin:0 3px}.icon-button>img,.icon{width:auto;height:1.2em}.close-modal-icon{margin:0 0 -3px}.text-icon{width:auto;height:max(15px,1.5vw);margin:0 3px}.button-iconed{box-sizing:border-box;justify-content:center;align-items:center;gap:8px;width:auto;height:auto;margin-top:10px;font-size:1.3em;display:flex}.button-iconed>span{line-height:1;display:inline-block}button:hover{opacity:.8;cursor:pointer}p,.text{color:#151515;margin:0;font-family:Anton,sans-serif;font-size:1.5vw}.big-text{font-size:max(15px,1.5vw)}.medium-text{font-size:max(12px,1.2vw)}.small-text{font-size:max(10px,1vw)}.super-small-text{font-size:max(7px,.7vw)}.italic-text{font-style:italic}.alternative{background-color:#f29c2c}.danger{background-color:red}.loading-icon{z-index:1;width:100px;height:auto;animation:1s linear infinite spin;position:absolute}.loading-animation{animation:1s linear infinite spin}#loading{z-index:100000}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#auth img{cursor:pointer;margin:4px}#auth img:hover{opacity:.75;cursor:pointer}#userImg{border-radius:100%;width:10%}.user-top-bar{justify-content:space-between;align-items:flex-start;gap:15px;width:100%;margin-bottom:10px;display:flex}.user-header{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.w100{width:100%}.w20vw{width:20vw}.admin-badge{color:#228b22;margin-top:5px;font-family:Google Sans,sans-serif;display:block}.icon-button>img.config-icon{width:max(35px,3vw);height:auto}.remove-img-btn{z-index:3;height:100%;margin:0 0 0 5px!important;padding:1px 3px!important}.remove-img-btn>img{vertical-align:middle;display:block;width:auto!important;height:1em!important;margin:0!important}.user-header #userImg{object-fit:cover;border-radius:50%;width:auto;height:max(150px,15vh)}.user-header h3{text-align:left;max-width:45vw;margin:0;font-size:4rem;display:inline-block}#mainFooter{text-align:center;background-color:#e5d7bd;border-radius:10px;width:100%;padding:20px 0;position:relative;bottom:0}#mainFooter .footer-content p{color:#15140e;margin:5px 0;font-family:Bebas Neue,sans-serif;font-size:1vw}#mainFooter .footer-content h3{color:#15140e;margin:10px 100px;font-family:Bebas Neue,sans-serif;font-size:1.3vw}#mainFooter .footer-links a{color:#6c4b18;margin:0 10px;font-family:Anton,sans-serif;font-size:1.2vw;text-decoration:none;transition:color .2s}#mainFooter .footer-links a:hover{color:#f0a500}#imgColtec{border-radius:20px;width:7%;height:auto;margin-top:5px;margin-right:5px}#imgHP{border-radius:20px;width:auto;height:20vh}.tab-bar{background-color:#15140e;border-radius:10px;height:20%;overflow:hidden}.tab-bar button{background-color:inherit;color:#f29c2c;cursor:pointer;border:none;outline:none;padding:14px 16px;font-family:Bebas Neue,sans-serif;font-size:1.4vw;transition:background-color .3s}.tab-bar button:hover{background-color:#edcb94}.tab-bar button.active{color:#15140e;background-color:#edcb94}.tab-content{padding:20px;display:none}.tab-content.active{display:block}label{color:#15140e;font-family:Bebas Neue,sans-serif;font-size:2vw}input[type=text],input[type=number],input[type=date],input[type=datetime-local],input[type=file]{background-color:#e5d7bd;border:1px solid #ccc;border-radius:5px;outline-color:#000;width:80%;margin:4px;padding:8px;font-family:Anton,sans-serif;font-size:1.5vw;box-shadow:2px 2px 10px #151515}select{background-color:#e5d7bd;border:1px solid #ccc;border-radius:5px;outline-color:#000;width:25%;margin:4px;padding:8px;font-family:Anton,sans-serif;font-size:1.5vw;box-shadow:2px 2px 10px #151515}#userSearchContainer select{box-sizing:border-box;width:min(20vw,240px);height:max(24px,2.4vw);min-height:48px;padding:6px 8px;font-size:1.1em;line-height:1.4}#userSearchContainer span{align-items:center;max-height:none;margin-left:.6rem;font-size:max(13px,1.3vw);display:inline-flex}#userSearchContainer input{max-width:50vw;min-height:2vh;font-size:2vh}textarea{background-color:#e5d7bd;border:1px solid #ccc;border-radius:5px;outline-color:#000;width:80%;margin:4px;padding:8px;font-family:Anton,sans-serif;font-size:1.5vw;box-shadow:2px 2px 10px #151515}#eventContainer .event-card{background-color:#e5d7bd;border:1px solid #ccc;border-radius:12px;margin-top:10px;margin-bottom:15px;padding:15px;transition:box-shadow .2s;box-shadow:2px 2px 10px #151515}#eventContainer .event-card:hover{background-color:#edcb94;box-shadow:4px 4px 20px #888}#submitEventForm,#editEventForm{margin:1vw auto;display:flex}.photo-card{background-color:#e5d7bd;border:1px solid #ccc;border-radius:12px;margin-top:10px;margin-bottom:15px;padding:15px;transition:box-shadow .2s;box-shadow:2px 2px 10px #151515}.photo-card:hover{background-color:#edcb94;box-shadow:4px 4px 20px #888}.event-photo-links a{color:#e56f15;margin-right:8px;text-decoration:none}.event-photo-links a:hover{text-decoration:underline}#createPhoto{margin:10px auto;display:block}.user-card{color:#000;background-color:#e5d7bd;border:1px solid #ccc;border-radius:12px;margin-top:10px;margin-bottom:15px;padding:15px;font-family:Anton,sans-serif;transition:box-shadow .2s;box-shadow:2px 2px 10px #151515}.user-card .user-row{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.user-card .user-row span{font-weight:700}.user-card .user-row button{cursor:pointer;border:none;border-radius:4px;padding:5px 10px}.user-card .user-row button.primary{color:#fff;background-color:#f29c2c}.user-card .user-row button.danger{color:#fff;background-color:#f44336}.user-card .user-row button.unable{color:#fff;background-color:#d3d3d3}.user-card p{color:#151515;margin:0;font-family:Anton,sans-serif;font-size:1vw}#regrasBloqueio{text-align:left;max-width:700px;margin:20px auto}.regra-card{background:#e5d7bd;border-left:5px solid #f44336;border-radius:8px;margin:10px 0;padding:12px 16px}.regra-card h4{color:#f44336;margin:0 0 6px;font-family:Bebas Neue,sans-serif;font-size:3vw}.regra-card p{color:#151515;margin:0;font-family:Anton,sans-serif;font-size:1.5vw}#blockUser{margin:10px auto;display:block}.listaDiv{text-align:left;max-width:700px;margin:20px auto}.instrucao-card{background-color:#e5d7bd;border:1px solid #ccc;border-left:5px solid #f29c2c;border-radius:12px;margin-top:10px;margin-bottom:15px;padding:15px;font-size:1.5vw;transition:box-shadow .2s;box-shadow:2px 2px 10px #151515}.alerta-card{border-left:5px solid #f44336}.alerta-card h4{color:#f44336!important}.instrucao-card h4{color:#f29c2c;margin:0 0 6px;font-family:Bebas Neue,sans-serif;font-size:3vw}.instrucao-card ul{color:#151515;margin:0;font-family:Anton,sans-serif;font-size:1.5vw}.instrucao-card select{width:auto;height:40px;margin:0;padding:0 5px}.h4{color:#15140e;margin:4px;font-family:Bebas Neue,sans-serif;font-size:2vw}.user-pos{color:#555;margin-right:8px;font-weight:700}.presenca-btn{cursor:pointer;border:none;border-radius:6px;padding:6px 10px;font-weight:500}.presenca-btn.ausente{color:#fff;background-color:#f44336}.presenca-btn.presente{color:#fff;background-color:#4caf50}.soft-warn{color:#d77819;font-size:1.2em;font-style:italic}#deleteAccountBtn{margin:20px auto 0;display:block}.event-title{text-align:center;width:80%;margin-left:10%}.modal-overlay{z-index:9999;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#loading{background-color:#0000001a}.modal-content{text-align:center;background-color:#f8ede0;border-radius:8px;width:100%;max-width:min(90vw,800px);max-height:85vh;padding:30px;overflow-y:auto;box-shadow:0 4px 15px #0000004d}.modal-content h3{color:#333;margin-top:0}.modal-content p{color:#555;margin-bottom:20px;font-size:1.5em}.modal-botoes{justify-content:space-around;gap:10px;display:flex}.modal-botoes>select{width:auto}.modal-botoes>button:hover{transition:transform .1s ease-in-out;transform:scale(1.02)}.modal-botoes>button:not(:hover){transition:transform .1s ease-in-out;transform:scale(1)}.modal-botoes>button:active{transition:transform .1s ease-in-out;transform:scale(.98)}.close-image-modal-button{justify-content:center;align-items:center;display:flex;position:absolute;top:5px;right:5px}.close-image-modal-button>img{width:auto;height:max(35px,4vw)}@media (width<=500px){.icon-button>img.config-icon{position:absolute;top:2px;right:0}#userInfo{position:relative}}