body,html{font-family:Arial,sans-serif;height:100%;margin:0;overflow:hidden;padding:0}body{background-color:#f0f4f8;color:#333}#login-container,body{align-items:center;display:flex;flex-direction:column}#login-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;justify-content:center;margin:auto;max-width:480px;padding:20px;text-align:center;width:80%}#login-container input{border:2px solid #4a90e2;border-radius:8px;box-sizing:border-box;margin-bottom:10px;padding:12px;width:100%}#login-button{background-color:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px;width:100%}#login-button:hover{background-color:#357abd}#app{align-items:center;display:flex;flex-direction:column;height:100%;margin:20px 20px 0;max-width:480px;overflow-y:auto;padding-bottom:20px;position:relative}#app,.refresh-indicator{transition:transform .3s ease;width:100%}.refresh-indicator{background-color:#f1f1f1;display:none;padding:10px;position:absolute;text-align:center;top:-50px}.refresh-indicator.visible{display:block}#cagnotte-container{font-size:24px;font-weight:700;margin-bottom:10px;text-align:center}#profiles{background-color:#fff;border-radius:12px;box-sizing:border-box;flex-direction:column;gap:10px;padding:10px}#profiles,.profile{align-items:center;display:flex;max-width:360px;width:100%}.profile{justify-content:space-around;text-align:center}.profile img{border-radius:50%;height:70px;margin:0;width:70px}.profile-content{align-items:center;display:flex;justify-content:center}.button-container{align-items:center;display:flex;flex-direction:column;gap:10px}.button-container button{background-color:#ff6f61;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:8px 12px}.button-container button:disabled{background-color:#d3d3d3;cursor:not-allowed;touch-action:none}.profile-details{display:flex;flex-direction:column}.profile-details .name{font-size:16px;margin-top:5px}.counter{font-size:21px;font-weight:700}.positive{color:#4ebd4e}.negative{color:#e94e77}.period-buttons{display:flex;gap:10px;justify-content:center;margin:20px 0;text-align:center;width:90%}.period-buttons button{background-color:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;padding:10px}.period-buttons button.active{background-color:#357abd}.bot-btn{background:none;border:none;color:#000;cursor:pointer;font-size:14px;padding:12px;width:50%}button{touch-action:manipulation}button:active{transform:scale(.98)}.row{display:flex;justify-content:center}#bonus{color:#4ebd4e;justify-self:flex-end}#bonus span{color:#000}
/*# sourceMappingURL=main.b6698c87cd5d95a18636.css.map*/